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
 
  11  *     ZTE - initial API and implementation and/or initial documentation
 
  12  *******************************************************************************/
 
  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         <p-radioButton name="timeType" label="Duration" value="timeDuration" [ngModel]="node.timerEventDefinition.type" (ngModelChange)="timerTypeChange($event)">Duration</p-radioButton>
 
  19         <p-radioButton name="timeType" label="Date" value="timeDate" [(ngModel)]="node.timerEventDefinition.type">Date</p-radioButton>
 
  20         <p-radioButton name="timeType" label="Cycle" value="timeCycle" [(ngModel)]="node.timerEventDefinition.type">Cycle</p-radioButton>
 
  24 <div *ngIf="node.timerEventDefinition.type === 'timeDuration'" class="form-group row">
 
  25     <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_DURATION' | translate}}</label>
 
  26     <div class="col-md-9">
 
  27         <input type="text" class="form-control" [(ngModel)]="node.timerEventDefinition.timeDuration">
 
  28         <label>eg: P1Y3M5DT6H7M30S</label>
 
  32 <div *ngIf="node.timerEventDefinition.type === 'timeDate'" class="form-group row">
 
  33     <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_DATE' | translate}}</label>
 
  34     <div class="col-md-9">
 
  35         <input type="text" class="form-control" [(ngModel)]="node.timerEventDefinition.timeDate">
 
  36         <label>eg: 2007-04-05T12:30-02:00</label>
 
  38         <p-calendar [(ngModel)]="node.timerEventDefinition.timeDate" [showIcon]="true" [showTime]="true" [showSeconds]="true"></p-calendar>
 
  43 <div *ngIf="node.timerEventDefinition.type === 'timeCycle'" class="form-group row">
 
  44     <label class="col-md-3 form-control-label text-md-right">{{'WORKFLOW.TIMER_CYCLE' | translate}}</label>
 
  45     <div class="col-md-9">
 
  46         <input type="text"  class="form-control" [(ngModel)]="node.timerEventDefinition.timeCycle">
 
  47         <label>eg: R5/P1Y2M10DT2H30M</label>