Skip to content

T
truebusVersion2
Commit 443a6ab3 by Arya Vijayan
Options

initial push

parents
Showing with 1703 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
tsconfig.json 0 → 100644
This diff is collapsed. Click to expand it.
tslint.json 0 → 100644
This diff is collapsed. Click to expand it.
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