jqgrid_utils 1.2.11 → 1.2.15

package/README.md

@@ -36,7 +36,7 @@ A module for Jqgrid_utils
 
 
 * [Jqgrid_utils](#module_Jqgrid_utils)
-    * [module.exports#set_link()](#exp_module_Jqgrid_utils--module.exports+set_link) ⏏
+    * [module.exports#set_link(col_model, edit_field, url)](#exp_module_Jqgrid_utils--module.exports+set_link) ⏏
     * [module.exports#grid_set_caption(_grid, data)](#exp_module_Jqgrid_utils--module.exports+grid_set_caption) ⏏
     * [module.exports#s_resize_saved_cell_width()](#exp_module_Jqgrid_utils--module.exports+s_resize_saved_cell_width) ⏏
     * [module.exports#resize_saved_cell_width(col_model, page, grid)](#exp_module_Jqgrid_utils--module.exports+resize_saved_cell_width) ⏏
@@ -54,11 +54,27 @@ A module for Jqgrid_utils
     * [module.exports#__cell_format()](#exp_module_Jqgrid_utils--module.exports+__cell_format) ⏏
     * [module.exports#subgrid(_id, id, data_url, col_model, caption)](#exp_module_Jqgrid_utils--module.exports+subgrid) ⏏
     * [module.exports#add_image(col_model, edit_field, size, link)](#exp_module_Jqgrid_utils--module.exports+add_image) ⏏
+    * [module.exports#set_filter(grid, data, fx, append_to)](#exp_module_Jqgrid_utils--module.exports+set_filter) ⏏
+    * [module.exports#_filter()](#exp_module_Jqgrid_utils--module.exports+_filter) ⏏
 
 <a name="exp_module_Jqgrid_utils--module.exports+set_link"></a>
 
-### module.exports#set\_link() ⏏
+### module.exports#set\_link(col_model, edit_field, url) ⏏
+Add an URL from the data to a specific cell/column
+
 **Kind**: Exported function  
+**Result**: https://foo.bar.com/av0_code/bar  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| col_model | <code>object</code> | col_model of the grid |
+| edit_field | <code>string</code> | name of the column what should get convert to the url |
+| url | <code>string</code> | the used url of the data |
+
+**Example**  
+```js
+col_model = await jqu.set_link(col_model,'av0_code','url_code','target="blank"');
+```
 <a name="exp_module_Jqgrid_utils--module.exports+grid_set_caption"></a>
 
 ### module.exports#grid\_set\_caption(_grid, data) ⏏
@@ -198,3 +214,35 @@ let col_model = JSON.parse(await vwu.aget_api(col_model_url))
 ```js
 col_model = await jqu.add_image(col_model, 'image', 60, false);
 ```
+<a name="exp_module_Jqgrid_utils--module.exports+set_filter"></a>
+
+### module.exports#set\_filter(grid, data, fx, append_to) ⏏
+Add a filter to the website beside the grid
+
+**Kind**: Exported function  
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| grid | <code>object</code> |  | grid object or grid string name |
+| data | <code>object</code> |  | the grid data object |
+| fx | <code>object</code> |  | a dict with a array what should be filterd by the grid |
+| append_to | <code>string</code> | <code>&quot;#filter&quot;</code> | id name of the DOM oject where the filter should be appened |
+
+**Example**  
+```js
+var jqu = new Jqgrid_utils();
+var run_me_once = true;
+gridComplete: async function(){
+        if(run_me_once)
+        {
+          await jqu.set_filter(this, data, {material:[],section:[]}, '#filter');
+          run_me_once = false;
+        }
+      },
+```
+<a name="exp_module_Jqgrid_utils--module.exports+_filter"></a>
+
+### module.exports#\_filter() ⏏
+private function of set_filter
+
+**Kind**: Exported function  

package/dist/jqgrid_utils.js

@@ -28,7 +28,15 @@ module.exports = class Vanilla_website_utils
   }
 
 /**
+* Add an URL from the data to a specific cell/column
 @alias module:Jqgrid_utils
+@param {object} - col_model of the grid
+@param {string} - name of the column what should get convert to the url
+@param {string} - the used url of the data 
+@example
+col_model = await jqu.set_link(col_model,'av0_code','url_code','target="blank"');
+@result
+* https://foo.bar.com/av0_code/bar 
 */
   async set_link(col_model, edit_field, url ,attr='')
   {
@@ -545,6 +553,117 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+* Add a filter to the website beside the grid 
+@alias module:Jqgrid_utils
+@param {object} - grid object or grid string name
+@param {object} - the grid data object
+@param {object} - a dict with a array what should be filterd by the grid
+@param {string} - id name of the DOM oject where the filter should be appened 
+@example 
+var jqu = new Jqgrid_utils();
+var run_me_once = true;
+gridComplete: async function(){
+        if(run_me_once)
+        {
+          await jqu.set_filter(this, data, {material:[],section:[]}, '#filter');
+          run_me_once = false;
+        }
+      },
+*/
+async  set_filter(grid, data, fx, append_to="#filter")
+{
+  jQuery(grid).jqGrid('setGridParam', { fdata: data });
+  let f = document.querySelector(append_to);
+  for(const i in data)
+  {
+    for(let x in fx)
+    {
+      fx[x].push(data[i][x]);
+    }
+  }
+
+  for(let x in fx)
+  {
+    fx[x]= fx[x].filter((val, ind, arr) => arr.indexOf(val) === ind);
+    fx[x].sort();
+  }
+
+  for(let x in fx)
+  {
+    let ul = document.createElement('ul');
+    let lh = document.createElement('lh');
+    lh.innerHTML = x;
+    ul.appendChild(lh);
+    for(let i in fx[x])
+    {
+      let li = document.createElement('li');
+      let l = document.createElement('label');
+      l.innerHTML = fx[x][i];    
+      let c = document.createElement('input');
+      c.setAttribute('type','checkbox');
+      c.setAttribute('class',x);
+      c.setAttribute('id', x + '_' + fx[x][i]);
+      l.setAttribute('for',x + '_' + fx[x][i]);
+      c.value = fx[x][i];
+      c.onchange = async () => { await this._filter(grid,fx);};
+      li.appendChild(l);
+      li.appendChild(c);
+      ul.appendChild(li);
+    }
+    f.appendChild(ul);
+  }
+}
+
+
+/**
+* private function of set_filter 
+@alias module:Jqgrid_utils
+*/
+async _filter(grid, fx)
+{
+  let _data = [];
+  let data = jQuery(grid).jqGrid('getGridParam','fdata');
+  let filter = [];
+  for(let x in fx)
+  {
+    let m = document.querySelectorAll("." + x);
+    filter[x] = [];
+    for(let i in m)
+    {
+      if(m[i].checked)
+      {
+        filter[x].push(m[i].value);
+      }
+    }
+  }
+  for(let i in data)
+  {
+    let include = false;
+    for(let x in fx)
+    {
+      if(filter[x].indexOf(data[i][x]) != -1)
+      {
+        include = true;
+      }
+    }
+    if(include)
+    {
+      _data.push(data[i]);
+    }
+  }
+  jQuery(grid).jqGrid('clearGridData');
+  jQuery(grid).jqGrid('setGridParam', {data: _data});
+  jQuery(grid).trigger('reloadGrid');
+}
+
+
+
+
+
+
+
 };
 
 

package/jqgrid_utils.js

@@ -27,7 +27,15 @@ module.exports = class Vanilla_website_utils
   }
 
 /**
+* Add an URL from the data to a specific cell/column
 @alias module:Jqgrid_utils
+@param {object} - col_model of the grid
+@param {string} - name of the column what should get convert to the url
+@param {string} - the used url of the data 
+@example
+col_model = await jqu.set_link(col_model,'av0_code','url_code','target="blank"');
+@result
+* https://foo.bar.com/av0_code/bar 
 */
   async set_link(col_model, edit_field, url ,attr='')
   {
@@ -544,6 +552,117 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+* Add a filter to the website beside the grid 
+@alias module:Jqgrid_utils
+@param {object} - grid object or grid string name
+@param {object} - the grid data object
+@param {object} - a dict with a array what should be filterd by the grid
+@param {string} - id name of the DOM oject where the filter should be appened 
+@example 
+var jqu = new Jqgrid_utils();
+var run_me_once = true;
+gridComplete: async function(){
+        if(run_me_once)
+        {
+          await jqu.set_filter(this, data, {material:[],section:[]}, '#filter');
+          run_me_once = false;
+        }
+      },
+*/
+async  set_filter(grid, data, fx, append_to="#filter")
+{
+  jQuery(grid).jqGrid('setGridParam', { fdata: data });
+  let f = document.querySelector(append_to);
+  for(const i in data)
+  {
+    for(let x in fx)
+    {
+      fx[x].push(data[i][x]);
+    }
+  }
+
+  for(let x in fx)
+  {
+    fx[x]= fx[x].filter((val, ind, arr) => arr.indexOf(val) === ind);
+    fx[x].sort();
+  }
+
+  for(let x in fx)
+  {
+    let ul = document.createElement('ul');
+    let lh = document.createElement('lh');
+    lh.innerHTML = x;
+    ul.appendChild(lh);
+    for(let i in fx[x])
+    {
+      let li = document.createElement('li');
+      let l = document.createElement('label');
+      l.innerHTML = fx[x][i];    
+      let c = document.createElement('input');
+      c.setAttribute('type','checkbox');
+      c.setAttribute('class',x);
+      c.setAttribute('id', x + '_' + fx[x][i]);
+      l.setAttribute('for',x + '_' + fx[x][i]);
+      c.value = fx[x][i];
+      c.onchange = async () => { await this._filter(grid,fx);};
+      li.appendChild(l);
+      li.appendChild(c);
+      ul.appendChild(li);
+    }
+    f.appendChild(ul);
+  }
+}
+
+
+/**
+* private function of set_filter 
+@alias module:Jqgrid_utils
+*/
+async _filter(grid, fx)
+{
+  let _data = [];
+  let data = jQuery(grid).jqGrid('getGridParam','fdata');
+  let filter = [];
+  for(let x in fx)
+  {
+    let m = document.querySelectorAll("." + x);
+    filter[x] = [];
+    for(let i in m)
+    {
+      if(m[i].checked)
+      {
+        filter[x].push(m[i].value);
+      }
+    }
+  }
+  for(let i in data)
+  {
+    let include = false;
+    for(let x in fx)
+    {
+      if(filter[x].indexOf(data[i][x]) != -1)
+      {
+        include = true;
+      }
+    }
+    if(include)
+    {
+      _data.push(data[i]);
+    }
+  }
+  jQuery(grid).jqGrid('clearGridData');
+  jQuery(grid).jqGrid('setGridParam', {data: _data});
+  jQuery(grid).trigger('reloadGrid');
+}
+
+
+
+
+
+
+
 };
 
 

package/package.json

@@ -29,5 +29,5 @@
   {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.2.11"
+  "version": "1.2.15"
 }