From 2b87580fc132872266c07b76455192539953b697 Mon Sep 17 00:00:00 2001
From: Humberto Alfonso Díaz <humberto.alfonso@asvito.es>
Date: Mon, 9 Dec 2019 09:43:26 +0100
Subject: FUNCT Add date & time configuration as mockup

---
 src/templates/date.template.html | 99 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 99 insertions(+)
 create mode 100644 src/templates/date.template.html

(limited to 'src/templates/date.template.html')

diff --git a/src/templates/date.template.html b/src/templates/date.template.html
new file mode 100644
index 0000000..72d9b3c
--- /dev/null
+++ b/src/templates/date.template.html
@@ -0,0 +1,99 @@
+<div class="container">
+        <h2 class="my-5">
+            <div class="row">
+                <div class="col-1" onclick="date.hide()">
+                    <i class="fas fa-chevron-left"></i>
+                </div>
+                <div class="col-11">
+                    Date & Time
+                </div>
+            </div>
+        </h2>
+        <div clas="row">
+            <div class="col-12 my-5">
+                Date
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-12">
+                <form>
+                    <div class="form-row">
+                        <div class="col">
+                            <select class="form-control">
+                                {{ #date.months }}
+                                    <option {{ #date.isMonth }}selected{{ /date.isMonth }} value="{{ . }}">
+                                        {{ date.getMonthName }}
+                                    </option>
+                                {{ /date.months }}
+                            </select>
+                        </div>
+                        <div class="col">
+                            <select class="form-control">
+                                {{ #date.days }}
+                                    <option {{ #date.isDay }}selected{{ /date.isDay }} value="{{ . }}">
+                                        {{ . }}
+                                    </option>
+                                {{ /date.days }}
+                            </select>
+                        </div>
+                        <div class="col">
+                            <select class="form-control">
+                                {{ #date.years }}
+                                    <option {{ #date.isYear }}selected{{ /date.isYear }} value="{{ . }}">
+                                        {{ . }}
+                                    </option>
+                                {{ /date.years }}
+                            </select>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div clas="row">
+            <div class="col-12 my-5">
+                Time
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-12">
+                <form>
+                    <div class="form-row">
+                        <div class="col">
+                            <select class="form-control">
+                                {{ #time.hours }}
+                                    <option {{ #time.isHour }}selected{{ /time.isHour }} value="{{ . }}">
+                                        {{ . }}
+                                    </option>
+                                {{ /time.hours}}
+                            </select>
+                        </div>
+                        <div class="col">
+                            <select class="form-control">
+                                {{ #time.minutes }}
+                                    <option {{ #time.isMinutes }}selected{{ /time.isMinutes }} value="{{ . }}">
+                                        {{ . }}
+                                    </option>
+                                {{ /time.minutes}}
+                            </select>
+                        </div>
+                        <div class="col">
+                            <select class="form-control">
+                                {{ #time.ampm }}
+                                    <option {{ #time.isAmpm }}selected{{ /time.isAmpm }} value="{{ . }}">
+                                        {{ . }}
+                                    </option>
+                                {{ /time.ampm}}
+                            </select>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="row my-5">
+            <div class="col-12">
+                <button type="button" class="btn btn-primary btn-block" onclick="date.hide()">
+                    OK
+                </button>
+            </div>
+        </div>
+    </div>
\ No newline at end of file
-- 
cgit 1.2.3-korg