You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Station/pages/setup.html

58 lines
2.9 KiB
HTML

<!--
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="container">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-sm-10 col-md-8 col-lg-6">
<div class="card">
<h3 class="card-header">
<i class="fas fa-cog"></i> Settings
</h3>
<div class="card-body">
<div class="alert alert-info">
The connection settings are invalid. Please set them.
</div>
<form id="settings_form">
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-server"></i></span>
<input type="text" class="form-control" id="url" placeholder="AccountHub API URL" required />
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-key"></i></span>
<input type="text" class="form-control" id="key" placeholder="API Key" required />
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-users"></i></span>
<select class="form-control" id="group">
<option value="">Select a Quick Access Group</option>
</select>
<span class="input-group-btn">
<span class="btn btn-primary" id="dlgroupsbtn" onclick="dlGroups();">
<i class="fas fa-download"></i> Get Groups
</span>
</span>
</div>
<br />
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" value="1" type="checkbox" id="kioskmode">
Kiosk mode (run in fullscreen)
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" value="1" type="checkbox" id="largebtns">
Use larger buttons if available
</label>
</div>
<br />
<button type="submit" class="btn btn-primary" id="settings_save">Save Settings</button>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="js/setup.js"></script>