fixed display priority for servers, add filter, pagination, more samples

data/computer_overview.json

@@ -2,29 +2,29 @@
   "portal_type_source": "Computer",
   "portal_type_title": "computer",
   "portal_type_fields": "computer_fieldlist",
-  "initial_query": {"include_docs": true, "limit":[]},
+  "initial_query": {"include_docs": true, "limit":[0,8]},
   "form": true,
   "id": "computer_overview",
   "property_dict": {
     "initial_query_url_identifier": "_id",
-    "dynamic_children": [2],
+    "dynamic_children": [4],
     "requires_authentication": true,
     "depends_on": "login_state",
     "wrap_gadget": 2,
     "layout": {
       "header": [
         [
-          {"custom": true, "text": "Status", "text_i18n": "global_dict.common_dict.status", "show": true, "priority": 6},
-          {"column": "title", "show": true, "priority": 5},
-          {"column": "reference", "show": true, "priority": 5},
-          {"column": "translated_validation_state_title", "show": "true", "priority": 3}
+          {"custom": true, "text": "Status", "text_i18n": "global_dict.common_dict.status", "show": true, "priority": 1},
+          {"column": "title", "show": true, "priority": 1},
+          {"column": "reference", "show": true, "priority": 4},
+          {"column": "translated_validation_state_title", "show": "true", "priority": 4}
         ]
       ],
       "body": [
-          {"custom": true, "show": true, "priority": 6, "status": true},
-          {"column": "title", "show": true, "priority": 5},
-          {"column": "reference", "show": true, "priority": 5},
-          {"column": "translated_validation_state_title", "show": "true", "priority": 3}],
+          {"custom": true, "show": true, "priority": 1, "status": true},
+          {"column": "title", "show": true, "priority": 1},
+          {"column": "reference", "show": true, "priority": 4},
+          {"column": "translated_validation_state_title", "show": "true", "priority": 4}],
       "footer": []
     },
     "feature_dict": {
@@ -33,7 +33,19 @@
       "editable": null
     }
   },
-  "children": [{
+  "children": [
+  {
+    "generate": "widget",
+    "type": "controlbar",
+    "class_list": "responsive",
+    "children": [
+      {"type": "input", "direct": {"id":"#search_server_list", "className": "translate"}, "attributes": {"data-action":"search", "data-enhanced":"true", "data-i18n": "[placeholder]page_dict.release.search","placeholder":"Search available releases", "data-icon":"search", "data-action-btn":"true", "data-type":"search", "type":"search"}, "logic":{"clear":"true", "action":"search"}},
+      {"type": "div", "direct": {"className":"info"}, "attributes": {"data-info":"records"}},
+      {"type": "div", "direct": {"className":"info"}, "attributes": {"data-info":"selected"}},
+      {"type": "div", "direct": {"className":"info"}, "attributes": {"data-info":"filter"}},
+      {"type": "div", "direct": {"className":"info"}, "attributes": {"data-info":"sorted"}}
+      ]
+  }, {
     "type": "a",
     "direct": {"className":"translate ui-btn ui-icon-edit ui-btn-icon-left ui-corner-all ui-btn-inline ui-btn-slapos-black ui-link", "href": "#servers::new"},
     "attributes": {
@@ -41,16 +53,36 @@
       "data-icon": "edit"
     },
     "logic": {"text":"Add server"}
-  },{
+  }, {
     "generate": "widget",
     "type": "controlbar",
     "property_dict": {"slot": 1},
     "children": [{"type": "p", "direct": {"className": "ui-table-caption translate"},"attributes": {"data-i18n":"page_dict.servers.servers"},"logic": {"text":"Created Servers"}}]
+  }, {
+    "generate": "widget",
+    "type": "controlbar",
+    "property_dict": {"slot": 2},
+    "children": [
+      {
+        "generate":"widget",
+        "type": "controlgroup",
+        "property_dict": {"direction":"horizontal"},
+        "children":[
+          {"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global_dict.pagination_dict.first", "data-action":"first", "data-icon":"step-backward", "data-iconpos":"notext"}, "logic": {"text":"First"}},
+          {"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global_dict.pagination_dict.previous", "data-action":"prev", "data-icon":"backward", "data-iconpos":"notext"}, "logic": {"text":"Step Backward"}},
+          {"type":"select", "direct":{"id":"paginate_server_list", "className":"action"},"attributes": {"data-icon":"reorder", "data-action":"limit", "data-iconpos":"notext"},"logic": {"options":[{"value": "8", "text": "8", "text_i18n":"global_dict.pagination_dict.8"},{"value": "16", "text": "16", "text_i18n":"global_dict.pagination_dict.16"},{"value": "32", "text": "32", "text_i18n":"global_dict.pagination_dict.32"}, {"value": "64", "text": "64", "text_i18n":"global_dict.pagination_dict.64"}]}},
+          {"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global_dict.pagination_dict.next", "data-action":"next", "data-icon":"forward", "data-iconpos":"notext"}, "logic": {"text":"Step Forward"}},
+          {"type": "a", "direct":{"className":"action", "href":""}, "attributes":{"data-i18n":"global_dict.pagination_dict.last", "data-action":"last", "data-icon":"step-forward", "data-iconpos":"notext"}, "logic": {"text": "Last"}}
+        ]
+      }
+    ]
   }, {
     "generate": "widget",
     "type": "table",
     "class_list": "table-stroke ui-responsive",
     "property_dict": {
+      "filter": "true",
+      "input": "#search_server_list",
       "mode": "columntoggle",
       "toggle_popup": false,
       "wrap": "both",