UI adaptation for supporting ONAP portal SDK

[validation.git] / ui / src / main / webapp / app / fusion / scripts / DS2-view-models / ds2-profile / self_profile.html

diff --git a/ui/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html b/ui/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html
new file mode 100644 (file)
index 0000000..da9ca15
--- /dev/null
+++ b/ui/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html
@@ -0,0 +1,227 @@
+<div id="page-content">
+ <div>
+  <h1 class="heading-page" id="profileSearch">{{pageTitle}}</h1>
+  <div ng-show="showLoader" class="span loader-container">
+   <i class="icon-primary-spinner" role="img"
+    aria-label="Please wait while we load your content"></i>
+  </div>
+  <div ng-hide="showLoader">
+   <h3 class="heading-small" ng-show="isAppCentralized=='true'"
+    style="color: red;">Please use Portal for access management</h3>
+   <h3 class="heading-small" ng-show="isAppCentralized=='false'">Please
+    edit the profile details below:</h3>
+   <div class="row-nowrap">
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-2a">*First Name</label>
+      <div class="field-group">
+       <input id="textinputID-2a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.firstName"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">*Last Name</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.lastName"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Organization User ID</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.orgUserId" disabled="true">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Organization Manager ID</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.orgManagerUserId"
+        disabled="true">
+      </div>
+     </div>
+    </div>
+   </div>
+
+   <div class="row-nowrap">
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-2a">Login Id</label>
+      <div class="field-group">
+       <input id="textinputID-2a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.loginId" disabled="true">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Password</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.loginPwd" disabled="true">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">*Phone</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.phone"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Fax</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.fax"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+   </div>
+
+   <div class="row-nowrap">
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-2a">Cellular</label>
+      <div class="field-group">
+       <input id="textinputID-2a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.cellular"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">*Email</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.email"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Address 1</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.address1"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Address 2</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.address2"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+   </div>
+
+   <div class="row-nowrap">
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-2a">City</label>
+      <div class="field-group">
+       <input id="textinputID-2a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.city"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">State</label> <select name="dropdown1"
+       b2b-dropdown ng-model="stateList.selected.value"
+       ng-disabled="(isAppCentralized == 'true')">
+       <option b2b-dropdown-list option-repeat="d in stateList.options"
+        value="{{d.value}}" init-value="{{stateList.selected.title}}">{{d.title}}</option>
+      </select>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Zip Code</label>
+      <div class="field-group">
+       <input id="textinputID-3a" b2b-reset="" class="span12"
+        type="text" data-ng-model="profile.zipCode"
+        ng-disabled="(isAppCentralized == 'true')">
+      </div>
+     </div>
+    </div>
+    <div class="span12">
+     <div class="form-row">
+      <label for="textinputID-3a">Country</label> <select
+       name="dropdown1" b2b-dropdown ng-model="selectedCountry.value"
+       ng-disabled="(isAppCentralized == 'true')">
+       <option b2b-dropdown-list option-repeat="d in countries"
+        value="{{d.value}}" init-value="{{selectedCountry.title}}">{{d.title}}</option>
+      </select>
+     </div>
+    </div>
+   </div>
+   <div class="span3">
+    <div class="form-row">
+     <label for="textinputID-3a">Time Zone</label> <select
+      name="dropdown1" b2b-dropdown ng-model="selectedTimeZone.value"
+      ng-disabled="(isAppCentralized == 'true')">
+      <option b2b-dropdown-list option-repeat="d in timeZones"
+       value="{{d.value}}" init-value="{{selectedTimeZone.title}}">{{d.title}}</option>
+     </select>
+    </div>
+   </div>
+
+   <div class="form-row">
+    <button class="btn btn-alt btn-small" type="button"
+     ng-click="saveProfile()" ng-show="(isAppCentralized=='false')">Save</button>
+   </div>
+   <br>
+   <div ng-show="(isAppCentralized=='false')">
+    Role <a
+     ng-click="addNewRoleFunctionModalPopup(role.roleFunctions,role.name, role);"
+     class="icon-primary-accordion-plus" size="small"></a>
+   </div>
+
+   <div id="rolesTable" title="Role Functions">
+    <table class="striped" table-data="profile.roles">
+     <thead>
+      <tr>
+       <th>Name</th>
+       <th ng-show="(isAppCentralized=='false')">Delete</th>
+      </tr>
+     </thead>
+     <tbody type="body" ng-repeat="rowData in profile.roles">
+      <tr>
+       <td ng-bind="rowData['name']"></td>
+
+       <td ng-show="(isAppCentralized=='false')">
+        <div style="font-size: 20px;">
+         <a href="javascript:void(0)" ng-click="removeRole(rowData);"
+          class="icon-misc-trash"></a>
+        </div>
+       </td>
+      </tr>
+     </tbody>
+    </table>
+   </div>
+  </div>
+ </div>
+</div>