Merge pull request #7 from CGWebDev2003/feature/add-spinner-class

Add spinner class

Author: CGWebDev2003

neptune.js

@@ -185,4 +185,56 @@ export class Link {
             document.body.appendChild(newLink);
         }
     }
+}
+
+/**
+ * @class Button
+ * @description Create a new Neptune Button
+ * 
+ * @param {any} config Add your configuration
+ * 
+ * parent -> class or id of your target element, when null its document.body
+ * 
+ * style -> primary, cta, information, success, warning, error
+ * 
+ * animation -> linnear, eased
+ * 
+ * @example
+ * const mySpinner = new Spinner({
+ *  parent: "#container",
+ *  style: "primary",
+ *  animation: "eased"
+ * });
+ */
+export class Spinner {
+    constructor(config) {
+        // Create Link
+        const newSpinner = document.createElement('div');
+        const spinnerInner = document.createElement('div')
+        const spinnerHole = document.createElement('div')
+        newSpinner.classList.add('spinner');
+
+        spinnerInner.classList.add('spinner-inner');
+        spinnerHole.classList.add('spinner-hole');
+
+        newSpinner.appendChild(spinnerHole);
+        newSpinner.appendChild(spinnerInner);
+
+        // Setup Style
+        if (config.style != null) {
+            newSpinner.classList.add('spinner-' + config.style);
+        }
+
+        // Setup Animation
+        if (config.animation != null) {
+            newSpinner.classList.add('spin-' + config.animation)
+        }
+
+        // Append to parent element
+        if (config.parent != null) {
+            document.querySelector(config.parent).appendChild(newSpinner);
+        } else {
+            document.body.appendChild(newSpinner);
+        }
+    }
 }