Updated form

Author: djthorpe

js/form.js

@@ -121,16 +121,11 @@ export default class Form extends View {
               elem.checked = true;
             }
             break;
-          case 'select':
-            if (elem.multiple) {
-              elem.options.forEach((opt) => {
-                // eslint-disable-next-line no-param-reassign
-                opt.selected = this.constructor.$selected(opt.value, value);
-              });
-            } else {
+          case 'select-multiple':
+            Array.from(elem.options).forEach((option) => {
               // eslint-disable-next-line no-param-reassign
-              elem.value = `${value}`;
-            }
+              option.selected = this.constructor.$selected(option.value, value);
+            });
             break;
           default:
             // eslint-disable-next-line no-param-reassign
@@ -167,15 +162,11 @@ export default class Form extends View {
               values[key] = elem.value;
             }
             break;
-          case 'select':
-            if (elem.multiple) {
-              values[key] = [];
-              elem.selectedOptions.forEach((opt) => {
-                values[key].push(opt.value);
-              });
-            } else {
-              values[key] = elem.value;
-            }
+          case 'select-multiple':
+            values[key] = [];
+            Array.from(elem.selectedOptions).forEach((option) => {
+              values[key].push(option.value);
+            });
             break;
           default:
             values[key] = elem.value;

js/provider.js

@@ -147,8 +147,12 @@ export default class Provider extends Emitter {
   $fetch(url, req) {
     let status;
     let changed = false;
-    this.dispatchEvent(EVENT_STARTED, this, this.$origin + (url || ''));
-    fetch(this.$origin + url, req)
+    let absurl = this.$origin + (url || '');
+    if (!absurl.hasPrefix('/')) {
+      absurl = `/${absurl}`;
+    }
+    this.dispatchEvent(EVENT_STARTED, this, absurl);
+    fetch(absurl, req)
       .then((response) => {
         status = response;
         const contentType = response.headers ? response.headers.get('Content-Type') || '' : '';

js/string.js

@@ -44,3 +44,15 @@ String.prototype.removePrefix = function (prefix) {
   const hasPrefix = this.indexOf(prefix) === 0;
   return hasPrefix ? this.substr(prefix.length) : this.toString();
 };
+
+/**
+ * @function hasPrefix
+ * @memberof String
+ * @description Check for prefix on a string.
+ * @arg {string} prefix - The prefix to test for and remove
+ * @returns boolean
+ */
+String.prototype.hasPrefix = function (prefix) {
+  const hasPrefix = this.indexOf(prefix) === 0;
+  return hasPrefix;
+};