diff options
Diffstat (limited to 'd2ice.att.io/app/main/dashboard/account/account.html')
| -rwxr-xr-x | d2ice.att.io/app/main/dashboard/account/account.html | 159 |
1 files changed, 159 insertions, 0 deletions
diff --git a/d2ice.att.io/app/main/dashboard/account/account.html b/d2ice.att.io/app/main/dashboard/account/account.html new file mode 100755 index 00000000..de792d3a --- /dev/null +++ b/d2ice.att.io/app/main/dashboard/account/account.html @@ -0,0 +1,159 @@ +<!-- +============LICENSE_START========================================== +org.onap.vvp/portal +=================================================================== +Copyright © 2017 AT&T Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the “License”); +you may not use this software except in compliance with the License. +You may obtain a copy of the License at + + http:www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + + + +Unless otherwise specified, all documentation contained herein is licensed +under the Creative Commons License, Attribution 4.0 Intl. (the “License”); +you may not use this documentation except in compliance with the License. +You may obtain a copy of the License at + + https:creativecommons.org/licenses/by/4.0/ + +Unless required by applicable law or agreed to in writing, documentation +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + +============LICENSE_END============================================ + +ECOMP is a trademark and service mark of AT&T Intellectual Property.--> +<ice-loader selector=".account-form"></ice-loader> + +<h2>Account</h2> + +<div data-ng-if="vm.stage!==vm.stages.intake"> + <progress-directive progress="{{vm.progress}}" + callback="vm.updateProgress" + enable-edit="vm.isEngagementEL()" + engagement-uuid="{{vm.uuid}}"></progress-directive> +</div> + +<!--div class="row main-section" --> +<div class="row main-section"> +<get-started-modal></get-started-modal> + + + <div class="col-md-8 steps"> + + <form name="accountForm" ng-submit="vm.submitForm()" novalidate class="account-form col-md-8"> +<!-- + <div class="form-group"> + <h2>Account</h2> + </div> + --> + <div class="form-group" ng-class="{ 'has-error' : registerForm.company.$invalid && !registerForm.company.$pristine }"> + <label class="ice-form-label required">Company</label> + <select ng-model="vm.data.company" name="company" class="form-control" required> + <option value>Please Select</option> + <option ng-repeat="company in vm.companies" value="{{company.name}}" ng-selected="company.name===vm.data.company"> + {{company.name}} + </option> + </select> + <div class="ice-form-error" data-ng-show="accountForm.company.$error"> + <span ng-show="accountForm.company.$error.required && !accountForm.company.$pristine" class="help-block">Please select company</span> + </div> + </div> + + <div class="form-group" ng-class="{ 'has-error' : accountForm.fullName.$invalid && !accountForm.fullName.$pristine }"> + <label class="ice-form-label required">Full Name</label> + <input type="text" name="fullname" class="form-control" ng-model="vm.data.full_name" ng-minlength="3" ng-maxlength="50" maxlength="50" required> + <div class="ice-form-error" data-ng-show="accountForm.fullname.$error"> + <span ng-show="accountForm.fullname.$error.required && !accountForm.fullname.$pristine">Full Name is a required field.</span> + <span ng-show="accountForm.fullname.$error.minlength">Full Name is too short.</span> + <span ng-show="accountForm.fullname.$error.maxlength">Full Name is too long.</span> + </div> + </div> + + <div class="form-group" ng-class="{ 'has-error' : accountForm.email.$invalid && !accountForm.email.$pristine }"> + <label class="ice-form-label">Email</label> + <input id={{vm.data.email}} type="email" name="email" class="form-control" ng-model="vm.data.email" maxlength="254" ng-pattern='/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/' disabled> + <div class="ice-form-error" data-ng-show="accountForm.email.$error"> + <span ng-show="accountForm.email.$error.required && !accountForm.email.$pristine">Email is a required field.</span> + <span ng-show="accountForm.email.$invalid && !accountForm.email.$pristine" class="help-block">Enter a valid email.</span> + </div> + </div> + + <div class="form-group" ng-class="{ 'has-error' : accountForm.phone.$invalid && !accountForm.phone.$pristine }"> + <label class="ice-form-label required">Phone</label> + <input type="text" name="phone" class="form-control" ng-intl-tel-input ng-model="vm.data.phone_number" required ng-minlength="6" ng-maxlength="30"> + <div class="has-error ice-form-error" data-ng-show="accountForm.phone.$error"> + <span ng-show="accountForm.phone.$error.required && !accountForm.phone.$pristine">Phone is a required field.</span> + <span ng-show="accountForm.phone.$error.minlength" class="help-block">Phone is too short.</span> + <span ng-show="accountForm.phone.$error.maxlength" class="help-block">Phone is too long.</span> + <span ng-show="accountForm.phone.$invalid" class="help-block">Phone format invalid</span> + </div> + </div> + + <div class="form-group" ng-class="{ 'has-error' : accountForm.password.$invalid && !accountForm.password.$pristine }" > + <label class="ice-form-label">Password</label> + <input type="password" name="password" class="form-control" ng-model="vm.data.password" ng-minlength="4" ng-maxlength="32" maxlength="32" > + <div class="ice-form-error" data-ng-show="accountForm.password.$error"> + <span ng-show="accountForm.password.$error.required && !accountForm.password.$pristine">Password is a required field.</span> + <span ng-show="accountForm.password.$error.required && accountForm.$submitted ">Password is required.</span> + <span ng-show="accountForm.password.$error.minlength" class="help-block">Password is too short.</span> + <span ng-show="accountForm.password.$error.maxlength" class="help-block">Password is too long.</span> + </div> + </div> + + <div class="form-group" ng-class="{ 'has-error' : accountForm.confirm_password.$invalid && !accountForm.confirm_password.$pristine }"> + <label class="ice-form-label">Confirm password</label> + <input type="password" name="confirm_password" class="form-control" ng-model="vm.data.confirm_password" ng-minlength="4" ng-maxlength="32" maxlength="32" > + <div class="ice-form-error" data-ng-show="accountForm.confirm_password.$error"> + <span ng-show="accountForm.confirm_password.$error.required && !accountForm.confirm_password.$pristine">Confirm password is required field.</span> + + <span ng-show="!accountForm.confirm_password.$error.required && accountForm.confirm_password.$error.noMatch && accountForm.password.$dirty">Passwords do not match.</span> + + </div> + </div> + + <div class="form-group" ng-class="{ 'has-error' : accountForm.password.$invalid && !accountForm.password.$pristine }"> + <label class="ice-form-label">SSH Key</label> + <textarea name="ssh_key" class="form-control" ng-model="vm.data.ssh_key" ng-focus="clearMsg()" ></textarea> + <div class="ice-form-error" data-ng-show="accountForm.password.$error"> + </div> + </div> + + <button type="submit" id="upate-account" class="btn btn-primary" data-ng-disabled="!accountForm.$valid">Update</button> + </form> + + </div> + + <div class="col-md-4 right-panel"> + <div class="personImage"></div> + <div class="line-separator col-md-12"></div> + <h3 id="storage-credentials">Your Storage Credentials</h3> + <div class="storage-credentials"> + + <div id="access-key-title">Access Key: + <div class="access-key" id="access-key-value">{{vm.data.access_key}}</div> + </div> + + <div id="access-secret-title">Access Secret (<span class="show-secret" ng-click="vm.getAccessSecret()" role="button" id="show-access-secret">Show</span>) + <div class="access-secret" id="access-secret-value" type="password">{{vm.data.access_secret}}</div> + </div> + + </div> + </div> + </div> + +</div> + |