-
Notifications
You must be signed in to change notification settings - Fork 18
/
property-inspector.html
75 lines (75 loc) · 3.16 KB
/
property-inspector.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<title>YTMD - PI</title>
<meta charset="utf-8">
<link rel="stylesheet" href="sdpi.css">
<script src="bundle-pi.js"></script>
</head>
<body>
<div class="sdpi-wrapper" id="errors">
<div class="error-item" id="error-template">
<h3 class="error-title">Something went wrong</h3>
<p class="error-message">Oops. This is awkward. You shouldn't be able to see me. :c</p>
</div>
</div>
<div class="sdpi-wrapper" id="playPauseSettings" style="display: none">
<div class="sdpi-item" id="authStatusSection" style="visibility: hidden; height: 0">
<div class="sdpi-item-label auth-label">Auth Status</div>
<div class="sdpi-item-value"><strong id="authStatus" class="auth-status-label" style="color: red;">Not
authenticated</strong></div>
</div>
<div class="sdpi-item" style="">
<button class="sdpi-item-value auth-button-label" id="authButton">Authorize</button>
<br>
</div>
<hr>
<div class="sdpi-item">
<div class="sdpi-item-label host-label">Host</div>
<input class="sdpi-item-value" type="text" id="host" value="127.0.0.1">
</div>
<div class="sdpi-item">
<div class="sdpi-item-label port-label">Port</div>
<input class="sdpi-item-value" type="number" id="port" value="9863">
</div>
<div class="sdpi-item">
<div class="sdpi-item-label action-label">Action</div>
<select class="sdpi-item-value" id="action">
<option class="toggle-label" value="TOGGLE" selected>Toggle</option>
<option class="pause-label" value="PAUSE">Pause</option>
<option class="play-label" value="PLAY">Play</option>
</select>
</div>
<div class="sdpi-item">
<div class="sdpi-item-label display-label">Display Format</div>
<textarea class="sdpi-item-value" type="text" id="displayFormat">{current}</textarea>
</div>
<div style="padding: 5px;" class="var-usage-label">
<p><strong>Available variables:</strong> {current}, {remaining}, {duration}</p>
<p><strong>Special values:</strong> :S = seconds, :H = human readable time (default)</p>
<p><strong>Usage:</strong> {remaining:S} to display remaining time in seconds</p>
</div>
<div class="sdpi-item">
<button class="sdpi-item-value save-label" id="save">Save</button>
</div>
</div>
<div class="sdpi-wrapper" id="volumeSettings" style="display: none">
<div class="sdpi-item">
<div class="sdpi-item-label volume-steps-label">Volume steps</div>
<input class="sdpi-item-value" type="number" id="volumeInput">
</div>
<div class="sdpi-item">
<details class="message question">
<summary class="automatic-save-label">This saves automatically</summary>
</details>
</div>
</div>
<hr>
<h3 class="support-feedback-title-label">Support / Feedback</h3>
<p class="support-feedback-text-label">
You found a bug? You have a feature request? <br>
I would love to hear about it <a href="https://github.com/XeroxDev/YTMD-StreamDeck/issues/new/choose" rel="noopener"
target="_blank">here</a>!
</p>
</body>
</html>