171 lines
6.6 KiB
HTML
171 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
{% include "common/common-head.html" %}
|
|
</head>
|
|
|
|
<body class="hold-transition skin-blue sidebar-mini">
|
|
<div class="wrapper">
|
|
|
|
{% include "common/page-header.html" %} {% with pageselected="mqtt" %} {% include "common/sidebar-menu.html" %}
|
|
{% endwith %}
|
|
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
|
|
<!-- Main content -->
|
|
<section class="content">
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
|
|
<div class="box box-info">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">MQTT configuration</h3>
|
|
</div>
|
|
<!-- /.box-header -->
|
|
<!-- form start -->
|
|
<form class="form-horizontal" method="post">
|
|
<div class="box-body">
|
|
|
|
<div class="form-group">
|
|
<label for="mqttstatus" class="col-sm-2 control-label">Status</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="mqttstatus" disabled="" value="{{ mqttstatus }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="schema" class="col-sm-2 control-label">Schema</label>
|
|
<div class="col-sm-10">
|
|
<select class="form-control" id="schema" name="schema">
|
|
{% for i in schemas %}
|
|
{% if i == schema %}
|
|
<option value="{{ i }}" selected>{{ i }}</option>
|
|
{% else %}
|
|
<option value="{{ i }}">{{ i }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="host" class="col-sm-2 control-label">Host</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="host" name="host" placeholder="Hostname or IP address"
|
|
value="{{ host }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="port" class="col-sm-2 control-label">Port</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="port" name="port" placeholder="1883"
|
|
value="{{ port }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="clientid" class="col-sm-2 control-label">Client ID</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="clientid" name="clientid" placeholder="client id"
|
|
value="{{ clientid }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="prefix" class="col-sm-2 control-label">Prefix</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="prefix" name="prefix" placeholder="topic prefix"
|
|
value="{{ prefix }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="username" class="col-sm-2 control-label">Username</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="username" name="username"
|
|
placeholder="username (if required)" value="{{ username }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password" class="col-sm-2 control-label">Password</label>
|
|
<div class="col-sm-10">
|
|
<input type="password" class="form-control" id="password" name="password"
|
|
placeholder="password (if required)" value="{{ password }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="lwttopic" class="col-sm-2 control-label">LWT topic</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="lwttopic" name="lwttopic"
|
|
placeholder="LWT" value="{{ lwttopic }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="lwtonline" class="col-sm-2 control-label">LWT Online Message</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="lwtonline" name="lwtonline"
|
|
placeholder="Online" value="{{ lwtonline }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="lwtoffline" class="col-sm-2 control-label">LWT Offline Message</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="lwtoffline" name="lwtoffline"
|
|
placeholder="Offline" value="{{ lwtoffline }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="homeassistant" class="col-sm-2 control-label">Home Assistant Integration</label>
|
|
<div class="col-sm-10">
|
|
<div class="checkbox">
|
|
<label>
|
|
{% if homeassistant == "true" %}
|
|
<input type="checkbox" id="homeassistant" name="homeassistant" checked="">
|
|
{% else %}
|
|
<input type="checkbox" id="homeassistant" name="homeassistant">
|
|
{% endif %}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- /.box-body -->
|
|
<div class="box-footer">
|
|
<button type="submit" class="btn btn-info pull-right">Save</button>
|
|
</div>
|
|
<!-- /.box-footer -->
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
<!-- /.row -->
|
|
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
|
|
{% include "common/footer.html" %}
|
|
|
|
</div>
|
|
<!-- ./wrapper -->
|
|
|
|
{% include "common/common-js.html" %}
|
|
|
|
</body>
|
|
|
|
</html>
|