Page size
This commit is contained in:
@@ -11,58 +11,36 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content class="ion-padding">
|
||||
<div class="profile">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/profile.jpg)'">
|
||||
<!-- <div class="icon">-->
|
||||
<!-- <ion-icon name="pencil"></ion-icon>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div class="title">
|
||||
<ion-label style="font-size: 17px; font-family: 'bold';">{{firstname}} {{lastname}}</ion-label>
|
||||
<ion-label style="font-size: 13px;">{{email}}</ion-label>
|
||||
<div class="boxed_contents">
|
||||
<div class="profile">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/profile.jpg)'">
|
||||
<!-- <div class="icon">-->
|
||||
<!-- <ion-icon name="pencil"></ion-icon>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div class="title">
|
||||
<ion-label style="font-size: 17px; font-family: 'bold';">{{firstname}} {{lastname}}</ion-label>
|
||||
<ion-label style="font-size: 13px;">{{email}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="15" placeholder="Firstname" [(ngModel)]='firstname' ></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="15" placeholder="lastname" [(ngModel)]='lastname' ></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="35" placeholder="Email" [(ngModel)]='email' ></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="25" placeholder="Online Name" [(ngModel)]='online_name' ></ion-input>
|
||||
</ion-item>
|
||||
</div>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="15" placeholder="Firstname" [(ngModel)]='firstname' ></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="15" placeholder="lastname" [(ngModel)]='lastname' ></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="35" placeholder="Email" [(ngModel)]='email' ></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-input type="text" maxlength="25" placeholder="Online Name" [(ngModel)]='online_name' ></ion-input>
|
||||
</ion-item>
|
||||
|
||||
<!-- <ion-item lines="none">-->
|
||||
<!-- <ion-input type="text" placeholder="jaydeephirani@initappz.com"></ion-input>-->
|
||||
<!-- </ion-item>-->
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>India</ion-label>-->
|
||||
<!-- <ion-icon name="caret-down-outline"></ion-icon>-->
|
||||
<!-- </div>-->
|
||||
|
||||
|
||||
<!-- <ion-item lines="none">-->
|
||||
<!-- <ion-input type="text" placeholder="+91 8190908181"></ion-input>-->
|
||||
<!-- </ion-item>-->
|
||||
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>Male</ion-label>-->
|
||||
<!-- <ion-icon name="caret-down-outline"></ion-icon>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="flex" style="margin-top: 20px;">-->
|
||||
<!-- <ion-label>Student</ion-label>-->
|
||||
<!-- <ion-icon name="caret-down-outline"></ion-icon>-->
|
||||
<!-- </div>-->
|
||||
</ion-content>
|
||||
|
||||
<ion-footer>
|
||||
|
||||
@@ -1,187 +1,190 @@
|
||||
|
||||
<ion-content>
|
||||
<div class="boxed_contents">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/family.jpg)'">
|
||||
<div class="ion-padding">
|
||||
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/family.jpg)'">
|
||||
<div class="ion-padding">
|
||||
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ion-padding">
|
||||
<div class="flex">
|
||||
<ion-label class="bold_text">Family Account</ion-label>
|
||||
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
|
||||
</div>
|
||||
|
||||
<!-- <div class="row">-->
|
||||
<!-- <div class="rate">-->
|
||||
|
||||
<!-- <ion-button size="small" fill="outline"><ion-icon name="star-half-outline" color="warning"></ion-icon> 0 Task waiting to start</ion-button>-->
|
||||
<!--<!– <ion-label class="review"></ion-label>–>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <ion-label class="color_text">$40</ion-label>-->
|
||||
|
||||
<div class="items">
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="people" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>{{total_family}} Members</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="time" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>{{family_active}} Tasks</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>0 Completed</ion-label>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
<ion-segment [(ngModel)]="tabs">
|
||||
<ion-segment-button value="members">
|
||||
<ion-label>Members ({{total_family}})</ion-label>
|
||||
</ion-segment-button>
|
||||
<ion-segment-button value="lesson">
|
||||
<ion-label>Tasks ({{family_active}})</ion-label>
|
||||
</ion-segment-button>
|
||||
<ion-segment-button value="pending">
|
||||
<ion-label>Pending (0) </ion-label>
|
||||
</ion-segment-button>
|
||||
</ion-segment>
|
||||
|
||||
<div *ngIf="tabs =='members'" class="lesson">
|
||||
<div class="video" *ngFor="let item of familyData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.firstname}} {{item.lastname}} ({{item.age}})</ion-label>
|
||||
<ion-label class="grey_text">Last Login: {{item.last_login}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabs =='lesson'" class="lesson">
|
||||
<div class="flex">
|
||||
<ion-label class="bold">Total : {{family_active}}</ion-label>
|
||||
<ion-label class="bold_text">Family Account</ion-label>
|
||||
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
|
||||
</div>
|
||||
|
||||
<!-- <div class="sec">-->
|
||||
<!-- <ion-label class="grey">Section 1 - Introduction</ion-label>-->
|
||||
<!-- <ion-label class="color">15 min</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="row">-->
|
||||
<!-- <div class="rate">-->
|
||||
|
||||
<div class="video" *ngFor="let item of jobManagerActiveData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
|
||||
<!-- <ion-button size="small" fill="outline"><ion-icon name="star-half-outline" color="warning"></ion-icon> 0 Task waiting to start</ion-button>-->
|
||||
<!--<!– <ion-label class="review"></ion-label>–>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.title}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.job_description}}</ion-label>
|
||||
<ion-label class="price_line">{{item.contract}} {{item.price*0.01}} {{item.currency}} </ion-label>
|
||||
<ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
|
||||
<!-- <ion-label class="color_text">$40</ion-label>-->
|
||||
|
||||
<div class="items">
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="people" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>{{total_family}} Members</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="time" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>{{family_active}} Tasks</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>0 Completed</ion-label>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
<ion-segment [(ngModel)]="tabs">
|
||||
<ion-segment-button value="members">
|
||||
<ion-label>Members ({{total_family}})</ion-label>
|
||||
</ion-segment-button>
|
||||
<ion-segment-button value="lesson">
|
||||
<ion-label>Tasks ({{family_active}})</ion-label>
|
||||
</ion-segment-button>
|
||||
<ion-segment-button value="pending">
|
||||
<ion-label>Pending (0) </ion-label>
|
||||
</ion-segment-button>
|
||||
</ion-segment>
|
||||
|
||||
<div *ngIf="tabs =='members'" class="lesson">
|
||||
<div class="video" *ngFor="let item of familyData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.firstname}} {{item.lastname}} ({{item.age}})</ion-label>
|
||||
<ion-label class="grey_text">Last Login: {{item.last_login}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabs =='lesson'" class="lesson">
|
||||
<div class="flex">
|
||||
<ion-label class="bold">Total : {{family_active}}</ion-label>
|
||||
</div>
|
||||
|
||||
<!-- <div class="sec">-->
|
||||
<!-- <ion-label class="grey">Section 1 - Introduction</ion-label>-->
|
||||
<!-- <ion-label class="color">15 min</ion-label>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<div class="video" *ngFor="let item of jobManagerActiveData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.title}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.job_description}}</ion-label>
|
||||
<ion-label class="price_line">{{item.contract}} {{item.price*0.01}} {{item.currency}} </ion-label>
|
||||
<ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabs =='pending'" class="review_tab">
|
||||
|
||||
<div *ngIf="suggestion_total == 0">
|
||||
<ion-card>
|
||||
<img alt="WrecnhBoard" src="https://www.wrenchboard.com/assets/images/apps/no-pending.jpg" />
|
||||
<ion-card-header>
|
||||
<ion-card-title>No Pending</ion-card-title>
|
||||
<ion-card-subtitle>You have 0 pending suggestions</ion-card-subtitle>
|
||||
</ion-card-header>
|
||||
|
||||
<ion-card-content>
|
||||
It's fun when the family recommends activities for your approval. Any family member can log in to their profile and send what they are interested in.
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
</div>
|
||||
|
||||
|
||||
<div *ngIf="suggestion_total > 0">
|
||||
<div class="total">
|
||||
<div class="star-rate">
|
||||
<ion-icon name="star-half-outline" color="warning"></ion-icon>
|
||||
<ion-label class="bold">{{suggestion_total}} Items</ion-label>
|
||||
</div>
|
||||
<!-- <ion-label class="color">See all</ion-label>-->
|
||||
</div>
|
||||
|
||||
<div class="reviw_list" *ngFor="let item of familyPendingData">
|
||||
<div class="profile">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+item.banner+')'"></div>
|
||||
<div style="margin-left: 10px;">
|
||||
<ion-label class="bold">{{item.title}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="select">
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<ion-label class="rate_num">{{item.status_text}}</ion-label>
|
||||
</div>
|
||||
<!-- <ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>-->
|
||||
</div>
|
||||
</div>
|
||||
<ion-label>{{item.description}}
|
||||
</ion-label>
|
||||
|
||||
<div class="like">
|
||||
<!-- <ion-icon slot="start" name="heart" color="danger" class="heart"></ion-icon>-->
|
||||
<ion-label class="name_bg_text">{{item.firstname}} </ion-label>
|
||||
<ion-label class="time">{{item.added}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="story-item">-->
|
||||
<!-- <div class="menu">-->
|
||||
<!-- <div class="text">-->
|
||||
<!-- <div class="select show">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="light" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num white">All</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">1</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">2</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">3</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">4</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">5</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabs =='pending'" class="review_tab">
|
||||
|
||||
<div *ngIf="suggestion_total == 0">
|
||||
<ion-card>
|
||||
<img alt="WrecnhBoard" src="https://www.wrenchboard.com/assets/images/apps/no-pending.jpg" />
|
||||
<ion-card-header>
|
||||
<ion-card-title>No Pending</ion-card-title>
|
||||
<ion-card-subtitle>You have 0 pending suggestions</ion-card-subtitle>
|
||||
</ion-card-header>
|
||||
|
||||
<ion-card-content>
|
||||
It's fun when the family recommends activities for your approval. Any family member can log in to their profile and send what they are interested in.
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
</div>
|
||||
|
||||
|
||||
<div *ngIf="suggestion_total > 0">
|
||||
<div class="total">
|
||||
<div class="star-rate">
|
||||
<ion-icon name="star-half-outline" color="warning"></ion-icon>
|
||||
<ion-label class="bold">{{suggestion_total}} Items</ion-label>
|
||||
</div>
|
||||
<!-- <ion-label class="color">See all</ion-label>-->
|
||||
</div>
|
||||
|
||||
<div class="reviw_list" *ngFor="let item of familyPendingData">
|
||||
<div class="profile">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+item.banner+')'"></div>
|
||||
<div style="margin-left: 10px;">
|
||||
<ion-label class="bold">{{item.title}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="select">
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<ion-label class="rate_num">{{item.status_text}}</ion-label>
|
||||
</div>
|
||||
<!-- <ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>-->
|
||||
</div>
|
||||
</div>
|
||||
<ion-label>{{item.description}}
|
||||
</ion-label>
|
||||
|
||||
<div class="like">
|
||||
<!-- <ion-icon slot="start" name="heart" color="danger" class="heart"></ion-icon>-->
|
||||
<ion-label class="name_bg_text">{{item.firstname}} </ion-label>
|
||||
<ion-label class="time">{{item.added}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="story-item">-->
|
||||
<!-- <div class="menu">-->
|
||||
<!-- <div class="text">-->
|
||||
<!-- <div class="select show">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="light" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num white">All</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">1</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">2</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">3</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">4</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="select">-->
|
||||
<!-- <ion-icon slot="start" name="star" color="primary" class="star_icon"></ion-icon>-->
|
||||
<!-- <ion-label class="rate_num">5</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</ion-content>
|
||||
|
||||
<ion-footer>
|
||||
|
||||
@@ -1,87 +1,68 @@
|
||||
|
||||
<ion-content>
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
|
||||
|
||||
<div class="boxed_contents">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
|
||||
<div class="ion-padding">
|
||||
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ion-padding">
|
||||
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ion-padding">
|
||||
<div class="flex">
|
||||
<ion-label class="bold_text">My Files</ion-label>
|
||||
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
|
||||
</div>
|
||||
<div class="flex">
|
||||
<ion-label class="bold_text">My Files</ion-label>
|
||||
<!-- <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
|
||||
</div>
|
||||
|
||||
<!-- <div class="row">-->
|
||||
<!-- <ion-label class="bg_text">3D Design</ion-label>-->
|
||||
<!-- <div class="rate">-->
|
||||
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
|
||||
<!-- <ion-label class="review">4.8 (4478 reviews)</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <ion-label class="color_text">$40</ion-label>-->
|
||||
|
||||
<!-- <div class="items">-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="people" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>9876 Students</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="time" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>2.5 hours</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="stud">-->
|
||||
<!-- <ion-icon slot="start" name="document-text" color="primary"></ion-icon>-->
|
||||
<!-- <ion-label>Certificate</ion-label>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<ion-segment [(ngModel)]="tabs">
|
||||
<ion-segment-button value="myfiles">
|
||||
<ion-label>Files</ion-label>
|
||||
</ion-segment-button>
|
||||
<ion-segment-button value="uploadnew">
|
||||
<ion-label>Upload New</ion-label>
|
||||
</ion-segment-button>
|
||||
</ion-segment>
|
||||
|
||||
<ion-segment [(ngModel)]="tabs">
|
||||
<ion-segment-button value="myfiles">
|
||||
<ion-label>Files</ion-label>
|
||||
</ion-segment-button>
|
||||
<ion-segment-button value="uploadnew">
|
||||
<ion-label>Upload New</ion-label>
|
||||
</ion-segment-button>
|
||||
</ion-segment>
|
||||
<div *ngIf="tabs =='myfiles'" class="lesson">
|
||||
|
||||
<div *ngIf="tabs =='myfiles'" class="lesson">
|
||||
<div class="video" *ngFor="let item of myFilesData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
|
||||
|
||||
<div class="video" *ngFor="let item of myFilesData">
|
||||
<div class="left">
|
||||
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
|
||||
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.title}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.description}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.file_name}}</ion-label>
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.title}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.description}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.file_name}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="lock-closed-outline"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<ion-icon name="lock-closed-outline"></ion-icon>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabs =='uploadnew'" class="lesson">
|
||||
|
||||
<ion-card>
|
||||
<img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/upload.jpg" />
|
||||
<ion-card-header>
|
||||
<ion-card-title>Upload Files</ion-card-title>
|
||||
<ion-card-subtitle>Add files to your resources</ion-card-subtitle>
|
||||
</ion-card-header>
|
||||
|
||||
<ion-card-content>
|
||||
You can upload files from your web account.
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div *ngIf="tabs =='uploadnew'" class="lesson">
|
||||
|
||||
<ion-card>
|
||||
<img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/upload.jpg" />
|
||||
<ion-card-header>
|
||||
<ion-card-title>Upload Files</ion-card-title>
|
||||
<ion-card-subtitle>Add files to your resources</ion-card-subtitle>
|
||||
</ion-card-header>
|
||||
|
||||
<ion-card-content>
|
||||
You can upload files from your web account.
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</ion-content>
|
||||
|
||||
<ion-footer>
|
||||
|
||||
@@ -15,11 +15,13 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content class="ion-padding">
|
||||
<div class="flex" *ngFor="let item of notificationData">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/notifications/'+item.icon+')'"></div>
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.date}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.title}}</ion-label>
|
||||
<div class="boxed_contents">
|
||||
<div class="flex" *ngFor="let item of notificationData">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/notifications/'+item.icon+')'"></div>
|
||||
<div class="text">
|
||||
<ion-label class="bold_text">{{item.date}}</ion-label>
|
||||
<ion-label class="grey_text">{{item.title}}</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
|
||||
@@ -1,11 +1,3 @@
|
||||
<!--
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
-->
|
||||
<ion-header mode="ios" class="ion-no-border">
|
||||
<ion-toolbar>
|
||||
<ion-buttons slot="start" (click)="onBack()">
|
||||
@@ -18,17 +10,20 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content class="ion-padding">
|
||||
<ion-label class="head_text">Privacy Policy</ion-label>
|
||||
<div class="boxed_contents">
|
||||
<ion-label class="head_text">Privacy Policy</ion-label>
|
||||
|
||||
<ion-label class="ans">Wrenchboard issues this policy to inform users about the information we collect, the use and disclosures in the course of interactions with the WrenchBoard services by customers. We value the privacy of our customers and such strive to employ best industry standards and practices to protect their privacy. By signing up for this services, using our products or technologies offered through the WrenchBoard website, you expressly agree to the terms of this Privacy Policy.</ion-label>
|
||||
<ion-label class="ans">Wrenchboard issues this policy to inform users about the information we collect, the use and disclosures in the course of interactions with the WrenchBoard services by customers. We value the privacy of our customers and such strive to employ best industry standards and practices to protect their privacy. By signing up for this services, using our products or technologies offered through the WrenchBoard website, you expressly agree to the terms of this Privacy Policy.</ion-label>
|
||||
|
||||
<ion-label class="head_text">Collection of Information</ion-label>
|
||||
<ion-label class="head_text">Collection of Information</ion-label>
|
||||
|
||||
<ion-label class="ans">When you sign up for WrenchBoard platform as a user, freelancer, worker or client, you inadvertently provide certain personal information such as name and email address. This information may be used to identify or contact you as part of the service we provide. Below is information we may collect from registered users of the service.</ion-label>
|
||||
<ion-label class="ans">When you sign up for WrenchBoard platform as a user, freelancer, worker or client, you inadvertently provide certain personal information such as name and email address. This information may be used to identify or contact you as part of the service we provide. Below is information we may collect from registered users of the service.</ion-label>
|
||||
|
||||
<ion-label class="head_text">Use of Personal Information</ion-label>
|
||||
<ion-label class="head_text">Use of Personal Information</ion-label>
|
||||
|
||||
<ion-label class="ans">The information we collect about you is mainly utilized to provide a secure, efficient and smooth user experience as you interact with the site. We may also utilize the information to contact you to resolve issues with your account or resolve disputes between freelancers and clients. We also use your personal information in the following ways.
|
||||
</ion-label>
|
||||
</div>
|
||||
|
||||
<ion-label class="ans">The information we collect about you is mainly utilized to provide a secure, efficient and smooth user experience as you interact with the site. We may also utilize the information to contact you to resolve issues with your account or resolve disputes between freelancers and clients. We also use your personal information in the following ways.
|
||||
</ion-label>
|
||||
|
||||
</ion-content>
|
||||
|
||||
@@ -10,42 +10,45 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content class="ion-padding">
|
||||
<div class="flex">
|
||||
<ion-label>Alert me on multiple login trial</ion-label>
|
||||
<ion-toggle slot="end" name="grape" color="tertiary"></ion-toggle>
|
||||
<div class="boxed_contents">
|
||||
<div class="flex">
|
||||
<ion-label>Alert me on multiple login trial</ion-label>
|
||||
<ion-toggle slot="end" name="grape" color="tertiary"></ion-toggle>
|
||||
</div>
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>Remember me</ion-label>-->
|
||||
<!-- <ion-toggle slot="end" name="grape" color="tertiary" checked></ion-toggle>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>Touch ID</ion-label>-->
|
||||
<!-- <ion-toggle slot="end" name="grape" color="tertiary" checked></ion-toggle>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>Google Authenticator</ion-label>-->
|
||||
<!-- <ion-icon name="chevron-forward-outline"></ion-icon>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<ion-button expand="full" class="add_button" shape="round" (click)="onResetPass()">
|
||||
Change Password
|
||||
</ion-button>
|
||||
|
||||
<ion-card color="warning">
|
||||
<ion-card-header>
|
||||
<ion-card-title>Disable Account</ion-card-title>
|
||||
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
|
||||
</ion-card-header>
|
||||
|
||||
<ion-card-content>
|
||||
WrenchBoard fully complies with your data ownership and will remove your account anytime at your request. Please note when completed, it is not reversible.
|
||||
</ion-card-content>
|
||||
|
||||
<ion-button fill="clear">Help</ion-button>
|
||||
<ion-button fill="clear" (click)="requestDelete()">Confirm Disable</ion-button>
|
||||
<ion-label>{{requestDeleteResult}}</ion-label>
|
||||
</ion-card>
|
||||
</div>
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>Remember me</ion-label>-->
|
||||
<!-- <ion-toggle slot="end" name="grape" color="tertiary" checked></ion-toggle>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>Touch ID</ion-label>-->
|
||||
<!-- <ion-toggle slot="end" name="grape" color="tertiary" checked></ion-toggle>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="flex">-->
|
||||
<!-- <ion-label>Google Authenticator</ion-label>-->
|
||||
<!-- <ion-icon name="chevron-forward-outline"></ion-icon>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<ion-button expand="full" class="add_button" shape="round" (click)="onResetPass()">
|
||||
Change Password
|
||||
</ion-button>
|
||||
|
||||
<ion-card color="warning">
|
||||
<ion-card-header>
|
||||
<ion-card-title>Disable Account</ion-card-title>
|
||||
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
|
||||
</ion-card-header>
|
||||
|
||||
<ion-card-content>
|
||||
WrenchBoard fully complies with your data ownership and will remove your account anytime at your request. Please note when completed, it is not reversible.
|
||||
</ion-card-content>
|
||||
|
||||
<ion-button fill="clear">Help</ion-button>
|
||||
<ion-button fill="clear" (click)="requestDelete()">Confirm Disable</ion-button>
|
||||
<ion-label>{{requestDeleteResult}}</ion-label>
|
||||
</ion-card>
|
||||
</ion-content>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</ion-tab-button>
|
||||
|
||||
<ion-tab-button tab="tab4">
|
||||
<ion-icon name="cart"></ion-icon>
|
||||
<ion-icon name="wallet"></ion-icon>
|
||||
<ion-label>Wallet</ion-label>
|
||||
</ion-tab-button>
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
</ion-tab-button>
|
||||
|
||||
<ion-tab-button tab="tab4">
|
||||
<ion-icon name="cart"></ion-icon>
|
||||
<ion-icon name="wallet"></ion-icon>
|
||||
<ion-label>Wallet</ion-label>
|
||||
</ion-tab-button>
|
||||
|
||||
|
||||
@@ -18,5 +18,6 @@
|
||||
margin-right: auto;
|
||||
}
|
||||
.bottom_bar_tabs{
|
||||
background-color: lightgray;
|
||||
margin-top: 0px;
|
||||
background-color: inherit;
|
||||
}
|
||||
@@ -18,7 +18,7 @@
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<div *ngIf="item.action_type == 'AC_AD_WR_FUND' " >
|
||||
<ion-button size="small" color="success" expand="block" (click)="startRedeem(item)">Redeem</ion-button>
|
||||
<ion-button color="secondary" expand="block" (click)="startRedeem(item)">Redeem</ion-button>
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col></ion-col>
|
||||
|
||||
Reference in New Issue
Block a user