feat: split rule into multiple components

ui/src/appedit.vue

@@ -544,7 +544,7 @@ import trueorfalse from '@/components/trueorfalse'
 import tageditor from '@/components/tageditor'
 import datatype from '@/components/datatype'
 import app from '@/components/app'
-import branchselecter from '@/components/branchselecter'
+import branchselector from '@/components/branchselector'
 
 import search_app_mixin from '@/mixins/searchapp'
 import datatypes from '@/mixins/datatypes'
@@ -555,7 +555,7 @@ export default {
     mixins: [ search_app_mixin, datatypes ],
     components: { 
         contactlist, multiprojectselecter,
-        datatypeselecter, trueorfalse, tageditor, datatype, app, branchselecter,
+        datatypeselecter, trueorfalse, tageditor, datatype, app, branchselector,
     },
     data() {
         return {

ui/src/components/appadvanced.vue

@@ -37,7 +37,7 @@
 <script>
 
 import Vue from 'vue'
-import branchselecter from '@/components/branchselecter'
+import branchselecter from '@/components/branchselector'
 
 export default {
     props: [ 

ui/src/components/modals.vue

@@ -50,7 +50,7 @@ export default {
         gaarchiver: ()=>import('@/modals/gaarchiver'),
         dataladimporter: ()=>import('@/modals/dataladimporter'),
         ezbidsimporter: ()=>import('@/modals/ezbidsimporter'),
-        rulemodal: ()=>import('@/modals/rule'),
+        rulemodal: ()=>import('@/modals/RuleModal'),
         rulelogmodal: ()=>import('@/modals/rulelog'),
         pipelinegroupmodal: ()=>import('@/modals/pipelinegroup'),
     },

ui/src/components/ruleform.vue

@@ -84,7 +84,7 @@
                                 <b-col>Selection Override</b-col>
                                 <b-col :cols="9">
                                     <p>
-                                        <projectselecter v-model="rule.input_project_override[input.id]" placeholder="(From this project)"/>
+                                        <projectselector v-model="rule.input_project_override[input.id]" placeholder="(From this project)"/>
                                     </p>
                                     <b-input-group prepend="Subject">
                                         <b-form-input v-model="rule.input_subject[input.id]" placeholder="(Use the matching subject)"/>
@@ -171,8 +171,8 @@ import Vue from 'vue'
 import datatypetag from '@/components/datatypetag'
 import app from '@/components/app'
 import tageditor from '@/components/tageditor'
-import projectselecter from '@/components/projectselecter'
-import branchselecter from '@/components/branchselecter'
+import projectselector from '@/components/projectselector'
+import branchselecter from '@/components/branchselector'
 import configform from '@/components/configform'
 
 import search_app_mixin from '@/mixins/searchapp'
@@ -193,7 +193,7 @@ export default {
     },
 
     components: { 
-        projectselecter, branchselecter, datatypetag, app, tageditor, configform,
+        projectselector, branchselecter, datatypetag, app, tageditor, configform,
     },
 
     data() {

ui/src/modals/RuleModal.helpers.js

@@ -0,0 +1,41 @@
+function removeUndefinedOrNullProperties(obj) {
+    for(let key in obj) {
+        if(obj[key] === undefined || obj[key] === null) delete obj[key];
+    }
+    return obj;
+}
+
+function composeOutputTag(ruleName) {
+    let tag = ruleName||new Date().toLocaleDateString();
+    tag = tag.toLowerCase().replace(/\W/g, '_');
+    return tag;
+};
+
+function getEmptyIOConfigObj() {
+    return {
+        // app tab stuff
+        config: {},
+
+        // input tab stuff
+        subject_match: "", 
+        session_match: "", 
+        extra_datatype_tags: {},
+        input_selection: {},
+        input_multicount: {},
+        input_project_override: {},
+        input_subject: {},
+        input_session: {},
+        input_tags: {},
+        input_dataset_tags: {},
+
+        // output tab stuff
+        output_tags: {}, 
+        archive: {},
+    }
+}
+
+export {
+    removeUndefinedOrNullProperties,
+    composeOutputTag,
+    getEmptyIOConfigObj,
+}