aboutsummaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/vlanTagging/vlan-tagging.component.html
diff options
context:
space:
mode:
authorSonsino, Ofir (os0695) <os0695@intl.att.com>2018-07-10 15:57:37 +0300
committerSonsino, Ofir (os0695) <os0695@intl.att.com>2018-07-10 15:57:37 +0300
commitff76b5ed0aa91d5fdf9dc4f95e8b20f91ed9d072 (patch)
treeaae42404a93fdffdd16ff050eaa28129959f7577 /vid-webpack-master/src/app/vlanTagging/vlan-tagging.component.html
parentc72d565bb58226b20625b2bce5f0019046bee649 (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/vlanTagging/vlan-tagging.component.html')
-rw-r--r--vid-webpack-master/src/app/vlanTagging/vlan-tagging.component.html27
1 files changed, 27 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/vlanTagging/vlan-tagging.component.html b/vid-webpack-master/src/app/vlanTagging/vlan-tagging.component.html
new file mode 100644
index 000000000..f474f4bd1
--- /dev/null
+++ b/vid-webpack-master/src/app/vlanTagging/vlan-tagging.component.html
@@ -0,0 +1,27 @@
+<div class="vlan-wrapper-config">
+ <div class="head">
+ <div class="title">Collection Resource Consumer VNF</div>
+ <div class="btn-wrapper">
+ <button class="cancel-btn grey" data-tests-id="cancelButton" (click)="cancel()">{{cancelButtonText}}</button>
+ <button class="next-btn blue" data-tests-id="nextButton" [disabled]="isNextButtonDisabled()" (click)="nextStep()">{{nextButtonText}}</button>
+ </div>
+ </div>
+ <span (serviceInstamce)="onServiceInstanceChange($event)"></span>
+ <div class="content-wrapper">
+ <div class="left-side">
+ <formasync [hidden]="currentStep === wizardSteps.two" [model]="model" class="form"></formasync>
+ <app-network-selector [hidden]="currentStep === wizardSteps.one" class="form-wrapper" [groups]="groups"></app-network-selector>
+ </div>
+
+ <div style="padding-left: 30px;padding-right: 30px" class="sidebar-right">
+ <div class="headline">META DATA</div>
+ <div class="seperator"></div>
+ <model-information [modelInformationItems]="modelInfoItems"></model-information>
+ <div class="headline">Collection Resource Consumer VNF</div>
+ <div *ngFor="let group of groups">
+ <div class="seperator"></div>
+ <model-information [modelInformationItems]="group"></model-information>
+ </div>
+ </div>
+ </div>
+</div>