add-cronograma-acti.component.html 2.51 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
<div class="contenedorP">
  <div>
    <form [formGroup]="myForm" (ngSubmit)="onUpdate()">
      <mat-label *ngIf="ocultar"><strong>Seleccione una Actividad</strong></mat-label>
      <mat-form-field class="form-field" *ngIf="ocultar">
        <mat-label>Seleccione un Item</mat-label>
        <mat-select formControlName="Actividades">
          <mat-option *ngFor="let item of actividadesE"
            [value]="item.uzytavobjetivo_programa_id">
            {{ item. uzytavobjetivo_programaobjetivo_proy }}
          </mat-option>
        </mat-select>
      </mat-form-field>

      <!--boton para agregar las fechas-->
      <div class="save-button">
        <button mat-raised-button color="primary" *ngIf="ocultar"
          (click)="AgregarF()" [disabled]="myForm.get('Actividades').invalid">Agregar
          Fecha</button>
        <button mat-raised-button color="primary" *ngIf="showDataAdd">Guardar</button>
        <span class="separator"></span>
        <button mat-raised-button color="warn" *ngIf="showDataAdd"
          (click)="cancelarF()">Cancelar</button>
      </div>
      <div class="separator2"></div>
      <!--fecha de inicio-->
      <div *ngIf="showDataAdd">
28
        <mat-label><strong>Fecha de Fin:</strong></mat-label>
29 30
        <mat-form-field class="form-field">
          <mat-label>Fecha de inicio</mat-label>
31
          <input matInput [matDatepicker]="pickerInicio" formControlName="fechaIni">
32 33 34 35
          <mat-datepicker-toggle matSuffix [for]="pickerInicio"></mat-datepicker-toggle>
          <mat-datepicker #pickerInicio></mat-datepicker>
        </mat-form-field>

36 37 38 39 40 41 42
        <mat-form-field class="form-field">
          <mat-label>Hora de inicio</mat-label>
          <input matInput type="time" formControlName="horaIni">
        </mat-form-field>



43 44 45 46 47 48 49 50
        <!--fecha de fin-->
        <mat-label><strong>Fecha de Fin:</strong></mat-label>
        <mat-form-field class="form-field">
          <mat-label>Fecha Fin:</mat-label>
          <input matInput [matDatepicker]="pickerFin" formControlName="fechaFin">
          <mat-datepicker-toggle matSuffix [for]="pickerFin"></mat-datepicker-toggle>
          <mat-datepicker #pickerFin></mat-datepicker>
        </mat-form-field>
51 52 53 54
        <mat-form-field class="form-field">
          <mat-label>Hora de Fin</mat-label>
          <input matInput type="time" formControlName="horaFin">
        </mat-form-field>
55 56 57 58 59 60 61 62 63 64
      </div>
    </form>
  </div>
</div>

<div class="container">
  <div class="contenedor-dos">
    <full-calendar [options]="calendarOptions"></full-calendar>
  </div>
</div>