jqgrid_utils 1.1.4 → 1.1.7

package/.tern-port

@@ -0,0 +1 @@
+46471

package/README.md

@@ -1,10 +1,9 @@
-# Vanilla - website - utils
+# Jqgrid_utils
 Convenient Functions for free jqGrid
 
 Demo:
   https://jqgrid_utils.calantas.org
 
-
   # Example Usage:
 
   Add a the library to your website

package/dist/jqgrid_utils.js

@@ -43,6 +43,7 @@ module.exports = class Vanilla_website_utils
   {
     this.grid_set_captain(_grid, data=[]);
   }
+
   async grid_set_captain(_grid, data=[])
   {
     const grid = jQuery(_grid);
@@ -226,6 +227,163 @@ async hide_del_icon()
    jQuery('.ui-inline-del').each(function(index) {jQuery(this).html('');});
 }
 
+
+
+
+// example: col_model = await jqu.add_link_details(col_model,'http://foo.bar'' , 'target_field','target="_blank"',{"key":"field1","key":"field2"});
+async add_link_details(col_model, url, edit_field, attr = '', keys, format)
+{
+  let self = this;
+  if (url.indexOf('?') > -1)
+  {
+    url = url + '&';
+  }
+  else
+  {
+    url = url + '?';
+  }
+
+  for (let i = 0; i < col_model.length; i++)
+  {
+    if (col_model[i]['name'] === edit_field)
+    {
+      col_model[i]['formatter'] = function(cell_val, obj)
+      {
+        let key_val = cell_val;
+
+        if (typeof keys === 'object')
+        {
+          let pref = '';
+          for (i in keys)
+          {
+            let key = i;
+            let v = keys[i];
+            key_val = obj.rowData[v];
+            if (key_val)
+            {
+              if (key_val)
+              {
+                if (key.indexOf('=') !== -1)
+                {
+                  pref = pref + '' + key + '' + encodeURIComponent(key_val) + '&';
+                }
+                else
+                {
+                  pref = pref + '' + key + '=' + encodeURIComponent(key_val) + '&';
+                }
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+
+            const _cell_val = self.__cell_format(cell_val, format);
+
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + _cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+// examplecol_model = await jqu.add_link_details_separator(col_model, 'https://foo.com' , 'couchdb','target="_blank"',{"mykey":"myval"});
+async add_link_details_separator(col_model, url, edit_field, attr = '', keys, format)
+{
+  url = url + '/';
+  let self = this;
+  for (let i = 0; i < col_model.length; i++)
+  {
+    if (col_model[i]['name'] === edit_field)
+    {
+      col_model[i]['formatter'] = function(cell_val, obj)
+      {
+        let key_val = cell_val;
+
+        if (typeof keys === 'object')
+        {
+          let pref = '';
+          for (i in keys)
+          {
+            
+            let key = i;
+            let v = keys[i];
+            key_val = obj.rowData[v];
+            if (key_val)
+            {
+              if (key_val)
+              {
+                if(key != '')
+                {
+                  pref += key + '' + '/' + encodeURIComponent(key_val);
+                }
+                else
+                {
+                  pref += encodeURIComponent(key_val);
+                }
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+            const _cell_val = self.__cell_format(cell_val, format);
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + _cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+
+
+
+
+__cell_format(cell_value, format)
+{
+    if (format == 'format_ok')
+    {
+        if (cell_value == 0 || cell_value === 'fail')
+        {
+            cell_value = '<i class="fa fa-times-circle" aria-hidden="true" style="color:#ff0000;"></i>';
+        }
+        else
+        {
+            cell_value = '<i class="fa fa-check-circle" aria-hidden="true" style="color:#008000;"></i>';
+        }
+    }
+  return cell_value;
+}
+
+
+
+
+
+
 };
 
 

package/jqgrid_utils.js

@@ -42,6 +42,7 @@ module.exports = class Vanilla_website_utils
   {
     this.grid_set_captain(_grid, data=[]);
   }
+
   async grid_set_captain(_grid, data=[])
   {
     const grid = jQuery(_grid);
@@ -225,6 +226,186 @@ async hide_del_icon()
    jQuery('.ui-inline-del').each(function(index) {jQuery(this).html('');});
 }
 
+
+
+
+// example: col_model = await jqu.add_link_details(col_model,'http://foo.bar'' , 'target_field','target="_blank"',{"key":"field1","key":"field2"});
+async add_link_details(col_model, url, edit_field, attr = '', keys, format)
+{
+  let self = this;
+  if (url.indexOf('?') > -1)
+  {
+    url = url + '&';
+  }
+  else
+  {
+    url = url + '?';
+  }
+
+  for (let i = 0; i < col_model.length; i++)
+  {
+    if (col_model[i]['name'] === edit_field)
+    {
+      col_model[i]['formatter'] = function(cell_val, obj)
+      {
+        let key_val = cell_val;
+
+        if (typeof keys === 'object')
+        {
+          let pref = '';
+          for (i in keys)
+          {
+            let key = i;
+            let v = keys[i];
+            key_val = obj.rowData[v];
+            if (key_val)
+            {
+              if (key_val)
+              {
+                if (key.indexOf('=') !== -1)
+                {
+                  pref = pref + '' + key + '' + encodeURIComponent(key_val) + '&';
+                }
+                else
+                {
+                  pref = pref + '' + key + '=' + encodeURIComponent(key_val) + '&';
+                }
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+
+            const _cell_val = self.__cell_format(cell_val, format);
+
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + _cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+// examplecol_model = await jqu.add_link_details_separator(col_model, 'https://foo.com' , 'couchdb','target="_blank"',{"mykey":"myval"});
+async add_link_details_separator(col_model, url, edit_field, attr = '', keys, format)
+{
+  url = url + '/';
+  let self = this;
+  for (let i = 0; i < col_model.length; i++)
+  {
+    if (col_model[i]['name'] === edit_field)
+    {
+      col_model[i]['formatter'] = function(cell_val, obj)
+      {
+        let key_val = cell_val;
+
+        if (typeof keys === 'object')
+        {
+          let pref = '';
+          for (i in keys)
+          {
+            
+            let key = i;
+            let v = keys[i];
+            key_val = obj.rowData[v];
+            if (key_val)
+            {
+              if (key_val)
+              {
+                if(key != '')
+                {
+                  pref += key + '' + '/' + encodeURIComponent(key_val);
+                }
+                else
+                {
+                  pref += encodeURIComponent(key_val);
+                }
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+            const _cell_val = self.__cell_format(cell_val, format);
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + _cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+
+
+
+
+__cell_format(cell_value, format)
+{
+    if (format == 'format_ok')
+    {
+        if (cell_value == 0 || cell_value === 'fail')
+        {
+            cell_value = '<i class="fa fa-times-circle" aria-hidden="true" style="color:#ff0000;"></i>';
+        }
+        else
+        {
+            cell_value = '<i class="fa fa-check-circle" aria-hidden="true" style="color:#008000;"></i>';
+        }
+    }
+  return cell_value;
+}
+
+
+
+
+// let data_url = api + '/style_row?f=data&style=';
+// let col_model_url = api + '/style_row?f=col_model';
+// await jqu.subgrid(_id, id, data_url, col_model_url);
+async subgrid(_id, id, data_url, col_model_url)
+{
+  let col_model = JSON.parse(await aget_api(col_model_url));
+  let url = data_url + id;
+  let $s1 = jQuery("<table id='" + _id + "_t'></table>");
+  let data = jQuery(this).getLocalRow(id);
+  $s1.appendTo("#" + jQuery.jgrid.jqID(_id));
+  $s1.jqGrid({
+      colModel: col_model,
+      datatype: "json",
+      url: url,
+      gridview: true,
+      rownumbers: true,
+      autoencode: true,
+      sortname: "c1",
+      sortorder: "desc",
+      caption: data.name
+  });
+}
+
+
+
 };
 
 

package/jqgrid_utils.js~

@@ -0,0 +1,388 @@
+'use strict';
+
+module.exports = class Vanilla_website_utils
+{
+
+  constructor(settings=false)
+  {
+    if(settings)
+    {
+      if(settings.hasOwnProperty('page'))
+      {
+        this.page = settings['page'];
+        localStorage.setItem('page', this.page);
+      }
+    }
+
+  }
+
+  async s_set_link(col_model, edit_field, url ,attr='')
+  {
+    this.set_link(col_model, edit_field, url ,attr);
+  }
+
+
+  async set_link(col_model, edit_field, url ,attr='')
+  {
+    for(let i=0;i< col_model.length;i++)
+    {
+      if(col_model[i]['name'] === edit_field)
+      {
+        col_model[i]['formatter'] = function (cell_val,o)
+        {
+          return '<a class="gl" ' + attr + 'href="' + o.rowData[url] + '">'+ cell_val +'</a>';
+        };
+      }
+    }
+    return col_model;
+  }
+
+
+  s_grid_set_captain(_grid, data=[])
+  {
+    this.grid_set_captain(_grid, data=[]);
+  }
+
+  async grid_set_captain(_grid, data=[])
+  {
+    const grid = jQuery(_grid);
+    let count = 0;
+    if(data.length === 0)
+    {
+        count = grid.jqGrid('getGridParam', 'records');
+    }
+    else
+    {
+      count = data.length;
+    }
+    let caption = grid.jqGrid("getGridParam", "caption");
+    if(caption.indexOf(count+'x') === -1 )
+    {
+      grid.jqGrid('setCaption', caption + ' - ' + count + 'x');
+    }
+    }
+
+
+    s_resize_saved_cell_width(col_model, page=false, grid=false)
+    {
+      this.grid_set_captain(col_model, page, grid);
+    }
+
+    async resize_saved_cell_width(col_model,page=false, grid=false)
+    {
+       let key = page ? page : this.page;
+       key += grid ? '-' + grid + '-w-' : '-grid-w-';
+       for(let x = 0; x<= col_model.length; x++)
+       {
+         const width = localStorage.getItem(key + x);
+         if(width)
+         {
+           col_model[x]['width'] = width;
+         }
+       }
+       return col_model;
+    }
+
+
+  resize_cell(width, index, _page=false)
+  {
+    const page = _page ? _page : localStorage.getItem('page');
+    const grid = this.id;
+    let idx = index-1;
+    let key = page + '-' + grid + '-w-' + idx;
+    localStorage.setItem(key, width);
+    const cat = localStorage.getItem(key);
+    console.log(key);
+  }
+
+
+
+
+async upsert_row(row, url, req = {})
+{
+  if (row.rowid.startsWith('jqg'))
+  {
+    const r0 = await this.insert_row(row, url);
+    return r0;
+  }
+  else
+  {
+    const r1 = await this.update_row(row, url);
+    return r1;
+  }
+}
+
+
+async insert_row(row, url)
+{
+  let req = {};
+  let ret = '';
+  if (row.inputData.hasOwnProperty('id'))
+  {
+    req['_id'] = 'id';
+    req['_id_val'] = row.inputData['id'];
+    for (let i in row.inputData)
+    {
+      req[i] = row.inputData[i];
+    }
+    delete req['id'];
+    delete req['oper'];
+    //console.log(req);                                                                                                                                                                         
+    ret = await this.put_json(url, JSON.stringify(req));
+  }
+  return ret;
+}
+
+
+
+async  update_row(row, url, req = {})
+{
+  let ret = '';
+  {
+    if(! req['_id'])
+    {
+      req['_id'] = 'id';
+    }
+    req['_id_val'] = row.inputData['id'];
+    for (let i in row.inputData)
+    {
+      req[i] = row.inputData[i];
+    }
+    delete req['id'];
+    delete req['oper'];
+    ret = await this.post_json(url, JSON.stringify(req));
+  }
+  return ret;
+}
+
+
+async delete_row(_id, url)
+{
+  let ret = '';
+  if (url.indexOf('?') > -1)
+  {
+    url += "&_id=" + encodeURIComponent(unescape(_id));
+  }
+  else
+  {
+    url += "?_id=" + encodeURIComponent(unescape(_id));
+  }
+
+  ret = JSON.parse(await this.adelete_api(url));
+  return ret['message'];
+}
+
+
+
+async adelete_api(url, json = false)
+{
+  const ctype = json ? "application/json;charset=UTF-8" : "application/x-www-form-urlencoded";
+  return new Promise((resolve, reject) =>
+  {
+    let xhr = new XMLHttpRequest();
+    xhr.open("DELETE", url);
+    xhr.setRequestHeader("Content-type", ctype);
+    xhr.onload = () => resolve(xhr.responseText);
+    xhr.onerror = () => reject(xhr.statusText);
+    xhr.send(null);
+  });
+}
+
+
+async post_json(url, data)
+{
+  return new Promise((resolve, reject) =>
+  {
+    let xhr = new XMLHttpRequest();
+    xhr.open("POST", url);
+    xhr.setRequestHeader("Content-type", "application/json");
+    xhr.onload = () => resolve(xhr.responseText);
+    xhr.onerror = () => reject(xhr.statusText);
+    xhr.send(data);
+  });
+}
+
+async put_json(url, data)
+{
+  return new Promise((resolve, reject) =>
+  {
+    let xhr = new XMLHttpRequest();
+    xhr.open("PUT", url);
+    xhr.setRequestHeader("Content-type", "application/json");
+    xhr.onload = () => resolve(xhr.responseText);
+    xhr.onerror = () => reject(xhr.statusText);
+    xhr.send(data);
+  });
+}
+
+
+s_hide_del_icon()
+{
+  hide_del_icon();   
+}
+
+async hide_del_icon()
+{
+   jQuery('.ui-inline-del').each(function(index) {jQuery(this).html('');});
+}
+
+
+
+
+// example: col_model = await jqu.add_link_details(col_model,'http://foo.bar'' , 'target_field','target="_blank"',{"key":"field1","key":"field2"});
+async add_link_details(col_model, url, edit_field, attr = '', keys, format)
+{
+  let self = this;
+  if (url.indexOf('?') > -1)
+  {
+    url = url + '&';
+  }
+  else
+  {
+    url = url + '?';
+  }
+
+  for (let i = 0; i < col_model.length; i++)
+  {
+    if (col_model[i]['name'] === edit_field)
+    {
+      col_model[i]['formatter'] = function(cell_val, obj)
+      {
+        let key_val = cell_val;
+
+        if (typeof keys === 'object')
+        {
+          let pref = '';
+          for (i in keys)
+          {
+            let key = i;
+            let v = keys[i];
+            key_val = obj.rowData[v];
+            if (key_val)
+            {
+              if (key_val)
+              {
+                if (key.indexOf('=') !== -1)
+                {
+                  pref = pref + '' + key + '' + encodeURIComponent(key_val) + '&';
+                }
+                else
+                {
+                  pref = pref + '' + key + '=' + encodeURIComponent(key_val) + '&';
+                }
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+
+            const _cell_val = self.__cell_format(cell_val, format);
+
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + _cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+// examplecol_model = await jqu.add_link_details_separator(col_model, 'https://foo.com' , 'couchdb','target="_blank"',{"mykey":"myval"});
+async add_link_details_separator(col_model, url, edit_field, attr = '', keys, format)
+{
+  url = url + '/';
+  let self = this;
+  for (let i = 0; i < col_model.length; i++)
+  {
+    if (col_model[i]['name'] === edit_field)
+    {
+      col_model[i]['formatter'] = function(cell_val, obj)
+      {
+        let key_val = cell_val;
+
+        if (typeof keys === 'object')
+        {
+          let pref = '';
+          for (i in keys)
+          {
+            
+            let key = i;
+            let v = keys[i];
+            key_val = obj.rowData[v];
+            if (key_val)
+            {
+              if (key_val)
+              {
+                if(key != '')
+                {
+                  pref += key + '' + '/' + encodeURIComponent(key_val);
+                }
+                else
+                {
+                  pref += encodeURIComponent(key_val);
+                }
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+            const _cell_val = self.__cell_format(cell_val, format);
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + _cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+
+
+
+
+__cell_format(cell_value, format)
+{
+    if (format == 'format_ok')
+    {
+        if (cell_value == 0 || cell_value === 'fail')
+        {
+            cell_value = '<i class="fa fa-times-circle" aria-hidden="true" style="color:#ff0000;"></i>';
+        }
+        else
+        {
+            cell_value = '<i class="fa fa-check-circle" aria-hidden="true" style="color:#008000;"></i>';
+        }
+    }
+  return cell_value;
+}
+
+
+
+
+
+
+};
+
+

package/package.json

@@ -28,5 +28,5 @@
   {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.1.4"
+  "version": "1.1.7"
 }

package/package.json~

@@ -0,0 +1,32 @@
+{
+  "author":
+  {
+    "name": "veto@myridia.com"
+  },
+  "dependencies":
+  {},
+  "deprecated": false,
+  "description": "Convenient Functions for the Free jqGrid",
+  "homepage": "http://calantas.org/jqgrid_utils",
+  "license": "GPL-3.0-or-later",
+  "main": "jqgrid_utils.js",
+  "name": "jqgrid_utils",
+  "keywords": [
+    "jqgrid",
+    "free-jqgrid",
+    "utilities",
+    "helpers",
+    "utils",
+    "extend-jqgrid"
+  ],
+  "repository":
+  {
+    "type": "hg",
+    "url": "https://calantas.org/jqgrid_utils"
+  },
+  "scripts":
+  {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "version": "1.1.6"
+}