Apurav Chauhan apuravchauhan
apuravchauhan
/ gist:feb36ef06a7ad1724ccf61425c17bbb9
Created
November 12, 2017 06:08
Part 2 - Final HTML for our Air Pollution App
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-header> | |
| <ion-navbar> | |
| <ion-buttons start> | |
| <button menuToggle ion-button icon-only style="color:white"> | |
| <ion-icon name="ios-menu"></ion-icon> | |
| </button> | |
| </ion-buttons> | |
| <ion-title>AIR POLLUTION</ion-title> | |
| <ion-buttons end> |
apuravchauhan
/ gist:70232cc65b76e72b0412326c11a9756b
Last active
November 12, 2017 06:07
Part 2 - Backend integration with Air pollution app - home.ts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Component } from '@angular/core'; | |
| import { NavController } from 'ionic-angular'; | |
| import { Http } from '@angular/http'; | |
| import 'rxjs/add/operator/toPromise'; | |
| import { LoadingController } from 'ionic-angular'; | |
| @Component({ | |
| selector: 'page-home', | |
| templateUrl: 'home.html' | |
| }) |
apuravchauhan
/ gist:fb66f3a559c33b512ea0031d4ae2c9f3
Created
November 11, 2017 10:11
Custom font face for Air Pollution App tutorial
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $product-font-path: $font-path !default; | |
| @font-face { | |
| font-family: "Product Sans"; | |
| font-style: normal; | |
| font-weight: 300; | |
| src: local("Product Sans"), local("Product-Sans-Regular"), url("#{$product-font-path}/ProductRegular.ttf") format("truetype"); | |
| } | |
| @font-face { | |
| font-family: "Product Sans"; |
apuravchauhan
/ gist:70869d5baa68424c015d4dbbcfd20d50
Created
November 11, 2017 10:09
home.scss for Air pollution app tutorial
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| page-home { | |
| text-align: center; | |
| .scroll-content { | |
| margin-top: 0 !important; | |
| } | |
| .has-refresher > .scroll-content { | |
| border-top: 0; | |
| } |
apuravchauhan
/ gist:3dac13687b039e82e72b09680fad0cfb
Created
November 11, 2017 10:07
home.html code for Air pollution app tutorial
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-header> | |
| <ion-navbar> | |
| <ion-buttons start> | |
| <button menuToggle ion-button icon-only style="color:white"> | |
| <ion-icon name="ios-menu"></ion-icon> | |
| </button> | |
| </ion-buttons> | |
| <ion-title>AIR POLLUTION</ion-title> | |
| <ion-buttons end> | |
| <button ion-button icon-only style="color:white" (click)="reload()"> |
NewerOlder