feature(ui): added basic natworking ResponseProcessor

src/imports/contexts/tasks/responseProcessors/aggregate/network/Network.js

@@ -0,0 +1,19 @@
+import { ResponseProcessorTypes } from '../../ResposeProcessorTypes'
+import { ResponseDataTypes } from '../../../../../api/plugins/ResponseDataTypes'
+
+export const Network = {
+  name: 'render',
+  label: 'responseProcessors.render.title',
+  type: ResponseProcessorTypes.aggregate.name,
+  dataTypes: [ResponseDataTypes.textList.name],
+  isResponseProcessor: true,
+  icon: 'cubes',
+  schema: {},
+  helpers: {},
+  renderer: {
+    template: 'rpNetwork',
+    load: async function load () {
+      return import('./renderer/network')
+    }
+  }
+}

src/imports/contexts/tasks/responseProcessors/aggregate/network/renderer/network.html

@@ -0,0 +1,3 @@
+<template name="rpNetwork">
+    <div class="vis-base-container" style="height: 50vh;"></div>
+</template>

src/imports/contexts/tasks/responseProcessors/aggregate/network/renderer/network.js

@@ -0,0 +1,51 @@
+import './network.html'
+import { Network } from '../Network'
+import vis from 'vis-network/standalone/index'
+import 'vis-network/dist/dist/vis-network.css'
+
+const API = Template.rpNetwork.setDependencies({
+  context: [Network],
+  debug: true
+})
+
+Template.rpNetwork.onRendered(function () {
+  const instance = this
+
+  instance.autorun(function () {
+    const templateData = Template.currentData()
+    const nodeData = templateData.results
+      .map(resultDoc => {
+        return resultDoc.response.map((response, index) => {
+          return {
+            id: `${resultDoc._id}-${index}`,
+            label: response,
+            createdBy: resultDoc.createdBy,
+            cid: 1
+          }
+        })
+      })
+      .flat()
+
+    const nodes = new vis.DataSet(nodeData)
+
+    const container = instance.$('.vis-base-container').get(0)
+    // provide the data in the vis format
+    const data = { nodes, edges: undefined }
+    const options = {
+      autoResize: true,
+      width: '100%',
+      // Height percentual settings have only effect, if all parent height are also set to 100% - See also boocmap.css
+      height: '100%',
+      physics: {
+        enabled: false
+      },
+      interaction: {
+        keyboard: true
+      }
+    }
+    const net = new vis.Network(container, data, options)
+    setTimeout(() => {
+
+    }, 3000)
+  })
+})

src/imports/startup/both/plugins/loadDefaultResponseProcessors.js

@@ -8,6 +8,7 @@ import { VideoGallery } from '../../../contexts/tasks/responseProcessors/aggrega
 import { AudioList } from '../../../contexts/tasks/responseProcessors/aggregate/audioList/AudioList'
 import { DocumentList } from '../../../contexts/tasks/responseProcessors/aggregate/documentList/DocumentList'
 import { Cluster } from '../../../contexts/tasks/responseProcessors/aggregate/cluster/Cluster'
+import { Network } from '../../../contexts/tasks/responseProcessors/aggregate/network/Network'
 import { Text } from '../../../contexts/tasks/responseProcessors/aggregate/text/Text'
 import { GroupText } from '../../../contexts/tasks/responseProcessors/aggregate/groupText/GroupText'
 import { ContextRegistry } from '../../../infrastructure/context/ContextRegistry'
@@ -28,7 +29,8 @@ import { onClientExec, onServerExec } from '../../../api/utils/archUtils'
   VideoGallery,
   AudioList,
   DocumentList,
-  Cluster
+  Cluster,
+  Network
 ].forEach(function (context) {
   try {
     ResponseProcessorRegistry.register(context)