From e1d4f1d7125fe2d7b4dffb1a8074154d0560e529 Mon Sep 17 00:00:00 2001
From: Daniel Muckerman <danielmuckerman@me.com>
Date: Mon, 15 Jun 2020 10:10:46 -0400
Subject: [PATCH] Add trip counter to page and config file

---
 app.py                            |   7 +++++
 config/config.yaml                |   5 ++++
 static/clock.css                  |  34 +++++++++++++++++++++
 static/clock.js                   |  48 ++++++++++++++++++++++++++++++
 static/fonts/digital-7 (mono).ttf | Bin 0 -> 34404 bytes
 templates/card.j2                 |   2 +-
 templates/countdown.j2            |  23 ++++++++++++++
 templates/index.j2                |  13 ++++++++
 8 files changed, 131 insertions(+), 1 deletion(-)
 create mode 100644 static/clock.css
 create mode 100644 static/clock.js
 create mode 100644 static/fonts/digital-7 (mono).ttf
 create mode 100644 templates/countdown.j2

diff --git a/app.py b/app.py
index 4a60f2c..ea6eb21 100644
--- a/app.py
+++ b/app.py
@@ -15,6 +15,11 @@ account_url = yaml_data['accounts']['account_url']
 
 description = yaml_data['description']
 
+countdown_data = None
+if yaml_data['countdown']['active'] == True:
+    countdown_data = yaml_data['countdown']
+    print(countdown_data)
+
 apps = []
 for itm in yaml_data['apps'].items():
     apps.append(itm[1])
@@ -22,6 +27,8 @@ for itm in yaml_data['apps'].items():
 
 @app.route('/')
 def index():
+    if countdown_data != None:
+        return render_template('index.j2', apps = apps, search = search, account_url = account_url, description = description, countdown = countdown_data)
     return render_template('index.j2', apps = apps, search = search, account_url = account_url, description = description)
 
 
diff --git a/config/config.yaml b/config/config.yaml
index 5c88d08..8033714 100644
--- a/config/config.yaml
+++ b/config/config.yaml
@@ -7,6 +7,11 @@ accounts:
 
 description: "It turns out Technical Incompetence's amazingness is just too great for this lame internet - we need a new one to maximize our full potential. Welcome to the Technical Incompetence internet. Population - US."
 
+countdown:
+  active: True
+  name: "The End of Drunktrips: You Can (Not) Continue"
+  timestamp: "June 26 2020 11:00:00 GMT-0400"
+
 apps:
   chat:
     name: "Rocket Chat"
diff --git a/static/clock.css b/static/clock.css
new file mode 100644
index 0000000..4bc6313
--- /dev/null
+++ b/static/clock.css
@@ -0,0 +1,34 @@
+@font-face{
+    font-family:'digital-clock-font';
+    src: url('/static/fonts/digital-7 (mono).ttf');
+}
+
+#clockdiv > div{
+    padding: 6px;
+    border-radius: 3px;
+    /* background: #00BF96; */
+    display: inline-block;
+}
+
+#clockdiv div > span{
+    padding: 8px;
+    border-radius: 3px;
+    /* background: #00816A; */
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+    font-family: digital-clock-font;
+    font-size: 32px;
+    vertical-align: middle;
+}
+
+@media (min-width: 350px) {
+    #clockdiv div > span{
+        font-size: 40px;
+    }
+}
+
+#trip-name {
+    font-size: 16px;
+    text-align: center;
+}
diff --git a/static/clock.js b/static/clock.js
new file mode 100644
index 0000000..00deb50
--- /dev/null
+++ b/static/clock.js
@@ -0,0 +1,48 @@
+function getTimeRemaining(endtime){
+    const total = Date.parse(endtime) - Date.parse(new Date());
+    const seconds = Math.floor( (total/1000) % 60 );
+    const minutes = Math.floor( (total/1000/60) % 60 );
+    const hours = Math.floor( (total/(1000*60*60)) % 24 );
+    const days = Math.floor( total/(1000*60*60*24) );
+
+    return {
+        total,
+        days,
+        hours,
+        minutes,
+        seconds
+    };
+}
+
+function initializeClock(id, endtime) {
+    const clock = document.getElementById(id);
+
+    const daysSpan = clock.querySelector('.days');
+    const hoursSpan = clock.querySelector('.hours');
+    const minutesSpan = clock.querySelector('.minutes');
+    const secondsSpan = clock.querySelector('.seconds');
+
+    function updateClock() {
+        const t = getTimeRemaining(endtime);
+
+        if (t.days < 0) {
+            clearInterval(timeinterval);
+            $('#clock-card').hide();
+        }
+
+        daysSpan.innerHTML = t.days;
+        hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
+        minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
+        secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
+
+        if (t.total <= 0) {
+            clearInterval(timeinterval);
+        }
+    }
+
+    updateClock(); // run function once at first to avoid delay
+    var timeinterval = setInterval(updateClock, 1000);
+}
+
+initializeClock('clockdiv', deadline);
+$('#trip-name').text(tripName);
\ No newline at end of file
diff --git a/static/fonts/digital-7 (mono).ttf b/static/fonts/digital-7 (mono).ttf
new file mode 100644
index 0000000000000000000000000000000000000000..a481b97b4f84fd4199360c511517a5cf22d2a664
GIT binary patch
literal 34404
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

literal 0
HcmV?d00001

diff --git a/templates/card.j2 b/templates/card.j2
index 2733123..e68599c 100644
--- a/templates/card.j2
+++ b/templates/card.j2
@@ -1,4 +1,4 @@
-<div class="col-xs-12 col-sm-6 col-md-4 mb-4">
+<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4 mb-4">
     <div class="card" onclick="goToLink('{{ app['link'] }}');">
         <div class="card-body">
             {% if app['image'] is defined %}
diff --git a/templates/countdown.j2 b/templates/countdown.j2
new file mode 100644
index 0000000..f341fd5
--- /dev/null
+++ b/templates/countdown.j2
@@ -0,0 +1,23 @@
+<div id="clock-card" class="col-xs-12 col-sm-8 col-md-6 mb-6" style="margin: auto;">
+    <div class="card">
+        <div class="card-body" style="margin: auto; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; text-align: center;">
+            <div id="clockdiv" style="margin: auto;">
+                <div>
+                    <span class="days"></span>
+                </div>
+                <div>
+                    <span class="hours"></span>
+                </div>
+                <div>
+                    <span class="minutes"></span>
+                </div>
+                <div>
+                    <span class="seconds"></span>
+                </div>
+            </div>
+            <div id="trip-name">
+            </div>
+        </div>
+    </div>
+</div>
+<br>
\ No newline at end of file
diff --git a/templates/index.j2 b/templates/index.j2
index db9282d..209c6cc 100644
--- a/templates/index.j2
+++ b/templates/index.j2
@@ -4,6 +4,9 @@
 {% block styles %}
 {{super()}}
 <link rel="stylesheet" href="{{url_for('.static', filename='style.css')}}">
+{% if countdown is defined %}
+    <link rel="stylesheet" href="{{url_for('.static', filename='clock.css')}}">
+{% endif %}
 {% endblock %}
 
 {% block navbar %}
@@ -25,6 +28,9 @@
         </div>
         <br><br>
     {% endif %}
+    {% if countdown is defined %}
+        {% include "countdown.j2" %}
+    {% endif %}
     <p>{{ description }}</p>
         <div class="row">
             {% for app in apps %}
@@ -36,6 +42,13 @@
 
 {% block scripts %}
 {{ super () }}
+{% if countdown is defined %}
+    <script>
+        const deadline = '{{ countdown['timestamp'] }}';
+        const tripName = '{{ countdown['name'] }}';
+    </script>
+    <script src="{{url_for('.static', filename='clock.js')}}"></script>
+{% endif %}
 <script>
 $("#search-box").keyup(function(event) {
     if (event.keyCode === 13) {