Add desktop inputs

src/app/modals/create-process/create-process.page.html

@@ -29,14 +29,14 @@
             </div>
             <div class="ion-input-class">
 
-              <ion-select class="d-block" placeholder="Prazo" [(ngModel)]="postData.Priority" interface="action-sheet" Cancel-text="Cancelar" required>
+              <ion-select class="d-block d-md-none" placeholder="Prazo" [(ngModel)]="postData.Priority" interface="action-sheet" Cancel-text="Cancelar" required>
                 <ion-select-option value="99999861"><b>Normal</b> (4 dias para a execução da tarefa)</ion-select-option>
                 <ion-select-option value="99999862"><b>Urgente</b> (2 dias para a execução da tarefa)</ion-select-option>
                 <ion-select-option value="99999863"><b>Muito Urgente</b> (1 dia para a execução da tarefa)</ion-select-option>
                 <ion-select-option value="99999864"><b>Urgentíssimo</b> (8 horas para a execução da tarefa)</ion-select-option>
               </ion-select>
 
-              <!-- <mat-form-field class="width-100" placeholder="Sample Type" required>
+              <mat-form-field class="width-100 d-none d-md-block" placeholder="Sample Type" required>
                 <mat-select matInput [(value)]="postData.Priority" >
                   <mat-option value="Reunião">
                     Reunião
@@ -51,8 +51,7 @@
                     Encontro
                   </mat-option>
                 </mat-select>
-              </mat-form-field> -->
-
+              </mat-form-field>
 
             </div>
           </div>
@@ -63,15 +62,14 @@
               <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
             </div>
             <div class="ion-input-class">
-              <ion-item class="ion-no-border ion-no-padding ion-no-margin">
-              <ion-label>Tipo de assunto</ion-label>
-              <ion-select
-              [(ngModel)]="selectedTypes"
-              (ngModelChange)="onSelectedTypesChanged($event)" 
-              multiple="true" interface="alert" Cancel-text="Cancelar" required>
-                <ion-select-option *ngFor="let type of subjectTypes" value="{{type.Code}}">{{type.Description}}</ion-select-option>
-              </ion-select>
-            </ion-item>
+
+              <mat-form-field appearance="fill" class="width-100">
+                <mat-label>Toppings</mat-label>
+                <mat-select [formControl]="toppings" multiple>
+                  <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
+                </mat-select>
+              </mat-form-field>
+
             </div>
           </div>
         </div>

src/app/modals/create-process/create-process.page.ts

@@ -15,11 +15,30 @@ import { User } from 'src/app/models/user.model';
 import { AttendeesPageModal } from 'src/app/pages/events/attendees/attendees.page';
 import { ToastService } from 'src/app/services/toast.service';
 import { FormControl } from '@angular/forms';
+import { NgxMatDateFormats } from '@angular-material-components/datetime-picker';
+import { NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';
+
+
+const CUSTOM_DATE_FORMATS: NgxMatDateFormats = {
+  parse: {
+    dateInput: "YYYY-MMMM-DD HH:mm"
+  },
+  display: {
+    dateInput: "DD MMM YYYY H:mm",
+    monthYearLabel: "MMM YYYY",
+    dateA11yLabel: "LL",
+    monthYearA11yLabel: "MMMM YYYY"
+  }
+}
+
 
 @Component({
   selector: 'app-create-process',
   templateUrl: './create-process.page.html',
   styleUrls: ['./create-process.page.scss'],
+  providers: [
+    { provide: NGX_MAT_DATE_FORMATS, useValue: CUSTOM_DATE_FORMATS },
+  ]
 })
 export class CreateProcessPage implements OnInit {
   modalTitle: string[] = [
@@ -58,6 +77,9 @@ export class CreateProcessPage implements OnInit {
 
   loggeduser: User;
 
+  toppings = new FormControl();
+
+  toppingList: string[] = ['Economia', 'Saúde', 'Educação', 'Finanças', 'Agricultura'];
 
   constructor(
     private modalController: ModalController,
@@ -91,7 +113,6 @@ export class CreateProcessPage implements OnInit {
         DeadlineType: '',
         SubjectTypes: this.selectedTypes,
         NumberPDPP: this.task.workflowInstanceDataFields.DispatchNumber,
-
       };
       
       this.postData.DispatchFolder = this.dispatchFolder;
@@ -117,7 +138,6 @@ export class CreateProcessPage implements OnInit {
     this.taskDate = new Date(this.task.taskStartDate);
   }
 
-
   onSelectedTypesChanged(ev:any){
     console.log(ev);
     if(ev.length > 1){
@@ -129,7 +149,7 @@ export class CreateProcessPage implements OnInit {
     }
   }
 
-  close(){
+  close() {
     //this.router.navigate(['/home/gabinete-digital/expediente']);
     this.modalController.dismiss(null);
   }