Browse Source

feat(editor): add 'contains text' block

Ahmad Kholid 3 years ago
parent
commit
fdb989af72

+ 1 - 1
src/assets/css/drawflow.css

@@ -10,7 +10,7 @@
   margin-bottom: 30px;
   margin-bottom: 30px;
 }
 }
 .drawflow .drawflow-node.comparison .output:nth-last-child(2) {
 .drawflow .drawflow-node.comparison .output:nth-last-child(2) {
-  margin-bottom: 22px;
+  margin-bottom: 20px;
 }
 }
 
 
 .drawflow,
 .drawflow,

+ 1 - 1
src/components/block/BlockComparison.vue

@@ -15,7 +15,7 @@
         @click="editor.removeNodeId(`node-${block.id}`)"
         @click="editor.removeNodeId(`node-${block.id}`)"
       />
       />
       <button
       <button
-        :disabled="block.data.comparison && block.data.comparison.length >= 5"
+        :disabled="block.data.comparison && block.data.comparison.length > 4"
         class="bg-accent ml-2 rounded-lg text-white text-center"
         class="bg-accent ml-2 rounded-lg text-white text-center"
         style="height: 37px; width: 37px"
         style="height: 37px; width: 37px"
         @click="addComparison"
         @click="addComparison"

+ 2 - 0
src/lib/v-remixicon.js

@@ -2,6 +2,7 @@ import vRemixicon from 'v-remixicon';
 import {
 import {
   riHome5Line,
   riHome5Line,
   riRestartLine,
   riRestartLine,
+  riTBoxLine,
   riAB,
   riAB,
   riSaveLine,
   riSaveLine,
   riSubtractLine,
   riSubtractLine,
@@ -48,6 +49,7 @@ import {
 export const icons = {
 export const icons = {
   riHome5Line,
   riHome5Line,
   riRestartLine,
   riRestartLine,
+  riTBoxLine,
   riAB,
   riAB,
   riSaveLine,
   riSaveLine,
   riSubtractLine,
   riSubtractLine,

+ 13 - 0
src/utils/shared.js

@@ -201,6 +201,19 @@ export const tasks = {
       comparison: [],
       comparison: [],
     },
     },
   },
   },
+  'contains-text': {
+    name: 'Contains text',
+    icon: 'riTBoxLine',
+    component: 'BlockComparison',
+    category: 'conditions',
+    inputs: 1,
+    outputs: 0,
+    allowedInputs: [],
+    maxConnection: false,
+    data: {
+      contains: [],
+    },
+  },
   'element-exists': {
   'element-exists': {
     name: 'Element exists',
     name: 'Element exists',
     icon: 'riFocus3Line',
     icon: 'riFocus3Line',