doneit-web/src/app/pages/cal-modal/cal-modal.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="close()">
        <ion-icon name="chevron-back" slot="start"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>Novo Evento</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="div-ion-content">
  <ion-item>
    <ion-label>Assunto</ion-label>
    <ion-input type="text" [(ngModel)]="postEvent.Subject"></ion-input>
  </ion-item>
  <!-- <ion-item>
    <ion-label>Descrição</ion-label>
    <ion-input type="text" [(ngModel)]="postEvent.Body.Text"></ion-input>
  </ion-item> -->
  <ion-item>
    <ion-label>Descrição</ion-label>
    <ion-textarea [(ngModel)]="postEvent.Body.Text" placeholder=""></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label>Localização</ion-label>
    <ion-input type="text" [(ngModel)]="postEvent.Location"></ion-input>
  </ion-item>
  <!-- <ion-item>
    <ion-label position="stacked">Intervenientes</ion-label>
    <ion-input type="text" [(ngModel)]="postEvent.RequiredAttendees.Name"></ion-input>
  </ion-item> -->
  <!-- <ion-list>
    <ion-radio-group value="biff">
      <ion-item class="radio-button" lines="none">
        <ion-label>Oficial</ion-label>
        <ion-radio [(ngModel)]="postEvent.CalendarName" slot="start" value="biff"></ion-radio>
      </ion-item>
  
      <ion-item class="radio-button" lines="none">
        <ion-label>Pessoal</ion-label>
        <ion-radio [(ngModel)]="postEvent.CalendarName" slot="start" value="griff"></ion-radio>
      </ion-item>
    </ion-radio-group>
  </ion-list> -->
  <ion-item>
    <ion-label>Selecione a Agenda</ion-label>
    <ion-select  [(ngModel)]="postEvent.CalendarName" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
      <ion-select-option Pessoal="Reunião">Pessoal</ion-select-option>
      <ion-select-option Oficial="Viagem">Oficial</ion-select-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>Tipo de evento</ion-label>
    <ion-select  [(ngModel)]="postEvent.EventType" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
      <ion-select-option value="Reunião">Reunião</ion-select-option>
      <ion-select-option value="Viagem">Viagem</ion-select-option>
      <ion-select-option value="Conferência">Conferência</ion-select-option>
      <ion-select-option value="Encontro">Encontro</ion-select-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>Data Início</ion-label>
    <ion-datetime [(ngModel)]="postEvent.StartDate" min="2020" max="2100"
      displayFormat="D MMM YYYY H:mm"
      monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
  </ion-item>
  <ion-item>
    <ion-label>Data Fim</ion-label>
    <ion-datetime [(ngModel)]="postEvent.EndDate" min="2020" max="2100"
      displayFormat="D MMM YYYY H:mm"
      monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
  </ion-item>
  <div class="div-attach">
    <ion-item lines="none">
      <ion-icon name="add" slot="end" (click)="addAttendees()"></ion-icon>
      <ion-label class="attach-label">Intervenientes</ion-label>
    </ion-item>
    <div id="AttachFiles"></div>
  </div>
  <div class="div-attach">
    <ion-item lines="none">
      <ion-icon name="add" slot="end" (click)="showAlert()"></ion-icon>
      <ion-label class="attach-label">Anexos</ion-label>
    </ion-item>
    <div id="AttachFiles"></div>
  </div>
</div> 
</ion-content>


<ion-footer class="ion-no-border">
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-button (click)="close()">
        <ion-label>Cancelar</ion-label>
        <ion-icon name="close" slot="start"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>{{ viewTitle }}</ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="save()">
        <ion-label>Enviar</ion-label>
        <ion-icon name="checkmark" slot="start"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>