keeweb/app/templates/menu/menu-item.html

26 lines
1.2 KiB
HTML

<div class="menu__item <%=
active ? 'menu__item--active' : '' %> <%=
disabled ? 'menu__item--disabled' : '' %> <%=
options && options.length ? 'menu__item--with-options' : '' %> <%=
cls ? cls : '' %>">
<div class="menu__item-body" <%= drag ? 'draggable="true"' : '' %>>
<% if (customIcon) { %><img src="<%= customIcon %>" class="menu__item-icon menu__item-icon--image" /><% }
else { %><i class="menu__item-icon fa <%= icon ? 'fa-' + icon : 'menu__item-icon--no-icon' %>"></i><% }
%><span class="menu__item-title"><%- title || '(no title)' %></span>
<% if (options) { %>
<div class="menu__item-options">
<% options.forEach(function(option) { %>
<div class="menu__item-option <%= option.get('cls') ? option.get('cls') : '' %>"
data-value="<%- option.get('value') %>"><%- option.get('title') %></div>
<% }); %>
</div>
<% } %>
<% if (typeof editable !== 'undefined') { %>
<i class="menu__item-edit fa fa-cog"></i>
<% } %>
<% if (filterKey === 'trash') { %>
<i class="menu__item-empty-trash fa fa-minus-circle" title="Empty Trash"></i>
<% } %>
</div>
</div>