jqgrid_utils 1.1.2 → 1.1.5

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
@@ -35,3 +34,22 @@ Discover All Functions:
     await gu.grid_set_captain(_grid, data);
   }
 ```
+
+## 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

@@ -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);
@@ -97,6 +98,282 @@ module.exports = class Vanilla_website_utils
 
 
 
+
+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('');});
+}
+
+
+
+
+
+
+async add_link_details(col_model, url, edit_field, attr = '', keys, format)
+{
+
+  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);
+            }
+            if (format == 'format_ok')
+            {
+
+              if (cell_val == 0 || cell_val === 'fail')
+              {
+                cell_val = '<i class="fa fa-times-circle" aria-hidden="true" style="color:#ff0000;"></i>';
+              }
+              else
+              {
+                cell_val = '<i class="fa fa-check-circle" aria-hidden="true" style="color:#008000;"></i>';
+              }
+            }
+
+
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+async add_link_details_separator(col_model, url, edit_field, attr = '', keys)
+{
+
+  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)
+              {
+                pref = pref + '' + '/' + encodeURIComponent(key_val) + '&';
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
 };
 
 

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);
@@ -96,6 +97,282 @@ module.exports = class Vanilla_website_utils
 
 
 
+
+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('');});
+}
+
+
+
+
+
+
+async add_link_details(col_model, url, edit_field, attr = '', keys, format)
+{
+
+  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);
+            }
+            if (format == 'format_ok')
+            {
+
+              if (cell_val == 0 || cell_val === 'fail')
+              {
+                cell_val = '<i class="fa fa-times-circle" aria-hidden="true" style="color:#ff0000;"></i>';
+              }
+              else
+              {
+                cell_val = '<i class="fa fa-check-circle" aria-hidden="true" style="color:#008000;"></i>';
+              }
+            }
+
+
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+async add_link_details_separator(col_model, url, edit_field, attr = '', keys)
+{
+
+  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)
+              {
+                pref = pref + '' + '/' + encodeURIComponent(key_val) + '&';
+              }
+            }
+          }
+          if (pref)
+          {
+            if (pref.slice(-1) === '&')
+            {
+              pref = pref.slice(0, -1);
+            }
+
+            cell_val = '<a ' + attr + 'href="' + url + pref + '"> ' + cell_val + '</a>';
+          }
+
+        }
+
+        return cell_val;
+      };
+    }
+
+  }
+
+  return col_model;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
 };
 
 

package/package.json

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