From 451a3400b76511393c62a444f588a4ed15f4a549 Mon Sep 17 00:00:00 2001
From: Michael Lando <ml636r@att.com>
Date: Sun, 19 Feb 2017 10:28:42 +0200
Subject: Initial OpenECOMP SDC commit

Change-Id: I0924d5a6ae9cdc161ae17c68d3689a30d10f407b
Signed-off-by: Michael Lando <ml636r@att.com>
---
 .../artifact-form-step-view.html                   | 147 +++++++++++++++++++++
 1 file changed, 147 insertions(+)
 create mode 100644 catalog-ui/app/scripts/view-models/wizard/artifact-form-step/artifact-form-step-view.html

(limited to 'catalog-ui/app/scripts/view-models/wizard/artifact-form-step/artifact-form-step-view.html')

diff --git a/catalog-ui/app/scripts/view-models/wizard/artifact-form-step/artifact-form-step-view.html b/catalog-ui/app/scripts/view-models/wizard/artifact-form-step/artifact-form-step-view.html
new file mode 100644
index 0000000000..2643b99c20
--- /dev/null
+++ b/catalog-ui/app/scripts/view-models/wizard/artifact-form-step/artifact-form-step-view.html
@@ -0,0 +1,147 @@
+<sdc-modal modal="modalInstanceArtifact" type="classic" class="sdc-add-artifact" buttons="footerButtons" header="{{getFormTitle()}}" show-close-button="true">
+
+    <loader data-display="isLoading"></loader>
+
+    <form novalidate class="w-sdc-form two-columns" name="forms.editForm">
+
+        <!--------------------- ARTIFACT FILE -------------------->
+        <div class="i-sdc-form-item">
+            <label class="required">Upload File</label>
+            <file-upload id="fileUploadElement"
+                         form-element="forms.editForm"
+                         element-required="{{fileUploadRequired()}}"
+                         element-name="myArtifactFile"
+                         file-model="editArtifactResourceModel.artifactFile"
+                         extensions="{{fileExtensions()}}"
+                         data-ng-class="{'error': forms.editForm.myArtifactFile.$dirty && forms.editForm.myArtifactFile.$invalid}"></file-upload>
+
+            <div class="input-error-file-upload" data-ng-show="forms.editForm.myArtifactFile.$dirty && forms.editForm.myArtifactFile.$invalid">
+                <span ng-show="forms.editForm.myArtifactFile.$error.required && !forms.editForm.myArtifactFile.$error.emptyFile" translate="ADD_ARTIFACT_ERROR_FILE_REQUIRED"></span>
+                <span ng-show="forms.editForm.myArtifactFile.$error.maxsize" translate="VALIDATION_ERROR_MAX_FILE_SIZE"></span>
+                <span ng-if="'DEPLOYMENT' === artifactGroupType" ng-show="forms.editForm.myArtifactFile.$error.filetype" translate="ADD_ARTIFACT_ERROR_VALID_EXTENSIONS" translate-values="{'extensions': '{{fileExtensions()}}'}"></span>
+                <span ng-show="forms.editForm.myArtifactFile.$error.emptyFile" translate="VALIDATION_ERROR_EMPTY_FILE"></span>
+            </div>
+        </div>
+        <!--------------------- ARTIFACT FILE -------------------->
+
+        <div class="w-sdc-form-columns-wrapper">
+            <div class="w-sdc-form-column">
+
+            <div class="i-sdc-form-item" data-ng-class="{error:(forms.editForm.placeHolder.$dirty && forms.editForm.placeHolder.$invalid)}" data-ng-show="isPlaceHolderArtifact">
+                <label class="i-sdc-form-label required">Artifact</label>
+                <select class="i-sdc-form-select"
+                        name="placeHolder"
+                        data-ng-disabled="!isNew"
+                        data-ng-model="selectedArtifact"
+                        data-ng-change="changeArtifact(selectedArtifact)"
+                        data-tests-id="selectArtifact">
+                    <option disabled value="?">Select Artifact</option>
+                    <option data-ng-repeat="(key,value) in editArtifactResourceModel.artifactsFormList">{{value.artifactDisplayName}}</option>
+                    <option value="">Create New Artifact</option>
+
+                </select>
+
+                <div class="input-error" data-ng-show="forms.editForm.placeHolder.$dirty && forms.editForm.placeHolder.$invalid">
+                    <span ng-show="forms.editForm.placeHolder.$error.required" translate="ADD_ARTIFACT_ERROR_TYPE_REQUIRED"></span>
+                </div>
+            </div>
+
+            <div class="i-sdc-form-item" data-ng-class="{error:(forms.editForm.artifactLabel.$dirty && forms.editForm.artifactLabel.$invalid)}" data-ng-show="!isPlaceHolderArtifact">
+                <label class="i-sdc-form-label required">Artifact Label</label>
+                <input class="i-sdc-form-input"
+                       data-ng-maxlength="25"
+                       data-ng-model="editArtifactResourceModel.artifactResource.artifactLabel"
+                       type="text"
+                       name="artifactLabel"
+                       data-required
+                       data-ng-model-options="{ debounce: 200 }"
+                       data-ng-pattern="labelValidationPattern"
+                       maxlength="25"
+                       data-ng-disabled="!isNew || editArtifactResourceModel.artifactResource.mandatory"
+                       data-tests-id="artifactLabel"
+                       autofocus/>
+                <span class="w-sdc-icon-cancel" data-ng-click="selectedArtifact='?'; removeInputLabel()"></span>
+
+                <div class="input-error" data-ng-show="forms.editForm.artifactLabel.$dirty && forms.editForm.artifactLabel.$invalid">
+                    <span ng-show="forms.editForm.artifactLabel.$error.required" translate="ADD_ARTIFACT_ERROR_LABEL_REQUIRED"></span>
+                    <span ng-show="forms.editForm.artifactLabel.$error.maxlength" translate="VALIDATION_ERROR_MAX_LENGTH" translate-values="{'max': '25' }"></span>
+                    <span ng-show="forms.editForm.artifactLabel.$error.pattern" translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"></span>
+                </div>
+            </div>
+
+            <div class="i-sdc-form-item" data-ng-class="{error:(forms.editForm.timeout.$dirty && forms.editForm.timeout.$invalid)}"
+                 data-ng-if="isDeploymentHeat()">
+                <label class="i-sdc-form-label">Deployment Timeout (minutes)</label>
+                <input class="i-sdc-form-input"
+                       data-ng-maxlength="25"
+                       data-ng-model="editArtifactResourceModel.artifactResource.timeout"
+                       type="number"
+                       name="timeout"
+                       min="1"
+                       max="2147483647"
+                       data-ng-model-options="{ debounce: 200 }"
+                       data-ng-pattern="integerValidationPattern"
+                       data-ng-init="setDefaultTimeout()"
+                       data-ng-change="setDefaultTimeout()"
+                       maxlength="25"
+                       data-tests-id="timeout"/>
+
+                <div class="input-error" data-ng-show="forms.editForm.timeout.$dirty && forms.editForm.timeout.$invalid">
+                    <span ng-show="forms.editForm.timeout.$error.maxlength" translate="VALIDATION_ERROR_MAX_LENGTH" translate-values="{'max': '25' }"></span>
+                    <span ng-show="forms.editForm.timeout.$error.pattern" translate="ADD_ARTIFACT_ERROR_TIMEOUT_PATTERN"></span>
+                    <span ng-show="forms.editForm.timeout.$error.min" translate="ADD_ARTIFACT_ERROR_TIMEOUT_MIN"></span>
+                </div>
+            </div>
+            <div class="i-sdc-form-item" data-ng-class="{error:(forms.editForm.type.$dirty && forms.editForm.type.$invalid)}">
+                <label class="i-sdc-form-label required">Type</label>
+                <select class="i-sdc-form-select"
+                        data-required
+                        name="type"
+                        data-ng-disabled="!isNew || editArtifactResourceModel.artifactResource.mandatory || '?'==selectedArtifact"
+                        data-ng-model="editArtifactResourceModel.artifactResource.artifactType"
+                        data-ng-options="type as type for type in editArtifactResourceModel.artifactTypes track by type | uppercase"
+                        data-tests-id="artifacttype">
+                    <option value="">Choose Type</option>
+                </select>
+
+                <div class="input-error" data-ng-show="forms.editForm.type.$dirty && forms.editForm.type.$invalid">
+                    <span ng-show="forms.editForm.type.$error.required" translate="ADD_ARTIFACT_ERROR_TYPE_REQUIRED"></span>
+                </div>
+
+            </div>
+        </div>
+
+         <div class="w-sdc-form-column">
+
+            <div class="i-sdc-form-item"
+                 data-ng-class="{error:(forms.editForm.description.$dirty && forms.editForm.description.$invalid)}">
+                <label class="i-sdc-form-label required">Description</label>
+                  <textarea class="i-sdc-form-textarea"
+                            data-ng-maxlength="256"
+                            maxlength="256"
+                            data-required
+                            name="description"
+                            data-ng-model="editArtifactResourceModel.artifactResource.description"
+                            data-ng-model-options="{ debounce: 200 }"
+                            data-ng-pattern="commentValidationPattern"
+                            data-tests-id="description"
+                  >
+                  </textarea>
+
+                <div class="input-error" data-ng-show="forms.editForm.description.$dirty && forms.editForm.description.$invalid">
+                    <span ng-show="forms.editForm.description.$error.required" translate="ADD_ARTIFACT_ERROR_DESCRIPTION_REQUIRED"></span>
+                    <span ng-show="forms.editForm.description.$error.maxlength" translate="VALIDATION_ERROR_MAX_LENGTH" translate-values="{'max': '256' }"></span>
+                    <span ng-show="forms.editForm.description.$error.pattern" translate="VALIDATION_ERROR_SPECIAL_CHARS_NOT_ALLOWED"></span>
+                </div>
+
+            </div>
+        </div>
+        </div>
+
+        <span class="w-sdc-form-note" data-ng-show="forms.editForm.$invalid && false" translate="LABEL_ALL_FIELDS_ARE_MANDATORY"></span>
+
+    </form>
+
+</sdc-modal>
+
+
-- 
cgit 1.2.3-korg