Resolve "Adding Conditions content"

Closes #182

src/features/ePocFlow/nodes/PageNode.vue

@@ -90,14 +90,15 @@ function drop() {
 }
 
 const isQuestion = ref(node.data.type === 'question');
+const isCondition = ref(node.data.type === 'condition');
 
 const dragOptions = ref({
     group: {
         name: 'node',
-        put: isQuestion,
+        put: !isCondition.value,
     },
     filter: '.question-item',
-    sort: isQuestion,
+    sort: !isCondition.value,
     ghostClass: 'ghost',
 });
 
@@ -105,7 +106,7 @@ function dragStart(event, element: NodeElement, index: number) {
     event.dataTransfer.dropEffect= 'move';
     event.dataTransfer.effectAllowed= 'move';
     event.dataTransfer.setData('element', JSON.stringify(element));
-    event.dataTransfer.setData('source', JSON.stringify({ parent: props.id, index: index}));
+    event.dataTransfer.setData('sourcePage', JSON.stringify({ parent: props.id, index: index}));
 }
 
 function closeFormPanel() {
@@ -170,9 +171,9 @@ const isTarget = computed(() => getConnectedEdges([node], edges.value).some((edg
             </div>
             <Handle
                 type="source"
-                :class="{ 'not-connected': !isSource }"
+                :class="{ 'not-connected': !isSource || isCondition }"
                 :position="Position.Right"
-                :connectable="!isSource"
+                :connectable="!isSource || isCondition"
             />
         </div>
     </div>