WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

capacitor storage

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-08-21 18:50:29 -04:00
parent 2d6dd1eb82
commit 86477146d0
7 changed files with 155 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1
View File
@@ -25,6 +25,7 @@
"@capacitor/haptics": "^5.0.0",
"@capacitor/ios": "5.0.5",
"@capacitor/keyboard": "^5.0.0",
"@capacitor/preferences": "^5.0.6",
"@capacitor/status-bar": "^5.0.0",
"@ionic/angular": "^6.1.9",
"rxjs": "~6.6.0",
src/app/pages/activetask/activetask.module.ts
+2 -1
View File
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
import { ActivetaskPageRoutingModule } from './activetask-routing.module';
import { ActivetaskPage } from './activetask.page';
import {TaskactivitiesComponent} from "../../components/taskactivities/taskactivities.component";
@NgModule({
imports: [
@@ -15,6 +16,6 @@ import { ActivetaskPage } from './activetask.page';
IonicModule,
ActivetaskPageRoutingModule
],
declarations: [ActivetaskPage]
declarations: [ActivetaskPage,TaskactivitiesComponent]
})
export class ActivetaskPageModule {}
src/app/pages/activetask/activetask.page.html
+86 -59
View File
@@ -42,31 +42,34 @@
<ion-label>Send Updates</ion-label>
</ion-segment-button>
<ion-segment-button value="review">
<ion-label>Completed ?</ion-label>
<ion-label>Actions</ion-label>
</ion-segment-button>
</ion-segment>
<div *ngIf="tabs =='about'" class="about">
<!-- <ion-label class="head_text">Mentor</ion-label>-->
<div class="mentor">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+jobData.banner+')'"></div>
<div style="margin-left: 10px;">
<ion-label class="bold">Due Date</ion-label>
<ion-label class="grey">{{jobData.delivery_date}}</ion-label>
</div>
</div>
<!-- <ion-icon name="chatbubble-ellipses-outline" color="primary"></ion-icon>-->
</div>
<!-- <div class="mentor">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/taskbanners/'+jobData.banner+')'"></div>-->
<!-- <div style="margin-left: 10px;">-->
<!-- <ion-label class="bold">Due Date</ion-label>-->
<!-- <ion-label class="grey">{{jobData.delivery_date}}</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <ion-icon name="chatbubble-ellipses-outline" color="primary"></ion-icon>&ndash;&gt;-->
<!-- </div>-->
<div class="work_area">
<ion-label class="head_text">Description</ion-label>
<ion-label class="description">{{jobData.job_description}}
</ion-label>
<ion-label class="head_text">Delivery Details</ion-label>
<ion-label class="description">{{jobData.description}}
</ion-label>
</div>
<ion-label class="head_text">Description</ion-label>
<ion-label class="description">{{jobData.job_description}}
</ion-label>
<ion-label class="head_text">Delivery Details</ion-label>
<ion-label class="description">{{jobData.description}}
</ion-label>
</div>
<div *ngIf="tabs =='lesson'" class="lesson">
@@ -75,15 +78,15 @@
<!-- <ion-label class="color">See all</ion-label>-->
<!-- </div>-->
<div class="sec">
<ion-label class="grey">Due Date:{{jobData.delivery_date}}</ion-label>
<ion-label class="color">{{jobData.contract}}</ion-label>
</div>
<!-- <div class="sec">-->
<!-- <ion-label class="grey">Due Date:{{jobData.delivery_date}}</ion-label>-->
<!-- <ion-label class="color">{{jobData.contract}}</ion-label>-->
<!-- </div>-->
<ion-card>
<ion-card-header>
<ion-card-subtitle>Send Updates</ion-card-subtitle>
</ion-card-header>
<!-- <ion-card-header>-->
<!-- <ion-card-subtitle>Send Updates</ion-card-subtitle>-->
<!-- </ion-card-header>-->
<ion-card-content>
<ion-textarea label="Your Message to Job Owner" placeholder="Type message here" [(ngModel)]='yourmessage' ></ion-textarea>
@@ -94,66 +97,90 @@
</ion-label>
</ion-card>
<div class="video {{item.who}}" *ngFor="let item of msgListData">
<div class="left">
<div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
<!-- <div class="video {{item.who}}" *ngFor="let item of msgListData">-->
<!-- <div class="left">-->
<!-- <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>-->
<div class="text">
<ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>
<ion-label class="grey_text">{{item.message}}</ion-label>
</div>
</div>
<!-- <div class="right">-->
<!--&lt;!&ndash; <ion-icon name="lock-closed-outline"></ion-icon>&ndash;&gt;-->
<!-- </div>-->
</div>
<!-- <div class="text">-->
<!-- <ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date}}</ion-label>-->
<!-- <ion-label class="grey_text">{{item.message}}</ion-label>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <div class="right">&ndash;&gt;-->
<!-- &lt;!&ndash;&lt;!&ndash; <ion-icon name="lock-closed-outline"></ion-icon>&ndash;&gt;&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
</div>
<div *ngIf="tabs =='review'" class="review_tab">
<div class="total">
<div class="star-rate">
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
<ion-label class="bold">Task Actions</ion-label>
</div>
<!-- <ion-label class="color">See all</ion-label>-->
</div>
<!-- <div class="total">-->
<!-- <div class="star-rate">-->
<!-- &lt;!&ndash; <ion-icon name="star-half-outline" color="warning"></ion-icon>&ndash;&gt;-->
<!-- <ion-label class="bold">Task Actions</ion-label>-->
<!-- </div>-->
<!-- &lt;!&ndash; <ion-label class="color">See all</ion-label>&ndash;&gt;-->
<!-- </div>-->
<ion-card>
<ion-card-header>
<ion-card-subtitle>Completed the task?</ion-card-subtitle>
</ion-card-header>
<!-- <ion-card-header>-->
<!-- <ion-card-subtitle>Completed the task?</ion-card-subtitle>-->
<!-- </ion-card-header>-->
<ion-card-content>
<ion-button color="secondary" expand="block" >Send completion Message</ion-button>
<ion-grid>
<ion-row>
<ion-col>
<div color="warning" class="ion-text-wrap task_button" (click)="taskCancel()">Send cancellation request</div>
</ion-col>
<ion-col>
<div color="secondary" class="ion-text-wrap task_button cpl" (click)="taskCompleted()">Send completion Message</div>
</ion-col>
</ion-row>
</ion-grid>
<ion-label class="description">{{interest_status}}
</ion-label>
</ion-card-content>
</ion-card>
<ion-card color="warning">
<ion-card-header>
<ion-card-subtitle>Cancel the task?</ion-card-subtitle>
</ion-card-header>
<!-- <ion-card color="warning">-->
<!-- <ion-card-header>-->
<!-- <ion-card-subtitle>Cancel the task?</ion-card-subtitle>-->
<!-- </ion-card-header>-->
<ion-card-content>
<ion-button color="secondary" expand="block" >Send cancellation request</ion-button>
<ion-label class="description">{{interest_status}}
</ion-label>
</ion-card-content>
</ion-card>
<!-- <ion-card-content>-->
<!-- <ion-label class="description">{{interest_status}}-->
<!-- </ion-label>-->
<!-- </ion-card-content>-->
<!-- </ion-card>-->
</div>
</div>
<div *ngIf="status_description == 'PASTDUE'" >
PAST DUE
<ion-card color="danger">
<ion-card-header>
<ion-card-subtitle>Task is pat due date</ion-card-subtitle>
</ion-card-header>
<ion-card-content>
<ion-button color="secondary" expand="block" >Request Extension</ion-button>
</ion-card-content>
</ion-card>
</div>
<div *ngIf="status_description == 'REVIEW'" >
IN REVIEW
<ion-card color="success">
<ion-card-header>
<ion-card-subtitle>Task is in Review</ion-card-subtitle>
</ion-card-header>
<ion-card-content> THis task is in review , the owner will give feedback soon. </ion-card-content>
</ion-card>
</div>
<app-taskactivities [jobData]="jobData"></app-taskactivities>
</div>
src/app/pages/activetask/activetask.page.scss
+13
View File
@@ -1,5 +1,18 @@
ion-content {
.task_button{
background-color: orange;
height: 100px;
border-radius: 10px;
padding: 10px;
font-weight: bolder;
}
.cpl{
background-color: lightgreen;
}
.SENDER{
background-color: yellow;
margin-left: 50px;
src/app/pages/activetask/activetask.page.ts
+6
View File
@@ -136,4 +136,10 @@ export class ActivetaskPage implements OnInit {
);
}
taskCompleted(){
// alert(100);
}
taskCancel(){
}
}
src/app/pages/login/login.page.ts
+40 -1
View File
@@ -5,6 +5,7 @@ import { SessionDataProviderService } from 'src/app/store/session-data-provider.
import { BlogDataService } from 'src/app/store/blog-data.service';
import { environment} from "../../../environments/environment";
import { AlertController } from '@ionic/angular';
import { Preferences } from '@capacitor/preferences';
@Component({
selector: 'app-login',
@@ -33,6 +34,14 @@ export class LoginPage implements OnInit {
// this.username='ses66181+6018@gmail.com';
// this.username='ses66181+1@gmail.com';
// this.password='may12002';
const checkName = async () => {
const { value } = await Preferences.get({ key: 'username' });
this.username=value;
//console.log(`Hello ${value}!`);
};
}
getBlogData(){
@@ -59,7 +68,16 @@ getBlogData(){
this.loginResult = loginResult;
console.log("INTERNAL RETURN->" + this.loginResult.internal_return);
if (loginResult != null && loginResult.internal_return == 100 && this.sessionDataProviderService.ConstructGlobalSessionData(this.loginResult) == true) {
this.getBlogData();
const setName = async () => {
await Preferences.set({
key: 'username',
value: this.username,
});
};
this.getBlogData();
this.router.navigate(['tabs/tab1']);
}
else{
@@ -108,4 +126,25 @@ getBlogData(){
familyLogin(){
this.router.navigate(['familylogin']);
}
/*
const setName = async () => {
await Preferences.set({
key: 'name',
value: 'Max',
});
};
const checkName = async () => {
const { value } = await Preferences.get({ key: 'name' });
console.log(`Hello ${value}!`);
};
const removeName = async () => {
await Preferences.remove({ key: 'name' });
};
*/
}
src/global.scss
+7
View File
@@ -132,3 +132,10 @@ ion-modal.custom_modal_bottom {
.RECIPIENT{
margin-right: 50px;
}
.work_area{
background-color: lightblue;
padding: 10px;
border-radius: 5px;
}