Move sortable javascriot to base.js

salt_observer/assets/js/base.js

+$(function() {
     $('.title-wrapper').click(function() {
         window.location = $(this).data('root');
     });
+
+    // some little helpers
+    $.tablesorter.themes.bootstrap = {
+        header: 'bootstrap-header',
+        iconSortNone: 'fa fa-sort',
+        iconSortAsc: 'fa fa-sort-asc',
+        iconSortDesc: 'fa fa-sort-desc',
+    };
+    $('table.sortable').tablesorter({
+        theme: 'bootstrap',
+        headerTemplate: '{content} {icon}',
+        sortList: [[0,0]],
+        widgets: ['uitheme'],
+    });
+});

salt_observer/static/js/base.min.js

-$(".title-wrapper").click(function(){window.location=$(this).data("root")});
+$(function(){$(".title-wrapper").click(function(){window.location=$(this).data("root")}),$.tablesorter.themes.bootstrap={header:"bootstrap-header",iconSortNone:"fa fa-sort",iconSortAsc:"fa fa-sort-asc",iconSortDesc:"fa fa-sort-desc"},$("table.sortable").tablesorter({theme:"bootstrap",headerTemplate:"{content} {icon}",sortList:[[0,0]],widgets:["uitheme"]})});
\ No newline at end of file

salt_observer/templates/domain/list.html

@@ -6,18 +6,6 @@
 {% block post-script %}
     <script>
         $(function() {
-            $.tablesorter.themes.bootstrap = {
-                header: 'bootstrap-header',
-                iconSortNone: 'fa fa-sort',
-                iconSortAsc: 'fa fa-sort-asc',
-                iconSortDesc: 'fa fa-sort-desc',
-            };
-            $("#domain-table").tablesorter({
-                theme: "bootstrap",
-                headerTemplate: '{content} {icon}',
-                sortList: [[0,0]],
-                widgets: ["uitheme"],
-            });
             $("#domain-table").filterTable({
                 inputSelector: '#domain-table-filter',
             });
@@ -38,7 +26,7 @@
         </div>
     </div>
 
-    <table id="domain-table" class="table table-striped table-hover">
+    <table id="domain-table" class="table table-striped table-hover sortable">
         <thead>
             <tr>
                 <th>Domain name (fqdn)</th>

salt_observer/templates/minion/detail.html

@@ -14,18 +14,6 @@
             toggleSystemUsers();
             $('#toggleSystemUsers').click(toggleSystemUsers);
 
-            $.tablesorter.themes.bootstrap = {
-                header: 'bootstrap-header',
-                iconSortNone: 'fa fa-sort',
-                iconSortAsc: 'fa fa-sort-asc',
-                iconSortDesc: 'fa fa-sort-desc',
-            };
-            $('#usertable, #partitiontable').tablesorter({
-                theme: 'bootstrap',
-                headerTemplate: '{content} {icon}',
-                sortList: [[0,0]],
-                widgets: ['uitheme'],
-            });
             $('#packagetable').tablesorter({
                 theme: 'bootstrap',
                 headerTemplate: '{content} {icon}',
@@ -147,7 +135,7 @@
                     <i>Hier sollen in Zukunft mehr Informationen wie bspw. SSL Cert checks usw. angezeigt werden ...</i>
                 </div>
                 <div role="tabpanel" class="tab-pane fade" id="networks">
-                    <table class="table">
+                    <table class="table sortable">
                         <thead>
                             <tr>
                                 <th>Interface</th>
@@ -221,7 +209,7 @@
                 </div>
                 <div role="tabpanel" class="tab-pane fade" id="users">
                     <button id="toggleSystemUsers" type="button" class="btn btn-default margin-bottom-wrapper" data-toggle="button" aria-pressed="false" autocomplete="off">Toggle system users</button>
-                    <table id="usertable" class="table table-hover">
+                    <table id="usertable" class="table table-hover sortable">
                         <thead>
                             <tr>
                                 <th>Id</th>
@@ -243,7 +231,7 @@
                     </table>
                 </div>
                 <div role="tabpanel" class="tab-pane fade" id="partitions">
-                    <table id="partitiontable" class="table table-hover">
+                    <table class="table table-hover sortable">
                         <thead>
                             <tr>
                                 <th>Device</th>

salt_observer/templates/minion/list.html

@@ -7,18 +7,6 @@
 {% block post-script %}
     <script>
         $(function() {
-            $.tablesorter.themes.bootstrap = {
-                header: 'bootstrap-header',
-                iconSortNone: 'fa fa-sort',
-                iconSortAsc: 'fa fa-sort-asc',
-                iconSortDesc: 'fa fa-sort-desc',
-            };
-            $("#minion-table").tablesorter({
-                theme: "bootstrap",
-                headerTemplate: '{content} {icon}',
-                sortList: [[0,0]],
-                widgets: ["uitheme"],
-            });
             $("#minion-table").filterTable({
                 inputSelector: '#minion-table-filter',
             });
@@ -39,7 +27,7 @@
         </div>
     </div>
 
-    <table id="minion-table" class="table table-striped table-hover">
+    <table id="minion-table" class="table table-striped table-hover sortable">
         <thead>
             <tr>
                 <th>Minion ID</th>