cartodb/lib/assets/javascripts/builder/components/infobox/infobox.tpl

39 lines
1.2 KiB
Smarty
Raw Normal View History

2020-06-15 10:58:47 +08:00
<div class="Infobox <%- type %> <%- className %>">
<div class="u-flex u-justifySpace u-bSpace--m">
<h2 class="Infobox-title CDB-Text is-semibold CDB-Size-small u-upperCase u-bSpace--m u-rSpace--m"><%- title %></h2>
</div>
<div class="CDB-Text CDB-Size-medium u-bSpace--xl u-flex">
<% if (isLoading) { %>
<div class="CDB-LoaderIcon is-dark 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>
<% } %>
<div>
<%= body %>
</div>
</div>
<div class="u-flex u-justifySpace u-alignCenter">
<% if (hasQuota) { %>
<div class="Infobox-quota js-quota"></div>
<% } %>
<% if (hasButtons) { %>
<ul class="Infobox-buttons <% if (hasQuota) { %>Infobox-buttons--quota<% } %>">
<% if (isClosable) { %>
<li class="Infobox-button">
<button class="Infobox-buttonLink CDB-Text is-semibold CDB-Size-small u-upperCase js-close">
<%= closeLabel %>
</button>
</li>
<% } %>
<li class="Infobox-button Infobox-button--right js-actionPosition"></li>
</ul>
<% } %>
</div>
</div>