92 lines
4.2 KiB
HTML
92 lines
4.2 KiB
HTML
<!--
|
|
Copyright 2020 Netsyms Technologies.
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
|
|
<div class="page" data-name="addevent">
|
|
|
|
<div class="navbar">
|
|
<div class="navbar-bg"></div>
|
|
<div class="navbar-inner">
|
|
<div class="left">
|
|
<a href="#" class="link icon-only back">
|
|
<i class="icon icon-back"></i>
|
|
</a>
|
|
</div>
|
|
<div class="title"><i class="{{icon}}"></i> Add Event for #{{machineid}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fab fab-extended fab-right-bottom color-green" id="save-fab">
|
|
<a href="#" onclick="addEvent('{{machineid}}');">
|
|
<!-- Icons For iOS Theme -->
|
|
<i class="icon f7-icons if-not-md">floppy_disk</i>
|
|
<!-- Icons For MD Theme -->
|
|
<i class="icon material-icons md-only">save</i>
|
|
<div class="fab-text">Save</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="page-content">
|
|
<form id="eventform" style="margin-bottom: 5rem;">
|
|
<div class="list no-hairlines no-margin-top">
|
|
<ul>
|
|
{{#each fields}}
|
|
{{#js_if "this.type == 'select'"}}
|
|
<li>
|
|
<a class="item-link smart-select smart-select-init" id="smartselect-{{name}}" data-close-on-select="true" data-searchbar="true" data-searchbar-placeholder="Search">
|
|
<select name="{{name}}" class="eventfield" tabindex="{{tabindex}}">
|
|
{{#if catoptions}}
|
|
<option value="">Choose</option>
|
|
{{#each catoptions}}
|
|
<optgroup label="{{label}}">
|
|
{{#each options}}
|
|
<option value="{{value}}" data-display-as="{{value}}">{{label}}</option>
|
|
{{/each}}
|
|
</optgroup>
|
|
{{/each}}
|
|
{{/if}}
|
|
{{#if options}}
|
|
{{#each options}}
|
|
<option value="{{value}}">{{label}}</option>
|
|
{{/each}}
|
|
{{/if}}
|
|
</select>
|
|
<div class="item-content">
|
|
<div class="item-inner">
|
|
<div class="item-title">{{label}}</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
{{else}}
|
|
<li class="item-content item-input">
|
|
<div class="item-inner">
|
|
<div class="item-title item-floating-label">{{label}}</div>
|
|
<div class="item-input-wrap">
|
|
{{#js_if "this.type == 'textarea'"}}
|
|
<textarea class="eventfield" rows="4" name="{{name}}" placeholder="" tabindex="{{tabindex}}">{{value}}</textarea>
|
|
{{else}}
|
|
{{#js_if "this.type == 'datetime'"}}
|
|
<input name="{{name}}" type="text" placeholder="Select date and time" readonly="readonly" tabindex="{{tabindex}}" class="eventfield datetime-textbox"/>
|
|
{{else}}
|
|
<input class="eventfield" type="{{type}}" name="{{name}}" placeholder="" value="{{value}}" tabindex="{{tabindex}}">
|
|
<span class="input-clear-button machinefield-clear-button display-none"></span>
|
|
{{/js_if}}
|
|
{{/js_if}}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{{/js_if}}
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
var machineid = "{{machineid}}";
|
|
</script>
|
|
</div> |