jqgrid_utils 1.34.1 → 1.35.1

package/README.md

@@ -1,4 +1,5 @@
-# Jqgrid_utils
+# ![email_gateway](pages/public/img/logo.png) Jqgrid_utils
+
 Convenient Functions for free jqGrid
 
 # How to install:
@@ -27,8 +28,11 @@ A module for Jqgrid_utils
 
 
 * [Jqgrid_utils](#module_Jqgrid_utils)
+    * [module.exports#_grid_substract_on()](#exp_module_Jqgrid_utils--module.exports+_grid_substract_on) ⏏
+    * [module.exports#grid_substract_on(grid, minuend, subtrahend, difference, no_negative)](#exp_module_Jqgrid_utils--module.exports+grid_substract_on) ⏏
     * [module.exports#_grid_ratio_on()](#exp_module_Jqgrid_utils--module.exports+_grid_ratio_on) ⏏
     * [module.exports#grid_ratio_on(grid, fraction_col, denominator_col, ratio_col)](#exp_module_Jqgrid_utils--module.exports+grid_ratio_on) ⏏
+    * [module.exports#is_html(str)](#exp_module_Jqgrid_utils--module.exports+is_html) ⇒ <code>boolean</code> ⏏
     * [module.exports#_grid_sum_on()](#exp_module_Jqgrid_utils--module.exports+_grid_sum_on) ⏏
     * [module.exports#grid_sum_on(grid, fields)](#exp_module_Jqgrid_utils--module.exports+grid_sum_on) ⏏
     * [module.exports#_grid_avg_on()](#exp_module_Jqgrid_utils--module.exports+_grid_avg_on) ⏏
@@ -68,8 +72,11 @@ A module for Jqgrid_utils
     * [module.exports#s_hide_del_icon()](#exp_module_Jqgrid_utils--module.exports+s_hide_del_icon) ⏏
     * [module.exports#hide_del_icon()](#exp_module_Jqgrid_utils--module.exports+hide_del_icon) ⏏
     * [module.exports#add_link_details_csv(col_model, url, edit_field, attr, keys, format, seperator)](#exp_module_Jqgrid_utils--module.exports+add_link_details_csv) ⏏
-    * [module.exports#compare(obj, column1, column2, style)](#exp_module_Jqgrid_utils--module.exports+compare) ⏏
+    * [module.exports#compare(obj, column1, column2, css_class)](#exp_module_Jqgrid_utils--module.exports+compare) ⏏
+    * [module.exports#compare_smaller(obj, column1, column2, css_class)](#exp_module_Jqgrid_utils--module.exports+compare_smaller) ⏏
+    * [module.exports#compare_bigger(obj, column1, column2, css_class)](#exp_module_Jqgrid_utils--module.exports+compare_bigger) ⏏
     * [module.exports#set_styles(obj, style_column)](#exp_module_Jqgrid_utils--module.exports+set_styles) ⏏
+    * [module.exports#set_classes(grid_id)](#exp_module_Jqgrid_utils--module.exports+set_classes) ⏏
     * [module.exports#add_link_details(col_model, url, edit_field, attr, keys)](#exp_module_Jqgrid_utils--module.exports+add_link_details) ⏏
     * [module.exports#add_link_details_separator(col_model, url, edit_field, attr, keys)](#exp_module_Jqgrid_utils--module.exports+add_link_details_separator) ⏏
     * [module.exports#add_link_separator(col_model, url, edit_field, fields)](#exp_module_Jqgrid_utils--module.exports+add_link_separator) ⏏
@@ -79,6 +86,39 @@ A module for Jqgrid_utils
     * [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+_grid_substract_on"></a>
+
+### module.exports#\_grid\_substract\_on() ⏏
+Syncron Alias grid_sum_on
+
+**Kind**: Exported function  
+<a name="exp_module_Jqgrid_utils--module.exports+grid_substract_on"></a>
+
+### module.exports#grid\_substract\_on(grid, minuend, subtrahend, difference, no_negative) ⏏
+Sum the columns values together
+
+**Kind**: Exported function  
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| grid | <code>object</code> |  | Grid Object (required) |
+| minuend | <code>array</code> |  | string array list of field_names used as minuend(number from which the other number is subtracted) |
+| subtrahend | <code>array</code> |  | string array list of field_names used as subtrahend(number which is to be subtracted from the minuend) |
+| difference | <code>string</code> |  | string field name for the difference(number which is to be subtracted from the minuend) |
+| no_negative | <code>bolen</code> | <code>false</code> | true or 1 to not show negative numbers |
+
+**Example**  
+```js
+var jqu = new Jqgrid_utils({page:page});
+gridComplete: function () {
+        jqu._jqu._grid_sum_on(this, [
+          "qty_icollect",
+          "qty_ordered",
+          "need_for_qty_ordered",
+          "wait_icollect",
+        ]);
+      },
+```
 <a name="exp_module_Jqgrid_utils--module.exports+_grid_ratio_on"></a>
 
 ### module.exports#\_grid\_ratio\_on() ⏏
@@ -107,6 +147,18 @@ var jqu = new Jqgrid_utils({page:page});
        	jqu._grid_ratio_on(this, 'actual_days', 'plan_days', 'qc_eta_ratio');
       },
 ```
+<a name="exp_module_Jqgrid_utils--module.exports+is_html"></a>
+
+### module.exports#is\_html(str) ⇒ <code>boolean</code> ⏏
+Check if the string is html
+
+**Kind**: Exported function  
+**Returns**: <code>boolean</code> - - true or false  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| str | <code>string</code> | String of any kind |
+
 <a name="exp_module_Jqgrid_utils--module.exports+_grid_sum_on"></a>
 
 ### module.exports#\_grid\_sum\_on() ⏏
@@ -847,7 +899,7 @@ col_model = await jqu.add_link_details_csv(col_model, host + '/html/report.html'
 ```
 <a name="exp_module_Jqgrid_utils--module.exports+compare"></a>
 
-### module.exports#compare(obj, column1, column2, style) ⏏
+### module.exports#compare(obj, column1, column2, css_class) ⏏
 Compare 2 columns and give them a style class  when they have different content
 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods
 
@@ -858,13 +910,57 @@ http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods
 | obj | <code>object</code> | grid object |
 | column1 | <code>string</code> | first column |
 | column2 | <code>string</code> | second column |
-| style | <code>string</code> | css class name |
+| css_class | <code>string</code> | css class name |
 
 **Example**  
 ```js
 loadComplete: async function()
 {
-  await jqu.compare(this,'value','value_report','greenlight');
+  await jqu.compare(this,'first_column','second_column','redlight');
+  }
+```
+<a name="exp_module_Jqgrid_utils--module.exports+compare_smaller"></a>
+
+### module.exports#compare\_smaller(obj, column1, column2, css_class) ⏏
+Compare 2 columns for smaller and give them a style class
+http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods
+
+**Kind**: Exported function  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| obj | <code>object</code> | grid object |
+| column1 | <code>string</code> | first column |
+| column2 | <code>string</code> | second column |
+| css_class | <code>string</code> | css class name |
+
+**Example**  
+```js
+loadComplete: async function()
+{
+  await jqu.compare(this,'first_column','second_column','redlight');
+  }
+```
+<a name="exp_module_Jqgrid_utils--module.exports+compare_bigger"></a>
+
+### module.exports#compare\_bigger(obj, column1, column2, css_class) ⏏
+Compare 2 columns for bigger and give them a style class
+http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods
+
+**Kind**: Exported function  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| obj | <code>object</code> | grid object |
+| column1 | <code>string</code> | first column |
+| column2 | <code>string</code> | second column |
+| css_class | <code>string</code> | css class name |
+
+**Example**  
+```js
+loadComplete: async function()
+{
+  await jqu.compare(this,'first_column','second_column','redlight');
   }
 ```
 <a name="exp_module_Jqgrid_utils--module.exports+set_styles"></a>
@@ -886,6 +982,25 @@ var jqu = new Jqgrid_utils();
         await jqu.set_styles(this);
         },
 ```
+<a name="exp_module_Jqgrid_utils--module.exports+set_classes"></a>
+
+### module.exports#set\_classes(grid_id) ⏏
+Set a class to a row, what must be defined in a dedicated column called row.class
+Once the grid is loaded, the functions  adds extra class to the row element
+
+**Kind**: Exported function  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| grid_id | <code>object</code> | grid id like #grid |
+
+**Example**  
+```js
+var jqu = new Jqgrid_utils();
+   loadComplete: async function() {
+     await jqu.set_classes("#grid");
+   },
+```
 <a name="exp_module_Jqgrid_utils--module.exports+add_link_details"></a>
 
 ### module.exports#add\_link\_details(col_model, url, edit_field, attr, keys) ⏏

package/_README.md

@@ -1,4 +1,5 @@
-# Jqgrid_utils
+# ![email_gateway](pages/public/img/logo.png) Jqgrid_utils
+
 Convenient Functions for free jqGrid
 
 # How to install:

package/dist/jqgrid_utils.js

@@ -168,6 +168,25 @@ var jqu = new Jqgrid_utils({page:page});
     return footer;
   }
 
+  /**
+* Check if the string is html
+@alias module:Jqgrid_utils
+@param {string} - String of any kind
+@returns {boolean} - true or false 
+*/
+  is_html(str) {
+    let r = false;
+    try {
+      const doc = new DOMParser().parseFromString(str, "text/html");
+      const a = Array.from(doc.body.childNodes).some((n) => n.nodeType === 1);
+      console.log(a);
+      if (a) {
+        r = true;
+      }
+    } catch (err) {}
+    return r;
+  }
+
   /**
 * Syncron Alias grid_sum_on 
 @alias module:Jqgrid_utils
@@ -201,14 +220,31 @@ gridComplete: function () {
     for (let i in fields) {
       let sum = 0;
       for (let r in rows) {
+        let _val = 0;
         if (rows[r].hasOwnProperty(fields[i])) {
           let val = rows[r][fields[i]];
-          if (typeof val === "string") {
-            if (is_digit(val)) {
-              val = parseFloat(val);
+          if (val) {
+            if (typeof val === "string") {
+              if (this.is_html(val)) {
+                const doc = new DOMParser().parseFromString(val, "text/html");
+                const _a = doc.querySelectorAll("a");
+                const a = Array.from(_a).map((a) => a.text);
+                if (a.length) {
+                  const n = a[0].replace(",", "");
+                  if (is_digit(n)) {
+                    _val = parseFloat(n);
+                  }
+                }
+              } else {
+                if (is_digit(val)) {
+                  _val = parseFloat(val);
+                }
+              }
+            } else if (typeof val === "number") {
+              _val = val;
             }
+            sum += _val;
           }
-          sum += val;
         }
       }
       //let number = new Intl.NumberFormat('en-En', { style: 'currency', currency: 'USD' }).format(sum);
@@ -1568,6 +1604,27 @@ var jqu = new Jqgrid_utils();
     }
   }
 
+  /**
+   * Set a class to a row, what must be defined in a dedicated column called row.class
+   * Once the grid is loaded, the functions  adds extra class to the row element
+@alias module:Jqgrid_utils
+@param {object} - grid id like #grid
+@example 
+var jqu = new Jqgrid_utils();
+   loadComplete: async function() {
+     await jqu.set_classes("#grid");
+   },
+*/
+  async set_classes(grid_id) {
+    const rows = jQuery(grid_id).getDataIDs();
+    for (var i = 0; i < rows.length; i = i + 1) {
+      const row = jQuery(grid_id).getRowData(rows[i]);
+      var e = jQuery("#" + rows[i], jQuery(grid_id));
+      e.removeClass("ui-widget-content");
+      e.addClass(row.class);
+    }
+  }
+
   /**
 * Convert a cell into a link/url with data from another cell
 @alias module:Jqgrid_utils

package/jqgrid_utils.js

@@ -167,6 +167,25 @@ var jqu = new Jqgrid_utils({page:page});
     return footer;
   }
 
+  /**
+* Check if the string is html
+@alias module:Jqgrid_utils
+@param {string} - String of any kind
+@returns {boolean} - true or false 
+*/
+  is_html(str) {
+    let r = false;
+    try {
+      const doc = new DOMParser().parseFromString(str, "text/html");
+      const a = Array.from(doc.body.childNodes).some((n) => n.nodeType === 1);
+      console.log(a);
+      if (a) {
+        r = true;
+      }
+    } catch (err) {}
+    return r;
+  }
+
   /**
 * Syncron Alias grid_sum_on 
 @alias module:Jqgrid_utils
@@ -200,14 +219,31 @@ gridComplete: function () {
     for (let i in fields) {
       let sum = 0;
       for (let r in rows) {
+        let _val = 0;
         if (rows[r].hasOwnProperty(fields[i])) {
           let val = rows[r][fields[i]];
-          if (typeof val === "string") {
-            if (is_digit(val)) {
-              val = parseFloat(val);
+          if (val) {
+            if (typeof val === "string") {
+              if (this.is_html(val)) {
+                const doc = new DOMParser().parseFromString(val, "text/html");
+                const _a = doc.querySelectorAll("a");
+                const a = Array.from(_a).map((a) => a.text);
+                if (a.length) {
+                  const n = a[0].replace(",", "");
+                  if (is_digit(n)) {
+                    _val = parseFloat(n);
+                  }
+                }
+              } else {
+                if (is_digit(val)) {
+                  _val = parseFloat(val);
+                }
+              }
+            } else if (typeof val === "number") {
+              _val = val;
             }
+            sum += _val;
           }
-          sum += val;
         }
       }
       //let number = new Intl.NumberFormat('en-En', { style: 'currency', currency: 'USD' }).format(sum);
@@ -1567,6 +1603,27 @@ var jqu = new Jqgrid_utils();
     }
   }
 
+  /**
+   * Set a class to a row, what must be defined in a dedicated column called row.class
+   * Once the grid is loaded, the functions  adds extra class to the row element
+@alias module:Jqgrid_utils
+@param {object} - grid id like #grid
+@example 
+var jqu = new Jqgrid_utils();
+   loadComplete: async function() {
+     await jqu.set_classes("#grid");
+   },
+*/
+  async set_classes(grid_id) {
+    const rows = jQuery(grid_id).getDataIDs();
+    for (var i = 0; i < rows.length; i = i + 1) {
+      const row = jQuery(grid_id).getRowData(rows[i]);
+      var e = jQuery("#" + rows[i], jQuery(grid_id));
+      e.removeClass("ui-widget-content");
+      e.addClass(row.class);
+    }
+  }
+
   /**
 * Convert a cell into a link/url with data from another cell
 @alias module:Jqgrid_utils

package/package.json

@@ -30,8 +30,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
 
-  "version": "1.34.1"
-
+  "version": "1.35.1"
 
 
 }

package/pages/public/img/pet-spider-girl.svg

@@ -0,0 +1,554 @@
+<?xml version="1.0"?>
+<svg
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:cc="http://creativecommons.org/ns#"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns:ns1="http://sozi.baierouge.fr"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    id="svg2"
+    viewBox="0 0 788.61 950.38"
+    version="1.1"
+  >
+  <g
+      id="layer1"
+      transform="translate(1107.1 -294.84)"
+    >
+    <path
+        id="path4015"
+        style="color:#000000"
+        d="m-556.59 623.05-84.348 254.31s-3.1819 23.907-14.189 32.517c-6.0193 4.7085-10.222 3.7977-15.113 3.1522-4.6993-0.62018-10.131-0.82063-13.752-3.9596-3.5864-3.1089-14.225-2.7423-13.009-10.244 6.0609-37.376 44.447-43.437 44.447-43.437l52.528-212.13 50.508-30.305"
+    />
+    <path
+        id="path4041"
+        d="m-871.42 1052.1 87.277 17.665 11.137 81.584-21.906-73.179-69.66-1.1307"
+        style="color:#000000"
+        fill="#28170b"
+    />
+    <path
+        id="path3968"
+        d="m-909.14 1017.5s35.86 113.64 95.964 98.995c60.104-14.647 88.641-153.8 109.85-195.72 21.213-41.921 29.294-56.316 29.294-56.316l-10.607 2.0203s-63.387 272.24-121.98 241.43c-58.589-30.81-85.358-63.135-85.358-63.135"
+        style="color:#000000"
+        fill="#500"
+    />
+    <path
+        id="path4039"
+        d="m-867.16 1050.8 90.643 8.7865 32.369 84.456-41.321-73.232-68.245 5.0777"
+        style="color:#000000"
+        fill="#28170b"
+    />
+    <path
+        id="path4037"
+        d="m-986.82 1048.9-79.142 51.673 18.772 88.477-5.155-83.928 67.888-27.857"
+        style="color:#000000"
+        fill="#28170b"
+    />
+    <path
+        id="path4035"
+        d="m-835.17 1045.3 79.142 51.673-18.772 88.477 5.155-83.928-67.888-27.857"
+        style="color:#000000"
+        fill="#28170b"
+    />
+    <path
+        id="path3947"
+        d="m-807.14 1050.9 28.571-68.571 45.714 128.57-20 115.71 7.1428-114.29-31.429-57.857-51.429 31.429z"
+        style="color:#000000"
+        fill="#502d16"
+    />
+    <path
+        id="path3970"
+        d="m-971.66 1087.2-37.651-56.867-70.571 91.673 18.772 88.477-5.155-83.928 59.316-67.857 54.49 50.429"
+        style="color:#000000"
+        fill="#28170b"
+    />
+    <path
+        id="path3963"
+        d="m-1009.3 1085.9-49.286-47.143-48.572 105 37.857 82.143-23.571-80.714 42.857-79.286 64.286 37.143"
+        style="color:#000000"
+        fill="#28170b"
+    />
+    <path
+        id="path3116"
+        d="m-487.14 930.93 11.429 167.14s11.429 8.5714 14.286 2.8571c2.8571-5.7143 28.571-190 28.571-190z"
+        style="color:#000000"
+        fill="#ccc"
+    />
+    <path
+        id="path3106"
+        d="m-590 946.65 11.429 167.14s11.429 8.5714 14.286 2.8571c2.8571-5.7143 28.571-190 28.571-190z"
+        style="color:#000000"
+        fill="#ccc"
+    />
+    <path
+        id="path3104"
+        style="color:#000000"
+        d="m-557.14 606.65-87.143 348.57s218.57-32.857 261.43-20c42.857 12.857-80-331.43-80-331.43z"
+    />
+    <path
+        id="path3094"
+        d="m-694.29 619.51a89.286 44.286 0 1 1 -178.57 0 89.286 44.286 0 1 1 178.57 0z"
+        style="color:#000000"
+        fill="#784421"
+        transform="matrix(1.268 0 0 1.268 73.926 271.39)"
+    />
+    <path
+        id="path3886"
+        style="color:#000000"
+        d="m-587.5 981.65 43.214 0.71428-2.1428 15-39.643-1.0714z"
+    />
+    <path
+        id="path3888"
+        style="color:#000000"
+        d="m-584.64 1022.7 34.643 1.7857-1.7857 14.286-32.143-2.5z"
+    />
+    <path
+        id="path3890"
+        style="color:#000000"
+        d="m-580.71 1065.6h23.929l-1.7857 15.357-22.143-2.1428z"
+    />
+    <path
+        id="path3892"
+        style="color:#000000"
+        d="m-589.29 954.86 48.929-5 1.0714-10-50.357 5z"
+    />
+    <path
+        id="path3894"
+        style="color:#000000"
+        d="m-565.71 1117-16.071-2.8571s-12.5-1.0714-19.643 12.5c-7.1429 13.571-16.071 16.786-19.286 16.786-3.2143 0 28.929 23.571 43.929 8.2143s25.714-38.214 18.214-37.143c-7.5 1.0715-9.6429 2.1429-9.6429 2.1429v1.4286"
+    />
+    <path
+        id="path3896"
+        style="color:#000000"
+        d="m-476.07 1091.3s-10.357 1.0714-11.786 4.6428c-1.4286 3.5714-5.3572 17.857 3.9286 20 9.2857 2.1429 58.929 12.143 60.357 14.286 1.4286 2.1429 10.327-26.544-1.4286-21.786-15 6.0714-32.857-17.143-32.857-17.143z"
+    />
+    <path
+        id="path3898"
+        style="color:#000000"
+        d="m-476.43 1074.1 20.357-3.5714 0.71429-10-22.857 2.5z"
+    />
+    <path
+        id="path3900"
+        style="color:#000000"
+        d="m-480.36 1022.4 31.786-3.2143-3.2143 18.929-26.429-1.0715z"
+    />
+    <path
+        id="path3902"
+        style="color:#000000"
+        d="m-484.64 980.93h41.786l-2.5 14.286-37.15-1.07z"
+    />
+    <path
+        id="path3904"
+        style="color:#000000"
+        d="m-486.91 946.63 50.357-2.3618v-12.281l-50 3.7788z"
+    />
+    <path
+        id="path3108"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        transform="matrix(.86486 0 0 .86486 -215.4 129.22)"
+    />
+    <path
+        id="path3912"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.45946 0 0 .45946 -585.11 540.62)"
+    />
+    <path
+        id="path3914"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.28378 0 0 .28378 -730.34 740.82)"
+    />
+    <path
+        id="path3923"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        transform="matrix(.86486 0 0 .86486 -53.669 124.05)"
+    />
+    <path
+        id="path3925"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.45946 0 0 .45946 -423.38 535.45)"
+    />
+    <path
+        id="path3927"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.28378 0 0 .28378 -568.61 735.65)"
+    />
+    <path
+        id="path3931"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        transform="matrix(.5 0 0 .5 -489.57 515.15)"
+    />
+    <path
+        id="path3933"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.26563 0 0 .26563 -703.31 752.99)"
+    />
+    <path
+        id="path3935"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.16406 0 0 .16406 -787.27 868.73)"
+    />
+    <path
+        id="path3939"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        transform="matrix(.5 0 0 .5 -430.34 516.45)"
+    />
+    <path
+        id="path3941"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.26563 0 0 .26563 -644.08 754.3)"
+    />
+    <path
+        id="path3943"
+        d="m-871.43 1035.9a26.429 26.429 0 1 1 -52.857 0 26.429 26.429 0 1 1 52.857 0z"
+        style="color:#000000"
+        fill="#fff"
+        transform="matrix(.16406 0 0 .16406 -728.04 870.04)"
+    />
+    <path
+        id="path3945"
+        d="m-1016.4 1050.9-42.143-59.286-46.429 135 17.857 118.57-5.7142-120 36.428-75.714 43.572 33.572z"
+        style="color:#000000"
+        fill="#502d16"
+    />
+    <path
+        id="path3949"
+        d="m-932.86 1083.1s-27.143 38.571-12.143 54.286c15 15.714 32.857 12.857 32.857 12.857l-25-15 7.8571-4.2857-7.8571-12.143 17.143-30"
+        style="color:#000000"
+        fill="#502d16"
+    />
+    <path
+        id="path3951"
+        d="m-870 1082.4s12.857 51.429 1.4286 58.571c-11.429 7.1429-12.857 7.1429-12.857 7.1429l8.5714-16.429-7.8572-7.1429 11.429-6.4285-17.143-7.1429 4.2857-18.571"
+        style="color:#000000"
+        fill="#502d16"
+    />
+    <path
+        id="path3989"
+        d="m-897.27 1051.1 65.786 40.911-8.8388 5.3033-56.19-38.007z"
+        style="color:#000000"
+        fill="#d40000"
+    />
+    <path
+        id="path3979"
+        d="m-911.66 1054.9s-67.175 46.467-68.185 48.74c-1.0102 2.2728 17.173 4.7982 17.173 4.7982l51.518-44.699z"
+        style="color:#000000"
+        fill="#d40000"
+    />
+    <path
+        id="path3953"
+        d="m-925.9 999.17c13.383 37.875 15.979 26.56 13.058 67.039l14.281-1.4375s4.4373-0.2447 1.5802-14.53c-2.0057-10.028-12.67-50.719-12.67-50.719z"
+        style="color:#000000"
+        fill="#d40000"
+    />
+    <path
+        id="path3955"
+        d="m-917.64 996.78c-5.1536 0.0456-10.97 0.26987-10.765 0.87403 0.32809 0.96667 0.31578 1.7763 0.31578 1.7763l0.17225-1.1278s2.4647 13.848 6.4018 14.492c3.937 0.6444 16.568 0.8136 17.224-0.9586 0.65616-1.7723-3.1414-14.838-6.2582-15-1.1688-0.0604-3.9986-0.0838-7.0907-0.0564zm3.2726 2.1146c1.338-0.008 2.4401 0.0161 3.0143 0.0564 2.2966 0.16111 4.9172 8.0516 3.9329 10.629-0.98425 2.5778-8.0422 2.7469-12.143 1.297-4.1011-1.4501-4.909-11.785-4.909-11.785s6.0911-0.17471 10.105-0.19737z"
+        style="color:#000000"
+        fill="#ff0"
+    />
+    <path
+        id="path3960"
+        d="m-916.99 1003.6s1.7857 4.4643 2.6786 4.6429c0.89286 0.1786-0.35713-5.7143-0.35713-5.7143"
+        style="color:#000000"
+        fill="#808000"
+    />
+    <path
+        id="path3981"
+        d="m-909.14 1018.1a1.894 1.894 0 1 1 -3.7881 0 1.894 1.894 0 1 1 3.7881 0z"
+        style="color:#000000"
+        fill="#800000"
+    />
+    <path
+        id="path3983"
+        d="m-906.61 1024.8a1.5152 2.0203 0 1 1 -3.0305 0 1.5152 2.0203 0 1 1 3.0305 0z"
+        style="color:#000000"
+        fill="#800000"
+        transform="translate(-.50508 1.0102)"
+    />
+    <path
+        id="path3985"
+        d="m-905.85 1032a1.6415 2.1466 0 1 1 -3.283 0 1.6415 2.1466 0 1 1 3.283 0z"
+        style="color:#000000"
+        fill="#800000"
+    />
+    <path
+        id="path3987"
+        d="m-910.65 1048.8c1.6415-0.3788 12.627-1.1364 12.627-1.1364l-1.0102-4.7982-13.132 2.1466z"
+        style="color:#000000"
+        fill="#800000"
+    />
+    <path
+        id="path3096"
+        d="m-381.43 629.51a60 64.286 0 1 1 -120 0 60 64.286 0 1 1 120 0z"
+        style="color:#000000"
+        fill="#c8beb7"
+        transform="matrix(1.9226 0 0 1.8861 333.34 -685.5)"
+    />
+    <path
+        id="path3098"
+        style="color:#000000"
+        d="m-381.43 629.51a60 64.286 0 1 1 -120 0 60 64.286 0 1 1 120 0z"
+        transform="matrix(.68093 0 0 .668 -253.91 46.79)"
+        stroke="#000"
+        stroke-width="16"
+        fill="#fff"
+    />
+    <path
+        id="path4007"
+        style="color:#000000"
+        d="m-1238.4 26.552a31.82 31.82 0 1 1 -63.64 0 31.82 31.82 0 1 1 63.64 0z"
+        transform="matrix(.973 0 0 .973 679.55 440.37)"
+        stroke="#f00"
+        stroke-width="1.2115"
+    />
+    <path
+        id="path3100"
+        style="color:#000000"
+        d="m-381.43 629.51a60 64.286 0 1 1 -120 0 60 64.286 0 1 1 120 0z"
+        transform="matrix(.68093 0 0 .668 -159.61 45.106)"
+        stroke="#000"
+        stroke-width="16"
+        fill="#fff"
+    />
+    <path
+        id="path4011"
+        style="color:#000000"
+        d="m-1238.4 26.552a31.82 31.82 0 1 1 -63.64 0 31.82 31.82 0 1 1 63.64 0z"
+        transform="matrix(.973 0 0 .973 780.77 439.18)"
+        stroke="#f00"
+        stroke-width="1.2115"
+    />
+    <path
+        id="path4009"
+        opacity=".68649"
+        style="color:#000000"
+        d="m-1238.4 26.552a31.82 31.82 0 1 1 -63.64 0 31.82 31.82 0 1 1 63.64 0z"
+        transform="matrix(.43037 0 0 .43037 -17.446 434.19)"
+        fill="#fff"
+    />
+    <path
+        id="path4025"
+        style="color:#000000"
+        d="m-920.34 1096.7s22.37 12.947 32.01-0.4384"
+        stroke="#000"
+        stroke-width="1.0977"
+        fill="none"
+    />
+    <g
+        id="g4057"
+        stroke="#000"
+        transform="matrix(.97719 .21239 -.21239 .97719 732.9 -65.798)"
+      >
+      <path
+          id="path4053"
+          style="color:#000000"
+          d="m-1085 873.08 6.4286 7.8571 1.4285-9.2857 28.572-3.5714-29.286 15-25-3.5714z"
+      />
+      <path
+          id="path4055"
+          style="color:#000000"
+          d="m-1102.9 882.36 32.857 10.714 19.286-23.571z"
+      />
+    </g
+    >
+    <path
+        id="path4061"
+        d="m-519.22 531.12 30.305-2.0203-18.183 16.162z"
+        style="color:#000000"
+        fill="#916f6f"
+    />
+    <path
+        id="path4063"
+        style="color:#000000"
+        d="m-531.96 294.84c-170.1-1.1368-121.62 351.44-121.62 351.44h72.812l3.9797-230.3 127.28-4.0516 12.214 234.36h34.25s4.036 4.0356 22.219-99 35.88-223.26-129.28-250.5c-7.6551-1.2627-14.929-1.8913-21.844-1.9375z"
+    />
+    <path
+        id="path4068"
+        style="color:#000000"
+        d="m-686.65 873.57s-13.637 1.5152-13.637 4.2932c0 2.7779 7.8287 4.7982 7.8287 4.7982z"
+    />
+    <path
+        id="path4076"
+        opacity=".68649"
+        style="color:#000000"
+        d="m-1238.4 26.552a31.82 31.82 0 1 1 -63.64 0 31.82 31.82 0 1 1 63.64 0z"
+        transform="matrix(.43037 0 0 .43037 74.478 433.18)"
+        fill="#fff"
+    />
+    <g
+        id="g3361"
+        transform="matrix(.99361 .11289 -.11289 .99361 68.217 55.943)"
+      >
+      <path
+          id="path4084"
+          style="color:#000000"
+          d="m-465.07 612.57 90.82 117.16-12.629 14.18-99.023-99.704"
+      />
+      <path
+          id="path4086"
+          style="color:#000000"
+          d="m-375.36 728.43 51.14 99.304-16.14 8.9106-47.857-95z"
+      />
+      <g
+          id="g4109"
+          transform="matrix(1.3651 0 0 1.3651 124.17 -304.98)"
+        >
+        <path
+            id="path4107"
+            style="color:#000000"
+            d="m-340 843.08-3.5714 23.929 9.6429 7.5s-1.7857-8.2143-3.2143-8.5714c-1.4286-0.35714 2.5-10.714 2.5-10.714l-4.2857-2.5"
+        />
+        <path
+            id="path4088"
+            style="color:#000000"
+            d="m-340.42 835.93-1.7179 21.786l27.14-14.29-13.4-14.28z"
+        />
+        <g
+            id="g4100"
+            transform="matrix(1.0767 0 0 1.0767 25.066 -65.033)"
+          >
+          <path
+              id="path4090"
+              style="color:#000000"
+              d="m-315.92 843.08 11.988 29.089-1.8929 0.55407-17.036-26.595z"
+          />
+          <path
+              id="path4092"
+              style="color:#000000"
+              d="m-332.86 852.01 13.571 37.5-2.1429 0.71428-19.286-34.286z"
+          />
+          <path
+              id="path4094"
+              style="color:#000000"
+              d="m-326.07 849.15 13.571 37.5-2.1429 0.71428-19.286-34.286z"
+          />
+          <path
+              id="path4096"
+              style="color:#000000"
+              d="m-320.71 846.29 13.571 37.5-2.1429 0.71428-19.286-34.286z"
+          />
+          <path
+              id="path4098"
+              style="color:#000000"
+              d="m-320.71 846.29 13.571 37.5-2.1429 0.71428-19.286-34.286z"
+          />
+        </g
+        >
+      </g
+      >
+    </g
+    >
+  </g
+  >
+  <metadata
+    >
+    <rdf:RDF
+      >
+      <cc:Work
+        >
+        <dc:format
+          >image/svg+xml</dc:format
+        >
+        <dc:type
+            rdf:resource="http://purl.org/dc/dcmitype/StillImage"
+        />
+        <cc:license
+            rdf:resource="http://creativecommons.org/licenses/publicdomain/"
+        />
+        <dc:publisher
+          >
+          <cc:Agent
+              rdf:about="http://openclipart.org/"
+            >
+            <dc:title
+              >Openclipart</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:publisher
+        >
+        <dc:title
+          >Pet Spider Girl</dc:title
+        >
+        <dc:date
+          >2013-10-14T17:01:19</dc:date
+        >
+        <dc:description
+          >Creepy girl with pet spider. </dc:description
+        >
+        <dc:source
+          >https://openclipart.org/detail/184904/pet-spider-girl-by-feraliminal-184904</dc:source
+        >
+        <dc:creator
+          >
+          <cc:Agent
+            >
+            <dc:title
+              >feraliminal</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:creator
+        >
+        <dc:subject
+          >
+          <rdf:Bag
+            >
+            <rdf:li
+              >Halloween</rdf:li
+            >
+            <rdf:li
+              >girl</rdf:li
+            >
+            <rdf:li
+              >pet</rdf:li
+            >
+            <rdf:li
+              >spider</rdf:li
+            >
+          </rdf:Bag
+          >
+        </dc:subject
+        >
+      </cc:Work
+      >
+      <cc:License
+          rdf:about="http://creativecommons.org/licenses/publicdomain/"
+        >
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Reproduction"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Distribution"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
+        />
+      </cc:License
+      >
+    </rdf:RDF
+    >
+  </metadata
+  >
+</svg
+>