gerrit.onap Code Review - sdc/sdc-workflow-designer.git/blob

   1 <!--
   2 /*******************************************************************************
   3  * Copyright (c) 2017 ZTE Corporation.
   4  * All rights reserved. This program and the accompanying materials
   5  * are made available under the terms of the Eclipse Public License v1.0
   6  * and the Apache License 2.0 which both accompany this distribution,
   7  * and are available at http://www.eclipse.org/legal/epl-v10.html
   8  * and http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Contributors:
  11  *     ZTE - initial API and implementation and/or initial documentation
  12  *******************************************************************************/
  13 -->
  14 <form class="form-horizontal">
  15     <div class="form-group row">
  16         <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_TYPE' | translate}}</label>
  17         <div class="col-md-9">
  18             <label class="plx-radio-container">
  19                 <input type="radio" class="plx-radio" [checked]="checkedType === timeType[timeType.timeDuration]"
  20                        (click)="timeTypeChange(timeType[timeType.timeDuration])">
  21                 <div class="radio-substitute"></div>
  22                 <span>{{'WORKFLOW.TIMER_CYCLE' | translate}}</span>
  23             </label>&nbsp;&nbsp;
  24             <label class="plx-radio-container">
  25                 <input type="radio" class="plx-radio" [checked]="checkedType === timeType[timeType.timeDate]"
  26                        (click)="timeTypeChange(timeType[timeType.timeDate])">
  27                 <div class="radio-substitute"></div>
  28                 <span>{{'WORKFLOW.TIMER_DATE' | translate}}</span>
  29             </label>
  30         </div>
  31     </div>
  32
  33     <div *ngIf="checkedType === timeType[timeType.timeDuration]">
  34         <!--<div class="form-group row">
  35             <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_YEAR' | translate}}</label>
  36             <div class="col-md-9">
  37                 <plx-text-input type="number" name="year" min="0" width="336px"
  38                                 [(ngModel)]="timeCycle.year" (change)="transformTimeDurationToString()"></plx-text-input>
  39             </div>
  40         </div>-->
  41         <div class="form-group row">
  42             <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_MONTH' | translate}}</label>
  43             <div class="col-md-9">
  44                 <plx-text-input type="number" name="month" min="0" max="12" width="336px"
  45                                 [(ngModel)]="timeDuration.month" (change)="transformTimeDurationToString()"></plx-text-input>
  46             </div>
  47         </div>
  48         <div class="form-group row">
  49             <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_DAY' | translate}}</label>
  50             <div class="col-md-9">
  51                 <plx-text-input type="number" name="day" min="0" max="31" width="336px"
  52                                 [(ngModel)]="timeDuration.day" (change)="transformTimeDurationToString()"></plx-text-input>
  53             </div>
  54         </div>
  55         <div class="form-group row">
  56             <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_HOUR' | translate}}</label>
  57             <div class="col-md-9">
  58                 <plx-text-input type="number" name="hour" min="0" max="23" width="336px"
  59                                 [(ngModel)]="timeDuration.hour" (change)="transformTimeDurationToString()"></plx-text-input>
  60             </div>
  61         </div>
  62         <div class="form-group row">
  63             <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_MINUTE' | translate}}</label>
  64             <div class="col-md-9">
  65                 <plx-text-input type="number" name="minute" min="0" max="59" width="336px"
  66                                 [(ngModel)]="timeDuration.minute" (change)="transformTimeDurationToString()"></plx-text-input>
  67             </div>
  68         </div>
  69         <div class="form-group row">
  70             <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_SECOND' | translate}}</label>
  71             <div class="col-md-9">
  72                 <plx-text-input type="number" name="second" min="0" max="59" width="336px"
  73                                 [(ngModel)]="timeDuration.second" (change)="transformTimeDurationToString()"></plx-text-input>
  74             </div>
  75         </div>
  76         <!--<div class="form-group row">
  77             <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_CYCLE_INDEX' | translate}}</label>
  78             <div class="col-md-9">
  79                 <plx-text-input type="number" name="time" min="1" width="336px"
  80                                 [(ngModel)]="timeCycle.time" (change)="transformTimeDurationToString()"></plx-text-input>
  81             </div>
  82         </div>-->
  83     </div>
  84
  85     <div *ngIf="checkedType === timeType[timeType.timeDate]" class="form-group row">
  86         <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_DATE' | translate}}</label>
  87         <div class="col-md-9">
  88             <plx-datepicker name="date" [(ngModel)]="timeDate" [locale]="locale" (onConfirm)="timeDateChange()" showTime="true"
  89                             showSeconds='true' dateFormat="YYYY/MM/DD HH:mm:ss"></plx-datepicker>
  90         </div>
  91     </div>
  92 </form>