cartodb/lib/assets/javascripts/deep-insights/dashboard-menu-view.tpl
2020-06-15 10:58:47 +08:00

115 lines
10 KiB
Smarty

<div class="CDB-Dashboard-menuContainer">
<div class="CDB-Dashboard-menuInner">
<div class="CDB-Dashboard-menuHeader">
<% if (showLogo === true) { %>
<div class="CDB-Dashboard-menuLogo">
<a href="http://www.onenetcom.cn" target="_blank">
<svg viewBox="0 0 62 24" height="24" width="62">
<g class="CDB-EmbedLogo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="m1.30478,8.40541l5.77211,0l0,1.64848l-3.42718,0l0,1.33971l2.92728,0l0,1.54904l-2.92728,0l0,3.13472l-2.34493,0l0,-7.67195l0,0.00001zm15.19816,6.40549l-2.65928,0l-0.36592,1.26646l-2.38614,0l2.83966,-7.67195l2.54591,0l2.83967,7.67195l-2.44284,0l-0.37106,-1.26646l0,0zm-0.4896,-1.65894l-0.83489,-2.75792l-0.82974,2.75792l1.66463,0zm7.16361,0.38725l2.22122,-0.14128c0.04809,0.36633 0.14602,0.64544 0.29375,0.83732c0.24052,0.31051 0.5841,0.46576 1.03074,0.46576c0.33327,0 0.59008,-0.07936 0.77047,-0.23811c0.18038,-0.15874 0.27055,-0.34277 0.27055,-0.55211c0,-0.19886 -0.08588,-0.37679 -0.25767,-0.53379c-0.17177,-0.15699 -0.57033,-0.30528 -1.19565,-0.44483c-1.02387,-0.23374 -1.75398,-0.54426 -2.19031,-0.93152c-0.43978,-0.38725 -0.65968,-0.88092 -0.65968,-1.481c0,-0.39425 0.11253,-0.76667 0.33758,-1.1173c0.22505,-0.35063 0.56347,-0.62625 1.01527,-0.82686c0.45181,-0.20061 1.07111,-0.30091 1.85791,-0.30091c0.96546,0 1.70157,0.1823 2.20836,0.54687c0.50677,0.36457 0.80826,0.9446 0.90446,1.74005l-2.20061,0.13083c-0.0584,-0.34539 -0.18124,-0.59659 -0.36848,-0.75359c-0.18726,-0.157 -0.4458,-0.2355 -0.77563,-0.2355c-0.27143,0 -0.47587,0.05843 -0.61328,0.17531c-0.13745,0.11687 -0.20615,0.25904 -0.20615,0.42651c0,0.12211 0.05669,0.232 0.17007,0.32969c0.10994,0.10119 0.37105,0.19538 0.78336,0.2826c1.02043,0.22328 1.75138,0.4492 2.19288,0.67771c0.4415,0.22851 0.76274,0.51199 0.96374,0.8504c0.201,0.33841 0.30149,0.71695 0.30149,1.13562c0,0.49192 -0.13398,0.94547 -0.40197,1.36064c-0.268,0.41517 -0.64249,0.73003 -1.12351,0.94459c-0.48101,0.21457 -1.08743,0.32185 -1.81925,0.32185c-1.28501,0 -2.17486,-0.2512 -2.66961,-0.75359c-0.49476,-0.50239 -0.77477,-1.14085 -0.84004,-1.91537l-0.00002,0.00003l0,-0.00002l-0.00001,0zm11.01853,-5.13382l7.09662,0l0,1.89444l-2.38099,0l0,5.7775l-2.3346,0l0,-5.7775l-2.38101,0l0,-1.89444l-0.00001,0l-0.00002,0z" class="CDB-EmbedLogo-text" fill="#FFFFFF"></path> <g class="CDB-EmbedLogo-image"
<% if (hasTranslation) { %>
transform="translate(37.000000, 0.000000)"
<% } %>
>
<circle class="CDB-EmbedLogo-halo" fill="rgba(255, 255, 255, 0.20)" cx="12.3333333" cy="12" r="12"></circle>
<path d="M12.3333333,16.5 C14.8186147,16.5 16.8333333,14.4852814 16.8333333,12 C16.8333333,9.51471863 14.8186147,7.5 12.3333333,7.5 C9.84805196,7.5 7.83333333,9.51471863 7.83333333,12 C7.83333333,14.4852814 9.84805196,16.5 12.3333333,16.5 L12.3333333,16.5 Z" class="CDB-EmbedLogo-point" fill="#FFFFFF" ></path>
</g>
</g>
</svg>
</a>
</div>
<% } %>
<ul class="CDB-Dashboard-menuActions">
<!--
<li class="CDB-Dashboard-menuActionsItem">
<a href="https://twitter.com/share?url=<%- urlWithoutParams %>&text=<%- shortTitle %>" target="_blank" class="u-hintTextColor">
<i class="CDB-IconFont CDB-IconFont-twitter CDB-Size-large"></i>
</a>
</li>
<li class="CDB-Dashboard-menuActionsItem">
<a href="http://www.facebook.com/sharer.php?u=<%- urlWithoutParams %>&text=<%- shortTitle %>" target="_blank" class="u-hintTextColor">
<i class="CDB-IconFont CDB-IconFont-facebook CDB-Size-medium"></i>
</a>
</li>
-->
<% if (inIframe) { %>
<li class="CDB-Dashboard-menuActionsItem">
<a href="<%- url %>" target="_blank" class="u-hintTextColor">
<i class="CDB-IconFont CDB-IconFont-anchor CDB-Size-medium"></i>
</a>
</li>
<% } %>
</ul>
<div class="CDB-Dashboard-menuInfo">
<button class="js-toggle-view">
<i class="CDB-IconFont CDB-Size-medium CDB-IconFont-rArrowLight Size-large"></i>
</button>
</div>
<div class="CDB-Dashboard-menuTexts CDB-Dashboard-hideMobile">
<div class="CDB-Dashboard-menuTextInner js-content">
<button class="js-toggle-view u-actionTextColor CDB-Dashboard-menuTextActions">
<svg width="10px" height="7px" viewBox="12 13 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M12,13.5 C12,13.2238576 12.1908338,13 12.4169561,13 L21.5830439,13 C21.8133224,13 22,13.2319336 22,13.5 C22,13.7761424 21.8091662,14 21.5830439,14 L12.4169561,14 C12.1866776,14 12,13.7680664 12,13.5 L12,13.5 L12,13.5 Z M12,16.5 C12,16.2238576 12.1908338,16 12.4169561,16 L21.5830439,16 C21.8133224,16 22,16.2319336 22,16.5 C22,16.7761424 21.8091662,17 21.5830439,17 L12.4169561,17 C12.1866776,17 12,16.7680664 12,16.5 L12,16.5 L12,16.5 Z M12,19.5 C12,19.2238576 12.1908338,19 12.4169561,19 L21.5830439,19 C21.8133224,19 22,19.2319336 22,19.5 C22,19.7761424 21.8091662,20 21.5830439,20 L12.4169561,20 C12.1866776,20 12,19.7680664 12,19.5 L12,19.5 L12,19.5 Z" id="Combined-Shape" stroke="none" fill="#1785fB" fill-rule="evenodd"></path>
</svg>
</button>
<p class="CDB-Dashboard-menuTime CDB-Text CDB-Size-small u-upperCase u-altTextColor u-bSpace--m js-timeAgo">更新 <%- updatedAt %></p>
<div class="CDB-Dashboard-metadata">
<h1 class="CDB-Dashboard-menuTitle CDB-Dashboard-menuTitle--mobile CDB-Text CDB-Size-huge u-ellipsis js-title" title="<%- title %>"><%- title %></h1>
<div class="CDB-Dashboard-scrollWrapper js-scroll-wrapper">
<div class="CDB-Dashboard-scrollContent js-scroll-content">
<h2 class="CDB-Dashboard-menuDescription CDB-Text CDB-Size-large is-light u-secondaryTextColor js-description"><%= cdb.core.sanitize.html(description) %></h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="CDB-Dashboard-menuFooter">
<ul>
<li class="CDB-Dashboard-menuFooterItem ">
<div class="CDB-Dashboard-menuMedia CDB-Dashboard-menuAvatar">
<img src="<%- userAvatarURL %>" alt="avatar" class="inline-block"/>
</div>
<p class="CDB-Text CDB-Size-medium CDB-Dashboard-menuFooterTxt">版权 <a href="<%- userProfileURL %>" target="_blank"><%- userName %></a></p>
</li>
</ul>
</div>
</div>
<div class="CDB-Dashboard-bg js-toggle-view"></div>
<div class="CDB-Dashboard-menuHeaderMobile">
<div class="u-flex u-alignStart CDB-Dashboard-menuHeaderMobileInner">
<button class="js-toggle-view u-actionTextColor CDB-Dashboard-menuHeaderMobileActions">
<i class="CDB-IconFont CDB-Size-medium CDB-IconFont-rArrowLight Size-large"></i>
</button>
<div class="CDB-Dashboard-menuHeaderMobileText">
<% if (showLogo === true) { %>
<div class="CDB-Dashboard-menuLogo">
<a href="http://onenetcom.cn" target="_blank">
<svg width="62px" height="24px" viewBox="35 63 62 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g class="CDB-EmbedLogo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(35.000000, 63.000000)">
<path d="m1.30478,8.40541l5.77211,0l0,1.64848l-3.42718,0l0,1.33971l2.92728,0l0,1.54904l-2.92728,0l0,3.13472l-2.34493,0l0,-7.67195l0,0.00001zm15.19816,6.40549l-2.65928,0l-0.36592,1.26646l-2.38614,0l2.83966,-7.67195l2.54591,0l2.83967,7.67195l-2.44284,0l-0.37106,-1.26646l0,0zm-0.4896,-1.65894l-0.83489,-2.75792l-0.82974,2.75792l1.66463,0zm7.16361,0.38725l2.22122,-0.14128c0.04809,0.36633 0.14602,0.64544 0.29375,0.83732c0.24052,0.31051 0.5841,0.46576 1.03074,0.46576c0.33327,0 0.59008,-0.07936 0.77047,-0.23811c0.18038,-0.15874 0.27055,-0.34277 0.27055,-0.55211c0,-0.19886 -0.08588,-0.37679 -0.25767,-0.53379c-0.17177,-0.15699 -0.57033,-0.30528 -1.19565,-0.44483c-1.02387,-0.23374 -1.75398,-0.54426 -2.19031,-0.93152c-0.43978,-0.38725 -0.65968,-0.88092 -0.65968,-1.481c0,-0.39425 0.11253,-0.76667 0.33758,-1.1173c0.22505,-0.35063 0.56347,-0.62625 1.01527,-0.82686c0.45181,-0.20061 1.07111,-0.30091 1.85791,-0.30091c0.96546,0 1.70157,0.1823 2.20836,0.54687c0.50677,0.36457 0.80826,0.9446 0.90446,1.74005l-2.20061,0.13083c-0.0584,-0.34539 -0.18124,-0.59659 -0.36848,-0.75359c-0.18726,-0.157 -0.4458,-0.2355 -0.77563,-0.2355c-0.27143,0 -0.47587,0.05843 -0.61328,0.17531c-0.13745,0.11687 -0.20615,0.25904 -0.20615,0.42651c0,0.12211 0.05669,0.232 0.17007,0.32969c0.10994,0.10119 0.37105,0.19538 0.78336,0.2826c1.02043,0.22328 1.75138,0.4492 2.19288,0.67771c0.4415,0.22851 0.76274,0.51199 0.96374,0.8504c0.201,0.33841 0.30149,0.71695 0.30149,1.13562c0,0.49192 -0.13398,0.94547 -0.40197,1.36064c-0.268,0.41517 -0.64249,0.73003 -1.12351,0.94459c-0.48101,0.21457 -1.08743,0.32185 -1.81925,0.32185c-1.28501,0 -2.17486,-0.2512 -2.66961,-0.75359c-0.49476,-0.50239 -0.77477,-1.14085 -0.84004,-1.91537l-0.00002,0.00003l0,-0.00002l-0.00001,0zm11.01853,-5.13382l7.09662,0l0,1.89444l-2.38099,0l0,5.7775l-2.3346,0l0,-5.7775l-2.38101,0l0,-1.89444l-0.00001,0l-0.00002,0z" class="CDB-EmbedLogo-text" fill="#FFFFFF"></path> <g class="CDB-EmbedLogo-image"
<g class="CDB-EmbedLogo-image" transform="translate(37.000000, 0.000000)">
<circle class="CDB-EmbedLogo-halo" fill="rgba(255, 255, 255, 0.20)" cx="12.3333333" cy="12" r="12"></circle>
<path d="M12.3333333,16.5 C14.8186147,16.5 16.8333333,14.4852814 16.8333333,12 C16.8333333,9.51471863 14.8186147,7.5 12.3333333,7.5 C9.84805196,7.5 7.83333333,9.51471863 7.83333333,12 C7.83333333,14.4852814 9.84805196,16.5 12.3333333,16.5 L12.3333333,16.5 Z" class="CDB-EmbedLogo-point" fill="#FFFFFF" ></path>
</g>
</g>
</svg>
</a>
</div>
<% } %>
<p class="CDB-Dashboard-menuTime CDB-Text CDB-Size-small u-upperCase u-altTextColor u-bSpace--m js-timeAgo">更新 <%- updatedAt %></p>
<h1 class="CDB-Text CDB-Size-large u-ellipsis js-title u-bSpace--xl u-ellipsis"><%- title %></h1>
<h2 class="CDB-Text CDB-Size-medium u-secondaryTextColor js-description"><%= cdb.core.sanitize.html(description) %></h2>
</div>
</div>
</div>
</div>