deblan/remote-i3wm-go
deblan/remote-i3wm-go
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases 6 Wiki Activity

fix template using new configuration

Browse source
This commit is contained in:
Simon Vieille 2023-08-26 11:41:23 +02:00
parent 7915a0dbe4
commit d1cefa4131
Signed by: deblan
GPG key ID: 579388D585F70417
3 changed files with 37 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/main.css
View file

@ -58,7 +58,8 @@ a {
}
#pointer {
height: calc(100vh - 80px);
height: calc(100vh - 33px - 38px);
top: calc(33px + 38px);
margin: auto;
background: #ccc;
position: absolute;
@ -80,14 +81,6 @@ a {
right: 0;
}
.fullscreen #scrollbar {
height: calc(100vh - 150px);
}
.fullscreen #pointer {
height: calc(100vh - 150px);
}
#pane-pointer .form-group {
padding: 0;
margin: 0;
@ -97,7 +90,8 @@ a {
margin-top: -42px;
width: 100%;
z-index: 110;
position: absolute;
position: fixed;
bottom: 0;
}
#pointer-buttons .btn {

8
static/main.js
View file

@ -257,11 +257,9 @@ var documentHashHandler = function() {
var hash = window.location.hash;
if (hash) {
$(hash).show();
$('a[href="' + hash + '"]').addClass('active');
$('a[href="' + hash + '"]').click();
} else {
$('#pane-keyboard').show();
$('#nav a').first().addClass('active');
$('#nav > li:first-child a').click();
}
}
@ -294,10 +292,10 @@ var addListeners = function() {
}
var bootstrap = function() {
documentHashHandler();
shortcutsSpecialKeysOnChangeHandler();
createWebSocketConnection();
addListeners();
documentHashHandler();
}
$(function() {

51
views/page/home.html
View file

@ -4,9 +4,9 @@
<div class="row no-margin">
<div class="col-12 no-padding">
<ul class="nav nav-pills nav-fill" id="nav">
{{range $key, $values := .Config.Remote}}
{{range $key, $tab := .Config.Remote}}
<li class="nav-item">
<a class="nav-link no-radius" href="#{{$key}}">{{$key}}</a>
<a class="nav-link no-radius" href="#tab-{{$key}}">{{$tab.Label}}</a>
</li>
{{end}}
<li class="nav-item">
@ -18,9 +18,9 @@
</div>
<div class="container-fluid">
{{range $key, $values := .Config.Remote}}
<div id="{{$key}}" class="pane">
{{range $key2, $value := $values}}
{{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">
@ -121,12 +121,36 @@
<button type="button" data-msg='{"type":"pointer","click":"left"}' class="btn btn-primary no-radius col-5">&nbsp;</button><button type="button no-margin" data-msg='{"type":"pointer","click":"middle"}' class="btn btn-secondary no-radius col-2">&nbsp;</button><button type="button no-margin" data-msg='{"type":"pointer","click":"right"}' class="btn btn-primary no-radius col-5">&nbsp;</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 id="pane-i3" class="pane">
<div class="row">
<div class="col-12">
@ -150,20 +174,5 @@
</div>
</div>
</div>
<div class="row pane" id="pane-desktop">
<div class="col-12">
<p class="legend">Desktop</p>
</div>
<div class="col-12">
<button type="button" data-msg='{"type":"screenshot","quality":"hq"}' class="btn btn-sm btn-secondary">Screenshot HQ</button>
<button type="button" data-msg='{"type":"screenshot","quality":"lq"}' class="btn btn-sm btn-secondary">Screenshot LQ</button>
<button type="button" id="live-hq" class="btn btn-sm btn-secondary">Live HQ</button>
<button type="button" id="live-lq" class="btn btn-sm 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>
<div class="col-12">
</div>
</div>
</div>
{{end}}