67 lines
2.9 KiB
HTML
67 lines
2.9 KiB
HTML
<!--
|
|
@license
|
|
Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
|
|
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
Code distributed by Google as part of the polymer project is also
|
|
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
-->
|
|
|
|
<link rel="import" href="../bower_components/polymer/polymer-element.html">
|
|
<link rel="import" href="shared-styles.html">
|
|
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
|
|
<link rel="import" href="../bower_components/paper-input/paper-input.html">
|
|
<link rel="import" href="../bower_components/paper-input/paper-textarea.html">
|
|
<link rel="import" href="../bower_components/paper-checkbox/paper-checkbox.html">
|
|
<link rel="import" href="../bower_components/paper-button/paper-button.html">
|
|
|
|
<dom-module id="settings-view">
|
|
<template>
|
|
<style include="shared-styles">
|
|
:host {
|
|
display: block;
|
|
|
|
padding: 10px;
|
|
}
|
|
</style>
|
|
<style>
|
|
paper-checkbox {
|
|
--primary-color: #ff5722;
|
|
}
|
|
</style>
|
|
|
|
<div class="card">
|
|
<div class="circle">2</div>
|
|
<h1>Edit Settings</h1>
|
|
<p>
|
|
<paper-checkbox checked="{{editing}}">Enable Editing</paper-checkbox>
|
|
<paper-textarea always-float-label label="Comment:" readonly$="[[!editing]]">{{mrclock::input}}</paper-textarea>
|
|
<paper-input always-float-label label="Name of MR-Clock (leave empty if no MR-Clock is used):" type="text" value="{{mrclock::input}}" readonly$="[[!editing]]"></paper-input>
|
|
Either set a clock name, if a MR-Clock is used, or set clock start time and speed for an autonomous behaviour.
|
|
<paper-input always-float-label label="Start time of clock after boot:" type="time" pattern="\d{2}:\d{2}" value="{{clockStartTime::input}}" allowed-pattern="[0-9]" readonly$="[[!editing]]"></paper-input>
|
|
<paper-input always-float-label label="Clock Speed - Number of real-time seconds per model minute:" type="number" min="1" max="60" auto-validate="true" error-message="The value must be in the range of 1..60" value="{{clockSpeed::input}}" allowed-pattern="[0-9]" readonly$="[[!editing]]"></paper-input>
|
|
</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
class SettingsView extends Polymer.Element {
|
|
static get is() { return 'settings-view'; }
|
|
ready() { super.ready(); }
|
|
/*
|
|
static get properties() {
|
|
return {
|
|
editing: { type: Boolean, value: false },
|
|
comment: { type: String, value: "" },
|
|
clockStartTime: { type: Time, value: "00:00" },
|
|
clockSpeed: {type: Number, value: 4 }
|
|
}
|
|
}
|
|
*/
|
|
}
|
|
|
|
window.customElements.define(SettingsView.is, SettingsView);
|
|
</script>
|
|
</dom-module>
|