39 lines
1.2 KiB
Smarty
Executable File
39 lines
1.2 KiB
Smarty
Executable File
<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>
|