From 981f42ea8a95f94584e41e1c43831c86076d893a Mon Sep 17 00:00:00 2001
From: Messerbill <ole.hoppe@gmx.de>
Date: Mon, 8 Jun 2015 18:49:25 +0200
Subject: [PATCH] UI: implemented saimod_table_config sort

---
 .../saimod_sys_config/js/saimod_sys_config.js | 37 +++++--------------
 .../saimod_sys_config/tpl/config_basics.tpl   | 10 ++---
 .../saimod_sys_config/tpl/config_database.tpl | 10 ++---
 .../saimod_sys_config/tpl/config_sai.tpl      | 10 ++---
 4 files changed, 24 insertions(+), 43 deletions(-)

diff --git a/sai/modules/saimod_sys_config/js/saimod_sys_config.js b/sai/modules/saimod_sys_config/js/saimod_sys_config.js
index 77aa333..bf957aa 100644
--- a/sai/modules/saimod_sys_config/js/saimod_sys_config.js
+++ b/sai/modules/saimod_sys_config/js/saimod_sys_config.js
@@ -1,49 +1,30 @@
 function init_saimod_sys_config() {  
-    $('#tabs_config a').click(function (e) {
-        $('#tabs_config li').each(function(){
-            $(this).removeClass('active');});
-        $(this).parent().addClass('active');
-    });
+    saimod_config_tablesort("sai_mod_table_basics");
 }
 
 function init_saimod_sys_config_basics() {
     $('#tabs_config li').each(function(){
         $(this).removeClass('active');});
     $('#menu_tag_basics').parent().addClass('active');
+    saimod_config_tablesort("sai_mod_table_basics");
 }
 
 function init_saimod_sys_config_database() {
     $('#tabs_config li').each(function(){
         $(this).removeClass('active');});
     $('#menu_tag_database').parent().addClass('active');
+    saimod_config_tablesort("sai_mod_table_database");
 }
 
 function init_saimod_sys_config_sai() {
    $('#tabs_config li').each(function(){
         $(this).removeClass('active');});
     $('#menu_tag_sai').parent().addClass('active');
+    saimod_config_tablesort("sai_mod_table_sai");
 }
 
-function config_menu(){
-    $('#tabs_config li').each(function(){
-        $(this).removeClass('active');});
-    if($('#menu_tag__'+system.cur_state().split('.')[1]).length){
-        $('#menu_tag__'+system.cur_state().split('.')[1]).parent().addClass('active');
-    } else {
-        $('menu_tag_basics').parent().addClass('active');}
-}
-/*
-var table_basics = document.getElementById('sai_mod_config_table_basics');
-var sort = new Tablesort(table_basics);
-function sort_table(){
-    console.log("testme");
-    
-}
-
-table_basics.addEventListener('beforeSort', function() {
-  alert('Table is about to be sorted!');
-});
-
-table_basics.addEventListener('afterSort', function() {
-  alert('Table sorted!');
-});*/
\ No newline at end of file
+function saimod_config_tablesort(id){
+    var table_basics = document.getElementById(id);
+    var sort = new Tablesort(table_basics, {descending: true});
+    sort.refresh();
+}
\ No newline at end of file
diff --git a/sai/modules/saimod_sys_config/tpl/config_basics.tpl b/sai/modules/saimod_sys_config/tpl/config_basics.tpl
index 4e1325e..b451c1d 100644
--- a/sai/modules/saimod_sys_config/tpl/config_basics.tpl
+++ b/sai/modules/saimod_sys_config/tpl/config_basics.tpl
@@ -1,8 +1,8 @@
-<table class="table sai_table">
-    <tr class="no-select">
-        <th>ID</th>
-        <th>Name</th>
-        <th>Value</th>
+<table class="table sai_table" id="sai_mod_table_basics">
+    <tr class="no-sort">
+        <th>ID <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
+        <th>Name <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
+        <th>Value <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
     </tr>
     ${basics}
 </table>
\ No newline at end of file
diff --git a/sai/modules/saimod_sys_config/tpl/config_database.tpl b/sai/modules/saimod_sys_config/tpl/config_database.tpl
index 9a6d2bb..f681eb0 100644
--- a/sai/modules/saimod_sys_config/tpl/config_database.tpl
+++ b/sai/modules/saimod_sys_config/tpl/config_database.tpl
@@ -1,8 +1,8 @@
-<table class="table sai_table">
-    <tr class="no-select">
-        <th>ID</th>
-        <th>Name</th>
-        <th>Value</th>
+<table class="table sai_table" id="sai_mod_table_database">
+    <tr class="no-sort">
+        <th>ID <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
+        <th>Name <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
+        <th>Value <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
     </tr>
     ${database}
 </table>
\ No newline at end of file
diff --git a/sai/modules/saimod_sys_config/tpl/config_sai.tpl b/sai/modules/saimod_sys_config/tpl/config_sai.tpl
index b2b3ef3..90df578 100644
--- a/sai/modules/saimod_sys_config/tpl/config_sai.tpl
+++ b/sai/modules/saimod_sys_config/tpl/config_sai.tpl
@@ -1,8 +1,8 @@
-<table class="table sai_table">
-    <tr class="no-select">
-        <th>ID</th>
-        <th>Name</th>
-        <th>Value</th>
+<table class="table sai_table" id="sai_mod_table_sai">
+    <tr class="no-sort">
+        <th>ID <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
+        <th>Name <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
+        <th>Value <span class="glyphicon glyphicon-sort" aria-hidden="true"></span></th>
     </tr>
     ${sai}
 </table>
\ No newline at end of file