From bb3d16d273bb3e4552e4869dd22cb2c2d81f5387 Mon Sep 17 00:00:00 2001
From: Igor Scheller <igor.scheller@igorshp.de>
Date: Sun, 26 Aug 2018 02:54:52 +0200
Subject: Added Twig template renderer, closes #338

---
 templates/pages/credits.html     | 36 +++++++++++++++++++
 templates/pages/user-shifts.html | 74 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 110 insertions(+)
 create mode 100644 templates/pages/credits.html
 create mode 100644 templates/pages/user-shifts.html

(limited to 'templates/pages')

diff --git a/templates/pages/credits.html b/templates/pages/credits.html
new file mode 100644
index 00000000..4e247113
--- /dev/null
+++ b/templates/pages/credits.html
@@ -0,0 +1,36 @@
+<div class="container">
+    <h1>Credits</h1>
+    <div class="row">
+        <div class="col-md-4">
+            <h2>Source code</h2>
+            <p>
+                The original system was written by <a href="https://github.com/cookieBerlin/engelsystem">cookie</a>.
+                It was then completely rewritten and enhanced by
+                <a href="https://notrademark.de">msquare</a> (maintainer),
+                <a href="https://myigel.name">MyIgel</a>,
+                <a href="https://mortzu.de">mortzu</a>,
+                <a href="https://jplitza.de">jplitza</a> and
+                <a href="https://github.com/gnomus">gnomus</a>.
+            </p>
+            <p>
+                Please look at the <a href="https://github.com/engelsystem/engelsystem/graphs/contributors">
+                contributor list on github</a> for a more complete version.
+            </p>
+        </div>
+        <div class="col-md-4">
+            <h2>Hosting</h2>
+            <p>
+                Webspace, development platform and domain on <a href="https://engelsystem.de">engelsystem.de</a>
+                is currently provided by <a href="https://www.wybt.net/">would you buy this?</a> (ichdasich)
+                and adminstrated by <a href="https://mortzu.de">mortzu</a>,
+                <a href="http://derf.homelinux.org">derf</a> and ichdasich.
+            </p>
+        </div>
+        <div class="col-md-4">
+            <h2>Translation</h2>
+            <p>
+                Many thanks for the german translation: <a href="http://e7p.de">e7p</a>
+            </p>
+        </div>
+    </div>
+</div>
diff --git a/templates/pages/user-shifts.html b/templates/pages/user-shifts.html
new file mode 100644
index 00000000..e137210c
--- /dev/null
+++ b/templates/pages/user-shifts.html
@@ -0,0 +1,74 @@
+<script type="text/javascript">
+    function set_to_now(id) {
+        document.getElementById(id + '_time').value = moment().format('HH:mm');
+        var days = document.getElementById(id + '_day').getElementsByTagName(
+            'option');
+        for (var i = 0; i < days.length; i++) {
+            if (days[i].value === moment().format('YYYY-MM-DD')) {
+                days[i].selected = true;
+            }
+        }
+    }
+</script>
+
+<form class="form-inline" action="">
+    <input type="hidden" name="p" value="user_shifts">
+    <div class="row">
+        <div class="col-md-6">
+            <h1>%title%</h1>
+            <div class="form-group">%start_select%</div>
+            <div class="form-group">
+                <div class="input-group">
+                    <input class="form-control" id="start_time" name="start_time" size="5"
+                           pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%">
+                    <div class="input-group-btn">
+                        <button class="btn btn-default" title="Now" type="button" onclick="set_to_now('start');">
+                            <span class="glyphicon glyphicon-time"></span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            &#8211;
+            <div class="form-group">%end_select%</div>
+            <div class="form-group">
+                <div class="input-group">
+                    <input class="form-control" id="end_time" name="end_time" size="5"
+                           pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%">
+                    <div class="input-group-btn">
+                        <button class="btn btn-default" title="Now" type="button" onclick="set_to_now('end');">
+                            <span class="glyphicon glyphicon-time"></span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="form-group" style="margin-top: .5em">
+                <div class="btn-group">
+                    <a href="javascript:setDay(-1)" class="btn btn-default ">%set_yesterday%</a>
+                    <a href="javascript:setDay()" class="btn btn-default ">%set_today%</a>
+                    <a href="javascript:setDay(1)" class="btn btn-default ">%set_tomorrow%</a>
+                </div>
+                <div class="btn-group">
+                    <a href="javascript:setHours(-8)" class="btn btn-default ">%set_last_8h%</a>
+                    <a href="javascript:setHours(-4)" class="btn btn-default ">%set_last_4h%</a>
+                    <a href="javascript:setHours(4)" class="btn btn-default ">%set_next_4h%</a>
+                    <a href="javascript:setHours(8)" class="btn btn-default ">%set_next_8h%</a>
+                </div>
+            </div>
+            <div class="form-group" style="margin-top: .5em">
+                <div class="btn-group">
+                    %buttons%
+                </div>
+            </div>
+        </div>
+        <div class="col-md-2">%room_select%</div>
+        <div class="col-md-2">%type_select%</div>
+        <div class="col-md-2">%filled_select%</div>
+    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <div><p>%task_notice%</p></div>
+            <input class="btn btn-primary" type="submit" style="width:75%; margin-bottom: 20px" value="%filter%">
+        </div>
+    </div>
+</form>
+%shifts_table% %ical_text%
-- 
cgit v1.2.3-54-g00ecf