1. <div class="panel panel-default">
2.     <div class="panel-heading">{{sectionName}}</div>
3.     <div class="panel-body">
4.         <div class="form-group" [class.has-error]="getErrorMessage(columnName)"
5.              *ngFor="let columnName of sectionColumns">
6.             <label class="control-label col-sm-2">{{columnName.displayName}}</label>
7.             <span [ngSwitch]="dataMap[columnName['name']].type">
8.  
9.                 <input [readonly]="isReadOnly" class="form-control" *ngSwitchCase="'TEXT'"
10.                        type="text"
11.                        [(ngModel)]="dataMap[columnName['name']].value"/>
12.                 <div *ngSwitchCase="'DATE'">
13.                       <input *ngIf="isReadOnly" [readonly]="true" class="form-control"
14.                              type="text"
15.                              [(ngModel)]="dataMap[columnName['name']].value"/>
16.                      <input *ngIf="!isReadOnly" class="form-control"
17.                             type="text" data-provide="datepicker"
18.                             data-date-format="yyyy-mm-dd" data-date-end-date="9999-12-30" #datePicker
19.                             (blur)="dataMap[columnName['name']].value = datePicker.value"
20.                             [(ngModel)]="dataMap[columnName['name']].value"/>
21.                 </div>
22.                 <textarea [readonly]="isReadOnly" class="form-control"
23.                           *ngSwitchCase="'LONG_TEXT'"
24.                           [(ngModel)]="dataMap[columnName['name']].value"></textarea>
25.                 <select [disabled]="isReadOnly" class="form-control" *ngSwitchCase="'ENUM'"
26.                         [(ngModel)]="dataMap[columnName['name']].value">
27.                     <option *ngFor="let opt of dataMap[columnName['name']].possibleValues"
28.                             value="{{opt}}">{{opt | paramDisplayName}}</option>
29.                 </select>
30.             </span>
31.  
32.             <span *ngIf="getErrorMessage(columnName)" class="bg-danger">{{getErrorMessage(columnName)}}</span>
33.         </div>
34.     </div>
35. </div>