1
0
Fork 0
arangodb/js/apps/system/aardvark/frontend/js/templates/userManagementView.ejs

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>