From f3f8f8b274446047cca6de1c7b763723caf866c3 Mon Sep 17 00:00:00 2001
From: Simon Lecoq <22963968+lowlighter@users.noreply.github.com>
Date: Tue, 8 Feb 2022 03:23:51 +0100
Subject: [PATCH] feat(plugins/stargazers): add support for `chartist` mode
 (repository) (#849) [skip ci]

---
 .../repository/partials/stargazers.ejs        | 60 +++++++++++--------
 1 file changed, 34 insertions(+), 26 deletions(-)

diff --git a/source/templates/repository/partials/stargazers.ejs b/source/templates/repository/partials/stargazers.ejs
index afb59437..b9ef8d23 100644
--- a/source/templates/repository/partials/stargazers.ejs
+++ b/source/templates/repository/partials/stargazers.ejs
@@ -11,35 +11,43 @@
       </div>
     <% } else { %>
       <div class="row margin-bottom">
-        <section class="column chart">
+        <section class="column chart chartist">
           <h3>Total stargazers</h3>
-          <div class="chart-bars">
-            <% { let previous = null; for (const [date, value] of Object.entries(plugins.stargazers.total.dates)) { const p = 0.05+0.95*(value-plugins.stargazers.total.min)/(plugins.stargazers.total.max-plugins.stargazers.total.min); const [y, m, d] = date.split("-").map(Number) %>
-              <div class="entry">
-                <span class="value"><%= (value-(previous ?? 0)) ? value : "" %></span>
-                <div class="bar" style="height: <%= p*50 %>px; background-color: var(--color-calendar-graph-day-L<%= Math.ceil(p/0.25) %>-bg)"></div>
-                <%= d %>
-                <% if ((previous === null)||(d === 1)) { %>
-                  <div class="bottom"><%= plugins.stargazers.months[m] %></div>
-                <% } %>
-              </div>
-            <% previous = value } } %>
-          </div>
+          <% if (plugins.stargazers.charts) { %>
+            <%- plugins.stargazers.charts[0] %>
+          <% } else { %>
+            <div class="chart-bars">
+              <% { let previous = null; for (const [date, value] of Object.entries(plugins.stargazers.total.dates)) { const p = 0.05+0.95*(value-plugins.stargazers.total.min)/(plugins.stargazers.total.max-plugins.stargazers.total.min || 1); const [y, m, d] = date.split("-").map(Number) %>
+                <div class="entry">
+                  <span class="value"><%= (value-(previous ?? 0)) ? f(value) : "" %></span>
+                  <div class="bar" style="height: <%= p*50 %>px; background-color: var(--color-calendar-graph-day-L<%= Math.ceil(p/0.25) %>-bg)"></div>
+                  <%= d %>
+                  <% if ((previous === null)||(d === 1)) { %>
+                    <div class="bottom"><%= plugins.stargazers.months[m] %></div>
+                  <% } %>
+                </div>
+              <% previous = value } } %>
+            </div>
+          <% } %>
         </section>
-        <section class="column chart">
+        <section class="column chart chartist">
           <h3>New stargazers per day</h3>
-          <div class="chart-bars">
-            <% { let previous = true; for (const [date, value] of Object.entries(plugins.stargazers.increments.dates)) { const p = value/plugins.stargazers.increments.max; const [y, m, d] = date.split("-").map(Number) %>
-              <div class="entry">
-                <span class="value"><%= value != 0 ? value : "" %></span>
-                <div class="bar" style="height: <%= p*50 %>px; background-color: var(--color-calendar-graph-day-L<%= Math.ceil(p/0.25) %>-bg)"></div>
-                <%= d %>
-                <% if ((previous === null)||(d === 1)) { %>
-                <div class="bottom"><%= plugins.stargazers.months[m] %></div>
-                <% } %>
-              </div>
-            <% previous = value } } %>
-          </div>
+          <% if (plugins.stargazers.charts) { %>
+            <%- plugins.stargazers.charts[1] %>
+          <% } else { %>
+            <div class="chart-bars">
+              <% { let previous = null; for (const [date, value] of Object.entries(plugins.stargazers.increments.dates)) { const p = value/(plugins.stargazers.increments.max || 1); const [y, m, d] = date.split("-").map(Number) %>
+                <div class="entry">
+                  <span class="value"><%= value != 0 ? f(value, {sign:true}) : "" %></span>
+                  <div class="bar" style="height: <%= p*50 %>px; background-color: var(--color-calendar-graph-day-L<%= Math.ceil(p/0.25) %>-bg)"></div>
+                  <%= d %>
+                  <% if ((previous === null)||(d === 1)) { %>
+                  <div class="bottom"><%= plugins.stargazers.months[m] %></div>
+                  <% } %>
+                </div>
+              <% previous = value } } %>
+            </div>
+          <% } %>
         </section>
       </div>
     <% } %>