2 ================================================================================
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
11 http://www.apache.org/licenses/LICENSE-2.0
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 ================================================================================
22 <h1 class="heading1">Self Profile</h1>
24 Please edit the profile details below: <br><br>
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"
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"
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"/>
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"/>
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""/>
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"
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"
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"
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"
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"
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"
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"
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"
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>
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"
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>
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>
126 <button type="submit" ng-click="saveProfile();" att-button
127 btn-type="primary" size="small">Save</button>
131 <div class="pageTitle">
133 <a ng-click="addNewRolePopup();" ng-show="isUserSystemAdmin" class="icon-add" size="small"></a>
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">
141 <th att-table-header sortable="false" align="left" width="90%">Name</th>
142 <th att-table-header sortable="false" width="10%">Remove?</th>
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"> -->
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>
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>
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">
165 <th att-table-header sortable="false" width="10%"> </th>
166 <th att-table-header sortable="false" width="90%">Role</th>
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-->
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>
177 <td att-table-body width="90%">{{ availableRole.name }}</td>