- added bando preview page;

- added bando form preview;

src/store/actions.js

@@ -1,4 +1,4 @@
-
+import { head } from 'ramda';
 
 export const actionsAlpha = (set, get, api) => ({
     setAsyncRequest:        () => {
@@ -19,5 +19,28 @@ export const actionsBeta = (set, get, api) => ({
     doLogout: () => {
         set.userData({});
         set.token('');
+    },
+    removeElement: (id) => {
+        const elements = get.formElements();
+        const newElements = elements.filter(o => o.id !== id);
+        set.formElements(newElements);
+    },
+    moveElement: (dragIndex, hoverIndex, item) => {
+        const prevFields = get.formElements();
+        if (dragIndex === -1) {
+            const configs = get.elementItems();
+            const itemCfg = head(configs.filter(o => o.id === item.dbId));
+            const newItem = {
+                ...itemCfg,
+                id: item.id,
+                dbId: item.dbId
+            }
+            const newElements = prevFields.toSpliced(hoverIndex, 0, newItem);
+            set.formElements(newElements);
+        } else {
+            let newFields = prevFields.toSpliced(dragIndex, 1);
+            const newElements = newFields.toSpliced(hoverIndex, 0, prevFields[dragIndex]);
+            set.formElements(newElements);
+        }
     }
 });

src/store/initial.js

@@ -7,7 +7,9 @@ const initialStore = {
     // bando form
     bandoFormErrors: {},
     // form builder
-    elements: [],
+    formId: '',
+    formLabel: '',
+    formElements: [],
     elementItems: [],
     activeElement: ''
 }