summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-os/client/src/directives/search-users/search-users.tpl.html
diff options
context:
space:
mode:
authorst782s <statta@research.att.com>2017-05-04 07:48:42 -0400
committerst782s <statta@research.att.com>2017-05-04 12:28:17 -0400
commitb54df0ddd0c6a0372327c5aa3668e5a6458fcd64 (patch)
treee69cfa9b314a801bd187cf0145d1d4306436229c /ecomp-portal-FE-os/client/src/directives/search-users/search-users.tpl.html
parent39d1e62c84041831bfc52cca73b5ed5efaf57d27 (diff)
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects abstraction of components Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8 Signed-off-by: st782s <statta@research.att.com>
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.html143
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>&nbsp;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>