mirror of https://gitee.com/bigwinds/arangodb
112 lines
3.4 KiB
Plaintext
112 lines
3.4 KiB
Plaintext
<script id="userManagementView.ejs" type="text/template">
|
|
<div class="headerBar">
|
|
<div class="headerButtonBar">
|
|
<ul class="headerButtonList">
|
|
<li class="enabled">
|
|
<a id="userManagementToggle" class="headerButton">
|
|
<span class="icon_arangodb_settings2" title="Settings"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="pull-left">
|
|
<a class="arangoHeader">User Management</a>
|
|
</div>
|
|
<div class="search-field">
|
|
<input type="text" value="<%=searchString%>" id="userManagementSearchInput" class="search-input" placeholder="Search..."/><img id="userManagementSearchSubmit" class="search-submit-icon">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="userManagementDropdown2" class="headerDropdown">
|
|
|
|
<div id="userManagementDropdown" class="dropdownInner">
|
|
<ul>
|
|
<li class="nav-header">Sorting</li>
|
|
|
|
<!--<li><a href="#">
|
|
<label class="checkbox checkboxLabel">
|
|
<input class="css-checkbox" type="checkbox" id="sortName">
|
|
<label class="css-label css-label-round"></label>Sort by username
|
|
</label>
|
|
</a></li>
|
|
|
|
<li><a href="#">
|
|
<label class="checkbox checkboxLabel">
|
|
<input class="css-checkbox" type="checkbox" id="sortType">
|
|
<label class="css-label css-label-round"></label>Sort by status
|
|
</label>
|
|
</a></li>-->
|
|
|
|
<li><a href="#">
|
|
<label class="checkbox checkboxLabel">
|
|
<input class="css-checkbox" type="checkbox" id="userSortDesc">
|
|
<label class="css-label"></label>Sort descending
|
|
</label>
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="contentDiv" id="arangoCollectionsContainer">
|
|
<div id="userManagementThumbnailsIn" class="tileList">
|
|
<div class="tile">
|
|
<a href="#" id="createUser" class="add">
|
|
<span id="newUser" class="pull-left icon_arangodb_roundplus arangoicon add-Icon"/>
|
|
Add User
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<% collection.forEach(function(user) {
|
|
var username = user.get("user"),
|
|
extra = user.get("extra"),
|
|
name = extra.name,
|
|
img = extra.img,
|
|
active = user.get("active"),
|
|
avatar = '<img src="';
|
|
|
|
if (! img) {
|
|
avatar += 'img/arangodblogoAvatar_50.png';
|
|
} else {
|
|
avatar += 'https://s.gravatar.com/avatar/';
|
|
avatar += img;
|
|
avatar += '?s=50';
|
|
}
|
|
avatar += '" height="50" width="50" alt="" class="icon" id="';
|
|
avatar += _.escape(username);
|
|
avatar += '" />';
|
|
if (! name) {
|
|
name = " ";
|
|
}
|
|
%>
|
|
|
|
<div class="tile">
|
|
<div class="iconSet">
|
|
<span class="icon_arangodb_settings2 editUser" id="<%=_.escape(username) %>_edit-user" alt="Edit user" title="Edit user"></span>
|
|
</div>
|
|
<%=avatar %>
|
|
<div class="tileBadge">
|
|
<span>
|
|
<%if (active) {%>
|
|
<div class="corneredBadge loaded">
|
|
active
|
|
</div>
|
|
<%} else {%>
|
|
<div class="corneredBadge unloaded">
|
|
inactive
|
|
</div>
|
|
<%}%>
|
|
</span>
|
|
</div>
|
|
|
|
<h5 class="collectionName"><%=_.escape(username) %> <% if (name !== ' ') { %>(<%=_.escape(name) %>)<%}%></h5>
|
|
</div>
|
|
<%});%>
|
|
</div>
|
|
</div>
|
|
</script>
|