From 10a47b30791c7e3639d9e8ed1e22b4e828076520 Mon Sep 17 00:00:00 2001
From: jorgebl <jorgebl.verdnatura@gmail.com>
Date: Wed, 3 Mar 2021 15:15:34 +0100
Subject: [PATCH] WIP

---
 front/salix/components/home/home.html  | 70 ++++++++++++++++++++++++++
 front/salix/components/home/home.js    |  4 ++
 front/salix/components/home/style.scss |  8 +++
 3 files changed, 82 insertions(+)

diff --git a/front/salix/components/home/home.html b/front/salix/components/home/home.html
index 2904d7d70..66e0a0134 100644
--- a/front/salix/components/home/home.html
+++ b/front/salix/components/home/home.html
@@ -1,3 +1,7 @@
+<div>
+    <span ng-click="$ctrl.showShortcuts()" vn-tooltip="Shortcuts">Shortcuts</span>
+    <vn-icon-button icon="search" ng-click="$ctrl.showShortcuts()"></vn-icon-button>
+</div>
 <div>
     <div class="top-border">
         <span translate>Favorites</span>
@@ -65,3 +69,69 @@
         </a>
     </div>
 </div>
+<!-- Create shortcuts dialog -->
+<vn-dialog class="edit" 
+    vn-id="shortcuts">
+    <tpl-body>
+        <table>
+            <thead>
+                <tr>
+                    <th colspan="7">ACCESO RÁPIDO</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td><span class="shortcuts-words">Ctrl</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">Altr</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">A</span></td>
+                    <td>
+                        <vn-icon icon="icon-item">
+                        </vn-icon>
+                    </td>
+                    <td><span>ARTÍCULOS</span></td>
+                </tr>
+                <tr><td colspan="7"></td></tr>
+                <tr> 
+                    <td><span class="shortcuts-words">Ctrl</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">Altr</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">T</span></td>
+                    <td>
+                        <vn-icon icon="icon-ticket"></vn-icon>
+                    </td>
+                    <td><span>TICKETS</span></td>
+                </tr>
+                <tr><td colspan="7"></td></tr>
+                <tr>
+                    <td><span class="shortcuts-words">Ctrl</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">Altr</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">R</span></td>
+                    <td>
+                        <vn-icon icon="icon-claims"></vn-icon>
+                    </td>
+                    <td><span>RECLAMACIONES</span></td>
+                </tr>
+                <tr><td colspan="7"></td></tr>
+                <tr> 
+                    <td><span class="shortcuts-words">Ctrl</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">Altr</span></td>
+                    <td><span>+</span></td>
+                    <td><span class="shortcuts-words">C</span></td>
+                    <td>
+                        <vn-icon icon="persons"></vn-icon>
+                    </td>
+                    <td><span>CLIENTES</span></td>
+                </tr>
+            </tbody>
+        </table>
+    </tpl-body>
+    <tpl-buttons>
+        <input type="button" response="cancel" translate-attr="{value: 'Close'}"/>
+    </tpl-buttons>
+</vn-dialog>
\ No newline at end of file
diff --git a/front/salix/components/home/home.js b/front/salix/components/home/home.js
index 90eed2b30..0f0d7185b 100644
--- a/front/salix/components/home/home.js
+++ b/front/salix/components/home/home.js
@@ -18,6 +18,10 @@ export default class Controller extends Component {
         this.getStarredModules();
     }
 
+    showShortcuts() {
+        this.$.shortcuts.show();
+    }
+
     countModules() {
         this.starredCount = 0;
         this.regularCount = 0;
diff --git a/front/salix/components/home/style.scss b/front/salix/components/home/style.scss
index c8ef6457f..e714298e2 100644
--- a/front/salix/components/home/style.scss
+++ b/front/salix/components/home/style.scss
@@ -108,4 +108,12 @@ vn-home {
             }
         }
     }
+}
+
+.shortcuts-words{
+
+    border-radius: 5px 5px 5px;
+    border: 3px solid black;
+    font-size: 40px;
+    padding: 2px;
 }
\ No newline at end of file