add dismiss alert

Author: giwty

resources/app/app.html

@@ -64,11 +64,17 @@ <h5 class="progress-type">Loading...</h5>
             {{if keys === "false"}}
             <div id="missingkeys" class="alert center alert-danger" role="alert" >
                 Prod.keys was not found, deep NSP scan is disabled, library content is based on file names tags.
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close" onClick='$("#missingkeys").hide()'>
+                   <span aria-hidden="true">&times;</span>
+                </button>
             </div>
             {{/if}}
             {{if num_skipped != 0}}
-                 <div class="alert center alert-warning" role="alert">
+                 <div id="scan_issues" class="alert center alert-warning" role="alert">
                 {{:num_skipped}} out of {{:num_files}} files were skipped during scan, click on the issues tab to learn more
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close" onClick='$("#scan_issues").hide()'>
+                   <span aria-hidden="true">&times;</span>
+                </button>
                   </div>
             {{/if}}
             <section id="library-table" class="content"></section>

resources/app/app.js

@@ -166,7 +166,7 @@ $(function () {
                     let table = new Tabulator("#updates-table", {
                         layout:"fitDataStretch",
                         initialSort:[
-                            {column:"Update date", dir:"desc"}, //sort by this first
+                            {column:"latest_update_date", dir:"desc"}, //sort by this first
                         ],
                         pagination: "local",
                         paginationSize: state.settings.gui_page_size,
@@ -200,7 +200,7 @@ $(function () {
                     let table = new Tabulator("#dlc-table", {
                         layout:"fitDataStretch",
                         initialSort:[
-                            {column:"Title", dir:"desc"}, //sort by this first
+                            {column:"name", dir:"desc"}, //sort by this first
                         ],
                         pagination: "local",
                         paginationSize: state.settings.gui_page_size,
@@ -262,7 +262,7 @@ $(function () {
                 if (state.library && state.library.library_data.length) {
                     var table = new Tabulator("#library-table", {
                         initialSort:[
-                            {column:"Title", dir:"desc"}, //sort by this first
+                            {column:"name", dir:"desc"}, //sort by this first
                         ],
                         layout:"fitDataStretch",
                         pagination: "local",