cartodb4/cartodb-4.42
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ff9f8fe277
cartodb-4.42/lib/assets/javascripts/builder/editor/layers/layer-views/data-layer.tpl

109 lines
8.6 KiB
Smarty
Raw Normal View History

first commit
2024-04-06 13:25:13 +08:00
<% if (hasError) { %>
<div class="Editor-ListLayer-itemError js-error"></div>
<% } %>
<% if (!isTorque) { %>
<div class="Editor-ListLayer-dragIcon">
<div class="CDB-Shape">
<div class="CDB-Shape-rectsHandle is-small">
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-first"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-second"></div>
<div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-third"></div>
</div>
</div>
</div>
<% } %>
<div class="Editor-ListLayer-itemHeader">
<div class="Editor-ListLayer-media u-rSpace--m js-thumbnail" style="background: <%- color %>; color: #fff">
</div>
<div class="Editor-ListLayer-inner">
<div class="Editor-ListLayer-title">
<div class="Editor-ListLayer-titleText js-Editor-ListLayer-titleText js-header">
<h2 class="CDB-Text CDB-Size-large u-ellipsis">
<%- title %>
</h2>
</div>
<ul class="Editor-HeaderInfo-actions">
<% if (isTorque) { %>
<li class="Editor-HeaderInfo-actionsItem u-rSpace">
<% if (isAnimated) { %>
<svg class="js-torqueIcon" width="19px" height="8px" viewBox="222 24 19 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-tooltip="<%- _t('editor.layers.layer.animated') %>">
<g id="Animated-Icon" opacity="0.6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(222.000000, 24.000000)">
<rect id="Rectangle-649" fill="#2E3C43" x="11" y="0" width="8" height="8" rx="4"></rect>
<rect id="Rectangle-649" fill="#2E3C43" opacity="0.5" x="5" y="0" width="8" height="8" rx="4"></rect>
<rect id="Rectangle-649" fill="#2E3C43" opacity="0.2" x="0" y="0" width="8" height="8" rx="4"></rect>
</g>
</svg>
<% } else { %>
<svg class="js-torqueIcon" width="31px" height="17px" viewBox="563 512 31 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-tooltip="<%- _t('editor.layers.layer.heatmap') %>">
<g id="Group" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(563.000000, 512.000000)">
<ellipse id="Oval-120" fill="#E6E8E8" transform="translate(27.020000, 12.197917) rotate(-90.000000) translate(-27.020000, -12.197917) " cx="27.02" cy="12.1979167" rx="3.875" ry="3.84"></ellipse>
<path d="M26.93,13.0729167 C27.3442136,13.0729167 27.68,12.7371302 27.68,12.3229167 C27.68,11.9087031 27.3442136,11.5729167 26.93,11.5729167 C26.5157864,11.5729167 26.18,11.9087031 26.18,12.3229167 C26.18,12.7371302 26.5157864,13.0729167 26.93,13.0729167 Z" id="Oval-120-Copy-2" fill="#828A8F" opacity="0.8" transform="translate(26.930000, 12.322917) rotate(-90.000000) translate(-26.930000, -12.322917) "></path>
<ellipse id="Oval-120" fill="#E6E8E8" transform="translate(8.140000, 8.000000) rotate(-90.000000) translate(-8.140000, -8.000000) " cx="8.14" cy="8" rx="7.75" ry="7.68"></ellipse>
<path d="M7.96,10.75 C9.34071187,10.75 10.46,9.63071187 10.46,8.25 C10.46,6.86928813 9.34071187,5.75 7.96,5.75 C6.57928813,5.75 5.46,6.86928813 5.46,8.25 C5.46,9.63071187 6.57928813,10.75 7.96,10.75 Z" id="Oval-120-Copy-2" fill="#828A8F" transform="translate(7.960000, 8.250000) rotate(-90.000000) translate(-7.960000, -8.250000) "></path>
<path d="M15.1403347,6.71285923 C15.4606435,9.05621552 17.487459,10.8625 19.94,10.8625 C22.6151293,10.8625 24.78375,8.7134668 24.78375,6.0625 C24.78375,3.4115332 22.6151293,1.2625 19.94,1.2625 C17.2648707,1.2625 15.09625,3.4115332 15.09625,6.0625 C15.09625,6.28307774 15.1112641,6.50018043 15.1403347,6.71285923 Z" id="Oval-120" fill="#E6E8E8" transform="translate(19.940000, 6.062500) rotate(-90.000000) translate(-19.940000, -6.062500) "></path>
<path d="M20.64,7.90625 C21.4684271,7.90625 22.14,7.23467712 22.14,6.40625 C22.14,5.57782288 21.4684271,4.90625 20.64,4.90625 C19.8115729,4.90625 19.14,5.57782288 19.14,6.40625 C19.14,7.23467712 19.8115729,7.90625 20.64,7.90625 Z" id="Oval-120-Copy-2" fill="#828A8F" opacity="0.8" transform="translate(20.640000, 6.406250) rotate(-90.000000) translate(-20.640000, -6.406250) "></path>
<path d="M13.5625,2.88 C13.5625,2.88 16.1458333,5.12 18.0833333,2.56 C17.4375,4.16 17.1145833,5.44 17.1145833,5.44 L16.46875,6.72 L14.2083333,4.8 L13.5625,2.88 Z" id="Path-494" fill="#E6E8E8"></path>
<path d="M22.3894032,6.40571996 C22.3894032,6.40571996 24.9727365,8.64571996 26.9102365,6.08571996 C26.2644032,7.68571996 25.9414865,8.96571996 25.9414865,8.96571996 L25.2956532,10.24572 L23.0352365,8.32571996 L22.3894032,6.40571996 Z" id="Path-494" fill="#E6E8E8" transform="translate(24.649820, 8.165720) rotate(52.000000) translate(-24.649820, -8.165720) "></path>
<path d="M20.6462245,8.51753488 C20.6462245,8.51753488 23.9604656,11.3038091 25.8979656,8.74380905 C25.2521323,10.3438091 25.078218,11.598674 25.078218,11.598674 L24.4323847,12.878674 L21.1028976,9.87517984 L20.6462245,8.51753488 Z" id="Path-494" fill="#E6E8E8" transform="translate(23.272095, 10.698104) rotate(-135.000000) translate(-23.272095, -10.698104) "></path>
<path d="M18.2927779,9.85808612 C18.2927779,9.85808612 15.6067281,8.91370489 14.3461002,11.8663856 C14.5856745,10.1576712 14.5893391,8.83757209 14.5893391,8.83757209 L14.4253034,7.30493626 L14.7514729,5.70339822 L18.2927779,9.85808612" id="Path-494" fill="#E6E8E8"></path>
<path d="" id="Path-499" stroke="#979797" stroke-width="0.64"></path>
<polygon id="Path-500" fill="#828A8F" points="9.94618849 9.56 11.6875 7.72609277 9.6875 6.56"></polygon>
</g>
</svg>
<% } %>
</li>
<% } %>
<li class="Editor-HeaderInfo-actionsItem CDB-Shape">
<% if (hasGeom) { %>
<button class="js-toggle">
<% if (isVisible) { %>
<i class="CDB-IconFont CDB-IconFont-view u-actionTextColor"></i>
<% } else { %>
<i class="CDB-IconFont CDB-IconFont-hide u-actionTextColor"></i>
<% } %>
</button>
<% } else if (brokenLayer) { %>
<svg class="js-warningIcon" xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" data-tooltip="<%- _t('editor.layers.georeference.visualize') %>"><path fill="#FFB300" fill-rule="evenodd" d="M5.012 1.48C6.11-.444 7.887-.45 8.988 1.48l4.526 7.92c.82 1.436.15 2.6-1.523 2.6H2.01C.346 12-.333 10.83.485 9.4l4.526-7.92zM1.354 9.895C.917 10.66 1.116 11 2.01 11h9.98c.903 0 1.097-.333.656-1.104L8.12 1.976C7.404.72 6.596.722 5.88 1.975l-4.526 7.92zM6 9h2v1H6V9zm0-5h2v4H6V4z"/></svg>
<% } %>
</li>
<% if (isEmpty) { %>
<li class="Editor-HeaderInfo-emptyLayer js-emptylayer"></li>
<% } %>
<li class="Editor-HeaderInfo-actionsItem CDB-Shape">
<button class="CDB-Shape-threePoints is-blue is-small js-toggle-menu">
<div class="CDB-Shape-threePointsItem"></div>
<div class="CDB-Shape-threePointsItem"></div>
<div class="CDB-Shape-threePointsItem"></div>
</button>
</li>
</ul>
</div>
<div class="u-flex Editor-ListLayer-info js-analyses-widgets-info">
<span class="CDB-Text CDB-Size-small u-secondaryTextColor u-upperCase u-rSpace--m">
<%- _t('editor.layers.layer.analyses-count', { smart_count: numberOfAnalyses }) %>
</span>
<span class="CDB-Text CDB-Size-small u-secondaryTextColor u-upperCase">
<%- _t('editor.layers.layer.widgets-count', { smart_count: numberOfWidgets }) %>
</span>
</div>
</div>
</div>
<% // Show this for regular layers or ghost nodes %>
<% if (hasGeom || brokenLayer || !needsGeocoding) { %>
<ul class="Editor-ListAnalysis js-analyses <%- isVisible ? '' : 'is-hidden' %> <%- isCollapsed ? 'is-collapsed' : '' %>"></ul>
<% } %>
<% if (needsGeocoding) { %>
<div class="u-tSpace--m">
<span class="CDB-Text CDB-Size-medium u-secondaryTextColor">
<%- _t('editor.layers.layer.geocode-text') %>
</span>
<div class="u-flex u-justifyEnd u-tSpace--m">
<button data-tooltip="<%- _t('editor.layers.layer.geocode-tooltip') %>" class="CDB-Button CDB-Button--small CDB-Button--primary js-geocode">
<span class="CDB-Button-Text CDB-Text u-upperCase is-semibold CDB-Size-small"><%- _t('editor.layers.layer.geocode') %></span>
</button>
</div>
</div>
<% } %>
Reference in New Issue Copy Permalink