reminder sent

src/app/pages/suggestdetails/suggestdetails.page.html

@@ -49,22 +49,21 @@
         </div>
       </div>
 
-      <ion-segment [(ngModel)]="tabs">
+      <div style="background-color: aliceblue; border-radius: 10px; padding: 5px;">
-        <ion-segment-button value="about">
-          <ion-label>Actions</ion-label>
-        </ion-segment-button>
-        <ion-segment-button value="lesson">
-          <ion-label>History</ion-label>
-        </ion-segment-button>
-      </ion-segment>
 
-      <div *ngIf="tabs =='about'" class="about">
         <ion-grid>
+          <ion-row>
+            <ion-col>
+              {{messageResult}}
+            </ion-col>
+          </ion-row>
+
           <ion-row>
             <ion-col class="mtop">
               <ion-button color="danger"
                           expand="block"
                           shape="round"
+                          [disabled]="cancelDisabled"
                           size="small"  (click)="cancelSuggest()">Cancel Request</ion-button>
             </ion-col>
 
@@ -81,8 +80,44 @@
 
           </ion-row>
         </ion-grid>
+
       </div>
 
+<!--      <ion-segment [(ngModel)]="tabs">-->
+<!--        <ion-segment-button value="about">-->
+<!--          <ion-label>Actions</ion-label>-->
+<!--        </ion-segment-button>-->
+<!--        <ion-segment-button value="lesson">-->
+<!--          <ion-label>History</ion-label>-->
+<!--        </ion-segment-button>-->
+<!--      </ion-segment>-->
+
+<!--      <div *ngIf="tabs =='about'" class="about">-->
+<!--        <ion-grid>-->
+<!--          <ion-row>-->
+<!--            <ion-col class="mtop">-->
+<!--              <ion-button color="danger"-->
+<!--                          expand="block"-->
+<!--                          shape="round"-->
+<!--                          [disabled]="cancelDisabled"-->
+<!--                          size="small"  (click)="cancelSuggest()">Cancel Request</ion-button>-->
+<!--            </ion-col>-->
+
+<!--            <ion-col class="mtop">-->
+<!--              <ion-button-->
+<!--                      expand="block"-->
+<!--                      shape="round"-->
+<!--                      size="small"-->
+<!--                      [disabled]="sendDisabled"-->
+<!--                      (click)="sendReminder()">Send Reminder</ion-button>-->
+<!--            </ion-col>-->
+<!--          </ion-row>-->
+<!--          <ion-row>-->
+
+<!--          </ion-row>-->
+<!--        </ion-grid>-->
+<!--      </div>-->
+
       <div *ngIf="tabs =='lesson'" class="lesson">
         <!--      <div class="flex">-->
         <!--        <ion-label class="bold">Most Popular Courses</ion-label>-->
@@ -107,9 +142,16 @@
             <ion-icon name="lock-closed-outline"></ion-icon>
           </div>
         </div>
+
+
+
       </div>
 
 
+
+
+
+
     </div>
   </div>
 </ion-content>

src/app/pages/suggestdetails/suggestdetails.page.ts

@@ -16,6 +16,8 @@ export class SuggestdetailsPage implements OnInit {
     suggestTotalData:any;
     suggestData:any;
     suggestActionData:any;
+    messageResult:string='';
+
   constructor(
       private navctr: NavController,
       private router: Router,
@@ -66,7 +68,8 @@ export class SuggestdetailsPage implements OnInit {
                     {
                         text: "Send",
                         handler: () => {
-                            this.setSuggestStatus(222); // remind
+                            this.setSuggestStatus(222,"Reminder Sent"); // remind
+                            this.sendDisabled= true;
                            // this.onBack();
                         },
                     },
@@ -90,9 +93,10 @@ export class SuggestdetailsPage implements OnInit {
                 {
                     text: "Delete",
                     handler: () => {
-                        this.setSuggestStatus(555); // cancel
+                        this.setSuggestStatus(555, "Cancel Sent"); // cancel
                         this.refreshTaskList();
-                        this.onBack();
+                        this.cancelDisabled= true;
+                       // this.onBack();
                     },
                 },
             ],
@@ -101,13 +105,15 @@ export class SuggestdetailsPage implements OnInit {
     }
   statusResult:any;
   sendDisabled:boolean= false;
+  cancelDisabled:boolean= false;
+
     //define('WRENCHBOARD_FAMILY_SGGESTSTATUS',   22026);
 
     suggestEditData: {
         action:number, member_id: number, uid: string, sessionid: string, suggest_uid:20, suggest_action: string,offset: 0
     };
 
-  async setSuggestStatus(suggest_action){
+  async setSuggestStatus(suggest_action,messageResult){
       const loading = await this.loadingCtrl.create({
           message: 'Sending...',
           duration: 3500,
@@ -129,8 +135,10 @@ export class SuggestdetailsPage implements OnInit {
         loading.dismiss();
         this.statusResult = statusResult;
         console.log("statusResult  RETURN->", this.statusResult);
-         this.sendDisabled= true;
+            this.messageResult =messageResult;
-
+            setTimeout(()=>{
+                this.onBack();
+            }, 3000);
           //this.total_family = this.familyData.length;
         }
     );