cartodb/lib/assets/javascripts/builder/components/notifier/notifier-item.tpl
2020-06-15 10:58:47 +08:00

35 lines
1.1 KiB
Smarty
Executable File

<div class="Notifier-item Notifier-item--<%- status %>">
<% if (status === 'loading') { %>
<div class="Notifier-icon CDB-LoaderIcon is-blue js-theme u-rSpace--m">
<svg class="CDB-LoaderIcon-spinner" viewBox="0 0 50 50">
<circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"></circle>
</svg>
</div>
<% } %>
<% if (status === 'success') { %>
<div class="Notifier-icon CDB-Shape u-rSpace--m">
<div class="CDB-Shape-CircleItem CDB-Shape-CircleItem--fill is-green">
<div class="CDB-Shape-tick is-medium is-white"></div>
</div>
</div>
<% } %>
<% if (status === 'error' || status === 'warning') { %>
<div class="Notifier-icon CDB-Shape u-rSpace--m">
<div class="CDB-Shape-CircleItem CDB-Shape-CircleItem--fill is-red">
<div class="CDB-Shape-close is-medium is-white"></div>
</div>
</div>
<% } %>
<div class="Notifier-info">
<p class="CDB-Text CDB-Size-medium"><%= info %> <% if (isActionable) { %> <span class="js-actionButton"></span> <% } %></p>
</div>
<% if (isClosable) { %>
<div class="Notifier-actions js-closeButton"></div>
<% } %>
</div>