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

job group

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-12-26 17:08:08 -05:00
parent 9147a7aed9
commit 113fe6f5af
3 changed files with 285 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/job-group/job-group.component.html
+190 -8
View File
@@ -8,7 +8,12 @@
</ion-row>
<ion-row>
<ion-col>
<ion-button size="small" shape="round" expand="block" (click)="addGroup()">Create a group</ion-button>
<ion-button
size="small"
shape="round"
id="open-modal-new"
expand="block"
(click)="addGroup()">Create a group</ion-button>
</ion-col>
</ion-row>
</ion-grid>
@@ -34,6 +39,7 @@
<ion-button
(click)="addGroup()"
style="height: 35px;"
id="open-modal"
size="small" >+Group</ion-button>
</div>
</div>
@@ -55,13 +61,13 @@
<ion-item-option color="danger">Delete</ion-item-option>
</ion-item-options>
</ion-item-sliding>
<ion-item>
<ion-button
size="small"
(click)="addGroupMember()"
shape="round"
expand="block">Add Member</ion-button>
</ion-item>
<ion-item *ngIf="job_group > 0">
<ion-button
size="small"
(click)="addGroupMember()"
shape="round"
expand="block">Add Member</ion-button>
</ion-item>
</ion-list>
</div>
@@ -70,4 +76,180 @@
</div>
<div *ngIf="isModalOpenBackdrop==true">
<ion-backdrop [visible]="isModalOpenBackdrop"></ion-backdrop>
<ion-modal class="common_modal" [isOpen]="isModalOpen"><ng-template>
<ion-header class="modal-head">
<ion-toolbar>
<ion-title>Job Groups</ion-title>
<ion-buttons slot="end">
<ion-button (click)="setCloseModal()">Close</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<ion-grid style="background-color: lightgoldenrodyellow;">
<ion-row>
<ion-col>
<ion-input
maxlength="25"
(ionChange)="inVerifyNewGroup()"
[(ngModel)]="new_group_name"
style="background-color: aliceblue; border-radius: 10px;"
label="New Group Name.">
</ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
{{group_created_result}}
</ion-col>
<ion-col style="text-align: right;">
<ion-button
shape="round"
[disabled]="isDisabled"
size="small"
(click)="processAddGroup()">
Add Group
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
<ion-list>
<ion-item-sliding *ngFor="let item of jobGroupDataResult">
<ion-item>
<ion-label>{{item.group_name}}</ion-label>
</ion-item>
<ion-item-options>
<ion-item-option color="danger">Delete</ion-item-option>
</ion-item-options>
</ion-item-sliding>
</ion-list>
</ion-content>
<ion-footer>
<ion-grid style="background-color: lightgray;">
<ion-row>
<ion-col>
<!-- <ion-button-->
<!-- (click)="setCloseModal()"-->
<!-- shape="round"-->
<!-- size="small"-->
<!-- color="danger">-->
<!-- Close-->
<!-- </ion-button>-->
</ion-col>
<ion-col></ion-col>
<ion-col>
<ion-button
(click)="setCloseModal()"
shape="round"
size="small"
color="danger">
Close
</ion-button>
<!-- -->
<!-- <ion-button-->
<!-- shape="round"-->
<!-- size="small"-->
<!-- (click)="processCreateJob()">Create Job</ion-button>-->
</ion-col>
</ion-row>
</ion-grid>
</ion-footer>
</ng-template>
</ion-modal>
</div>
<div *ngIf="isModalMemberOpenBackdrop==true">
<ion-backdrop [visible]="isModalMemberOpenBackdrop"></ion-backdrop>
<ion-modal class="common_modal" [isOpen]="isModalMemberOpen"><ng-template>
<ion-header class="modal-head">
<ion-toolbar>
<ion-title>Groups Members</ion-title>
<ion-buttons slot="end">
<ion-button (click)="setCloseMemberModal()">Close</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<ion-grid style="background-color: lightgoldenrodyellow;">
<ion-row>
<ion-col>
<ion-input
maxlength="25"
(ionChange)="inVerifyNewGroup()"
[(ngModel)]="new_group_name"
style="background-color: aliceblue; border-radius: 10px;"
label="New Group Name.">
</ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
{{group_created_result}}
</ion-col>
<ion-col style="text-align: right;">
<ion-button
shape="round"
[disabled]="isDisabled"
size="small"
(click)="processAddGroup()">
Add Group
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
<ion-list>
<ion-item-sliding *ngFor="let item of jobGroupListFilterdData">
<ion-item>
<ion-label>{{item.firstname}} {{item.lastname}}</ion-label>
<ion-label>{{item.email}} </ion-label>
</ion-item>
<ion-item-options>
<ion-item-option color="danger">Delete</ion-item-option>
</ion-item-options>
</ion-item-sliding>
</ion-list>
</ion-content>
<ion-footer>
<ion-grid style="background-color: lightgray;">
<ion-row>
<ion-col>
<!-- <ion-button-->
<!-- (click)="setCloseModal()"-->
<!-- shape="round"-->
<!-- size="small"-->
<!-- color="danger">-->
<!-- Close-->
<!-- </ion-button>-->
</ion-col>
<ion-col></ion-col>
<ion-col>
<ion-button
(click)="setCloseMemberModal()"
shape="round"
size="small"
color="danger">
Close
</ion-button>
<!-- -->
<!-- <ion-button-->
<!-- shape="round"-->
<!-- size="small"-->
<!-- (click)="processCreateJob()">Create Job</ion-button>-->
</ion-col>
</ion-row>
</ion-grid>
</ion-footer>
</ng-template>
</ion-modal>
</div>
src/app/components/job-group/job-group.component.ts
+90
View File
@@ -11,6 +11,8 @@ import {JobgroupDataService} from "../../store/jobgroup-data.service";
})
export class JobGroupComponent implements OnInit {
@ViewChild('job_group') job_group;
@ViewChild('new_group_name') new_group_name;
@Input('jobData') jobData:any;
constructor( public sessionDataProviderService: SessionDataProviderService,
@@ -25,6 +27,8 @@ export class JobGroupComponent implements OnInit {
group_count:number = 0;
group_member_count:number = 0;
presentingElement = null;
ngOnInit() {
this.jobgroupDataService.getjobGroupData();
@@ -34,6 +38,8 @@ export class JobGroupComponent implements OnInit {
},
3000
);
this.presentingElement = document.querySelector('.ion-page');
}
refreshData(){
@@ -143,8 +149,92 @@ export class JobGroupComponent implements OnInit {
assigResult:any;
assign_ind_result:string='';
assign_mak_result:string='';
isDisabled:boolean=true;
group_created_result: string="";
createGroupResult:any;
isModalOpen:boolean = false;
isModalOpenBackdrop:boolean = false;
setCloseModal(){
this.isModalOpen = false;
setTimeout(()=>{
this.isModalOpenBackdrop= false;
},1000);
}
addGroup(){
this.isModalOpen = true;
this.isModalOpenBackdrop= true;
}
inVerifyNewGroup(){
// debugger;
this.isDisabled= true;
if (this.new_group_name.length> 5){
this.isDisabled= false;
}
}
reqCreateGroupData: {
action:number,
member_id: number,
uid: string,
sessionid: string,
group_name: string
};
processAddGroup(){
this.isDisabled= true;
this.reqCreateGroupData ={
action:13025,
member_id: this.sessionDataProviderService.member_id,
uid: this.sessionDataProviderService.member_uid,
sessionid: this.sessionDataProviderService.session,
group_name: this.new_group_name
};
this.wrenchService.jobGroupAdd(this.reqCreateGroupData).subscribe(
createGroupResult => {
this.createGroupResult = createGroupResult;
console.log("createGroupResult RETURN->", this.createGroupResult);
if ( this.createGroupResult != undefined && this.createGroupResult.internal_return > 0){
this.group_created_result = "New group added.";
this.new_group_name='';
this.jobgroupDataService.getjobGroupData();
//const event = new Event("app-myjob-offers-refresh");
// Dispatch the event.
// dispatchEvent(event);
setTimeout(() => {
this.group_created_result ='';
}, 3000);
}
else
{
}
}
);
}
setCloseMemberModal(){
this.isModalMemberOpen = false;
setTimeout(()=>{
this.isModalMemberOpenBackdrop= false;
},1000);
}
isModalMemberOpen:boolean = false;
isModalMemberOpenBackdrop:boolean = false;
addGroupMember(){
this.isModalMemberOpen = true;
this.isModalMemberOpenBackdrop= true;
}
// jobGroupAdd(reqData){
// return this.getPostData("jobgroupadd", reqData);
// }
}
src/app/services/wrench.service.ts
+5
View File
@@ -204,6 +204,11 @@ export class WrenchService {
jobGroupData(reqData){
return this.getPostData("jobgrouplist", reqData);
}
jobGroupAdd(reqData){
return this.getPostData("jobgroupadd", reqData);
}
getFamilyWallets(reqData) {
return this.getPostData("familywallet", reqData);
}