improved keyboard usage, v 1.0.8

Author: owlysk

neutralino.config.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/neutralinojs/neutralinojs/main/schemas/neutralino.config.schema.json",
   "applicationId": "sk.owly.CodeTimer",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "defaultMode": "window",
   "port": 0,
   "documentRoot": "/resources/",

resources/detail.html

@@ -135,12 +135,12 @@
         </div>
 
         <div class="btns my-2">
-            <div class="btn btn-primary d-block my-2 py-3 save-item" onclick="saveItem()">
+            <a href="#" class="btn btn-primary d-block my-2 py-3 save-item" onclick="saveItem()">
                 <i class="fas fa-save"></i> <span class="text">Save</span>
-            </div>
-            <div class="btn btn-danger d-block my-2 py-3 delete-item" onclick="deleteItem()">
+            </a>
+            <a href="#" class="btn btn-danger d-block my-2 py-3 delete-item" onclick="deleteItem()">
                 <i class="fas fa-trash-alt"></i> Delete
-            </div>
+            </a>
         </div>
     </div>
 

resources/js/detail.js

@@ -70,6 +70,8 @@ function renderItem(item){
     });
 
     $('#activitySelect').val(item.activity);
+
+    renderCallbacksForSelects();
 }
 
 function renderUpdateActivitiesViaProject(){
@@ -214,6 +216,7 @@ function renderNewItem(){
     if(urlParams.has('description')) desc = decodeURIComponent(urlParams.get('description'));
 
     $('#desc').val(desc);
+    $('#desc').focus();
     $('#date').val(moment().format("DD.MM.YYYY"))
     $('#time_from').val(moment().format("HH:mm:ss"))
     $('#time_to,#time_total').val('');
@@ -234,4 +237,20 @@ function renderNewItem(){
     $('#customerSelect, #projectSelect').change(function(){
         renderUpdateActivitiesViaProject();
     });
+
+    renderCallbacksForSelects();
 }
+
+function renderCallbacksForSelects(){
+    $('.select2-selection').on('focus',function(){
+        //if($('.select2-search__field:visible').length) return false;
+        
+        $(this).closest('div').find('select').select2('open');
+    });
+}
+
+//fix autofocus on open
+$(document).on('select2:open', () => {
+    let allFound = document.querySelectorAll('.select2-container--open .select2-search__field');
+    allFound[allFound.length - 1].focus();
+});