Update index_m.html

This commit is contained in:
钟进 2018-09-25 14:12:49 +08:00
parent 4d7bd43926
commit 131bd38a81

View File

@ -69,65 +69,77 @@
<!-- you have to put your config page in a div with id adapter-container -->
<div class="m adapter-container">
<div class="row">
<!-- Forms are the standard way to receive user inputted data.
Learn more http://materializecss.com/forms.html-->
<div class="row">
<div class="input-field col s6">
<img src="doorgate.png" class="logo">
<div class="col s12">
<ul class="tabs">
<li class="tab col s4"><a href="#tab-main" class="translate active">Pushover settings</a></li>
<li class="tab col s4"><a href="#tab-notification" class="translate">Notification settings</a></li>
</ul>
</div>
<div id="tab-main" class="col s12 page">
<div class="row">
<!-- Forms are the standard way to receive user inputted data.
Learn more http://materializecss.com/forms.html-->
<div class="row">
<div class="input-field col s6">
<img src="doorgate.png" class="logo">
</div>
</div>
<div class="row">
<div class="input-field col s3">
<input class="value" id="test1" type="checkbox" />
<label for="test1" class="translate">test1</label>
</div>
</div>
<div class="row">
<div class="input-field col s12 m6 l4">
<input class="value" id="port" type="text">
<label for="port" class="translate">Port</label>
<span class="translate">REST WebServer Port</span>
</div>
<div class="input-field col s12 m6 l4">
<input type="number" class="value" id="test2" />
<label for="test2" class="translate">Number</label>
<!-- Important: label must come directly after input. Label is important. -->
<span class="translate">test2</span>
</div>
<div class="input-field col s12 m6 l4">
<input id="email" type="email" class="value validate">
<label for="email" data-error="wrong" data-success="right">Email</label>
<!-- You can add custom validation messages by adding either data-error or data-success attributes to your input field labels.-->
<span class="translate">Verification input</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m4">
<select class="value" id="mySelect">
<option value="auto" class="translate">Auto</option>
<option value="manual" class="translate">Manual</option>
</select>
<label for="mySelect" class="translate">My select</label>
<!-- Important: label must come directly after select. Label is important. -->
</div>
<div class="input-field col s12 m8">
<i class="material-icons prefix">mode_edit</i>
<textarea id="Textarea" class="value materialize-textarea"></textarea>
<label for="Textarea">Message</label>
</div>
</div>
<div class="row">
<div class="input-field col s12 m6 l4">
<input class="value" id="port" type="text">
<label for="port">Port</label>
<span class="translate">Descriptions of the input field</span>
</div>
</div>
<div class="row">
<div class="col s12">
<p class="translate">on save adapter restarts with new config immediately</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="input-field col s3">
<input class="value" id="test1" type="checkbox" />
<label for="test1" class="translate">test1</label>
</div>
</div>
<div class="row">
<div class="input-field col s12 m6 l4">
<input class="value" id="port" type="text">
<label for="port" class="translate">Port</label>
<span class="translate">REST WebServer Port</span>
</div>
<div class="input-field col s12 m6 l4">
<input type="number" class="value" id="test2" />
<label for="test2" class="translate">Number</label>
<!-- Important: label must come directly after input. Label is important. -->
<span class="translate">test2</span>
</div>
<div class="input-field col s12 m6 l4">
<input id="email" type="email" class="value validate">
<label for="email" data-error="wrong" data-success="right">Email</label>
<!-- You can add custom validation messages by adding either data-error or data-success attributes to your input field labels.-->
<span class="translate">Verification input</span>
</div>
</div>
<div class="row">
<div class="input-field col s12 m4">
<select class="value" id="mySelect">
<option value="auto" class="translate">Auto</option>
<option value="manual" class="translate">Manual</option>
</select>
<label for="mySelect" class="translate">My select</label>
<!-- Important: label must come directly after select. Label is important. -->
</div>
<div class="input-field col s12 m8">
<i class="material-icons prefix">mode_edit</i>
<textarea id="Textarea" class="value materialize-textarea"></textarea>
<label for="Textarea">Message</label>
</div>
</div>
<div class="row">
<div class="input-field col s12 m6 l4">
<input class="value" id="port" type="text">
<label for="port">Port</label>
<span class="translate">Descriptions of the input field</span>
</div>
</div>
<div class="row">
<div class="col s12">
<p class="translate">on save adapter restarts with new config immediately</p>
</div>
<div id="tab-notification" class="col s12 page">
</div>
</div>
</div>