aboutsummaryrefslogtreecommitdiffstats
path: root/app/main/dashboard/dcaedt/dcaedt_general_vnf.html
diff options
context:
space:
mode:
authorEran (ev672n), Vosk <ev672n@att.com>2018-08-07 14:15:05 +0300
committerEran (ev672n), Vosk <ev672n@att.com>2018-08-07 14:15:05 +0300
commitb9708a7c3cfaf5767992a2b15180e7b85c459242 (patch)
tree076e19ea52232232e9060a9d7e074947a4a49508 /app/main/dashboard/dcaedt/dcaedt_general_vnf.html
parentcc32bd38d72e5c1c92048657083952d3e45c1819 (diff)
adding the dcae dt code
Adding DCAE-dt code Change-Id: Id6b779db9d24e10825fb97ad5fd46f41e65e6738 Issue-ID: SDC-1614 Signed-off-by: Eran (ev672n), Vosk <ev672n@att.com>
Diffstat (limited to 'app/main/dashboard/dcaedt/dcaedt_general_vnf.html')
-rw-r--r--app/main/dashboard/dcaedt/dcaedt_general_vnf.html228
1 files changed, 228 insertions, 0 deletions
diff --git a/app/main/dashboard/dcaedt/dcaedt_general_vnf.html b/app/main/dashboard/dcaedt/dcaedt_general_vnf.html
new file mode 100644
index 0000000..00e3d63
--- /dev/null
+++ b/app/main/dashboard/dcaedt/dcaedt_general_vnf.html
@@ -0,0 +1,228 @@
+<div class="dcae-main-container">
+ <div class="dcae-left-sidebar">
+ <div class="dcae-menu-item" ng-class="{selected:page==='general'}" ui-sref="dcae.app.home">Home</div>
+ <div class="dcae-menu-item selected" ng-class="{selected:page==='general'}"
+ ng-click="goGeneral(component, component==null)">General
+ </div>
+ <div class="dcae-menu-item" ng-class="{selected:page==='import'}"
+ ng-click="goImport(component,component==null)">Import
+ </div>
+ <div class="dcae-menu-item" ng-class="{selected:page==='composition'}" ng-click="goComposition(component, selfAssurance)" data-tests-id="dcae-menu-item-Composition">
+ Composition
+ </div>
+ <!--<div class="dcae-menu-item" ng-class="{selected:page==='artifact'}" ng-click="goArtifact()">Artifact</div>-->
+ </div>
+ <!-- BOOTSTRAP COMPONENTS -->
+ <!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+ <!-- Latest compiled and minified JavaScript -->
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
+ <div class="dcae-main-right-container">
+
+ <div class="dcae-workspace-top-bar">
+ <div ng-show="!createMode" class="version-container">
+ <!-- ngIf: !isCreateMode() && !component.isLatestVersion() -->
+ <!-- ngIf: !isCreateMode() -->
+ <span class="lifecycle-state-text ng-binding"
+ data-tests-id="formlifecyclestate">V{{component.version}}</span>
+ <!-- end ngIf: !isCreateMode() -->
+ </div>
+
+ <div ng-show="!createMode" class="lifecycle-state">
+ <div data-ng-show="showLifecycleIcon()" class="lifecycle-state-icon"
+ data-ng-class="{'in-design-status-icon': createMode, '': !createMode}"></div>
+ <span class="lifecycle-state-text ng-binding"
+ data-tests-id="formlifecyclestate">{{component.lifecycleState}}</span>
+ </div>
+
+
+ <div ng-show="!createMode" class="progress-container">
+ <div class="general-view-top-progress top-progress ng-isolate-scope"
+ progress-value="progressService.getProgressValue(component.uniqueId)"
+ progress-message="progressMessage"></div>
+ </div>
+
+ <div class="sdc-workspace-top-bar-buttons">
+
+ <!-- ngIf: !isCreateMode() && !component.isLatestVersion() && !showChangeStateButton() -->
+
+ <!-- ngIf: isDesigner() && !isCreateMode() -->
+ <!-- isDesigner() &amp;&amp; !isCreateMode() -->
+ <!--<button class="btn btn-default" ng-show="!createMode" ng-click="save()"
+ class="tlv-btn blue ng-scope" data-tests-id="create/save"
+ sdc-smart-tooltip=""
+ style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">Update
+ </button>-->
+ <!-- end ngIf: isDesigner() && !isCreateMode() -->
+
+ <!-- ngRepeat: (key,button) in changeLifecycleStateButtons -->
+
+ <!-- ngIf: !isViewMode() && isCreateMode() -->
+
+ <!-- ngIf: (isDesigner() || isProductManager()) && !isCreateMode() && component.lifecycleState === 'NOT_CERTIFIED_CHECKOUT' -->
+
+ <!-- ngIf: isDesigner() -->
+ <span data-ng-if="isDesigner()"
+ data-ng-class="{'disabled' :isDisableMode() || isViewMode()}"
+ ng-click="revert()"
+ class="dcae-sprite-new revert-btn ng-scope disabled"
+ data-tests-id="revert" data-ng-show="showFullIcons()"
+ sdc-smart-tooltip=""
+ style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">Revert</span>
+ <!-- end ngIf: isDesigner() -->
+
+ <!-- ngIf: isComposition && !component.isProduct() -->
+ <span class="delimiter"></span> <span class="dcae-sprite-new x-btn"
+ data-ng-click="goToBreadcrumbHome()" sdc-smart-tooltip=""
+ style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">Close</span>
+
+ </div>
+
+
+ </div>
+
+
+ <div data-ng-show="!createMode"
+ class="dcae-asset-creation-info ng-binding ng-scope">
+ <b>UUID:</b>&nbsp;{{component.uuid}}<b>&nbsp;Invariant UUID:</b>&nbsp;{{component.invariantUUID}}
+ </div>
+
+ <br>
+ {{s}}
+ <br>
+ <br>
+ <div class="dcae-main-container-body-content ng-scope"
+ data-ng-class="{'third-party':thirdParty}" data-ui-view="">
+
+ <div include-padding="true"
+ class="sdc-workspace-general-step ng-scope">
+
+ <form novalidate=""
+ class="w-sdc-form ng-pristine ng-valid-name-exist ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength"
+ name="editForm">
+
+ <div class="w-sdc-form-section-container">
+
+ <div class="i-sdc-form-item">
+ <div
+ class="general-view-top-progress top-progress ng-isolate-scope"
+ progress-value="progressValue"
+ progress-message="progressMessage">
+
+ <!--======================= Top progress var =======================-->
+ <!-- ngIf: progressValue>0 && progressValue<100 -->
+
+ <!-- ngIf: progressValue===100 -->
+
+ <!-- ngIf: progressValue===-1 -->
+ <!--======================= Top progress var =======================-->
+
+
+ </div>
+ </div>
+
+
+ <div class="w-sdc-form-columns-wrapper">
+
+ <div class="w-sdc-form-column">
+
+
+ <!--------------------- NAME -------------------->
+ <div class="i-sdc-form-item"
+ data-ng-class="{'error': validateField(editForm.componentName)}">
+ <label class="i-sdc-form-label required">Name</label> <input
+ class="i-sdc-form-input ng-pristine ng-valid-name-exist ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-touched"
+ data-ng-class="{'view-mode': isViewMode()}"
+ name="name"
+ data-ng-init="isCreateMode() &amp;&amp; validateName(true)"
+ data-ng-maxlength="50" maxlength="50" data-ng-minlength="0"
+ minlength="0" data-ng-model="component.name" type="text"
+ data-required="" data-ng-model-options="{ debounce: 500 }"
+ data-ng-pattern="/^[\s\w\&amp;_.:-]{1,1024}$/"
+ data-ng-disabled="component.isAlreadyCertified()"
+ data-tests-id="name" autofocus="" ng-readonly="isViewMode()">
+
+ <div class="input-error ng-hide"
+ data-ng-show="validateField(editForm.componentName)">
+ <span ng-show="editForm.componentName.$error.required"
+ translate="NEW_SERVICE_RESOURCE_ERROR_RESOURCE_NAME_REQUIRED"
+ class="ng-scope">Name is required.</span> <span
+ ng-show="editForm.componentName.$error.maxlength"
+ translate="VALIDATION_ERROR_MAX_LENGTH"
+ translate-values="{'max': '50' }" class="ng-scope ng-hide">Max
+ length 50 characters.</span> <span
+ ng-show="editForm.componentName.$error.minlength"
+ translate="VALIDATION_ERROR_MIN_LENGTH"
+ translate-values="{'min': '4' }" class="ng-scope ng-hide">Min
+ length 4 characters.</span> <span
+ ng-show="editForm.componentName.$error.nameExist"
+ translate="NEW_SERVICE_RESOURCE_ERROR_NAME_EXISTS"
+ class="ng-scope ng-hide">Name already exists.</span> <span
+ ng-show="editForm.componentName.$error.pattern"
+ translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"
+ class="ng-scope ng-hide">Special characters not
+ allowed.</span>
+ </div>
+ </div>
+ <!--------------------- NAME -------------------->
+
+ <!--------------------- FULL NAME -------------------->
+ <!-- ngIf: component.isProduct() -->
+ <!--------------------- NAME -------------------->
+
+ <!--------------------- DESCRIPTION -------------------->
+ <div class="i-sdc-form-item"
+ data-ng-class="{'error': validateField(editForm.description)}">
+ <label class="i-sdc-form-label required">Description</label>
+ <textarea
+ class="description ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength"
+ name="description" data-ng-class="{'view-mode': isViewMode()}"
+ data-ng-maxlength="1024" data-required=""
+ data-ng-model="component.description"
+ data-ng-model-options="{ debounce: 500 }"
+ data-ng-pattern="/^[\u0000-\u00BF]*$/" maxlength="1024"
+ data-tests-id="description"></textarea>
+ <!-- placeholder="Description here..." -->
+
+ <div class="input-error ng-hide" data-ng-show="true">
+ <span ng-show="editForm.description.$error.required"
+ translate="NEW_SERVICE_RESOURCE_ERROR_RESOURCE_DESCRIPTION_REQUIRED"
+ class="ng-scope">Description is required.</span> <span
+ ng-show="editForm.description.$error.maxlength"
+ translate="VALIDATION_ERROR_MAX_LENGTH"
+ translate-values="{'max': '1024' }" class="ng-scope ng-hide">Max
+ length 1024 characters.</span> <span
+ ng-show="editForm.description.$error.pattern"
+ translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"
+ class="ng-scope ng-hide">Special characters not
+ allowed.</span>
+ </div>
+ </div>
+ <!--------------------- DESCRIPTION -------------------->
+
+ <!--------------------- CATEGORIES -------------------->
+ <!-- ngIf: !component.isProduct() -->
+ <!-- end ngIf: !component.isProduct() -->
+ <!--------------------- CATEGORIES -------------------->
+ <button ng-show="createMode" ng-click="save()"
+ class="tlv-btn outline green ng-scope">Create
+ </button>
+
+
+
+ </div>
+ <!-- Close w-sdc-form-column -->
+
+ </div>
+
+ </div>
+ <!-- Close w-sdc-form-section-container -->
+
+ </form>
+
+ </div>
+ </div>
+ </div>
+</div>