uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add Layer switcher tab to the key configuration popover. #22

Browse Source 
The icons used in this commit are not final, as this is just a mockup,
and for this purpose it was easier to use fontawesome (as previously),
instead of adding the svgs.
This commit is contained in:
Arpad Csanyi
2016-05-05 23:13:54 +02:00
parent 93f7400f1d
commit 2a08d1f19d
2 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
popup__iframe.html
View File

@@ -156,6 +156,23 @@
</div>
</script>
<!-- Layer modifier/togge action. -->
<script id="key-editor-content__source--layer" type="text/x-Handlebars-template">
<div class="popover-content" style="margin-bottom:2px">
<div style="margin-bottom:0px; margin-top:2px">
<b style="">Activate layer</b>
<select class="layout-switcher" style="width: 100px">
<option value="mod">Mod</option>
<option value="fn">Fn</option>
<option value="mouse">Mouse</option>
</select>
</div>
<div style="margin-bottom:0px; margin-top:2px">
<label for="toggle_layer"><i class="fa fa-toggle-on"></i> Toggle layer </label> <input type="checkbox" name="toggle_layer" id="toggle_layer" /> <!-- The icon for this label should be the same svg as on the key. -->
</div>
</div>
</script>
<!-- Mouse action. -->
<script id="key-editor-content__source--mouse" type="text/x-handlebars-template">
<div class="popover-content" style="margin-bottom:2px">

6
script.js
View File

@@ -232,6 +232,12 @@ $(function() {
title: 'Keypress',
content: 'keypress'
},
{
type: 'default',
icon: 'fa-clone', // The icon for the tab will be a layer icon in svg. But for the mockup it was easier to just use something similar from fontawesome.
title: 'Layer',
content: 'layer'
},
{
type: 'default',
icon: 'fa-mouse-pointer',