diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css index dc229b5d..f3e9bf8c 100644 --- a/kfet/static/kfet/css/index.css +++ b/kfet/static/kfet/css/index.css @@ -297,3 +297,47 @@ textarea { .messages .alert-success { color:#333; } + +/* + * Help + */ + +.help { + display:none; + position:fixed; + top:50px; + left:0; + right:0; + bottom:0; + overflow:auto; + background:rgba(51,51,51,0.3); + z-index:500; +} + +.help-box { + margin-top:30px; + padding-top:1px; + padding-bottom:15px; + background:rgba(51,51,51,0.7); + color:#fff; +} + +@media (max-width:768px) { + .help-box { + margin:20px 15px; + } +} + +.help h2 { + padding:0 15px 20px; + border-bottom:1px solid #999; + text-align:center; +} + +.help .row > div { + padding-right:0; +} + +.help h4 { + margin:15px 0; +} diff --git a/kfet/templates/kfet/base.html b/kfet/templates/kfet/base.html index c1db0c26..173a5fb7 100644 --- a/kfet/templates/kfet/base.html +++ b/kfet/templates/kfet/base.html @@ -40,5 +40,13 @@ {% block content %}{% endblock %} {% include "kfet/base_footer.html" %} +
+
+
+

Aide

+ {% block help %}{% endblock %} +
+
+
diff --git a/kfet/templates/kfet/kpsul.html b/kfet/templates/kfet/kpsul.html index b09830fc..d4a1b1b8 100644 --- a/kfet/templates/kfet/kpsul.html +++ b/kfet/templates/kfet/kpsul.html @@ -19,6 +19,55 @@ {% block content-header %}{% endblock %} +{% block help %} + +
+
+
+

Opérations

+
+
F3
+
Charge
+
+
+
Shift + F3
+
Retrait
+
+
+
F8
+
Edition
+
+
+
+
+
+

Général

+
+
F1
+
Reset
+
+
+
F2
+
Reset compte
+
+
+
Shift + F2
+
Reset panier
+
+
+
F9
+
Majoration
+
+
+
F10
+
Hard reset
+
+
+
+
+ +{% endblock %} + {% block content %} {% include 'kfet/base_messages.html' %} @@ -1164,6 +1213,16 @@ $(document).ready(function() { $(document).on('keydown', function(e) { switch (e.keyCode) { + case 27: + // Escape - Hide help + $('.help').hide('fast'); + return false; + case 72: + if (e.ctrlKey) { + // Ctrl+H - Display help + $('.help').show('fast'); + } + return false; case 112: // F1 - Cool reset coolReset();