create weakly event

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html

@@ -31,28 +31,28 @@
               <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
             </div>
             <div class="ion-input-class flex-grow-1 justify-center align-center material-inputs " [class.input-error]="Form?.get('CalendarName')?.invalid  && validateFrom ">
-    
+
               <mat-form-field appearance="none"  class="width-100" color="ion-color-secondary"  placeholder="Selecione agenda">
                 <div *ngIf="utils.hasPrCalendar(calendarData) && !hasChangeCalendar  " style="margin-bottom: -20px;">PR </div>
                 <div *ngIf="selectedUserCalendar == SessionStore.user.UserId && !hasChangeCalendar  && SessionStore.user.Profile != 'PR'" style="margin-bottom: -20px;">
                   Minha agenda
                 </div>
                 <mat-select [(value)]="selectedUserCalendar" (selectionChange)="changeAgenda();changeSegmentCalendar()">
-    
+
                   <mat-option *ngFor="let calendars of calendarData" value="{{calendars.wxUserId}}">
-    
+
                     <div *ngIf="calendars.roleId == RoleIdService.PRES">PR </div>
                     <div *ngIf="calendars.roleId == RoleIdService.MD && calendars.roleId != SessionStore.user.RoleID">AGENDA DO MDGPR</div>
                     <div *ngIf="calendars.roleId != RoleIdService.MD && calendars.roleId != RoleIdService.PRES && calendars.wxFullName && calendars.wxUserId != SessionStore.user.UserId"> Agenda {{calendars.wxFullName}} </div>
                     <div *ngIf="calendars.wxUserId == SessionStore.user.UserId && SessionStore.user.Profile != 'PR'">
                       Minha agenda
                     </div>
-    
+
                   </mat-option>
-    
+
                 </mat-select>
               </mat-form-field>
-    
+
             </div>
           </div>
         </div>
@@ -144,7 +144,7 @@
                   Diário
                 </mat-option>
                 <mat-option value="weekly">
-                  Semanalmente
+                  Semanal
                 </mat-option>
                 <mat-option value="monthly">
                   Mensal
@@ -159,6 +159,19 @@
         </div>
       </div>
 
+
+  <div class="container-div py-2" *ngIf="postData.EventRecurrence.frequency == 'weekly' || postData.EventRecurrence.frequency == 'monthly'">
+    <div class="ion-item-class-2 d-flex justify-content-around font-13-em">
+      <div class="segment cursor-pointer" [class.segment-active]="daysOfWeek.mon" (click)="daysOfWeek.mon=!daysOfWeek.mon">Seg</div>
+      <div class="segment cursor-pointer" [class.segment-active]="daysOfWeek.tues" (click)="daysOfWeek.tues=!daysOfWeek.tues">Terça</div>
+      <div class="segment cursor-pointer" [class.segment-active]="daysOfWeek.wed" (click)="daysOfWeek.wed=!daysOfWeek.wed">quarta</div>
+      <div class="segment cursor-pointer" [class.segment-active]="daysOfWeek.thurs" (click)="daysOfWeek.thurs=!daysOfWeek.thurs">quinta</div>
+      <div class="segment cursor-pointer" [class.segment-active]="daysOfWeek.fri" (click)="daysOfWeek.fri=!daysOfWeek.fri">Sexta</div>
+      <div class="segment cursor-pointer" [class.segment-active]="daysOfWeek.sat" (click)="daysOfWeek.sat=!daysOfWeek.sat">Sabado</div>
+      <div class="segment cursor-pointer" [class.segment-active]="daysOfWeek.sun" (click)="daysOfWeek.sun=!daysOfWeek.sun">Domingo</div>
+    </div>
+  </div>
+
       <div *ngIf="postData.EventRecurrence.frequency != 'never'" class="container-div">
 
         <div class="ion-item-class-2 d-flex" >

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.scss

@@ -19,7 +19,7 @@
     border: 1px solid #ebebeb;
     border-radius: 5px;
     padding-left: 10px;
-    
+
   }
   .ion-item-container-no-border{
     margin: 0px auto;
@@ -173,7 +173,7 @@
 
 
 
-    
+
 
   .app-name{
     background: var(--title-text-color);
@@ -191,8 +191,8 @@
     -ms-border-radius: 18px;
     -o-border-radius: 18px;
   }
-  
-  
+
+
 .close-button {
   display: none;
   height: 20px;
@@ -209,3 +209,14 @@
     display: block !important;
   }
 }
+
+.segment{
+  box-shadow: 0px 0px 10px #b3b3b3;
+  padding: 3px;
+  border-radius: 10px;
+}
+
+
+.segment-active {
+  background-color: rgb(212, 212, 212);
+}

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.ts

@@ -121,7 +121,16 @@ export class BookMeetingModalPage implements OnInit {
   allDayCheck: boolean = false;
   CalendarNameShow = true
   eventRecurence = 'never';
-  
+
+  daysOfWeek = {
+    sun: false,
+    mon: false,
+    tues: false,
+    wed: false,
+    thurs: false,
+    fri: false,
+    sat: false,
+  };
 
   constructor(
     private modalController: ModalController,
@@ -393,6 +402,18 @@ export class BookMeetingModalPage implements OnInit {
       }
     });
 
+    let i =0;
+    this.postData.EventRecurrence.daysOfWeek = []
+    for(const [key, value] of Object.entries(this.daysOfWeek)) {
+      if(value) {
+        if(!this.postData.EventRecurrence.daysOfWeek.includes(i)) {
+          this.postData.EventRecurrence.daysOfWeek.push(i);
+        }
+      }
+      i++
+    }
+
+
     this.postData.Attachments = DocumentToSave as any;
     let loader = this.toastService.loading();