forked from btclock/webui
72 lines
1.7 KiB
Svelte
72 lines
1.7 KiB
Svelte
|
<script lang="ts">
|
||
|
import { PUBLIC_BASE_URL } from '$env/static/public';
|
||
|
import { _ } from 'svelte-i18n';
|
||
|
import {
|
||
|
Button,
|
||
|
ButtonGroup,
|
||
|
Card,
|
||
|
CardBody,
|
||
|
CardHeader,
|
||
|
Col,
|
||
|
Container,
|
||
|
Form,
|
||
|
Input,
|
||
|
Label,
|
||
|
Row
|
||
|
} from 'sveltestrap';
|
||
|
|
||
|
export let settings = {};
|
||
|
export let customText:String;
|
||
|
|
||
|
const setCustomText = () => {
|
||
|
fetch(`${PUBLIC_BASE_URL}/api/show/text/${customText}`).catch(err => { });
|
||
|
};
|
||
|
|
||
|
const setLEDcolor = () => {
|
||
|
|
||
|
};
|
||
|
</script>
|
||
|
|
||
|
<Col>
|
||
|
<Card>
|
||
|
<CardHeader>
|
||
|
<h2>{$_('section.control.title', { default: 'Control' })}</h2>
|
||
|
</CardHeader>
|
||
|
<CardBody>
|
||
|
<Form>
|
||
|
<Row>
|
||
|
<Label md={6} for="customText" size="sm">Text</Label>
|
||
|
<Col md="6">
|
||
|
<Input type="text" id="customText"bind:value={customText} bsSize="sm" maxLength="{$settings.numScreens}"/>
|
||
|
</Col>
|
||
|
</Row>
|
||
|
<Button color="primary" on:click={setCustomText}>Show text</Button>
|
||
|
|
||
|
</Form>
|
||
|
<hr />
|
||
|
<h3>LEDs</h3>
|
||
|
<Form>
|
||
|
<Row>
|
||
|
<Label md={6} for="ledColorPicker" size="sm">LEDs color</Label>
|
||
|
<Col md="6">
|
||
|
<Input type="color" id="ledColorPicker" />
|
||
|
</Col>
|
||
|
</Row>
|
||
|
<Button color="secondary" id="turnOffLedsBtn">Turn off</Button>
|
||
|
<Button color="primary">Set color</Button>
|
||
|
</Form>
|
||
|
|
||
|
<hr />
|
||
|
<h3>System info</h3>
|
||
|
<ul class="small system_info">
|
||
|
<li>Version: {$settings.gitRev}</li>
|
||
|
<li>Build time: {new Date(($settings.lastBuildTime * 1000)).toLocaleString()}</li>
|
||
|
<li>IP: {$settings.ip}</li>
|
||
|
<li>Hostname: {$settings.hostname}</li>
|
||
|
</ul>
|
||
|
<Button color="danger" id="restartBtn">Restart</Button>
|
||
|
<Button color="warning" id="forceFullRefresh">Force full refresh</Button>
|
||
|
</CardBody>
|
||
|
</Card>
|
||
|
</Col>
|