web numpad

This commit is contained in:
Devaev Maxim 2020-08-07 06:03:59 +03:00
parent d7add40c8b
commit e3b334ffc3
2 changed files with 127 additions and 0 deletions

View File

@ -806,6 +806,99 @@
</div>
</div>
</div>
<div class="keypad-block">
<div class="keypad-row">
<div class="empty-key"></div>
<div class="empty-key"></div>
<div class="empty-key"></div>
<div class="key small" data-code="Power">
<div class="label">PWR
</div>
</div>
</div>
<hr>
<div class="keypad-row">
<div class="key small" data-code="NumLock">
<div class="label"><img class="inline-lamp hid-keyboard-num-led led-gray" src="/share/svg/led-square.svg"><br> NmLk
</div>
</div>
<div class="key " data-code="NumpadDivide">
<div class="label">/
</div>
</div>
<div class="key " data-code="NumpadMultiply">
<div class="label">*
</div>
</div>
<div class="key " data-code="NumpadSubtract">
<div class="label">-
</div>
</div>
</div>
<div class="keypad-row">
<div class="key small" data-code="Numpad7">
<div class="label">7<br>Home
</div>
</div>
<div class="key small" data-code="Numpad8">
<div class="label">8<br>&uarr;
</div>
</div>
<div class="key small" data-code="Numpad9">
<div class="label">9<br>PgUp
</div>
</div>
<div class="empty-key"></div>
</div>
<div class="keypad-row">
<div class="key small" data-code="Numpad4">
<div class="label">4<br>&larr;
</div>
</div>
<div class="key small" data-code="Numpad5">
<div class="label">5<br><br>
</div>
</div>
<div class="key small" data-code="Numpad6">
<div class="label">6<br>&rarr;
</div>
</div>
<div class="key " data-code="NumpadAdd">
<div class="label">+
</div>
</div>
</div>
<div class="keypad-row">
<div class="key small" data-code="Numpad1">
<div class="label">1<br>End
</div>
</div>
<div class="key small" data-code="Numpad2">
<div class="label">2<br>&darr;
</div>
</div>
<div class="key small" data-code="Numpad3">
<div class="label">3<br>PgDn
</div>
</div>
<div class="empty-key"></div>
</div>
<div class="keypad-row">
<div class="key small" data-code="Numpad0">
<div class="label">0<br>Ins
</div>
</div>
<div class="empty-key"></div>
<div class="key small" data-code="NumpadDecimal">
<div class="label">.<br>Del
</div>
</div>
<div class="key small" data-code="NumpadEnter">
<div class="label">Ent
</div>
</div>
</div>
</div>
</div>
<div class="keypad" id="keyboard-mobile" align="center">
<div class="keypad-block">

View File

@ -91,6 +91,40 @@ mixin lamp(cls)
+key("ArrowLeft") &larr;
+key("ArrowDown") &darr;
+key("ArrowRight") &rarr;
div(class="keypad-block")
div(class="keypad-row")
+empty_key()
+empty_key()
+empty_key()
+key("Power", "small") PWR
hr
div(class="keypad-row")
+key("NumLock", "small")
+lamp("hid-keyboard-num-led")
| #[br] NmLk
+key("NumpadDivide") /
+key("NumpadMultiply") *
+key("NumpadSubtract") -
div(class="keypad-row")
+key("Numpad7", "small") 7#[br]Home
+key("Numpad8", "small") 8#[br]&uarr;
+key("Numpad9", "small") 9#[br]PgUp
+empty_key()
div(class="keypad-row")
+key("Numpad4", "small") 4#[br]&larr;
+key("Numpad5", "small") 5#[br]#[br]
+key("Numpad6", "small") 6#[br]&rarr;
+key("NumpadAdd") +
div(class="keypad-row")
+key("Numpad1", "small") 1#[br]End
+key("Numpad2", "small") 2#[br]&darr;
+key("Numpad3", "small") 3#[br]PgDn
+empty_key()
div(class="keypad-row")
+key("Numpad0", "small") 0#[br]Ins
+empty_key()
+key("NumpadDecimal", "small") .#[br]Del
+key("NumpadEnter", "small") Ent
div(id="keyboard-mobile" class="keypad" align="center")
div(class="keypad-block")