diff options
Diffstat (limited to 'ecomp-portal-FE-os/client/src/directives/search-users/search-users.tpl.html')
| -rw-r--r-- | ecomp-portal-FE-os/client/src/directives/search-users/search-users.tpl.html | 143 |
1 files changed, 143 insertions, 0 deletions
diff --git a/ecomp-portal-FE-os/client/src/directives/search-users/search-users.tpl.html b/ecomp-portal-FE-os/client/src/directives/search-users/search-users.tpl.html new file mode 100644 index 00000000..ef659920 --- /dev/null +++ b/ecomp-portal-FE-os/client/src/directives/search-users/search-users.tpl.html @@ -0,0 +1,143 @@ +<!-- + ================================================================================ + eCOMP Portal + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file 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. + ================================================================================ + --> +<div class="search-users-directive"> + <form name="searchUsersForm" novalidate> + <div class="title" ng-bind="searchUsers.searchTitle"></div> + <div class="main"> + <div ng-if="searchUsers.showSearch"> + <div class="search-instructions">Enter first name, last name or User ID</div> + <div class="search"> + <input id="input-user-search" + autocomplete="off" + type="text" + name="searchString" + placeholder="Search" + ng-model="searchUsers.searchUserString" + ng-keyup="$event.keyCode===13 && searchUsersForm.searchString.$valid && searchUsers.searchUsers()" + pattern="[a-zA-Z0-9-'\s]{1,}" + maxlength="80" + required="true" auto-focus tabindex="0"/> + + <button class="btn btn-alt btn-small" tabindex="2" id="button-search-users" + ng-class="{disabled: searchUsersForm.searchString.$invalid || searchUsers.searchUsersInProgress}" + ng-click="searchUsersForm.searchString.$valid && searchUsers.searchUsers()">Search + </button> + + <button class="btn btn-alt btn-small" id="Create-New-User-button" ng-click="searchUsers.showAddUserSection()"> + <i class="icon-people-userbookmark" aria-hidden="true"></i> New User + </button> + + </div> + + <span class="ecomp-spinner" ng-show="searchUsers.isLoading"></span> + <div ng-show="UserSearchsIsNull===false"> + <div class="search-results" + ng-show="!searchUsers.isLoading + && searchUsers.searchUsersResults + && searchUsers.searchUsersResults.length"> + <div id="search-results" ng-show="UserSearchsIsNull===false" + class="results-title" + ng-bind="'Showing ' + searchUsers.searchUsersResults.length + ' results'"></div> + <div class="results-container" scroll-top="searchUsers.scrollApi"> + <div id="search-result-{{$index}}" + class="user" + ng-repeat="user in (searchUsers.searchUsersResults | orderBy:['firstName','lastName','orgUserId']) | limitTo: 100 track by $index" + ng-click="searchUsers.setSelectedUser(user)" + ng-class="{selected: user.orgUserId === searchUsers.selectedUser.orgUserId}"> + <div id="main-name-{{$index}}" class="main-name"> + <span id="result-first-name-{{$index}}" ng-bind="::user.firstName"></span> + <span id="result-last-name-{{$index}}" ng-bind="::user.lastName"></span> + <span id="result-uuid-{{$index}}" ng-bind="::user.orgUserId"></span></div> + <div id="job-title-{{$index}}" class="sub-job-title" ng-bind="::user.jobTitle"></div> + <br/> + </div> + </div> + </div> + </div> + + <div class="error-text" + id="user-search-error-403" + ng-show="UserSearchsIsNull===true"> + No match found. + </div> + + <div id="no-user-found" + class="no-user-found" + ng-show="searchUsers.searchUsersResults && searchUsers.searchUsersResults.length===0 && !searchUsers.searchUsersInProgress"> + No users found + </div> + </div> + + + <div id="addWidget" class="add-user-section" ng-if="searchUsers.showAddUser"> + <div> + <div class="input-new-user-div" > + <div class="">*First Name</div> + <input type="text" ng-model="searchUsers.newUser.firstName"/> + </div> + <div class="input-new-user-div" > + <div class="">Middle Name</div> + <input type="text" ng-model="searchUsers.newUser.middleName"/> + </div> + <div class="input-new-user-div" > + <div class="">*Last Name</div> + <input type="text" ng-model="searchUsers.newUser.lastName"/> + </div> + <div class="input-new-user-div" > + <div class="">*Email Address ID</div> + <input type="text" ng-model="searchUsers.newUser.emailAddress"/> + </div> + <div class="input-new-user-div" > + <div class="">*Login ID</div> + <input type="text" ng-model="searchUsers.newUser.loginId"/> + </div> + <div class="input-new-user-div" > + <div class="">*Login Password</div> + <input type="password" ng-model="searchUsers.newUser.loginPwd"/> + </div> + <div class="input-new-user-div" > + <div class="">*Confirm Login Password</div> + <input type="password" ng-model="searchUsers.newUser.loginPwdCheck"/> + </div> + <div ng-show="searchUsers.newUser.loginPwdCheck.length>=searchUsers.newUser.loginPwd.length&&searchUsers.newUser.loginPwdCheck.length>0&&searchUsers.newUser.loginPwd!=searchUsers.newUser.loginPwdCheck" + style="color: #cf2a2a; font-size: 12px;"> + <small + style="position: absolute; margin-top: -6px;">The passwords do not match. Try again. + </small> + </div> + <div ng-show="userExist==true" + style="color: #cf2a2a; font-size: 12px;"> + <small + style="position: absolute; margin-top: -6px;">User with same loginId already exists. Try again. + </small> + </div> + </div> + <div class="add-new-user-btn"> + <button class="btn btn-alt btn-small" ng-click="searchUsers.addNewUserFun()">Add New User</button> + </div> + </div> + + + </div> + + </div> + + </form> +</div> |