jqgrid_utils 1.2.9 → 1.2.12

package/README.md

@@ -20,39 +20,14 @@ Example Usage:
 
 ```
 
-Discover All Functions:
-
-* To add the Qty of rows to the Caption text 
-*  grid_set_captain(_grid, data)
-* _grid: the DOM ID of grid(type: string), example: '#grid'
-* data: the grid data(type: array) (Optional)
+Init
 * example:
 ```javascript
-  let gu = new Jqgrid_utils();
-  loadComplete: function(data)
-  {
-    await gu.grid_set_captain(_grid, data);
-  }
-```
-
-## Functions:
+  let jqu = new Jqgrid_utils();
 
-### add grid_load_complete to don't show the delete icon
-```javascript
-    loadComplete: async function(data)
-      {
-        jqu.s_hide_del_icon();
-        grid_load_complete;
-      },
 ```
 
-```javascript
-    loadComplete: async function(data)
-      {
-        await jqu.hide_del_icon();
-        grid_load_complete;
-      },
-```
+
 
 <a name="module_Jqgrid_utils"></a>
 
@@ -62,8 +37,10 @@ A module for Jqgrid_utils
 
 * [Jqgrid_utils](#module_Jqgrid_utils)
     * [module.exports#set_link()](#exp_module_Jqgrid_utils--module.exports+set_link) ⏏
-    * [module.exports#grid_set_captain()](#exp_module_Jqgrid_utils--module.exports+grid_set_captain) ⏏
+    * [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) ⏏
+    * [module.exports#resize_cell(the, column, not)](#exp_module_Jqgrid_utils--module.exports+resize_cell) ⏏
     * [module.exports#upsert_row()](#exp_module_Jqgrid_utils--module.exports+upsert_row) ⏏
     * [module.exports#insert_row()](#exp_module_Jqgrid_utils--module.exports+insert_row) ⏏
     * [module.exports#update_row()](#exp_module_Jqgrid_utils--module.exports+update_row) ⏏
@@ -77,14 +54,32 @@ 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) ⏏
 
 <a name="exp_module_Jqgrid_utils--module.exports+set_link"></a>
 
 ### module.exports#set\_link() ⏏
 **Kind**: Exported function  
-<a name="exp_module_Jqgrid_utils--module.exports+grid_set_captain"></a>
+<a name="exp_module_Jqgrid_utils--module.exports+grid_set_caption"></a>
 
-### module.exports#grid\_set\_captain() ⏏
+### module.exports#grid\_set\_caption(_grid, data) ⏏
+**Kind**: Exported function  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| _grid | <code>object</code> | gridobject; |
+| data | <code>object</code> | grid data (optional); |
+
+**Example**  
+```js
+var jqu = new Jqgrid_utils();
+loadComplete: function(){
+  jqu.grid_set_caption(this);
+},
+```
+<a name="exp_module_Jqgrid_utils--module.exports+s_resize_saved_cell_width"></a>
+
+### module.exports#s\_resize\_saved\_cell\_width() ⏏
 **Kind**: Exported function  
 <a name="exp_module_Jqgrid_utils--module.exports+resize_saved_cell_width"></a>
 
@@ -101,6 +96,22 @@ A module for Jqgrid_utils
 ```js
 col_model = await jqu.resize_saved_cell_width(col_model);
 ```
+<a name="exp_module_Jqgrid_utils--module.exports+resize_cell"></a>
+
+### module.exports#resize\_cell(the, column, not) ⏏
+**Kind**: Exported function  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| the | <code>string</code> | width of the resized column |
+| column | <code>string</code> | number what get resized |
+| not | <code>string</code> | in use yet |
+
+**Example**  
+```js
+var jqu = new Jqgrid_utils({page:'mypage'});
+resizeStop: jqu.resize_cell,
+```
 <a name="exp_module_Jqgrid_utils--module.exports+upsert_row"></a>
 
 ### module.exports#upsert\_row() ⏏
@@ -188,3 +199,27 @@ 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) ⏏
+**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;
+        }
+      },
+```

package/_README.md

@@ -20,37 +20,12 @@ Example Usage:
 
 ```
 
-Discover All Functions:
-
-* To add the Qty of rows to the Caption text 
-*  grid_set_captain(_grid, data)
-* _grid: the DOM ID of grid(type: string), example: '#grid'
-* data: the grid data(type: array) (Optional)
+Init
 * example:
 ```javascript
-  let gu = new Jqgrid_utils();
-  loadComplete: function(data)
-  {
-    await gu.grid_set_captain(_grid, data);
-  }
-```
+  let jqu = new Jqgrid_utils();
 
-## Functions:
-
-### add grid_load_complete to don't show the delete icon
-```javascript
-    loadComplete: async function(data)
-      {
-        jqu.s_hide_del_icon();
-        grid_load_complete;
-      },
 ```
 
-```javascript
-    loadComplete: async function(data)
-      {
-        await jqu.hide_del_icon();
-        grid_load_complete;
-      },
-```
+
 

package/dist/jqgrid_utils.js

@@ -46,15 +46,22 @@ module.exports = class Vanilla_website_utils
   }
 
 
-  s_grid_set_captain(_grid, data=[])
+  s_grid_set_caption(_grid, data=[])
   {
-    this.grid_set_captain(_grid, data=[]);
+    this.grid_set_captionn(_grid, data=[]);
   }
 
 /**
 @alias module:Jqgrid_utils
+@param {object} - gridobject;
+@param {object} - grid data (optional);
+@example 
+var jqu = new Jqgrid_utils();
+loadComplete: function(){
+  jqu.grid_set_caption(this);
+},
 */
-  async grid_set_captain(_grid, data=[])
+  async grid_set_caption(_grid, data=[])
   {
     const grid = jQuery(_grid);
     let count = 0;
@@ -67,17 +74,18 @@ module.exports = class Vanilla_website_utils
       count = data.length;
     }
     let caption = grid.jqGrid("getGridParam", "caption");
-    if(caption.indexOf(count+'x') === -1 )
-    {
-      grid.jqGrid('setCaption', caption + ' - ' + count + 'x');
+    const reg = /\d.*x/;
+    const new_caption = caption.replace(reg, "");
+    grid.jqGrid('setCaption', new_caption + count + 'x');
     }
-    }
-
 
-    s_resize_saved_cell_width(col_model, page=false, grid=false)
-    {
-      this.grid_set_captain(col_model, page, grid);
-    }
+/**
+@alias module:Jqgrid_utils
+*/
+  s_resize_saved_cell_width(col_model, page=false, grid=false)
+  {
+   this.grid_set_caption(col_model, page, grid);
+  }
 
 
 /**
@@ -86,7 +94,7 @@ module.exports = class Vanilla_website_utils
 @param {string} - the name of the page(optional)
 @param {object} - the grid objec(optional)
 @example 
-* col_model = await jqu.resize_saved_cell_width(col_model);
+col_model = await jqu.resize_saved_cell_width(col_model);
 */
     async resize_saved_cell_width(col_model,page=false, grid=false)
     {
@@ -456,9 +464,9 @@ __cell_format(cell_value, format)
 @param {object} - col_model for the table
 @param {string} - Add to the caption of the subgrid
 @example 
-* let data_url = api + '/phone_detail?f=data&_id=';
-* let col_model_url = api + '/phone_detail?f=col_model';
-* let col_model = JSON.parse(await vwu.aget_api(col_model_url))
+let data_url = api + '/phone_detail?f=data&_id=';
+let col_model_url = api + '/phone_detail?f=col_model';
+let col_model = JSON.parse(await vwu.aget_api(col_model_url))
 */
 async subgrid(_id, id, data_url, col_model, caption='' )
 {
@@ -487,7 +495,7 @@ async subgrid(_id, id, data_url, col_model, caption='' )
 @param {int} - size of the picture
 @param {bolen} - image path should be a link
 @example 
-*  col_model = await jqu.add_image(col_model, 'image', 60, false);
+col_model = await jqu.add_image(col_model, 'image', 60, false);
 */
 async add_image(col_model, edit_field, size, link=false)
 {
@@ -537,6 +545,116 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+@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);
+  }
+}
+
+
+/**
+@alias module:Jqgrid_utils
+private function for set_filter 
+*/
+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

@@ -45,15 +45,22 @@ module.exports = class Vanilla_website_utils
   }
 
 
-  s_grid_set_captain(_grid, data=[])
+  s_grid_set_caption(_grid, data=[])
   {
-    this.grid_set_captain(_grid, data=[]);
+    this.grid_set_captionn(_grid, data=[]);
   }
 
 /**
 @alias module:Jqgrid_utils
+@param {object} - gridobject;
+@param {object} - grid data (optional);
+@example 
+var jqu = new Jqgrid_utils();
+loadComplete: function(){
+  jqu.grid_set_caption(this);
+},
 */
-  async grid_set_captain(_grid, data=[])
+  async grid_set_caption(_grid, data=[])
   {
     const grid = jQuery(_grid);
     let count = 0;
@@ -66,17 +73,18 @@ module.exports = class Vanilla_website_utils
       count = data.length;
     }
     let caption = grid.jqGrid("getGridParam", "caption");
-    if(caption.indexOf(count+'x') === -1 )
-    {
-      grid.jqGrid('setCaption', caption + ' - ' + count + 'x');
+    const reg = /\d.*x/;
+    const new_caption = caption.replace(reg, "");
+    grid.jqGrid('setCaption', new_caption + count + 'x');
     }
-    }
-
 
-    s_resize_saved_cell_width(col_model, page=false, grid=false)
-    {
-      this.grid_set_captain(col_model, page, grid);
-    }
+/**
+@alias module:Jqgrid_utils
+*/
+  s_resize_saved_cell_width(col_model, page=false, grid=false)
+  {
+   this.grid_set_caption(col_model, page, grid);
+  }
 
 
 /**
@@ -85,7 +93,7 @@ module.exports = class Vanilla_website_utils
 @param {string} - the name of the page(optional)
 @param {object} - the grid objec(optional)
 @example 
-* col_model = await jqu.resize_saved_cell_width(col_model);
+col_model = await jqu.resize_saved_cell_width(col_model);
 */
     async resize_saved_cell_width(col_model,page=false, grid=false)
     {
@@ -455,9 +463,9 @@ __cell_format(cell_value, format)
 @param {object} - col_model for the table
 @param {string} - Add to the caption of the subgrid
 @example 
-* let data_url = api + '/phone_detail?f=data&_id=';
-* let col_model_url = api + '/phone_detail?f=col_model';
-* let col_model = JSON.parse(await vwu.aget_api(col_model_url))
+let data_url = api + '/phone_detail?f=data&_id=';
+let col_model_url = api + '/phone_detail?f=col_model';
+let col_model = JSON.parse(await vwu.aget_api(col_model_url))
 */
 async subgrid(_id, id, data_url, col_model, caption='' )
 {
@@ -486,7 +494,7 @@ async subgrid(_id, id, data_url, col_model, caption='' )
 @param {int} - size of the picture
 @param {bolen} - image path should be a link
 @example 
-*  col_model = await jqu.add_image(col_model, 'image', 60, false);
+col_model = await jqu.add_image(col_model, 'image', 60, false);
 */
 async add_image(col_model, edit_field, size, link=false)
 {
@@ -536,6 +544,116 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+@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);
+  }
+}
+
+
+/**
+@alias module:Jqgrid_utils
+private function for set_filter 
+*/
+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.9"
+  "version": "1.2.12"
 }