ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/profile-page/self_profile.html

   1 <!--
   2   ================================================================================
   3   eCOMP Portal SDK
   4   ================================================================================
   5   Copyright (C) 2017 AT&T Intellectual Property
   6   ================================================================================
   7   Licensed under the Apache License, Version 2.0 (the "License");
   8   you may not use this file except in compliance with the License.
   9   You may obtain a copy of the License at
  10
  11        http://www.apache.org/licenses/LICENSE-2.0
  12
  13   Unless required by applicable law or agreed to in writing, software
  14   distributed under the License is distributed on an "AS IS" BASIS,
  15   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16   See the License for the specific language governing permissions and
  17   limitations under the License.
  18   ================================================================================
  19   -->
  20
  21
  22      <h1 class="heading1">Self Profile</h1>
  23      <br>
  24      Please edit the profile details below:&nbsp;<br><br>
  25
  26         <div class="fn-ebz-container" >
  27                 <label class="fn-ebz-text-label"><sup><b>*</b></sup>First Name:</label><BR>
  28                 <input type="text" class="fn-ebz-text" ng-model="profile.firstName"
  29                         maxlength="30" />
  30         </div>
  31
  32         <div class="fn-ebz-container" >
  33                 <label class="fn-ebz-text-label"><sup><b>*</b></sup>Last Name:</label><BR>
  34                 <input type="text" class="fn-ebz-text" ng-model="profile.lastName"
  35                         maxlength="30"/>
  36         </div>
  37
  38         <div class="fn-ebz-container" >
  39                 <label class="fn-ebz-text-label">User ID:</label><BR>
  40                 <input type="text" class="fn-ebz-text" ng-model="profile.orgUserId"
  41                         maxlength="30" style="margin-right:0px;" readonly="true"/>
  42         </div>
  43
  44         <div class="fn-ebz-container" >
  45         <label class="fn-ebz-text-label">Manager User ID:</label><BR>
  46                 <input type="text" class="fn-ebz-text" ng-model="profile.orgManagerUserId"
  47                         maxlength="30" style="margin-right:0px;" readonly="true"/>
  48         </div>
  49 <BR>
  50         <div class="fn-ebz-container" >
  51                 <label class="fn-ebz-text-label">Login Id:</label><BR>
  52                 <input type="text" class="fn-ebz-text" ng-model="profile.loginId"
  53                         maxlength="30" readonly="true""/>
  54         </div>
  55
  56         <div class="fn-ebz-container" style="margin-right:20px">
  57                 <label class="fn-ebz-text-label">Password:</label><BR>
  58                 <input type="password" ng-model="profile.loginPwd"
  59                         maxlength="30" />
  60         </div>
  61
  62         <div class="fn-ebz-container" >
  63                 <label class="fn-ebz-text-label"><sup><b>*</b></sup>Phone:</label><BR>
  64                 <input type="text" class="fn-ebz-text" ng-model="profile.phone"
  65                         maxlength="30" />
  66         </div>
  67
  68         <div class="fn-ebz-container" >
  69         <label class="fn-ebz-text-label">Fax:</label><BR>
  70                 <input type="text" class="fn-ebz-text" ng-model="profile.fax"
  71                         maxlength="30" />
  72         </div>
  73 <BR>
  74         <div class="fn-ebz-container" >
  75         <label class="fn-ebz-text-label">Cellular:</label><BR>
  76                 <input type="text" class="fn-ebz-text" ng-model="profile.cellular"
  77                         maxlength="30" />
  78         </div>
  79
  80         <div class="fn-ebz-container" >
  81                 <label class="fn-ebz-text-label"><sup><b>*</b></sup>Email:</label><BR>
  82                 <input type="text" class="fn-ebz-text" ng-model="profile.email"
  83                         maxlength="30" />
  84         </div>
  85
  86         <div class="fn-ebz-container" >
  87                 <label class="fn-ebz-text-label">Address 1:</label><BR>
  88                 <input type="text" class="fn-ebz-text" ng-model="profile.address1"
  89                         maxlength="30" />
  90         </div>
  91
  92         <div class="fn-ebz-container" >
  93                 <label class="fn-ebz-text-label">Address 2:</label><BR>
  94                 <input type="text" class="fn-ebz-text" ng-model="profile.address2"
  95                         maxlength="30" />
  96         </div>
  97 <BR>
  98         <div class="fn-ebz-container" >
  99         <label class="fn-ebz-text-label">City:</label><BR>
 100                 <input type="text" class="fn-ebz-text" ng-model="profile.city"
 101                         maxlength="30" />
 102         </div>
 103
 104         <div class="fn-ebz-container">
 105                 <label  class="fn-ebz-text-label">State:</label><BR>
 106                 <div class="form-field" att-select="stateList.options" ng-model="stateList.selected"></div>
 107         </div>
 108
 109         <div class="fn-ebz-container" >
 110                 <label class="fn-ebz-text-label">Zip Code:</label><BR>
 111                 <input type="text" class="fn-ebz-text" ng-model="profile.zipCode"
 112                         maxlength="30" />
 113         </div>
 114
 115         <div class="fn-ebz-container">
 116                 <label  class="fn-ebz-text-label">Country:</label><BR>
 117                 <div class="form-field" att-select="countries" ng-model="selectedCountry"></div>
 118         </div>
 119         <BR>
 120         <div class="fn-ebz-container">
 121                 <label  class="fn-ebz-text-label">Time Zone:</label><BR>
 122                 <div class="form-field" att-select="timeZones" ng-model="selectedTimeZone"></div>
 123         </div>
 124
 125         <div align="left" >
 126                 <button type="submit" ng-click="saveProfile();" att-button
 127                         btn-type="primary" size="small">Save</button>
 128         </div>
 129
 130 <br>
 131         <div class="pageTitle">
 132                 <label>Roles</label>
 133                 <a ng-click="addNewRolePopup();" ng-show="isUserSystemAdmin" class="icon-add" size="small"></a>
 134
 135         </div>
 136
 137         <table  att-table table-data="profile.roles" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage">
 138 <!--    <table border="1" class="hovertable_1"> -->
 139              <thead att-table-row type="header">
 140                 <tr>
 141                         <th att-table-header sortable="false" align="left"  width="90%">Name</th>
 142                         <th att-table-header sortable="false"  width="10%">Remove?</th>
 143                 </tr>
 144                  </thead>
 145                  <tbody att-table-row type="body" row-repeat="role in profile.roles" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->
 146 <!--              <tr ng-repeat="role in profile.roles track by role.id"> -->
 147                   <tr>
 148                     <td att-table-body width="90%" >{{ role.name }}</td>
 149                     <td att-table-body width="10%">
 150                         <a ng-click="removeRole(role);" ><img src="static/fusion/images/deleteicon.gif"></a>
 151                      </td>
 152                   </tr>
 153                  </tbody>
 154         </table>
 155
 156         <div id="dialog" style="height:500px;overflow:scroll" class="modal__informative font-showcase" >
 157             <div class="modal__header">
 158                 <h2 class="font-showcase-font-name" style="color:#157BB2">Select Roles</h2>
 159             </div>
 160             <button align="right" class="button button--primary button--small" herf="javascript:void(0)" ng-click="close()">Close</button>
 161             <div class="modal__content">
 162                                 <table table-data="availableRoles" att-table  >
 163                                 <thead att-table-row type="header">
 164                                                 <tr>
 165                                                         <th att-table-header sortable="false" width="10%"> </th>
 166                                                         <th att-table-header sortable="false" width="90%">Role</th>
 167                                                 </tr>
 168                                         </thead>
 169
 170                                     <tbody att-table-row type="body" row-repeat="availableRole in availableRoles" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->
 171                                           <tr>
 172                                                 <td att-table-body width="10%">
 173                                                         <div ng-click="toggleRole(availableRole.selected,availableRole);">
 174                                                 <input type="checkbox" ng-model="availableRole.selected" att-toggle-main>
 175                                                 </div>
 176                                             </td>
 177                                             <td att-table-body width="90%">{{ availableRole.name }}</td>
 178                                           </tr>
 179                                     </tbody>
 180                         </table>
 181             </div>
 182     </div>
 183