From 6777da5307c7bbe30b93fd3edcce70ab7ff0bb94 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E8=BF=9B?= <zhongjin@onenetcom.cn>
Date: Fri, 10 Jul 2020 06:33:59 +0000
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=96=B0=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widgets/formula_mini/template.tpl         | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 lib/assets/javascripts/deep-insights/widgets/formula_mini/template.tpl

diff --git a/lib/assets/javascripts/deep-insights/widgets/formula_mini/template.tpl b/lib/assets/javascripts/deep-insights/widgets/formula_mini/template.tpl
new file mode 100644
index 0000000..7a39d0c
--- /dev/null
+++ b/lib/assets/javascripts/deep-insights/widgets/formula_mini/template.tpl
@@ -0,0 +1,54 @@
+<div class="CDB-Widget-header js-header">
+  <div class="CDB-Widget-title CDB-Widget-contentSpaced">
+    <h3 class="CDB-Text CDB-Size-large u-ellipsis js-title <%- isCollapsed ? 'is-collapsed' : '' %>"><%- title %></h3>
+    <div class="CDB-Widget-options">
+      <button class="CDB-Shape CDB-Widget-actions js-actions" data-tooltip="More options">
+        <div class="CDB-Shape-threePoints is-blue is-small">
+          <div class="CDB-Shape-threePointsItem"></div>
+          <div class="CDB-Shape-threePointsItem"></div>
+          <div class="CDB-Shape-threePointsItem"></div>
+        </div>
+      </button>
+    </div>
+  </div>
+  <% if (showSource) { %>
+    <dl class="CDB-Widget-info u-tSpace">
+      <div class="u-flex u-alignCenter u-ellipsis">
+        <span class="CDB-Text CDB-Size-small is-semibold u-upperCase" style="color: <%- sourceColor %>;">
+          <%- sourceId %>
+        </span>
+
+        <% if (!isSourceType) { %>
+          <span class="CDB-Text CDB-Size-small u-lSpace--s u-flex" style="color: <%- sourceColor %>;">
+            <i class="CDB-IconFont CDB-IconFont-ray CDB-Size-small"></i>
+          </span>
+        <% } %>
+
+        <span class="CDB-Text CDB-Size-small u-mainTextColor u-lSpace">
+          <%= sourceType %>
+        </span>
+
+        <span class="CDB-Text CDB-Size-small u-altTextColor u-ellipsis u-lSpace" title="<%= layerName %>">
+          <%= layerName %>
+        </span>
+      </div>
+    </dl>
+  <% } %>
+  <% if (showStats) { %>
+    <dl class="CDB-Widget-info CDB-Text CDB-Size-small u-secondaryTextColor u-upperCase u-tSpace">
+      <dt class="CDB-Widget-infoCount"><%- nulls %></dt><dd class="CDB-Widget-infoDescription">null rows</dd>
+    </dl>
+  <% } %>
+</div>
+<div class="CDB-Widget-content CDB-Widget-content--formula">
+  <% if (_.isNumber(value)) { %>
+    <h4 class="CDB-Text CDB-Size-huge <%- !isCollapsed ? 'js-value' : '' %>" title="<%- value %>">
+      <%= prefix %><%- value %><%= suffix %>
+    </h4>
+    <% if (description) { %>
+      <p class="CDB-Text CDB-Size-small u-tSpace js-description"><%- description %></p>
+    <% } %>
+  <% } else { %>
+    <div class="CDB-Widget-listItem--fake"></div>
+  <% } %>
+</div>