Add support for form.io forms

Author: skadefro

OpenFlow/src/public/Controllers.ts

@@ -1,9 +1,34 @@
+<!-- <style>
+    body {
+        padding-top: 0px;
+    }
+</style>
+<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'> -->
 <section>
-    <div class="form-group">
+    <div class="form-inline">
         <label for="sid" class="col-sm-2 control-label" translate lib="web">name</label>
         <div class="col-sm-4">
             <input ng-model="ctrl.model.name" class="form-control input-md" ng-disabled="ctrl.loading==true" />
+            <button ng-click="ctrl.Save()" type="button" ng-disabled="ctrl.loading==true" class="btn btn-success "
+                translate lib="web">save</button>
+        </div>
+    </div>
+    <div class="form-inline">
+        <label for="sid" class="col-sm-2 control-label" translate lib="web">fbeditor</label>
+        <div class="col-sm-4">
+            <input type="checkbox" ng-model="ctrl.model.fbeditor" class="form-control input-md"
+                ng-change="ctrl.renderform()" ng-disabled="ctrl.loading==true" />
         </div>
     </div>
 </section>
-<div id="fb-editor"></div>
+<div id="fb-editor" ng-show="ctrl.model.fbeditor==true"></div>
+<div ng-show="ctrl.model.fbeditor!=true">
+    <div class="form-inline">
+        <label for="sid" class="col-sm-2 control-label" translate lib="web">Wizard</label>
+        <div class="col-sm-4">
+            <input type="checkbox" ng-model="ctrl.model.wizard" class="form-control input-md"
+                ng-change="ctrl.renderform()" ng-disabled="ctrl.loading==true" />
+        </div>
+    </div>
+</div>
+<div id="builder" ng-show="ctrl.model.fbeditor!=true"></div>

OpenFlow/src/public/EditForm.html

@@ -207,6 +207,9 @@ module openflow {
             this._type = "form";
             this.dataType = "json";
         }
+        public fbeditor: boolean;
+        public wizard: boolean;
+        public schema: any;
         public formData: any;
         public dataType: string;
     }
@@ -232,6 +235,7 @@ module openflow {
         public form: string;
         public workflow: string;
         public userData: string;
+        public submission: any;
 
     }
 

OpenFlow/src/public/Entities.ts

@@ -1,5 +1,11 @@
 <div>{{ ctrl.message}} </div>
+<style>
+    .alert-alert-success {
+        display: none !important;
+    }
+</style>
 <form id="workflowform" ng-submit="ctrl.Save()">
-    <div class="render-wrap">
+    <div class="render-wrap" ng-show="ctrl.model.fbeditor==true">
     </div>
+    <div id='formio' ng-show="ctrl.model.fbeditor!=true"></div>
 </form>

OpenFlow/src/public/Form.html

@@ -10,7 +10,6 @@ <h1 translate lib="web">sitename</h1>
     </div>
   </div>
 </div>
-
 <table id="table1" class="table table-striped" when-scrolled="ctrl.more()" style="width: 100%;">
   <thead class="thead-dark">
     <tr>

OpenFlow/src/public/Main.html

@@ -77,6 +77,9 @@
   <link rel="stylesheet" href="openflow-font/styles.css">
   <link rel="stylesheet" href="site.css">
 
+  <link rel='stylesheet' href='formio.full.min.css'>
+  <script src='formio.full.min.js'></script>
+
   <script src="ReconnectingWebSocket.js"></script>
   <script src="CommonControllers.js"></script>
   <script src="Controllers.js"></script>

OpenFlow/src/public/fonts/fontawesome-webfont.woff2

@@ -73,7 +73,11 @@ export class workflow_in_node {
                 if (Object.keys(source).find(targetkey => targetkey === sourcekey) !== undefined &&
                     Object.keys(source).find(targetkey => targetkey === sourcekey) !== null
                     && typeof source === "object" && typeof source[sourcekey] === "object") {
-                    target[sourcekey] = this.nestedassign(target[sourcekey], source[sourcekey]);
+                    if (target[sourcekey] === undefined || target[sourcekey] === null) {
+                        // target[sourcekey] = {};
+                    } else {
+                        target[sourcekey] = this.nestedassign(target[sourcekey], source[sourcekey]);
+                    }
                 } else {
                     target[sourcekey] = source[sourcekey];
                 }
@@ -119,7 +123,8 @@ export class workflow_in_node {
                 result._modified = res[0]._modified;
                 result._modifiedby = res[0]._modifiedby;
                 result._modifiedbyid = res[0]._modifiedbyid;
-                result.payload = this.nestedassign(res[0].payload, result.payload.payload);
+                // result.payload = this.nestedassign(res[0].payload, result.payload.payload);
+                result.payload = Object.assign(res[0].payload, result.payload.payload);
                 result.workflow = this.workflow._id;
 
                 // result = this.nestedassign(res[0], result);