155 lines
9.7 KiB
HTML
155 lines
9.7 KiB
HTML
{{template "main" .}}
|
|
{{define "content"}}
|
|
<div class="container-fluid no-padding">
|
|
<div class="row no-margin">
|
|
<div class="col-12 no-padding">
|
|
<ul class="nav nav-pills nav-fill" id="nav">
|
|
{{range $key, $tab := .Config.Remote}}
|
|
<li class="nav-item">
|
|
<a class="nav-link no-radius" href="#tab-{{$key}}">{{$tab.Label}}</a>
|
|
</li>
|
|
{{end}}
|
|
<li class="nav-item">
|
|
<a class="nav-link no-radius btn-fullscreen" data-target="html" href="#">💻</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
{{range $key, $tab := .Config.Remote}}
|
|
<div id="tab-{{$key}}" class="pane">
|
|
{{range $key2, $value := $tab.Items}}
|
|
<div class="row" {{if eq $value.Type "mouse"}} id="pane-pointer"{{end}}>
|
|
{{if ne $value.Label ""}}
|
|
<div class="col-12">
|
|
<p class="legend">{{$value.Label}}</p>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "live_text"}}
|
|
<div class="form-group col-12">
|
|
<input type="text" class="form-control live-text" name="text">
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "text"}}
|
|
<div class="form-group col-6">
|
|
<input type="text" class="form-control" id="text">
|
|
</div>
|
|
<div class="col-6">
|
|
<button type="button" id="text-send" class="btn btn-primary">Send</button>
|
|
<button type="button" id="text-clear" class="btn btn-secondary">Clear</button>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "keys"}}
|
|
<div class="col-12">
|
|
<button type="button" data-msg='{"type":"key","value":"left"}' class="btn btn-secondary">←</button>
|
|
<button type="button" data-msg='{"type":"key","value":"up"}' class="btn btn-secondary">↑</button>
|
|
<button type="button" data-msg='{"type":"key","value":"down"}' class="btn btn-secondary">↓</button>
|
|
<button type="button" data-msg='{"type":"key","value":"right"}' class="btn btn-secondary">→</button>
|
|
</div>
|
|
<div class="line col-12"></div>
|
|
<div class="col-12">
|
|
<button type="button" data-msg='{"type":"key","value":"escape"}' class="btn btn-secondary">Escape</button>
|
|
<button type="button" data-msg='{"type":"key","value":"tab"}' class="btn btn-secondary">TAB</button>
|
|
<button type="button" data-msg='{"type":"key","value":"backspace"}' class="btn btn-secondary">Backspace</button>
|
|
<button type="button" data-msg='{"type":"key","value":"enter"}' class="btn btn-secondary">Enter</button>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "shortcuts"}}
|
|
<div class="col-9" id="shortcuts_special_keys">
|
|
<label class="btn btn-secondary mb-1" for="shortcuts_special_key_ctrl">
|
|
<input type="checkbox" value="ctrl" id="shortcuts_special_key_ctrl">
|
|
ctrl
|
|
</label>
|
|
<label class="btn btn-secondary mb-1" for="shortcuts_special_key_shift">
|
|
<input type="checkbox" value="shift" id="shortcuts_special_key_shift">
|
|
shift
|
|
</label>
|
|
<label class="btn btn-secondary mb-1" for="shortcuts_special_key_alt">
|
|
<input type="checkbox" value="alt" id="shortcuts_special_key_alt">
|
|
alt
|
|
</label>
|
|
<label class="btn btn-secondary mb-1" for="shortcuts_special_key_win">
|
|
<input type="checkbox" value="win" id="shortcuts_special_key_win">
|
|
win
|
|
</label>
|
|
</div>
|
|
<div class="form-group col-3">
|
|
<input type="text" id="shortcut-key" class="form-control" name="shortcuts_char">
|
|
</div>
|
|
<div class="col-12">
|
|
<button type="button" id="shortcut-send" class="btn btn-primary">Send</button>
|
|
<button type="button" id="shortcut-clear" class="btn btn-secondary">Clear</button>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "spotify"}}
|
|
<div class="col-12">
|
|
<button type="button" data-msg='{"type":"media","value":"playpause"}' class="btn btn-secondary">Play/Pause</button>
|
|
<button type="button" data-msg='{"type":"media","value":"next"}' class="btn btn-secondary">Next</button>
|
|
<button type="button" data-msg='{"type":"media","value":"prev"}' class="btn btn-secondary">Previous</button>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "volume"}}
|
|
<div class="col-12">
|
|
<button type="button" data-msg='{"type":"volume","value":"0"}' class="btn btn-secondary">0%</button>
|
|
<button type="button" data-msg='{"type":"volume","value":"25"}' class="btn btn-secondary">25%</button>
|
|
<button type="button" data-msg='{"type":"volume","value":"50"}' class="btn btn-secondary">50%</button>
|
|
<button type="button" data-msg='{"type":"volume","value":"75"}' class="btn btn-secondary">75%</button>
|
|
<button type="button" data-msg='{"type":"volume","value":"100"}' class="btn btn-secondary">100%</button>
|
|
</div>
|
|
<div class="line col-12"></div>
|
|
<div class="col-12">
|
|
<button type="button" data-msg='{"type":"volume","value":"down"}' class="btn btn-secondary">-</button>
|
|
<button type="button" data-msg='{"type":"volume","value":"up"}' class="btn btn-secondary">+</button>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "mouse"}}
|
|
<div class="form-group col-12">
|
|
<input type="text" class="form-control live-text" placeholder="Live text" name="text">
|
|
</div/>
|
|
<div id="scrollbar"></div>
|
|
<div id="pointer"></div>
|
|
<div id="pointer-buttons">
|
|
<button type="button" data-msg='{"type":"pointer","click":"left"}' class="btn btn-primary no-radius col-5"> </button><button type="button no-margin" data-msg='{"type":"pointer","click":"middle"}' class="btn btn-secondary no-radius col-2"> </button><button type="button no-margin" data-msg='{"type":"pointer","click":"right"}' class="btn btn-primary no-radius col-5"> </button>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "screenshot"}}
|
|
<div class="col-12">
|
|
<button type="button" data-msg='{"type":"screenshot","quality":"hq"}' class="btn btn-secondary">Screenshot HQ</button>
|
|
<button type="button" data-msg='{"type":"screenshot","quality":"lq"}' class="btn btn-secondary">Screenshot LQ</button>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "live_video"}}
|
|
<div class="col-12">
|
|
<button type="button" id="live-hq" class="btn btn-secondary">Live HQ</button>
|
|
<button type="button" id="live-lq" class="btn btn-secondary">Live LQ</button>
|
|
<div id="screenshot"><img class="btn-fullscreen" data-target="#screenshot img" src="data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gIJDjc3srQk8gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADElEQVQI12P48+cPAAXsAvVTWDc6AAAAAElFTkSuQmCC"></div>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if eq $value.Type "messages"}}
|
|
<div class="col-12">
|
|
{{range $key3, $item := $value.Items}}
|
|
<button type="button" data-msg='{{$item.Message}}' class="btn btn-secondary mb-1">{{$item.Label}}</button>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
|
|
<div class="line col-12"></div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|