Project

General

Profile

« Previous | Next » 

Revision 57644

[Monitor Dashboard]: Add form builder for edit indicator

View differences:

indicators.component.html
149 149
                  </i>
150 150
                  {{(indicator.isActive) ? 'Active' : 'Inactive'}}
151 151
                </span>
152
                <i class="md-icon material-icons">more_vert</i>
152
                <i class="md-icon material-icons" (click)="editIndicatorOpen(i)">more_vert</i>
153 153
              </div>
154 154
              <div class="md-card-toolbar-heading-text">{{indicator.name}}</div>
155 155
            </div>
......
215 215
             [okDisabled]="indicatorFb && indicatorFb.invalid">
216 216
  <div *ngIf="indicatorFb" class="uk-form-stacked" [formGroup]="indicatorFb">
217 217
    <label class="uk-form-label">Name</label>
218
    <div class="uk-form-controls" formArrayName="name">
218
    <div class="uk-form-controls">
219 219
      <input class="uk-input"
220 220
             [class.uk-form-danger]="indicatorFb.get('name').invalid && indicatorFb.get('name').dirty"
221 221
             [formControl]="indicatorFb.get('name')">
222 222
    </div>
223 223
    <label class="uk-form-label">Description</label>
224
    <div class="uk-form-controls" formArrayName="urls">
224
    <div class="uk-form-controls">
225 225
      <textarea class="uk-textarea" rows="3"
226 226
                [formControl]="indicatorFb.get('description')"></textarea>
227 227
    </div>
......
234 234
    </div>
235 235
  </div>
236 236
</modal-alert>
237
<!--<modal-alert #editIndicatorModal
237
<modal-alert #editIndicatorModal
238 238
             (alertOutput)="saveIndicator()"
239 239
             [okDisabled]="editIndicatorFb && (editIndicatorFb.invalid || !editIndicatorFb.dirty)">
240 240
  <div *ngIf="editIndicatorFb" class="uk-form-stacked" [formGroup]="editIndicatorFb">
241
    <div class="md-input-wrapper">
242
      <label>Name</label>
243
      <input type="text" class="md-input" (focus)="focus($event)">
244
      <span class="md-input-bar "></span>
245
    </div>
241 246
    <label class="uk-form-label">Name</label>
242
    <div class="uk-form-controls" formArrayName="name">
247
    <div class="uk-form-controls">
243 248
      <input class="uk-input"
244
             [class.uk-form-danger]="indicatorFb.get('name').status === 'INVALID' && indicatorFb.get('name').dirty"
245
             [formControl]="indicatorFb.get('name')">
249
             [class.uk-form-danger]="editIndicatorFb.get('name').status === 'INVALID' && editIndicatorFb.get('name').dirty"
250
             [formControl]="editIndicatorFb.get('name')">
246 251
    </div>
247
    <label class="uk-form-label">Description</label>
248
    <div class="uk-form-controls" formArrayName="urls">
252
    <!--<label class="uk-form-label">Description</label>
253
    <div class="uk-form-controls">
249 254
      <textarea class="uk-textarea" rows="3"
250 255
                [formControl]="indicatorFb.get('description')"></textarea>
251 256
    </div>
......
255 260
             [class.uk-form-danger]="chartUrl.status === 'INVALID' && chartUrl.dirty"
256 261
             *ngFor="let chartUrl of urls.controls;"
257 262
             [formControl]="chartUrl">
258
    </div>
263
    </div>-->
259 264
  </div>
260
</modal-alert>-->
265
</modal-alert>

Also available in: Unified diff