summaryrefslogtreecommitdiffstats
path: root/src/templates/date.template.html
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-12-09 09:43:26 +0100
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:20:13 +0100
commit2b87580fc132872266c07b76455192539953b697 (patch)
tree2a0f5e591aaa84a5dc2b76d52826f031fbb52c5b /src/templates/date.template.html
parent29051c70c53999fa9beec83fbd09ec17fd244539 (diff)
FUNCT Add date & time configuration as mockup
Diffstat (limited to 'src/templates/date.template.html')
-rw-r--r--src/templates/date.template.html99
1 files changed, 99 insertions, 0 deletions
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