PROD-2217

This commit is contained in:
Ali-D-Akbar
2020-12-03 15:10:01 +05:00
parent fe72df1e5e
commit 465b194e6a

View File

@@ -1,22 +1,22 @@
<div class="wrapper wrapper-<%= type %> wrapper-<%= type %>-<%= intent %>
<div class="wrapper wrapper-<%- type %> wrapper-<%- type %>-<%- intent %>
<% if(obj.shown) { %>is-shown<% } else { %>is-hiding<% } %>
<% if(_.contains(['help', 'mini'], intent)) { %>wrapper-<%= type %>-status<% } %>"
id="<%= type %>-<%= intent %>"
<% if(_.contains(['help', 'mini'], intent)) { %>wrapper-<%- type %>-status<% } %>"
id="<%- type %>-<%- intent %>"
aria-hidden="<% if(obj.shown) { %>false<% } else { %>true<% } %>"
aria-labelledby="<%= type %>-<%= intent %>-title"
aria-labelledby="<%- type %>-<%- intent %>-title"
tabindex="-1"
<% if (obj.message) { %>aria-describedby="<%= type %>-<%= intent %>-description" <% } %>
<% if (obj.message) { %>aria-describedby="<%- type %>-<%- intent %>-description" <% } %>
<% if (obj.actions) { %>role="dialog"<% } %>
>
<div class="<%= type %> <%= intent %> <% if(obj.actions) { %>has-actions<% } %>">
<div class="<%- type %> <%- intent %> <% if(obj.actions) { %>has-actions<% } %>">
<% if(obj.icon) { %>
<% var iconClass = {"warning": "warning", "confirmation": "check", "error": "warning", "announcement": "bullhorn", "step-required": "exclamation-circle", "help": "question", "mini": "cog"} %>
<span class="feedback-symbol fa fa-<%= iconClass[intent] %>" aria-hidden="true"></span>
<span class="feedback-symbol fa fa-<%- iconClass[intent] %>" aria-hidden="true"></span>
<% } %>
<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><% } %>
<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) { %>
@@ -24,13 +24,13 @@
<ul>
<% if(actions.primary) { %>
<li class="nav-item">
<button class="action-primary <%= actions.primary.class %>"><%- actions.primary.text %></button>
<button class="action-primary <%- actions.primary.class %>"><%- actions.primary.text %></button>
</li>
<% } %>
<% if(actions.secondary) {
_.each(actions.secondary, function(secondary) { %>
<li class="nav-item">
<button class="action-secondary <%= secondary.class %>"><%- secondary.text %></button>
<button class="action-secondary <%- secondary.class %>"><%- secondary.text %></button>
</li>
<% });
} %>
@@ -39,9 +39,9 @@
<% } %>
<% if(obj.closeIcon) { %>
<a href="#" rel="view" class="action action-close action-<%= type %>-close">
<a href="#" rel="view" class="action action-close action-<%- type %>-close">
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="label">close <%= type %></span>
<span class="label">close <%- type %></span>
</a>
<% } %>
</div>