49 lines
2.0 KiB
Plaintext
49 lines
2.0 KiB
Plaintext
<div class="wrapper wrapper-<%= type %> wrapper-<%= type %>-<%= intent %>
|
|
<% if(obj.shown) { %>is-shown<% } else { %>is-hiding<% } %>
|
|
<% if(_.contains(['help', 'saving'], intent)) { %>wrapper-<%= type %>-status<% } %>"
|
|
id="<%= type %>-<%= intent %>"
|
|
aria-hidden="<% if(obj.shown) { %>false<% } else { %>true<% } %>"
|
|
aria-labelledby="<%= type %>-<%= intent %>-title"
|
|
<% if (obj.message) { %>aria-describedby="<%= type %>-<%= intent %>-description" <% } %>
|
|
<% if (obj.actions) { %>role="dialog"<% } %>
|
|
>
|
|
<div class="<%= type %> <%= intent %> <% if(obj.actions) { %>has-actions<% } %>">
|
|
<% if(obj.icon) { %>
|
|
<% var iconClass = {"warning": "warning-sign", "confirmation": "ok", "error": "warning-sign", "announcement": "bullhorn", "step-required": "exclamation-sign", "help": "question-sign", "saving": "cog"} %>
|
|
<i class="icon-<%= iconClass[intent] %>"></i>
|
|
<% } %>
|
|
|
|
<div class="copy">
|
|
<h2 class="title title-3" id="<%= type %>-<%= intent %>-title"><%= title %></h2>
|
|
<% if(obj.message) { %><p class="message" id="<%= type %>-<%= intent %>-description"><%= message %></p><% } %>
|
|
</div>
|
|
|
|
<% if(obj.actions) { %>
|
|
<nav class="nav-actions">
|
|
<h3 class="sr"><%= type %> Actions</h3>
|
|
<ul>
|
|
<% if(actions.primary) { %>
|
|
<li class="nav-item">
|
|
<a href="#" class="button action-primary <%= actions.primary.class %>"><%= actions.primary.text %></a>
|
|
</li>
|
|
<% } %>
|
|
<% if(actions.secondary) {
|
|
_.each(actions.secondary, function(secondary) { %>
|
|
<li class="nav-item">
|
|
<a href="#" class="button action-secondary <%= secondary.class %>"><%= secondary.text %></a>
|
|
</li>
|
|
<% });
|
|
} %>
|
|
</ul>
|
|
</nav>
|
|
<% } %>
|
|
|
|
<% if(obj.closeIcon) { %>
|
|
<a href="#" rel="view" class="action action-close action-<%= type %>-close">
|
|
<i class="icon-remove-sign"></i>
|
|
<span class="label">close <%= type %></span>
|
|
</a>
|
|
<% } %>
|
|
</div>
|
|
</div>
|