diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-12-09 09:43:26 +0100 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:20:13 +0100 |
| commit | 2b87580fc132872266c07b76455192539953b697 (patch) | |
| tree | 2a0f5e591aaa84a5dc2b76d52826f031fbb52c5b /src/templates | |
| parent | 29051c70c53999fa9beec83fbd09ec17fd244539 (diff) | |
FUNCT Add date & time configuration as mockup
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/date.template.html | 99 | ||||
| -rw-r--r-- | src/templates/main.template.html | 2 |
2 files changed, 100 insertions, 1 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 diff --git a/src/templates/main.template.html b/src/templates/main.template.html index f121092..b030710 100644 --- a/src/templates/main.template.html +++ b/src/templates/main.template.html @@ -6,7 +6,7 @@ <div class="col-1"> <i class="fa fa-clock"></i> </div> - <div class="col-9"> + <div class="col-9" onclick="window.date.show()"> Date & Time </div> <div class="col-2 text-right"> |