Skip to content

T
truebusVersion2
Commit 443a6ab3 by Arya Vijayan
Options

initial push

parents
Showing with 3371 additions and 0 deletions
.editorconfig 0 → 100644
# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 2
# We recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
\ No newline at end of file
.gitignore 0 → 100644
# Specifies intentionally untracked files to ignore when using Git
# http://git-scm.com/docs/gitignore
*~
*.sw[mnpcod]
*.log
*.tmp
*.tmp.*
log.txt
*.sublime-project
*.sublime-workspace
.vscode/
npm-debug.log*
.idea/
.ionic/
.sourcemaps/
.sass-cache/
.tmp/
.versions/
coverage/
dist/
node_modules/
tmp/
temp/
platforms/
plugins/
plugins/android.json
plugins/ios.json
www/
$RECYCLE.BIN/
.DS_Store
Thumbs.db
UserInterfaceState.xcuserstate
config.xml 0 → 100644
<?xml version='1.0' encoding='utf-8'?>
<widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>testapp</name>
<description>An awesome Ionic/Cordova app.</description>
<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
<content src="index.html" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<preference name="ScrollEnabled" value="false" />
<preference name="android-minSdkVersion" value="19" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
<platform name="android">
<allow-intent href="market:*" />
<icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
<icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
<icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
<icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
<icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
<icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
<splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
<splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
<splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
<splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
<splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
<splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
<splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
<splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
<splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
<splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
<splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
<splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<icon height="57" src="resources/ios/icon/icon.png" width="57" />
<icon height="114" src="resources/ios/icon/[email protected]" width="114" />
<icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
<icon height="80" src="resources/ios/icon/[email protected]" width="80" />
<icon height="120" src="resources/ios/icon/[email protected]" width="120" />
<icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
<icon height="100" src="resources/ios/icon/[email protected]" width="100" />
<icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
<icon height="120" src="resources/ios/icon/[email protected]" width="120" />
<icon height="180" src="resources/ios/icon/[email protected]" width="180" />
<icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
<icon height="144" src="resources/ios/icon/[email protected]" width="144" />
<icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
<icon height="152" src="resources/ios/icon/[email protected]" width="152" />
<icon height="167" src="resources/ios/icon/[email protected]" width="167" />
<icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
<icon height="58" src="resources/ios/icon/[email protected]" width="58" />
<icon height="87" src="resources/ios/icon/[email protected]" width="87" />
<icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
<splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
<splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
<splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
<splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
<splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
<splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
<splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
<splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
<splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
<splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
<splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
<splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
<splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
</platform>
<plugin name="cordova-plugin-whitelist" spec="1.3.3" />
<plugin name="cordova-plugin-device" spec="2.0.2" />
<plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
<plugin name="cordova-plugin-ionic-webview" spec="^2.0.0" />
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
<engine name="android" spec="~7.0.0" />
</widget>
ionic.config.json 0 → 100644
{
"name": "testapp",
"integrations": {
"cordova": {}
},
"type": "ionic-angular",
"pro_id": "25be3f24",
"app_id": ""
}
ionic.starter.json 0 → 100644
{
"name": "Sidemenu Starter",
"baseref": "master",
"tarignore": [
".sourcemaps",
"node_modules",
"package-lock.json",
"www"
],
"scripts": {
"test": "npm run build"
}
}
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
{
"name": "testapp",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"start": "ionic-app-scripts serve",
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint"
},
"dependencies": {
"@angular/animations": "5.2.11",
"@angular/common": "5.2.11",
"@angular/compiler": "5.2.11",
"@angular/compiler-cli": "5.2.11",
"@angular/core": "5.2.11",
"@angular/forms": "5.2.11",
"@angular/http": "5.2.11",
"@angular/platform-browser": "5.2.11",
"@angular/platform-browser-dynamic": "5.2.11",
"@ionic-native/core": "~4.11.0",
"@ionic-native/splash-screen": "~4.11.0",
"@ionic-native/status-bar": "~4.11.0",
"@ionic/pro": "2.0.3",
"@ionic/storage": "2.1.3",
"angularfire2": "^5.0.0-rc.12",
"cordova-android": "7.0.0",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-ionic-keyboard": "^2.1.2",
"cordova-plugin-ionic-webview": "^2.1.0",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-whitelist": "^1.3.3",
"firebase": "^5.4.1",
"ionic-angular": "3.9.2",
"ionicons": "3.0.0",
"promise-polyfill": "^8.1.0",
"rxjs": "5.5.11",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.26"
},
"devDependencies": {
"@ionic/app-scripts": "3.2.0",
"typescript": "~2.6.2"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-whitelist": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-ionic-webview": {},
"cordova-plugin-ionic-keyboard": {}
},
"platforms": [
"android"
]
}
}
resources/README.md 0 → 100644
These are Cordova resources. You can replace icon.png and splash.png and run
`ionic cordova resources` to generate custom icons and splash screens for your
app. See `ionic cordova resources --help` for details.
Cordova reference documentation:
- Icons: https://cordova.apache.org/docs/en/latest/config_ref/images.html
- Splash Screens: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/
resources/icon.png.md5 0 → 100644
3f1bbdf1aefcb5ce7b60770ce907c68f
\ No newline at end of file
resources/splash.png.md5 0 → 100644
2412a8324a656ec5993eb50b3b293c69
\ No newline at end of file
src/app/app.component.ts 0 → 100644
import { Component, ViewChild } from '@angular/core';
import { Nav, Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
@ViewChild(Nav) nav: Nav;
rootPage: any = 'LoginPage';
constructor(public platform: Platform, public statusBar: StatusBar, public splashScreen: SplashScreen) {
this.initializeApp();
}
initializeApp() {
this.platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
this.statusBar.styleDefault();
this.splashScreen.hide();
});
}
cancelticket() {
this.nav.setRoot("CanceltripPage");
}
home() {
this.nav.setRoot("HomePage");
}
login() {
this.nav.setRoot("LoginPage");
}
changepass() {
this.nav.setRoot("ForgotPage");
}
}
src/app/app.firebaseconfig.ts 0 → 100644
export var config = {
apiKey: "AIzaSyCjHdnKLes_pZBooXe99kIbtlqCi16l2Jk",
authDomain: "mynew-47b5d.firebaseapp.com",
databaseURL: "https://mynew-47b5d.firebaseio.com",
projectId: "mynew-47b5d",
storageBucket: "",
messagingSenderId: "878406303667"
};
\ No newline at end of file
src/app/app.html 0 → 100644
<ion-menu [content]="content">
<ion-content class="background">
<div class="sidemenu_wrapper">
<div class="profile_banner">
<div class="profie_circle">
</div>
<h5>Ann Alexander</h5>
<hr>
</div>
<ul>
<li menuClose (click)="home()">
<ion-icon name="home"></ion-icon>Home
</li>
<li menuClose>
<ion-icon name="bus"></ion-icon>My Trip
</li>
<li menuClose>
<ion-icon name="cash"></ion-icon>Wallets
</li>
<li menuClose (click)="cancelticket()">
<ion-icon name="backspace"></ion-icon>Cancel ticket
</li>
<li menuClose (click)="changepass()">
<ion-icon name="key"></ion-icon>Change Password
</li>
<li menuClose (click)="login()">
<ion-icon name="log-out"></ion-icon>Logout
</li>
</ul>
</div>
</ion-content>
</ion-menu>
<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage " #content swipeBackEnabled="false "></ion-nav>
\ No newline at end of file
src/app/app.module.ts 0 → 100644
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { HttpModule } from '@angular/http';
import { MyApp } from './app.component';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { config } from './app.firebaseconfig';
@NgModule({
declarations: [
MyApp
],
imports: [
BrowserModule,
HttpModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}
src/app/app.scss 0 → 100644
/*
Site Name: Soulmate
URI: http:
Description: This is the theme css for Soulmate
Version: 0.1
Author: Amal-Techware Solution
Author URI:
Tags:
---------------------------
THEME STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01. FONTS-N-SIZES
02. FONTS-COLOR
03. THEMES-N-BACKGROUNDS
04. SPACING-N-POSITIONS
05. ALIGMENTS
06. ALERTS-N-MESSAGES
07. BODY-STRUCTURE
08. OVERWRITTEN
*/
/*-------------------------------
01. FONTS-N-SIZES
--------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
* {
font-family: 'Roboto', sans-serif;
}
*::-webkit-scrollbar {
display: none;
}
.no-scroll .scroll-content {
overflow: hidden;
}
a {
text-decoration: none !important;
}
/*-------------------------------
02. FONTS-SETTINGS
--------------------------------*/
.text_color_white {
color: hsl(0, 0%, 100%) !important;
}
.text_color_theme {
color: #FF585E !important;
}
.font_size_xs {
font-size: 12px !important;
}
.font_size_sm {
font-size: 14px !important;
}
.font_size_md {
font-size: 16px !important;
}
.font_size_lg {
font-size: 18px !important;
}
.font_size_xl {
font-size: 20px !important;
}
.font_size_vl {
font-size: 35px !important;
}
.font_weight300 {
font-weight: 300 !important;
}
.font_weight400 {
font-weight: 400 !important;
}
.font_weight500 {
font-weight: 500 !important;
}
.font_weight600 {
font-weight: 600 !important;
}
/*-------------------------------
03. THEMES-N-BACKGROUNDS
--------------------------------*/
.theme_background {
background-color: #FF585E !important;
border: 1px solid #FF585E;
}
.theme_transparent {
background: transparent !important;
}
.theme_white {
background-color: #f7f8fd !important;
}
.theme_off_white {
background-color: #f4f4f4 !important;
}
.theme_dark_transparent {
background-color: rgba(0, 0, 0, 0.6) !important;
}
.theme_white_transparent {
background-color: rgba(243, 243, 243, 0.6) !important;
}
.setting_bg {
background: #fafaf6;
}
/*-------------------------------
04. SPACING-N-POSITIONS
--------------------------------*/
.width25 {
width: 25% !important;
}
.width50 {
width: 50% !important;
}
.width75 {
width: 75% !important;
}
.widthFull {
width: 100% !important;
}
.widthAuto {
width: auto !important;
}
.height25 {
height: 25% !important;
}
.height50 {
height: 50% !important;
}
.height75 {
width: 75% !important;
}
.heightFull {
height: 100% !important;
}
.heightAuto {
height: auto !important;
}
.p0 {
padding: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.p10 {
padding: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.m0 {
margin: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mAuto {
margin: 0 auto !important;
}
.clear {
clear: both !important;
}
.absolute {
position: absolute !important;
}
.relative {
position: relative !important;
}
.fixed {
position: fixed !important;
}
/*-------------------------------
05. ALIGMENTS
--------------------------------*/
.floatLeft {
float: left !important;
}
.floatRight {
float: right !important;
}
.textLeft {
text-align: left !important;
}
.textRight {
text-align: right !important;
}
.textCenter {
text-align: center !important;
}
/*-------------------------------
06. ALERTS-N-MESSAGES
--------------------------------*/
.warning {
color: #fff;
background-color: #8a6d3b;
}
.success {
background-color: #dff0d8 !important;
border-color: #d6e9c6 !important;
margin-bottom: 10px;
}
.success p {
color: #3c763d !important;
}
.error {
background-color: #f2dede !important;
border-color: #ebccd1 !important;
margin-bottom: 10px;
}
.error p {
color: #a94442 !important;
}
.valid-p {
padding: 5px !important;
padding-left: 10px;
font-size: 12px !important;
font-weight: 300 !important;
}
/*-------------------------------
07. BODY-STRUCTURE
--------------------------------*/
.nav_header {
width: 100%;
z-index: 999;
background-color: #FF585E !important;
}
.nav_btn {
width: 45px !important;
height: 45px !important;
background: transparent;
margin: 0px;
font-size: 25px;
color: #fff;
padding: 0px !important;
box-shadow: none !important;
}
.nav_header_title {
height: 100%;
font-weight: 300;
font-size: 20px;
color: #fff;
padding: 10px;
text-transform: capitalize;
width: calc(100% - 90px);
letter-spacing: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 8px;
padding-right: 8px;
}
.nav_header_title .icon {}
.clear {
clear: both !important;
}
.border {
border: 1px solid;
}
.borderNone {
border: none !important;
}
.see_btn {
font-size: 18px !important;
text-transform: capitalize !important;
}
.nav_inner_btn {
width: 45px !important;
height: 45px !important;
background: transparent;
margin: 0px;
font-size: 25px;
color: #fff;
padding: 0px !important;
box-shadow: none !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 35px !important;
}
.nav_header_inner_title {
height: 100%;
font-weight: 400;
font-size: 20px;
color: #fff;
padding: 10px;
font-weight: 300;
text-align: left;
text-transform: capitalize;
width: calc(100% - 90px);
letter-spacing: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 8px;
padding-right: 8px;
}
.nav_header_inner_title .icon {}
/*-------------------------------
08. OVERWRITTEN
--------------------------------*/
.activated {
background: transparent !important;
}
button {
box-shadow: none !important;
}
.item {
background: transparent !important;
padding: 0px !important;
border: none !important;
.item-inner {
padding: 0px !important;
.input {
height: 100%;
.text-input {
padding: 0px !important;
margin: 0px !important;
width: 100%;
}
}
}
}
.button-md:hover:not(.disable-hover) {
background: transparent !important;
}
.header-md::after,
.tabs-md[tabsPlacement="top"]>.tabbar::after,
.footer-md::before,
.tabs-md[tabsPlacement="bottom"]>.tabbar::before {
background: transparent !important;
}
.alert-radio-group {
border: none !important;
}
.background {
background-image: url("../../assets/imgs/bg.png");
}
.sidemenu_wrapper {
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
overflow-y: hidden;
height: 100%;
padding-left: 20px;
.profile_banner {
.profie_circle {
width: 100px;
height: 100px;
border-radius: 50%;
background: #c7c7c7;
border-radius: 50%;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
h5 {
margin: 0px;
color: #FF585E;
padding-top: 15px;
font-size: 30px;
font-weight: 300;
text-align: left;
}
p {
margin: 0px;
color: #FF585E;
font-size: 16px;
font-weight: 300;
text-align: left;
}
hr {
margin: 0px;
padding: 0px;
border: 2px solid #0a0a0a;
width: 30px;
margin-top: 10px;
height: 0px;
}
}
ul {
padding: 0px;
margin: 0px;
padding-top: 30px;
li {
list-style: none;
font-size: 18px;
font-weight: 400;
color: #000000;
text-align: left;
padding-bottom: 20px;
.icon {
margin-right: 10px;
position: relative;
top: 1px;
}
}
}
}
\ No newline at end of file
src/app/main.ts 0 → 100644
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
platformBrowserDynamic().bootstrapModule(AppModule);
src/declarations.d.ts 0 → 100644
declare var process: { env: { [key: string]: string | undefined; } };
src/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Ionic App</title>
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#4e8ef7">
<!-- add to homescreen for ios -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- cordova.js required for cordova apps (remove if not needed) -->
<script src="cordova.js"></script>
<!-- un-comment this code to enable service worker
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(() => console.log('service worker installed'))
.catch(err => console.error('Error', err));
}
</script>-->
<link href="build/main.css" rel="stylesheet">
</head>
<body>
<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>
<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>
<!-- The vendor js is generated during the build process
It contains all of the dependencies in node_modules -->
<script src="build/vendor.js"></script>
<!-- The main bundle js is generated during the build process -->
<script src="build/main.js"></script>
</body>
</html>
src/manifest.json 0 → 100644
{
"name": "Ionic",
"short_name": "Ionic",
"start_url": "index.html",
"display": "standalone",
"icons": [{
"src": "assets/imgs/logo.png",
"sizes": "512x512",
"type": "image/png"
}],
"background_color": "#4e8ef7",
"theme_color": "#4e8ef7"
}
\ No newline at end of file
src/models/interfaces/usercreds.ts 0 → 100644
export interface usercreds {
email: string;
password: string;
}
\ No newline at end of file
src/pages/boardingpoint/boardingpoint.html 0 → 100644
<ion-header class="">
<div class="nav_header">
<button class="nav_btn floatLeft" (click)="back()">
<ion-icon name="arrow-back"></ion-icon>
</button>
<div class="nav_header_title floatLeft textLeft">
Select boarding point
</div>
<div class="clear"></div>
</div>
<div class="nav_header">
<div class="trip_bay">
<ion-searchbar [(ngModel)]="myInput" [showCancelButton]="shouldShowCancel" (ionInput)="onInput($event)" (ionCancel)="onCancel($event)" placeholder="Search boarding points">
</ion-searchbar>
</div>
</div>
<div class="nav_header ">
<div class="trip_bay ">
<ion-row>
<ion-col col-4 class="p0 ">
<p>Bangalore</p>
</ion-col>
<ion-col col-4 class="p0 ">
<p>
<ion-icon name="md-swap"></ion-icon>
</p>
</ion-col>
<ion-col col-4 class="p0 ">
<p>Kochin</p>
</ion-col>
</ion-row>
</div>
</div>
<div class="nav_header ">
<div class="trip_bay ">
<ion-row>
<ion-col col-3 class="p0 ">
<p>
<ion-icon name="arrow-back"></ion-icon>
</p>
</ion-col>
<ion-col col-6 class="p0 ">
<p>21 August 2019</p>
</ion-col>
<ion-col col-3 class="p0 ">
<p>
<ion-icon name="arrow-forward"></ion-icon>
</p>
</ion-col>
</ion-row>
</div>
</div>
</ion-header>
<ion-content padding>
<ion-list radio-group [(ngModel)]="boarding">
<ion-item>
<ion-label>
<p class="floatLeft">Madiwala</p>
<p class="floatRight">05:30pm</p>
<div class="clear"></div>
</ion-label>
<ion-radio value=" 1 " checked></ion-radio>
</ion-item>
<ion-item>
<ion-label>
<p class="floatLeft">Electronic City</p>
<p class="floatRight">06:00pm</p>
<div class="clear"></div>
</ion-label>
<ion-radio value="2 "></ion-radio>
</ion-item>
<ion-item>
<ion-label>
<p class="floatLeft">HSR Layout</p>
<p class="floatRight">06:15pm</p>
<div class="clear"></div>
</ion-label>
<ion-radio value="3 "></ion-radio>
</ion-item>
</ion-list>
</ion-content>
<ion-footer>
<button ion-button class="widthFull m0 done_btn" (click)="success()">
NEXT
</button>
</ion-footer>
\ No newline at end of file
src/pages/boardingpoint/boardingpoint.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { BoardingpointPage } from './boardingpoint';
@NgModule({
declarations: [
BoardingpointPage,
],
imports: [
IonicPageModule.forChild(BoardingpointPage),
],
})
export class BoardingpointPageModule {}
src/pages/boardingpoint/boardingpoint.scss 0 → 100644
page-boardingpoint {
.trip_bay {
width: 100%;
background: #FF585E;
color: #fff;
p {
color: #fff;
margin: 0px;
text-align: center;
padding: 10px;
font-weight: 300;
font-size: 18px;
}
}
.label {
color: #343434;
font-weight: 400;
p {
margin: 0px;
}
}
.done_btn {
height: 50px;
border-radius: 0px;
font-size: 20px;
font-weight: 400;
letter-spacing: 2px;
}
}
\ No newline at end of file
src/pages/boardingpoint/boardingpoint.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
/**
* Generated class for the BoardingpointPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-boardingpoint',
templateUrl: 'boardingpoint.html',
})
export class BoardingpointPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad BoardingpointPage');
}
back(){
this.navCtrl.pop();
}
success(){
this.navCtrl.push("BooksummaryPage");
}
}
src/pages/booksuccess/booksuccess.html 0 → 100644
<ion-header class="">
<div class="nav_header">
<button class="nav_btn floatLeft" (click)="back()">
<ion-icon name="arrow-back"></ion-icon>
</button>
<div class="nav_header_title floatLeft textLeft">
Booking Summary
</div>
<div class="clear"></div>
</div>
</ion-header>
<ion-content>
<div class="success_div">
<div class="logo">
<img src="../assets/imgs/tb-logo.png">
</div>
<p>Your payment is <br>Succesfull</p>
<h5>Booking ID : <strong>E3456KJJ</strong></h5>
</div>
</ion-content>
<ion-footer>
<ion-row>
<ion-col col-6 class="p0">
<button ion-button class="done_btn widthFull m0">HOME</button>
</ion-col>
<ion-col col-6 class="p0">
<button ion-button class="done_btn widthFull m0">MY TRIPS</button>
</ion-col>
</ion-row>
</ion-footer>
\ No newline at end of file
src/pages/booksuccess/booksuccess.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { BooksuccessPage } from './booksuccess';
@NgModule({
declarations: [
BooksuccessPage,
],
imports: [
IonicPageModule.forChild(BooksuccessPage),
],
})
export class BooksuccessPageModule {}
src/pages/booksuccess/booksuccess.scss 0 → 100644
page-booksuccess {
.scroll-content {
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.success_div {
width: 100%;
.logo {
text-align: center;
margin: 0 auto;
img {
width: 150px;
}
}
p {
color: #45c40d;
text-align: center;
font-size: 25px;
}
h5 {
color: #a8a8a8;
text-align: center;
font-weight: 400;
}
}
.done_btn {
height: 50px;
border-radius: 0px;
font-size: 20px;
font-weight: 400;
letter-spacing: 2px;
}
}
\ No newline at end of file
src/pages/booksuccess/booksuccess.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-booksuccess',
templateUrl: 'booksuccess.html',
})
export class BooksuccessPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad BooksuccessPage');
}
back(){
this.navCtrl.pop();
}
}
src/pages/booksummary/booksummary.html 0 → 100644
<ion-header class="">
<div class="nav_header">
<button class="nav_btn floatLeft" (click)="back()">
<ion-icon name="arrow-back"></ion-icon>
</button>
<div class="nav_header_title floatLeft textLeft">
Booking Summary
</div>
<div class="clear"></div>
</div>
</ion-header>
<ion-content class="background">
<div class="logo">
<img src="../assets/imgs/tb-logo.png">
</div>
<ion-card>
<ion-card-header>
Ticket Details
</ion-card-header>
<ion-card-content>
<ion-row>
<ion-col col-6 class="textLeft">
<p class="bookingid"><strong>BOOKING ID:</strong><br>E57TYHF8</p>
</ion-col>
<ion-col col-6 class="textRight">
<p class="green">BOOKING
<br>CONFIRMED SUCCESSFULLY</p>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
<ion-card>
<ion-card-header>
Trip Details
</ion-card-header>
<ion-card-content>
<ion-row>
<ion-col col-6>
<p><strong> NAME</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>ANN ALEXANDER</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>GENDER</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>MALE</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>AGE</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>25</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>BUS NAME</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>Kerala Line Transports</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>TYPE</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>Multiaxle A/C Sleeper</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>DATE</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>23 NOV 2018</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>DEPARTURE PLACE & TIME</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>HSR Layout / 07:30 PM</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>ARRIVAL PLACE & TIME</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p>VYTILA MOBILITY HUB / 05:30 AM</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<p><strong>TOTAL AMOUNT</strong></p>
</ion-col>
<ion-col col-1>
<strong>:</strong>
</ion-col>
<ion-col col-5>
<p class="green">INR 500</p>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
</ion-content>
<ion-footer>
<button ion-button class="widthFull m0 done_btn" (click)="success()">
DONE
</button>
</ion-footer>
\ No newline at end of file
src/pages/booksummary/booksummary.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { BooksummaryPage } from './booksummary';
@NgModule({
declarations: [
BooksummaryPage,
],
imports: [
IonicPageModule.forChild(BooksummaryPage),
],
})
export class BooksummaryPageModule {}
src/pages/booksummary/booksummary.scss 0 → 100644
page-booksummary {
.logo {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 0px;
img {
width: 100px;
}
}
.card {
border-radius: 10px;
.card-header {
background: #FF585E;
color: #fff;
padding: 10px;
font-size: 16px;
font-weight: 300;
}
.card-content {
padding: 5px;
}
.checkbox {
margin-right: 15px !important;
}
.label {
color: #343434;
font-weight: 400;
}
}
.done_btn {
height: 50px;
border-radius: 0px;
font-size: 20px;
font-weight: 400;
letter-spacing: 2px;
}
.green {
color: #45c40d;
}
.bookingid {
color: #343434;
}
.done_btn {
height: 50px;
border-radius: 0px;
font-size: 20px;
font-weight: 400;
letter-spacing: 2px;
}
}
\ No newline at end of file
src/pages/booksummary/booksummary.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-booksummary',
templateUrl: 'booksummary.html',
})
export class BooksummaryPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad BooksummaryPage');
}
success(){
this.navCtrl.push("BooksuccessPage");
}
back(){
this.navCtrl.pop();
}
}
src/pages/canceltrip/canceltrip.html 0 → 100644
<ion-content class="background relative" padding>
<button class="nav_btn floatLeft" menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-card>
<img src="../assets/imgs/tb-logo.png">
<ion-list>
<ion-item>
<ion-input type="text" placeholder="Ticket Number"></ion-input>
</ion-item>
<ion-item>
<ion-input type="email" placeholder="Email ID"></ion-input>
</ion-item>
</ion-list>
<br>
<button ion-button class="login_btn" (click)="home()">cancel ticket</button>
</ion-card>
</ion-content>
\ No newline at end of file
src/pages/canceltrip/canceltrip.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { CanceltripPage } from './canceltrip';
@NgModule({
declarations: [
CanceltripPage,
],
imports: [
IonicPageModule.forChild(CanceltripPage),
],
})
export class CanceltripPageModule {}
src/pages/canceltrip/canceltrip.scss 0 → 100644
page-canceltrip {
.background {
background-image: url("../../assets/imgs/bg.png");
}
.nav_btn {
position: absolute;
top: 0px;
left: 0px;
color: #FF585E;
}
.scroll-content {
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.card {
text-align: center;
padding-top: 25px;
border-radius: 10px;
img {
width: 180px;
margin: 0 auto;
margin-bottom: 15px;
}
.list {
padding: 10px;
.item {
margin: 0px;
padding: 0px;
.item-inner {
padding: 0px;
.input-wrapper {
.input {
border-bottom: 1px solid #c7c7c7;
.text-input {
font-size: 24px;
font-weight: 300;
text-align: center;
margin: 0px;
width: 100%;
height: 70px;
border-bottom: none !important;
}
}
}
}
}
}
.login_btn {
width: 100%;
margin: 0px;
height: 50px;
font-size: 20px;
font-weight: 300;
border-radius: 0px;
}
}
p {
color: #c7c7c7;
font-size: 18px;
font-weight: 300;
}
}
\ No newline at end of file
src/pages/canceltrip/canceltrip.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-canceltrip',
templateUrl: 'canceltrip.html',
})
export class CanceltripPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad CanceltripPage');
}
home(){
this.navCtrl.push("HomePage");
}
back(){
this.navCtrl.pop();
}
}
src/pages/filter/filter.html 0 → 100644
<ion-header class="nav_header">
<button class="nav_btn floatLeft" (click)="dismiss()">
<ion-icon name="close"></ion-icon>
</button>
<div class="nav_header_title floatLeft textleft">
Sort & Filter
</div>
<div class="clear"></div>
</ion-header>
<ion-content class="background">
<ion-card>
<ion-card-header>
Bus Type
</ion-card-header>
<ion-card-content>
<ion-item>
<ion-label>Push Back</ion-label>
<ion-checkbox></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Sleeper</ion-label>
<ion-checkbox></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Semi-Sleeper</ion-label>
<ion-checkbox></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Multiaxle</ion-label>
<ion-checkbox></ion-checkbox>
</ion-item>
</ion-card-content>
</ion-card>
<ion-card>
<ion-card-header>
Location & Travel
</ion-card-header>
<ion-card-content>
<ion-item>
<ion-label>Travels</ion-label>
<ion-select>
<ion-option>Travels</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Boarding Point</ion-label>
<ion-select>
<ion-option>Choose points</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Dropping Point</ion-label>
<ion-select>
<ion-option>Choose points</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Amenities</ion-label>
<ion-select>
<ion-option>Choose Amenities</ion-option>
</ion-select>
</ion-item>
</ion-card-content>
</ion-card>
</ion-content>
<ion-footer>
<button ion-button class="widthFull m0 done_btn" (click)="dismiss()">
DONE
</button>
</ion-footer>
\ No newline at end of file
src/pages/filter/filter.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { FilterPage } from './filter';
@NgModule({
declarations: [
FilterPage,
],
imports: [
IonicPageModule.forChild(FilterPage),
],
})
export class FilterPageModule {}
src/pages/filter/filter.scss 0 → 100644
page-filter {
.card {
border-radius: 10px;
.card-header {
background: #FF585E;
color: #fff;
padding: 10px;
font-size: 16px;
font-weight: 300;
}
.checkbox {
margin-right: 15px !important;
}
.label {
color: #343434;
font-weight: 400;
}
}
.done_btn {
height: 50px;
border-radius: 0px;
font-size: 20px;
font-weight: 400;
letter-spacing: 2px;
}
}
\ No newline at end of file
src/pages/filter/filter.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams,ViewController } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-filter',
templateUrl: 'filter.html',
})
export class FilterPage {
constructor(public navCtrl: NavController, public navParams: NavParams,public viewCtrl: ViewController) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad FilterPage');
}
dismiss() {
this.viewCtrl.dismiss();
}
}
src/pages/forgot/forgot.html 0 → 100644
<ion-header class="nav_header">
<button class="nav_btn floatLeft" menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<div class="nav_header_title floatLeft textleft">
Forgot Page
</div>
<div class="clear"></div>
</ion-header>
<ion-content class="background" padding>
<br>
<br>
<ion-card>
<ion-list>
<ion-item>
<ion-input type="password" placeholder="Old Password"></ion-input>
</ion-item>
<ion-item>
<ion-input type="password" placeholder="New Password"></ion-input>
</ion-item>
<ion-item>
<ion-input type="password" placeholder="Confirm New Password"></ion-input>
</ion-item>
</ion-list>
<br>
<button ion-button class="login_btn" (click)="login()">SAVE</button>
</ion-card>
</ion-content>
\ No newline at end of file
src/pages/forgot/forgot.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ForgotPage } from './forgot';
@NgModule({
declarations: [
ForgotPage,
],
imports: [
IonicPageModule.forChild(ForgotPage),
],
})
export class ForgotPageModule {}
src/pages/forgot/forgot.scss 0 → 100644
page-forgot {
.background {
background-image: url("../../assets/imgs/bg.png");
}
.card {
text-align: center;
border-radius: 10px;
.list {
padding: 10px;
.item {
margin: 0px;
padding: 0px;
.item-inner {
padding: 0px;
.input-wrapper {
.input {
border-bottom: 1px solid #c7c7c7;
.text-input {
font-size: 24px;
font-weight: 300;
text-align: center;
margin: 0px;
width: 100%;
height: 70px;
border-bottom: none !important;
}
}
}
}
}
}
.login_btn {
width: 100%;
margin: 0px;
height: 50px;
font-size: 20px;
font-weight: 300;
border-radius: 0px;
}
}
p {
color: #c7c7c7;
font-size: 18px;
font-weight: 300;
}
}
\ No newline at end of file
src/pages/forgot/forgot.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-forgot',
templateUrl: 'forgot.html',
})
export class ForgotPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad ForgotPage');
}
login(){
this.navCtrl.push("LoginPage");
}
back(){
this.navCtrl.pop();
}
}
src/pages/home/home.html 0 → 100644
<ion-content padding class="background relative">
<button class="nav_btn floatLeft" menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-card>
<img src="../assets/imgs/tb-logo.png">
<ion-list>
<ion-item>
<ion-icon name="locate"></ion-icon>
<ion-input type="text" placeholder="Boarding Point"></ion-input>
</ion-item>
<ion-item>
<ion-icon name="pin"></ion-icon>
<ion-input type="text" placeholder="Destination Point"></ion-input>
</ion-item>
<ion-item>
<ion-icon name="calendar"></ion-icon>
<ion-input type="text" placeholder="Date of Travel"></ion-input>
</ion-item>
</ion-list>
<br>
<button ion-button class="login_btn" (click)="search()">Search for buses</button>
</ion-card>
</ion-content>
\ No newline at end of file
src/pages/home/home.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { HomePage } from './home';
@NgModule({
declarations: [
HomePage,
],
imports: [
IonicPageModule.forChild(HomePage),
],
})
export class HomePageModule {}
src/pages/home/home.scss 0 → 100644
page-home {
.background {
background-image: url("../../assets/imgs/bg.png");
}
.nav_btn {
position: absolute;
top: 0px;
left: 0px;
color: #FF585E;
}
.scroll-content {
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.card {
text-align: center;
padding-top: 30px;
border-radius: 10px;
img {
width: 180px;
margin: 0 auto;
margin-bottom: 15px;
}
.list {
padding: 10px;
.item {
margin: 0px;
padding: 0px;
position: relative;
.item-inner {
padding: 0px;
.input-wrapper {
.input {
border-bottom: 1px solid #c7c7c7;
.text-input {
font-size: 24px;
font-weight: 300;
margin: 0px;
width: 100%;
height: 70px;
border-bottom: none !important;
}
}
}
}
}
}
.login_btn {
width: 100%;
margin: 0px;
height: 50px;
font-size: 20px;
font-weight: 300;
border-radius: 0px;
}
}
p {
color: #c7c7c7;
font-size: 18px;
font-weight: 300;
}
}
\ No newline at end of file
src/pages/home/home.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-home',
templateUrl: 'home.html',
})
export class HomePage {
movies: Array<any>;
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad HomePage');
}
search(){
this.navCtrl.push("SearchresultsPage");
}
}
src/pages/landing/landing.html 0 → 100644
<!--
Generated template for the LandingPage page.
See http://ionicframework.com/docs/components/#navigation for more info on
Ionic pages and navigation.
-->
<ion-header>
<ion-navbar>
<ion-title>landing</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
</ion-content>
src/pages/landing/landing.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { LandingPage } from './landing';
@NgModule({
declarations: [
LandingPage,
],
imports: [
IonicPageModule.forChild(LandingPage),
],
})
export class LandingPageModule {}
src/pages/landing/landing.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
/**
* Generated class for the LandingPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-landing',
templateUrl: 'landing.html',
})
export class LandingPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad LandingPage');
}
}
src/pages/list/list.html 0 → 100644
<!--
Generated template for the ListPage page.
See http://ionicframework.com/docs/components/#navigation for more info on
Ionic pages and navigation.
-->
<ion-header color="secondary">
<ion-navbar>
<ion-title>list</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<div *ngIf="movie" class="selection">
<ion-card>
<ion-item>
<ion-avatar item-left image-large>
<img src="https://image.tmdb.org/t/p/w92{{movie.poster_path}}" />
</ion-avatar>
<h1>{{movie.title}}</h1>
<p>{{movie.release_date}}</p>
</ion-item>
<ion-item>
<ion-icon name="document" item-left></ion-icon>
<h2>Overview</h2>
<p class="item-description">{{movie.overview}}</p>
<p>{{movie.original_language}}</p>
</ion-item>
<ion-item>
<ion-icon name="bookmark" item-left></ion-icon>
<h2>Average Vote</h2>
<p>{{movie.vote_average}}</p>
</ion-item>
</ion-card>
</div>
</ion-content>
\ No newline at end of file
src/pages/list/list.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ListPage } from './list';
@NgModule({
declarations: [
ListPage,
],
imports: [
IonicPageModule.forChild(ListPage),
],
})
export class ListPageModule {}
src/pages/list/list.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import{ServicesProvider} from'../../providers/services/services';
@IonicPage()
@Component({
selector: 'page-list',
templateUrl: 'list.html',
})
export class ListPage {
movie: {};
constructor(public navCtrl: NavController, public navParams: NavParams,private servicesProvider: ServicesProvider) {
this.movie = navParams.get('movie');
}
ionViewDidLoad() {
console.log('ionViewDidLoad ListPage');
}
}
src/pages/login/login.html 0 → 100644
<ion-content class="background" padding>
<ion-card>
<img src="../assets/imgs/tb-logo.png">
<ion-list>
<ion-item>
<ion-input type="text" placeholder="Mobile Number"></ion-input>
</ion-item>
<ion-item>
<ion-input type="password" placeholder="Password"></ion-input>
</ion-item>
</ion-list>
<br>
<button ion-button class="login_btn" (click)="login()">Login</button>
</ion-card>
<p (click)="signup()">Add a new account</p>
<p (click)="forgot()">Forgot Password ?</p>
</ion-content>
\ No newline at end of file
src/pages/login/login.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { LoginPage } from './login';
@NgModule({
declarations: [
LoginPage,
],
imports: [
IonicPageModule.forChild(LoginPage),
],
})
export class LoginPageModule {}
src/pages/login/login.scss 0 → 100644
page-login {
.background {
background-image: url("../../assets/imgs/bg.png");
}
.scroll-content {
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.card {
text-align: center;
padding-top: 25px;
border-radius: 10px;
img {
width: 180px;
margin: 0 auto;
margin-bottom: 15px;
}
.list {
padding: 10px;
.item {
margin: 0px;
padding: 0px;
.item-inner {
padding: 0px;
.input-wrapper {
.input {
border-bottom: 1px solid #c7c7c7;
.text-input {
font-size: 24px;
font-weight: 300;
text-align: center;
margin: 0px;
width: 100%;
height: 70px;
border-bottom: none !important;
}
}
}
}
}
}
.login_btn {
width: 100%;
margin: 0px;
height: 50px;
font-size: 20px;
font-weight: 300;
border-radius: 0px;
}
}
p {
color: #c7c7c7;
font-size: 18px;
font-weight: 300;
}
}
\ No newline at end of file
src/pages/login/login.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-login',
templateUrl: 'login.html',
})
export class LoginPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad LoginPage');
}
login(){
this.navCtrl.push("HomePage");
}
signup(){
this.navCtrl.push("SignupPage");
}
forgot(){
this.navCtrl.push("ForgotPage");
}
}
src/pages/searchresults/searchresults.html 0 → 100644
<ion-header class="">
<div class="nav_header">
<button class="nav_btn floatLeft" (click)="back()">
<ion-icon name="arrow-back"></ion-icon>
</button>
<div class="nav_header_title floatLeft textLeft">
Search Results
</div>
<button class="nav_btn floatLeft" (click)="filter()">
<ion-icon name="funnel"></ion-icon>
</button>
<div class="clear"></div>
</div>
<div class="nav_header">
<div class="trip_bay">
<ion-row>
<ion-col col-4 class="p0">
<p>Bangalore</p>
</ion-col>
<ion-col col-4 class="p0">
<p>
<ion-icon name="md-swap"></ion-icon>
</p>
</ion-col>
<ion-col col-4 class="p0">
<p>Kochin</p>
</ion-col>
</ion-row>
</div>
</div>
<div class="nav_header">
<div class="trip_bay">
<ion-row>
<ion-col col-3 class="p0">
<p>
<ion-icon name="arrow-back"></ion-icon>
</p>
</ion-col>
<ion-col col-6 class="p0">
<p>21 August 2019</p>
</ion-col>
<ion-col col-3 class="p0">
<p>
<ion-icon name="arrow-forward"></ion-icon>
</p>
</ion-col>
</ion-row>
</div>
</div>
</ion-header>
<ion-content class="background">
<ion-card (click)="selectseat()">
<ion-card-header>
<ion-row>
<ion-col col-6 class="p0 bus_name">Kallada Travels</ion-col>
<ion-col col-6 class="textRight p0 bus_time">6:45pm - 7:00pm</ion-col>
</ion-row>
</ion-card-header>
<ion-card-content>
<ion-row>
<ion-col col-1 class="p0">
<ion-icon name="bus" class="bus_icon"></ion-icon>
</ion-col>
<ion-col col-7 class=" p0 bus_type ">
Semi Sleeper A/C<br> Bangalore to Kochin
</ion-col>
<ion-col col-4 class="textRight p0 bus_seat ">
49 Seats<br> <strong>INR 500</strong>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
<ion-card (click)="selectseat()">
<ion-card-header>
<ion-row>
<ion-col col-6 class="p0 bus_name">SRS Travels</ion-col>
<ion-col col-6 class="textRight p0 bus_time">6:45pm - 7:00pm</ion-col>
</ion-row>
</ion-card-header>
<ion-card-content>
<ion-row>
<ion-col col-1 class="p0">
<ion-icon name="bus" class="bus_icon"></ion-icon>
</ion-col>
<ion-col col-7 class=" p0 bus_type ">
Volvo A/C<br> Bangalore to Kochin
</ion-col>
<ion-col col-4 class="textRight p0 bus_seat ">
49 Seats<br> <strong>INR 500</strong>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
<ion-card (click)="selectseat()">
<ion-card-header>
<ion-row>
<ion-col col-6 class="p0 bus_name">Kerala Lines</ion-col>
<ion-col col-6 class="textRight p0 bus_time">6:45pm - 7:00pm</ion-col>
</ion-row>
</ion-card-header>
<ion-card-content>
<ion-row>
<ion-col col-1 class="p0">
<ion-icon name="bus" class="bus_icon"></ion-icon>
</ion-col>
<ion-col col-7 class=" p0 bus_type ">
Multiaxle A/C<br> Bangalore to Kochin
</ion-col>
<ion-col col-4 class="textRight p0 bus_seat ">
49 Seats<br> <strong>INR 500</strong>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
<ion-card (click)="selectseat()">
<ion-card-header>
<ion-row>
<ion-col col-6 class="p0 bus_name">Sri Durgambika Travels</ion-col>
<ion-col col-6 class="textRight p0 bus_time">6:45pm - 7:00pm</ion-col>
</ion-row>
</ion-card-header>
<ion-card-content>
<ion-row>
<ion-col col-1 class="p0">
<ion-icon name="bus" class="bus_icon"></ion-icon>
</ion-col>
<ion-col col-7 class=" p0 bus_type ">
Scania Multi axle A/C<br> Bangalore to Kochin
</ion-col>
<ion-col col-4 class="textRight p0 bus_seat ">
49 Seats<br> <strong>INR 500</strong>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
</ion-content>
\ No newline at end of file
src/pages/searchresults/searchresults.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SearchresultsPage } from './searchresults';
@NgModule({
declarations: [
SearchresultsPage,
],
imports: [
IonicPageModule.forChild(SearchresultsPage),
],
})
export class SearchresultsPageModule {}
src/pages/searchresults/searchresults.scss 0 → 100644
page-searchresults {
.background {
background-image: url("../../assets/imgs/bg.png");
}
.bus_icon {
color: #767676;
font-size: 35px;
}
.bus_name {
color: #e46262;
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bus_time {
color: #a1a1a1;
font-size: 13px;
letter-spacing: 1px;
}
.bus_type {
color: #575757;
padding-left: 10px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bus_seat {
strong {
color: #3a3a3a;
}
}
.trip_bay {
width: 100%;
background: #FF585E;
color: #fff;
p {
color: #fff;
margin: 0px;
text-align: center;
padding: 10px;
font-weight: 300;
font-size: 18px;
}
}
}
\ No newline at end of file
src/pages/searchresults/searchresults.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams,ModalController } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-searchresults',
templateUrl: 'searchresults.html',
})
export class SearchresultsPage {
constructor(public navCtrl: NavController, public navParams: NavParams,public modalCtrl: ModalController) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad SearchresultsPage');
}
filter() {
let profileModal = this.modalCtrl.create("FilterPage");
profileModal.present();
}
back(){
this.navCtrl.pop();
}
selectseat(){
this.navCtrl.push("SelectseatPage");
}
}
src/pages/selectseat/selectseat.html 0 → 100644
<ion-header class="">
<div class="nav_header">
<button class="nav_btn floatLeft" (click)="back()">
<ion-icon name="arrow-back"></ion-icon>
</button>
<div class="nav_header_title floatLeft textLeft">
Pick your seats
</div>
<div class="clear"></div>
</div>
<div class="nav_header">
<div class="trip_bay">
<ion-row>
<ion-col col-4 class="p0">
<p>Bangalore</p>
</ion-col>
<ion-col col-4 class="p0">
<p>
<ion-icon name="md-swap"></ion-icon>
</p>
</ion-col>
<ion-col col-4 class="p0">
<p>Kochin</p>
</ion-col>
</ion-row>
</div>
</div>
<div class="nav_header">
<div class="trip_bay">
<ion-row>
<ion-col col-3 class="p0">
<p>
<ion-icon name="arrow-back"></ion-icon>
</p>
</ion-col>
<ion-col col-6 class="p0">
<p>21 August 2019</p>
</ion-col>
<ion-col col-3 class="p0">
<p>
<ion-icon name="arrow-forward"></ion-icon>
</p>
</ion-col>
</ion-row>
</div>
</div>
</ion-header>
<ion-content class="background">
<div class="seat_wrapper">
<div class="seat_index">
<ion-row>
<ion-col col-4>
<div class="seats seat">
Available Seats
</div>
</ion-col>
<ion-col col-4>
<div class="selected seat">
Selected Seats
</div>
</ion-col>
<ion-col col-4>
<div class="booked seat">
Booked Seats
</div>
</ion-col>
</ion-row>
<ion-row>
</ion-row>
</div>
<div class="seat_positioning">
<div class="seat_driver floatRight">
</div>
<div class="clear"></div>
<ion-row>
<ion-col col-6>
<ul class="textLeft">
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p ></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
</ul>
</ion-col>
<ion-col col-2></ion-col>
<ion-col col-4>
<ul class="textRight">
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="1" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="2" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="3" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
<li>
<button id="seat_button">
<label>
<input id="4" type="checkbox" name="services" value="A"> <p></p>
</label>
</button>
</li>
</ul>
</ion-col>
</ion-row>
</div>
</div>
</ion-content>
<ion-footer>
<ion-row>
<ion-col col-6 class="p0">
<p>Seats<br>
<strong class="seat_color">C1, C2, C3, C4</strong>
</p>
</ion-col>
<ion-col col-3 class="p0">
<p>Total Fare<br>
<strong class="amount">INR 500</strong>
</p>
</ion-col>
<ion-col col-3 class="p0">
<button ion-button class="done_btn widthFull m0" (click)="done()">
DONE
</button>
</ion-col>
</ion-row>
</ion-footer>
\ No newline at end of file
src/pages/selectseat/selectseat.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SelectseatPage } from './selectseat';
@NgModule({
declarations: [
SelectseatPage,
],
imports: [
IonicPageModule.forChild(SelectseatPage),
],
})
export class SelectseatPageModule {}
src/pages/selectseat/selectseat.scss 0 → 100644
page-selectseat {
.trip_bay {
width: 100%;
background: #FF585E;
color: #fff;
p {
color: #fff;
margin: 0px;
text-align: center;
padding: 10px;
font-weight: 300;
font-size: 18px;
}
}
.seat_wrapper {
width: 100%;
text-align: center;
.seat_index {
width: 100%;
background: #fff;
border-radius: 10px;
padding: 10px;
color: #959595;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 10px;
display: inline-block;
.seat {
background-repeat: no-repeat !important;
background-position: left !important;
background-size: 20px !important;
font-size: 13px;
padding: 5px;
padding-left: 35px;
}
.seats {
background: url("../assets/imgs/seat_available.png");
}
.selected {
background: url("../assets/imgs/seat_selected.png");
}
.booked {
background: url("../assets/imgs/seat_booked.png");
}
}
.seat_positioning {
background: #fff;
border-radius: 10px;
padding: 10px;
display: inline-block;
height: calc(100vh - 215px);
overflow: scroll;
.seat_driver {
width: 40px;
height: 40px;
background: url("../assets/imgs/driver.png");
background-position: center;
background-size: 35px;
background-repeat: no-repeat !important;
margin-right: 10px;
margin-bottom: 10px;
}
ul {
padding: 0px;
margin: 0px;
li {
list-style: none;
display: inline-block;
#seat_button {
margin: 4px;
background-color: #fff;
overflow: auto;
color: #000;
position: relative;
width: 35px;
height: 35px;
outline: none;
}
#seat_button p {
margin: 0px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 4px;
background: url("../assets/imgs/seat_available.png");
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
}
#seat_button label {
width: 100%;
}
#seat_button label span {
text-align: center;
display: block;
}
#seat_button label input {
position: absolute;
top: -20px;
}
#seat_button input:checked+p {
background: url("../assets/imgs/seat_selected.png");
color: #fff;
margin: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
}
}
}
}
}
.footer {
p {
padding: 15px;
font-size: 16px;
margin: 0px;
}
.done_btn {
height: 70px;
border-radius: 0px;
font-size: 20px;
font-weight: 400;
letter-spacing: 2px;
}
.seat_color {
color: #747171;
}
.amount {
color: #45c40d;
}
}
}
\ No newline at end of file
src/pages/selectseat/selectseat.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-selectseat',
templateUrl: 'selectseat.html',
})
export class SelectseatPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad SelectseatPage');
}
back(){
this.navCtrl.pop();
}
done(){
this.navCtrl.push("BoardingpointPage")
}
}
src/pages/signup/signup.html 0 → 100644
<ion-content class="background" padding>
<ion-card>
<img src="../assets/imgs/tb-logo.png">
<ion-list>
<ion-item>
<ion-input type="email" placeholder="Email"></ion-input>
</ion-item>
<ion-item>
<ion-input type="number" placeholder="Mobile Number"></ion-input>
</ion-item>
<ion-item>
<ion-input type="password" placeholder="Password"></ion-input>
</ion-item>
<ion-item>
<ion-input type="password" placeholder="Confirm Password"></ion-input>
</ion-item>
<br>
<div class="inside_check">
<ion-checkbox></ion-checkbox>
<ion-label>I accept Terms & Conditions</ion-label>
<div class="clear"></div>
</div>
</ion-list>
<br>
<button ion-button class="login_btn" (click)="login()">Signup</button>
</ion-card>
<p (click)="login()">Already had an account ?</p>
</ion-content>
\ No newline at end of file
src/pages/signup/signup.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SignupPage } from './signup';
@NgModule({
declarations: [
SignupPage,
],
imports: [
IonicPageModule.forChild(SignupPage),
],
})
export class SignupPageModule {}
src/pages/signup/signup.scss 0 → 100644
page-signup {
.background {
background-image: url("../../assets/imgs/bg.png");
}
.scroll-content {
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.card {
text-align: center;
padding-top: 25px;
border-radius: 10px;
img {
width: 180px;
margin: 0 auto;
margin-bottom: 15px;
}
.list {
padding: 10px;
.item {
margin: 0px;
padding: 0px;
.item-inner {
padding: 0px;
.input-wrapper {
.input {
border-bottom: 1px solid #c7c7c7;
.text-input {
font-size: 24px;
font-weight: 300;
text-align: center;
margin: 0px;
width: 100%;
height: 70px;
border-bottom: none !important;
}
}
}
}
}
}
.login_btn {
width: 100%;
margin: 0px;
height: 50px;
font-size: 20px;
font-weight: 300;
border-radius: 0px;
}
}
p {
color: #c7c7c7;
font-size: 18px;
font-weight: 300;
}
.inside_check {
margin: 0 auto;
.label {
color: #a8a8a8;
display: inline-block;
font-size: 16px;
font-weight: 400;
}
.checkbox {
margin: 13px 8px 13px 0;
display: inline-block;
}
}
}
\ No newline at end of file
src/pages/signup/signup.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-signup',
templateUrl: 'signup.html',
})
export class SignupPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad SignupPage');
}
login(){
this.navCtrl.push("LoginPage")
}
}
src/providers/auth/auth.ts 0 → 100644
import { Injectable } from '@angular/core';
import { AngularFireAuth } from 'angularfire2/auth';
import { usercreds } from '../../models/interfaces/usercreds';
/*
Generated class for the AuthProvider provider.
See https://angular.io/docs/ts/latest/guide/dependency-injection.html
for more info on providers and Angular 2 DI.
*/
@Injectable()
export class AuthProvider {
constructor(public afireauth: AngularFireAuth) {
}
/*
For logging in a particular user. Called from the login.ts file.
*/
login(credentials: usercreds) {
var promise = new Promise((resolve, reject) => {
this.afireauth.auth.signInWithEmailAndPassword(credentials.email, credentials.password).then(() => {
resolve(true);
}).catch((err) => {
reject(err);
})
})
return promise;
}
}
\ No newline at end of file
src/providers/services/services.ts 0 → 100644
import { Injectable } from '@angular/core';
import {Http} from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class ServicesProvider {
constructor(private http:Http) {
}
searchMovies(movieName) {
var url = 'http://api.themoviedb.org/3/search/movie?query=&query=' + encodeURI(movieName) + '&api_key=5fbddf6b517048e25bc3ac1bbeafb919';
var response = this.http.get(url).map(res => res.json());
return response;
}
}
\ No newline at end of file
src/service-worker.js 0 → 100644
/**
* Check out https://googlechromelabs.github.io/sw-toolbox/ for
* more info on how to use sw-toolbox to custom configure your service worker.
*/
'use strict';
importScripts('./build/sw-toolbox.js');
self.toolbox.options.cache = {
name: 'ionic-cache'
};
// pre-cache our key assets
self.toolbox.precache(
[
'./build/main.js',
'./build/vendor.js',
'./build/main.css',
'./build/polyfills.js',
'index.html',
'manifest.json'
]
);
// dynamically cache any other local assets
self.toolbox.router.any('/*', self.toolbox.fastest);
// for any other requests go to the network, cache,
// and then only use that cached resource if your user goes offline
self.toolbox.router.default = self.toolbox.networkFirst;
src/theme/variables.scss 0 → 100644
// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/
// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";
// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;
@import "ionic.globals";
// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/
// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.
$colors: ( primary: #FF585E, secondary: #32db64, danger: #f53d3d, light: #f4f4f4, dark: #222, hcolor: #03b6b3, );
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here
// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.
@import "ionic.theme.default";
// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/
@import "ionic.ionicons";
// Fonts
// --------------------------------------------------
@import "roboto";
@import "noto-sans";
\ No newline at end of file
tsconfig.json 0 → 100644
{
"compilerOptions": {
"allowSyntheticDefaultImports": true,
"declaration": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [
"dom",
"es2015"
],
"module": "es2015",
"moduleResolution": "node",
"sourceMap": true,
"target": "es5"
},
"include": [
"src/**/*.ts"
],
"exclude": [
"node_modules",
"src/**/*.spec.ts",
"src/**/__tests__/*.ts"
],
"compileOnSave": false,
"atom": {
"rewriteTsconfig": false
}
}
tslint.json 0 → 100644
{
"rules": {
"no-duplicate-variable": true,
"no-unused-variable": [
true
]
},
"rulesDirectory": [
"node_modules/tslint-eslint-rules/dist/rules"
]
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment