Skip to content

C
Callmycab-Driverapp
Commit 9e3eb915 by Alen Jose
Options

change pswd

parent b37961d5
Showing with 700 additions and 67 deletions
config.xml
......@@ -84,4 +84,5 @@
<plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
<plugin name="de.appplant.cordova.plugin.local-notification" spec="^0.8.5" />
<plugin name="cordova-plugin-x-toast" spec="^2.6.2" />
</widget>
package-lock.json
......@@ -345,6 +345,11 @@
"resolved": "https://registry.npmjs.org/@ionic-native/status-bar/-/status-bar-4.8.0.tgz",
"integrity": "sha512-mNtE7HI7W7TydIJaux48G3Lp9BEH2Hx+RWPySfmH3bwl7yeytvXzlKPPCYbpphBlRhIKYp5v3hepM7Ufuo3+9A=="
},
"@ionic-native/toast": {
"version": "4.9.0",
"resolved": "https://registry.npmjs.org/@ionic-native/toast/-/toast-4.9.0.tgz",
"integrity": "sha512-DVzsQd98cNTqM+RopmhwZu3BBT35/DSbkssjW0YuMBebtjCRpAN5qfzbZ7GQSGzAlzeynN2IPn6/od7I27xD5A=="
},
"@ionic/app-scripts": {
"version": "3.1.10",
"resolved": "https://registry.npmjs.org/@ionic/app-scripts/-/app-scripts-3.1.10.tgz",
......@@ -1595,6 +1600,11 @@
"resolved": "https://registry.npmjs.org/cordova-plugin-whitelist/-/cordova-plugin-whitelist-1.3.3.tgz",
"integrity": "sha1-tehezbv+Wu3tQKG/TuI3LmfZb7Q="
},
"cordova-plugin-x-toast": {
"version": "2.6.2",
"resolved": "https://registry.npmjs.org/cordova-plugin-x-toast/-/cordova-plugin-x-toast-2.6.2.tgz",
"integrity": "sha1-Clj8/5Vwi3htMVGlp/Kgp74Ge5g="
},
"core-js": {
"version": "2.5.5",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.5.tgz",
......
package.json
......@@ -30,6 +30,7 @@
"@ionic-native/onesignal": "^4.9.0",
"@ionic-native/splash-screen": "4.8.0",
"@ionic-native/status-bar": "4.8.0",
"@ionic-native/toast": "^4.9.0",
"@ionic/storage": "2.1.3",
"angularfire2": "^5.0.0-rc.11",
"cordova-android": "^6.2.3",
......@@ -39,6 +40,7 @@
"cordova-plugin-ionic-webview": "^1.1.19",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-plugin-x-toast": "^2.6.2",
"de.appplant.cordova.plugin.local-notification": "^0.8.5",
"firebase": "^5.2.0",
"ionic-angular": "3.9.2",
......@@ -61,7 +63,8 @@
"cordova-plugin-splashscreen": {},
"cordova-plugin-whitelist": {},
"cordova-plugin-app-event": {},
"de.appplant.cordova.plugin.local-notification": {}
"de.appplant.cordova.plugin.local-notification": {},
"cordova-plugin-x-toast": {}
},
"platforms": [
"android"
......
src/app/app.component.ts
......@@ -76,12 +76,6 @@ export class MyApp {
this.rootPage = 'LandingPage'
}
})
this.localNotifications.schedule({
text: 'Delayed ILocalNotification',
trigger: { at: new Date(new Date().getTime() + 3600) },
led: 'FF0000',
sound: null
});
});
}
......@@ -163,4 +157,14 @@ export class MyApp {
});
}
setlocalNotification(){
this.localNotifications.schedule({
text: 'Delayed ILocalNotification',
title: 'CMC-Driver',
trigger: { at: new Date(new Date().getTime() + 120000) },
led: 'FF0000',
sound: null
});
}
}
src/app/app.html
......@@ -7,8 +7,6 @@
</div>
<p>{{local?.name}}</p>
<h6>{{local?.dial_code}} {{local?.phone}}</h6>
</div>
<ion-list>
<ion-item class="item_cstm">
......@@ -19,8 +17,8 @@
<div class="cab_sidemenu_list">
<ul>
<li menuClose (click)="openPage('HomePage')">My Rides</li>
<li menuClose>My Trips</li>
<li menuClose>Settings</li>
<li menuClose (click)="openPage('UploaddocPage')">Documents</li>
<li menuClose (click)="openPage('ChangepassPage')">Change Password</li>
<li menuClose (click)="openPage('LandingPage')">Logout</li>
</ul>
</div>
......
src/app/app.module.ts
......@@ -22,6 +22,7 @@ import { dataService } from "../providers/common.service";
import { DatePipe } from '@angular/common';
import * as firebase from "firebase";
import { LocalNotifications } from '@ionic-native/local-notifications';
import { Toast } from '@ionic-native/toast';
export const firebaseConfig = {
apiKey: "AIzaSyDLrbLd4RCCh86xuTVu7-cfJ28We_cG1sU",
......@@ -63,6 +64,7 @@ firebase.initializeApp(firebaseConfig);
dataService,
DatePipe,
LocalNotifications,
Toast,
]
})
export class AppModule {}
src/pages/changepass/changepass.html 0 → 100644
<ion-header class="theme_dark_bg">
<button class="nav_btn theme_color floatLeft" menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<div class="nav_header_title floatLeft">
Change Password
</div>
<div class="clear"></div>
</ion-header>
<ion-content padding class="themelogin_background">
<div class="login_wrapper">
<ion-card>
<ion-card-content>
<form [formGroup]="pswdForm">
<ion-list>
<ion-item>
<ion-input type="password" placeholder="Current password" formControlName="current"></ion-input>
</ion-item>
<div class="er_req" *ngIf="pswdForm.controls.current.invalid && (pswdForm.get('current').dirty || pswdForm.get('current').touched)">
Minimum 6 characters
</div>
<ion-item>
<ion-input type="password" placeholder="New password" formControlName="new"></ion-input>
</ion-item>
<div class="er_req" *ngIf="pswdForm.controls.new.invalid && (pswdForm.get('new').dirty || pswdForm.get('new').touched)">
Minimum 6 characters
</div>
<ion-item>
<ion-input type="password" placeholder="Confirm password" formControlName="confirm"></ion-input>
</ion-item>
<div class="er_req" *ngIf="pswdForm.controls.confirm.invalid && (pswdForm.get('confirm').dirty || pswdForm.get('confirm').touched)">
Password mismatches
</div>
<button ion-button class="cab_sign_btn" (click)="change()">Proceed</button>
</ion-list>
</form>
</ion-card-content>
</ion-card>
</div>
</ion-content>
\ No newline at end of file
src/pages/changepass/changepass.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ChangepassPage } from './changepass';
@NgModule({
declarations: [
ChangepassPage,
],
imports: [
IonicPageModule.forChild(ChangepassPage),
],
})
export class ChangepassPageModule {}
src/pages/changepass/changepass.scss 0 → 100644
page-changepass {
.login_bg{
background: url('../assets/imgs/login_bg.png');
background-position: center;
background-size: cover;
}
.login_wrapper{
width:100%;
text-align: center;
padding-top:40%;
.card{
width:80%;
margin:0 auto;
border-radius: 10px;
.card-content{
.logo_div{
text-align: center;
padding-top:20px;
img{
width:150px;
margin:0 auto;
}
}
.list{
padding-top:20px;
padding-bottom:20px;
.item{
.item-inner{
.input-wrapper{
margin-bottom: 10px;
.input{
background: #ececec;
border-radius:5px;
height:45px;
.text-input{
width:100%;
height:100%;
text-align: center;
font-weight: 300;
}
}
}
}
}
button{
color: #fff;
border-radius:5px;
height:45px;
width:100%;
text-transform: capitalize;
font-weight: 600;
font-size: 16px;
}
}
}
}
.social{
padding-top:30px;
ul{
margin:0px;
padding:0px;
text-align: center;
li{
list-style: none;
display: inline-block;
margin:3px;
img{
width:30px;
}
}
}
}
p{
text-align: center;
color:#8a8a8a;
font-weight: 400;
font-size: 18px;
padding-top: 10px;
}
.signup{
width:40%;
text-align: center;
background: transparent;
border-radius: 5px;
color:#4c4c4c;
border:2px solid #636363;
text-transform: capitalize;
font-size: 18px;
font-weight: 700;
}
}
.cab_sign_btn{height:45px;width:100%;background:#ff9c00;color: #fff;text-transform: capitalize !important;font-size: 18px;font-weight: 300;}
.er_req{color:#ff6060;font-size: 15px}
}
src/pages/changepass/changepass.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { FormGroup, Validators, FormBuilder } from '@angular/forms'
import { Myservice } from '../../providers/myservice'
import { Storage } from '@ionic/storage'
import { driver } from '../../models/mymodel'
import { Toast } from '@ionic-native/toast';
@IonicPage()
@Component({
selector: 'page-changepass',
templateUrl: 'changepass.html',
})
export class ChangepassPage {
pswdForm: FormGroup
local: driver
constructor(public navCtrl: NavController, public navParams: NavParams, private myservice: Myservice, public storage: Storage, private formbuilder: FormBuilder, private toast: Toast) {
this.pswdForm = this.formbuilder.group({
current: ['', Validators.compose([Validators.required, Validators.minLength(6)])],
new: ['', Validators.compose([Validators.required, Validators.minLength(6)])],
confirm: ['', Validators.compose([Validators.required]), this.MatchPassword.bind(this)],
id: ['']
})
}
ionViewDidEnter() {
this.storage.get('driver_data').then(data => {
if (data != null) {
this.local = data
this.pswdForm.controls['id'].setValue(this.local.id)
}
})
}
change() {
this.myservice.show_loader();
this.myservice.load_post(this.pswdForm.value, 'changePassword').subscribe(response => {
this.myservice.hide_loader()
if (response.status == 'success') {
this.pswdForm.reset();
// this.toast.show(response.message, '2000', 'center').subscribe(toast => {
// console.log(toast);
// });
}
else {
this.pswdForm.reset();
this.myservice.show_alert('', response.message)
}
})
}
back() {
this.navCtrl.pop();
}
//for checking new pswd and confirm are same or not
MatchPassword(val) {
return new Promise(resolve => {
if (val.value == this.pswdForm.value.new) {
resolve(null);
}
else {
resolve({ 'match': false });
}
})
}
//for checking current pswd and new pswd are same or not
crnt_new_check(val) {
return new Promise(resolve => {
if (val.value == this.pswdForm.value.current) {
resolve({ 'match': false });
}
else {
resolve(null);
}
})
}
}
src/pages/docupdate/docupdate.html
<ion-header class="nav_header">
<button ion-button class="nav_btn floatLeft" (click)="back()">
<ion-icon name="ios-arrow-back-outline"></ion-icon>
<ion-header class="theme_dark_bg">
<button class="nav_btn theme_color floatLeft">
<ion-icon name="ios-arrow-back" (click)="back()"></ion-icon>
</button>
<div class="nav_header_title floatLeft">
License
{{title}}
</div>
<div class="clear"></div>
</ion-header>
</ion-header>
<ion-content padding>
<div class="sign_up_wrapper">
<h4>Licence</h4>
<h4>{{title}}</h4>
<hr>
<br>
<p>Your documents must be readable<br>
and clear</p>
<button ion-button class="upload_btn">UPDATE</button>
<button ion-button class="upload_btn" id="upld_btn">
<input type="file" (change)="fileChange($event)" accept="image/*">
</button>
<div class="check_box">
</div>
<h6>mydoc.pdf</h6>
<h5>Upload Complete</h5>
<h6>{{filename}}</h6>
<!-- <h5>Upload Complete</h5> -->
</div>
</ion-content>
<ion-footer padding>
<button ion-button class="primary btn_primary" (click)="login()">DONE</button>
<button ion-button class="primary btn_primary" (click)="upload()">DONE</button>
</ion-footer>
src/pages/docupdate/docupdate.scss
......@@ -60,6 +60,11 @@ page-docupdate {
padding-right: 40px;
font-weight:600;
letter-spacing: 2px;
input{
opacity: 0;
position: absolute;
left: 0px;
}
}
p{
color: #737270;
......
src/pages/docupdate/docupdate.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Myservice } from "../../providers/myservice";
import { Storage } from "@ionic/storage";
import { driver } from "../../models/mymodel";
import { Toast } from '@ionic-native/toast';
@IonicPage()
@Component({
......@@ -9,21 +11,75 @@ import { IonicPage, NavController, NavParams } from 'ionic-angular';
templateUrl: 'docupdate.html',
})
export class DocupdatePage {
title: string = this.navParams.get('title')
formdata = new FormData();
filename: string;
local: driver
myData = { 'id': '', 'secret_key': 'My_key', 'field': this.navParams.get('title') }
fileData: any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
constructor(public navCtrl: NavController, public navParams: NavParams, private myservice: Myservice, private storage: Storage, private toast: Toast) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad DocupdatePage');
ionViewDidEnter() {
this.storage.get('driver_data').then(data => {
if (data) {
this.local = data
this.myData.id = data.id
this.myservice.load_post({ id: data.id, field: this.title }, 'getDocument').subscribe(response => {
this.myservice.hide_loader()
if (response.status == 'success') {
document.getElementById("upld_btn").textContent = 'UPDATE'
this.fileData = response.data
}
else
document.getElementById("upld_btn").textContent = 'UPLOAD'
})
}
})
}
fileChange(event) {
let fileList: FileList = event.target.files;
if (fileList.length > 0) {
back(){
this.navCtrl.pop();
var reader = new FileReader();
reader.readAsDataURL(event.target.files[0]);
let file = fileList[0];
var ext = (file.name).split(".").pop();
if (ext == 'jpg' || ext == 'jpeg' || ext == 'png' || ext == 'pdf') {
this.filename = file.name
this.formdata.append('image', file, file.name);
}
else {
this.myservice.show_alert('', 'Please choose file with .jpg/.jpeg/.png/.pdf extension')
}
}
}
upload() {
this.myservice.show_loader()
this.formdata.append('data', JSON.stringify(this.myData));
if (this.fileData)
this.formdata.append('id', JSON.stringify(this.fileData.id));
this.myservice.fileUpload(this.formdata, 'driverDocUpload').subscribe(resp => {
this.myservice.hide_loader()
if (resp.status == 'success') {
// this.toast.show(response.message, '2000', 'center').subscribe(toast => {
// console.log(toast);
// });
}
else
this.myservice.show_alert('', resp.message);
})
}
login(){
this.navCtrl.push("LoginPage");
back() {
this.navCtrl.pop();
}
}
src/pages/home/home.html
......@@ -3,7 +3,7 @@
<ion-icon name="menu"></ion-icon>
</button>
<div class="nav_header_title floatLeft">
Rides
My Rides
</div>
<div class="clear"></div>
<div class="rides_tab">
......
src/pages/myprofile/myprofile.html
<ion-header class="nav_header">
<button ion-button class="nav_btn floatLeft" (click)="back()">
<ion-icon name="ios-arrow-back-outline"></ion-icon>
<ion-header class="theme_dark_bg">
<button class="nav_btn theme_color floatLeft" menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<div class="nav_header_title floatLeft">
Profile
</div>
<div class="clear"></div>
</ion-header>
......@@ -48,12 +48,52 @@
<div class="er_req textCenter" *ngIf="editForm.controls.email.invalid && (editForm.get('email').dirty || editForm.get('email').touched)">
Enter a valid Email
</div>
<!-- <ion-item>
<ion-select>
<ion-option value="1" selected>City</ion-option>
<ion-option value="2">Kochin</ion-option>
<ion-item>
<ion-label>DOB</ion-label>
<ion-datetime displayFormat="DD MMM YYYY" min="1950" max={{maxDate}} formControlName="dob">
</ion-datetime>
</ion-item>
<div class="er_req textCenter" *ngIf="editForm.controls.dob.invalid && (editForm.get('dob').dirty || editForm.get('dob').touched)">
Select your DOB
</div>
<ion-list radio-group formControlName="gender">
<div class="floatLeft">
<ion-radio value="male" checked class="floatLeft"></ion-radio>
<ion-label class="floatLeft">Male</ion-label>
<div class="clear"></div>
</div>
<div class="floatLeft">
<ion-radio value="female" class="floatLeft"></ion-radio>
<ion-label class="floatLeft">Female</ion-label>
<div class="clear"></div>
</div>
<div class="clear"></div>
</ion-list>
<ion-item>
<ion-input type="text" placeholder="License Number" formControlName="license"></ion-input>
</ion-item>
<div class="er_req textCenter" *ngIf="editForm.controls.license.invalid && (editForm.get('license').dirty || editForm.get('license').touched)">
Enter a valid License Number
</div>
<ion-item>
<ion-select formControlName="cartype" placeholder="Car Type">
<ion-option value={{car.car_type}} *ngFor="let car of cars">{{car.car_type}}</ion-option>
</ion-select>
</ion-item> -->
</ion-item>
<div class="er_req textCenter" *ngIf="editForm.controls.cartype.invalid && (editForm.get('cartype').dirty || editForm.get('cartype').touched)">
Select a valid Car Type
</div>
<ion-item>
<ion-input type="text" placeholder="Car Number" formControlName="car_no"></ion-input>
</ion-item>
<div class="er_req textCenter" *ngIf="editForm.controls.car_no.invalid && (editForm.get('car_no').dirty || editForm.get('car_no').touched)">
Enter a valid Car Number
</div>
<br>
<button ion-button class="primary" (click)="updateProfile()">SAVE</button>
......
src/pages/myprofile/myprofile.scss
......@@ -120,5 +120,5 @@ page-myprofile {
}
}
.er_req{color:#ff6060;padding-top: 10px;font-size: 15px}
.er_req{color:#ff6060;font-size: 15px}
}
src/pages/myprofile/myprofile.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { IonicPage, NavController, NavParams, Events } from 'ionic-angular';
import { Validators, FormBuilder, FormGroup } from "@angular/forms";
import { Http } from '@angular/http'
import { dialcode } from "../../models/mymodel";
......@@ -7,6 +7,8 @@ import { OrderbyPipe } from '../../providers/sort-pipe';
import { Myservice } from "../../providers/myservice";
import { Storage } from "@ionic/storage";
import { driver } from "../../models/mymodel";
import { Toast } from '@ionic-native/toast';
@IonicPage()
@Component({
selector: 'page-myprofile',
......@@ -18,31 +20,63 @@ export class MyprofilePage {
fileUri: any;
local:driver;
formdata = new FormData();
codes: Array<dialcode>;
cars:any;
maxDate:any;
constructor(public navCtrl: NavController, public navParams: NavParams, private formBuilder: FormBuilder, private http: Http, private orderbyPipe: OrderbyPipe, private myservice: Myservice, private storage: Storage, public events: Events, private toast: Toast) {
this.maxDate = new Date().getFullYear()
console.log(this.maxDate)
constructor(public navCtrl: NavController, public navParams: NavParams, private formBuilder: FormBuilder, private http: Http, private orderbyPipe: OrderbyPipe, private myservice: Myservice,private storage:Storage) {
this.editForm = this.formBuilder.group({
name: ['', Validators.compose([Validators.required, Validators.minLength(3)])],
username: ['', Validators.compose([Validators.required, Validators.minLength(3)])],
email: ['', Validators.compose([Validators.required, Validators.pattern("[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}")])],
dial_code: ['', Validators.required],
phone: ['', Validators.compose([Validators.required, this.myservice.checkLimit(10000000, 999999999999999)])],
image:['']
image:[''],
secret_key: ['My_key'],
license:['',Validators.required],
cartype:['',Validators.required],
car_no:['',Validators.required],
dob:['',Validators.required],
gender:['',Validators.required],
})
this.http.get('dial-codes.json')
.subscribe(response => {
this.codes = response.json().dialCodes
this.codes = this.orderbyPipe.transform(this.codes, 'dialCode');
})
}
ionViewDidEnter() {
this.storage.get('driver_data').then(data=>{
if(data){
console.log(data)
this.editForm.controls['name'].setValue(data.name)
this.editForm.controls['username'].setValue(data.user_name)
this.editForm.controls['email'].setValue(data.email)
this.editForm.controls['dial_code'].setValue(data.dial_code)
this.editForm.controls['phone'].setValue(data.phone)
this.editForm.controls['image'].setValue(data.image)
this.local = data;
this.myservice.load_post({id:data.id}, 'getdriverDetails').subscribe(resp => {
if (resp.status == 'success') {
console.log(resp.data)
this.editForm.controls['name'].setValue(resp.data.name)
this.editForm.controls['username'].setValue(resp.data.user_name)
this.editForm.controls['email'].setValue(resp.data.email)
this.editForm.controls['dial_code'].setValue(resp.data.dial_code)
this.editForm.controls['phone'].setValue(resp.data.phone)
this.editForm.controls['image'].setValue(this.myservice.base_url+resp.data.image)
this.editForm.controls['car_no'].setValue(resp.data.car_no)
this.editForm.controls['cartype'].setValue(resp.data.car_type)
this.editForm.controls['dob'].setValue(resp.data.dob)
this.editForm.controls['gender'].setValue(resp.data.gender)
this.editForm.controls['license'].setValue(resp.data.license_no)
}
})
}
})
this.myservice.load_post({},'getCarTypes').subscribe(resp=>{
if(resp.status == 'success'){
this.cars = resp.data
}
})
// this.myservice.load_post({},'')
}
fileChange(event) {
......@@ -70,22 +104,22 @@ export class MyprofilePage {
}
updateProfile(){
this.myservice.show_loader()
this.formdata.append('data', JSON.stringify(this.editForm.value));
this.formdata.append('id', JSON.stringify(this.local.id));
this.myservice.fileUpload(this.formdata, 'updatedriverProfile').subscribe(response => {
if (response.status == true) {
// this.local.email = response.data.email
// if (this.imagechange == true)
// this.local.patient_display_image = response.data.patient_display_image
// this.local.name = response.data.firstname + '' + response.data.lastname
// this.events.publish('patient:profile', this.local);
// this.translate.get('editprofile.Profile updated successfully').subscribe(value => {
// var alertTitle = value;
// this.toast.show(alertTitle, '2000', 'center').subscribe(toast => {
this.myservice.hide_loader()
if (response.status == 'success') {
this.local = response.data
if (this.imagechange == true){
this.local.image = this.local.image.startsWith("http") ? this.local.image : this.myservice.base_url + this.local.image;
}
this.events.publish('driver:profile', this.local);
// this.toast.show(response.message, '2000', 'center').subscribe(toast => {
// console.log(toast);
// });
// })
}
else {
......@@ -94,10 +128,6 @@ export class MyprofilePage {
})
}
back(){
this.navCtrl.pop();
}
changepass(){
this.navCtrl.push("ChangepassPage");
}
......
src/pages/uploaddoc/uploaddoc.html 0 → 100644
<ion-header class="theme_dark_bg">
<button class="nav_btn theme_color floatLeft" menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<div class="nav_header_title floatLeft">
Documents
</div>
<div class="clear"></div>
</ion-header>
<ion-content padding>
<div class="sign_up_wrapper">
<h4>Upload Docs</h4>
<hr>
<p>Please upload your documents to get<br>
Approved</p>
<div class="upload_doc_list">
<ion-list radio-group>
<ion-item *ngFor="let doc of docs; let i = index;">
<ion-radio value={{i}} (click)="uploadDoc(doc)">
</ion-radio>
<ion-label>
<div class="upload_doc_circle">
</div>
<div class="upload_doc_detail">
{{doc}}
</div>
<div class="clear"></div>
</ion-label>
</ion-item>
<!-- <ion-item>
<ion-radio value="2">
</ion-radio>
<ion-label>
<div class="upload_doc_circle">
</div>
<div class="upload_doc_detail">
Police Clearance Certificate
</div>
<div class="clear"></div>
</ion-label>
</ion-item>
<ion-item>
<ion-radio value="3">
</ion-radio>
<ion-label>
<div class="upload_doc_circle">
</div>
<div class="upload_doc_detail">
Fitness Certificate
</div>
<div class="clear"></div>
</ion-label>
</ion-item>
<ion-item>
<ion-radio value="4">
</ion-radio>
<ion-label>
<div class="upload_doc_circle">
</div>
<div class="upload_doc_detail">
Vehicle Registration
</div>
<div class="clear"></div>
</ion-label>
</ion-item>
<ion-item>
<ion-radio value="5">
</ion-radio>
<ion-label>
<div class="upload_doc_circle">
</div>
<div class="upload_doc_detail">
Vehicle Permit
</div>
<div class="clear"></div>
</ion-label>
</ion-item>
<ion-item>
<ion-radio value="6">
</ion-radio>
<ion-label>
<div class="upload_doc_circle">
</div>
<div class="upload_doc_detail">
Commercial Insurance
</div>
<div class="clear"></div>
</ion-label>
</ion-item>
<ion-item>
<ion-radio value="7">
</ion-radio>
<ion-label>
<div class="upload_doc_circle">
</div>
<div class="upload_doc_detail">
Tax Receipt
</div>
<div class="clear"></div>
</ion-label>
</ion-item> -->
</ion-list>
</div>
</div>
</ion-content>
<!-- <ion-footer padding>
<button ion-button class="btn_primary" (click)="docupdate()">CONTINUE</button>
</ion-footer> -->
src/pages/uploaddoc/uploaddoc.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { UploaddocPage } from './uploaddoc';
@NgModule({
declarations: [
UploaddocPage,
],
imports: [
IonicPageModule.forChild(UploaddocPage),
],
})
export class UploaddocPageModule {}
src/pages/uploaddoc/uploaddoc.scss 0 → 100644
page-uploaddoc {
.sign_up_wrapper{
width: 100%;
text-align:center;
h4{
text-align:left;
color: #282828;
font-size: 39px;
font-weight:300;
margin-top: 15px;
}
hr{
width: 20px;
border:2px solid #282828;
margin-left: 0 !important;
height:0px;
border-radius:20px;
margin-top: 10px;
}
.upload_doc_list{
padding-top: 20px;
.list{
.item {
.item-inner{
border:none;
padding-top: 10px !important;
padding-bottom: 10px !important;
.label {
margin: 0px;
.upload_doc_circle{
width:55px;
height:55px;
border:2px solid #000000;
border-radius:50%;
float: left;
background: url("../assets/imgs/doc.png");
background-position:center;
background-repeat: no-repeat;
background-size: 30px;
img{
width:100%;
height:100%;
border-radius:50%;
object-fit: cover;
object-position: center;
}
}
.upload_doc_detail{
width:calc(100% - 55px);
float: left;
color: #282828;
font-size: 20px;
padding: 15px;
padding-left: 20px;
font-weight: 500;
}
}
}
}
.radio {
margin-right: 0px;
}
.radio-icon{
width: 50px;
height: 50px;
border:none;
.radio-inner{
left:0px;
top:0px;
width:100%;
height:100%;
background: url("../assets/imgs/check.png") !important;
background-position:center !important;
background-repeat: no-repeat !important;
background-size:20px !important;
}
}
.item-radio-checked{
.upload_doc_circle{
border:2px solid #0aa89a !important;
background: url("../assets/imgs/doc_check.png") !important;
background-position:center !important;
background-repeat: no-repeat !important;
background-size: 30px !important;
}
}
}
}
p{
color: #737270;
font-size: 16px;
text-align: left;
padding-top: 0px;
}
}
.btn_primary{
width:100%;
border-radius: 20px;
height: 45px;
font-size: 16px;
letter-spacing: 2px;
}
}
src/pages/uploaddoc/uploaddoc.ts 0 → 100644
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Myservice } from "../../providers/myservice";
@IonicPage()
@Component({
selector: 'page-uploaddoc',
templateUrl: 'uploaddoc.html',
})
export class UploaddocPage {
docs = ['License','Vehicle Insurance','Tax', 'Registration']
constructor(public navCtrl: NavController, public navParams: NavParams, private myservice: Myservice) {
}
uploadDoc(name){
this.myservice.show_loader()
this.navCtrl.push("DocupdatePage",{title:name});
}
}
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