diff options
| author |   Sonsino, Ofir (os0695) <os0695@intl.att.com> | 2018-07-10 15:57:37 +0300 |
|---|---|---|
| committer | Sonsino, Ofir (os0695) <os0695@intl.att.com> | 2018-07-10 15:57:37 +0300 |
| commit | ff76b5ed0aa91d5fdf9dc4f95e8b20f91ed9d072 (patch) | |
| tree | aae42404a93fdffdd16ff050eaa28129959f7577 /vid-webpack-master/src/app/components/service-popup/service-popup.html | |
| parent | c72d565bb58226b20625b2bce5f0019046bee649 (diff) | |
New Angular UI from 1806
Change-Id: I39c160db0e0a6ec2e587ccf007ee1b23c6a08666
Issue-ID: VID-208
Signed-off-by: Sonsino, Ofir (os0695) <os0695@intl.att.com>
Diffstat (limited to 'vid-webpack-master/src/app/components/service-popup/service-popup.html')
| -rw-r--r-- | vid-webpack-master/src/app/components/service-popup/service-popup.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/components/service-popup/service-popup.html b/vid-webpack-master/src/app/components/service-popup/service-popup.html new file mode 100644 index 000000000..e967daa3b --- /dev/null +++ b/vid-webpack-master/src/app/components/service-popup/service-popup.html @@ -0,0 +1,52 @@ +<div id="service-popup" class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" (click)="onCancelClick()" >×</button> + <span [attr.data-tests-id]="'create-modal-title'" class="modal-title">{{title}}</span> + </div> + <div class="modal-body popup-content"> + + <div class="header-left"> + <div>SERVICE MODEL: <span>"{{getModelName()}}"</span></div> + </div> + + <div class="header-right"> + Service Instance Details + </div> + + <label class="quantity-label">Qty:</label> + <div class="quantity"> + <select class="quantity-select" [(ngModel)]="servicesQty" name="quantity" id="quantity-select" required> + <option *ngFor="let qty of quantityOptions" [value]="qty">{{qty}}</option> + </select> + </div> + + <div class="service-model"> + + <model-information [modelInformationItems]="modelInformationItems"></model-information> + </div> + + <div class="service-instance"> + <service-instance-details [dynamicInputs]="dynamicInputs" + [serviceInstance]="serviceInstance" + [serviceModel]="serviceModel" + [servicesQty]="servicesQty" + (onDataChanged)="updateGeneralErrorSection()" + (closePopup)="onCancelClick($event)"></service-instance-details> + </div> + + </div> + <div class="modal-footer row" style="padding: 0"> + <div class="col-md-6"> + <div *ngIf="hasGeneralApiError == true"> + <form-general-error [message]="'Page contains errors. Please see details next to the relevant fields.'"></form-general-error> + </div> + </div> + <div class="col-md-6" style="padding: 15px;padding-right: 35px;"> + <button [attr.data-tests-id]="'cancelButton'" type="button" class="btn btn-default cancel" (click)="onCancelClick()"><span>Cancel</span></button> + <input type="submit" value="Set" form="serviceForm" data-tests-id="service-form-set" + class="btn btn-success submit" [disabled]="!serviceInstanceDetails?.serviceForm?.valid"> + </div> + </div> + </div> +</div> |