From 113fe6f5af0e94bd40a42fd0a88429324efa081e Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Tue, 26 Dec 2023 17:08:08 -0500
Subject: [PATCH] job group

---
 .../job-group/job-group.component.html        | 198 +++++++++++++++++-
 .../job-group/job-group.component.ts          |  90 ++++++++
 src/app/services/wrench.service.ts            |   5 +
 3 files changed, 285 insertions(+), 8 deletions(-)

diff --git a/src/app/components/job-group/job-group.component.html b/src/app/components/job-group/job-group.component.html
index c52bad6..c3870b9 100644
--- a/src/app/components/job-group/job-group.component.html
+++ b/src/app/components/job-group/job-group.component.html
@@ -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>
\ No newline at end of file
diff --git a/src/app/components/job-group/job-group.component.ts b/src/app/components/job-group/job-group.component.ts
index 7f0c303..d22bfcd 100644
--- a/src/app/components/job-group/job-group.component.ts
+++ b/src/app/components/job-group/job-group.component.ts
@@ -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);
+    // }
+
 }
diff --git a/src/app/services/wrench.service.ts b/src/app/services/wrench.service.ts
index fef50e8..aa7bde4 100644
--- a/src/app/services/wrench.service.ts
+++ b/src/app/services/wrench.service.ts
@@ -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);
     }