add live text input above touchpad

This commit is contained in:
Simon Vieille 2019-05-02 16:33:02 +02:00
parent 9bc4cbd489
commit ffe765d92a
Signed by: deblan
GPG key ID: 03383D15A1D31745
3 changed files with 18 additions and 4 deletions

View file

@ -53,7 +53,7 @@ a {
}
#pointer {
height: calc(100vh - 50px);
height: calc(100vh - 80px);
margin: auto;
background: #ccc;
-webkit-touch-callout: none;
@ -65,7 +65,7 @@ a {
}
#scrollbar {
height: calc(100vh - 50px);
height: calc(100vh - 80px);
width: 50px;
background: #333;
position: absolute;
@ -73,6 +73,11 @@ a {
right: 0;
}
#pane-pointer .form-group {
padding: 0;
margin: 0;
}
#pointer-buttons {
position: absolute;
margin-top: -42px;

View file

@ -255,7 +255,7 @@ var addListeners = function() {
$('#text-clear').click(textClearClickHandler);
$('#text-send').click(textSendClickHandler);
$('#text').on('keyup', textKeyUpHandler);
$('#live-text').on('keyup', liveTextKeyUpHandler);
$('.live-text').on('keyup', liveTextKeyUpHandler);
$scroller
.on('touchstart', scrollerTouchStartHandler)

View file

@ -40,7 +40,7 @@
<p class="legend">Live text</p>
</div>
<div class="form-group col-12">
<input type="text" class="form-control" id="live-text" name="text">
<input type="text" class="form-control live-text" name="text">
</div>
</div>
<div class="row">
@ -133,6 +133,7 @@
</div>
<div class="col-12">
<button type="button" data-msg='{"type":"messages","value":[{"type":"keys","value":"win,d"},{"type":"text","value":"urxvt"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">urxvt</button>
<button type="button" data-msg='{"type":"keys","value":"win,d"}' class="btn btn-secondary">dmenu</button>
</div>
<div class="col-12">
@ -143,6 +144,11 @@
<button type="button" data-msg='{"type":"messages","value":[{"type":"text","value":"zp"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">zp</button>
<button type="button" data-msg='{"type":"messages","value":[{"type":"text","value":"zm"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">zm</button>
</div>
<div class="line col-12"></div>
<div class="col-12">
<button type="button" data-msg='{"type":"messages","value":[{"type":"keys","value":"win,d"},{"type":"text","value":"no-screensaver"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">no-screensaver[on]</button>
<button type="button" data-msg='{"type":"messages","value":[{"type":"keys","value":"win,d"},{"type":"text","value":"pkill no-screensaver"},{"type":"key","value":"enter"}]}' class="btn btn-secondary">no-screensaver[off]</button>
</div>
<div class="col-12">
<p class="legend">Movie</p>
@ -162,6 +168,9 @@
</div>
<div class="row pane" id="pane-pointer">
<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">