@abi-software/map-utilities 1.2.2-beta.0 → 1.2.2-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-utilities",
-  "version": "1.2.2-beta.0",
+  "version": "1.2.2-beta.2",
   "files": [
     "dist/*",
     "src/*",

package/src/components/ConnectivityGraph/graph.js

@@ -337,7 +337,7 @@ class CytoscapeGraph extends EventTarget
             },
             directed: true,
             style: GRAPH_STYLE,
-            minZoom: 0.5,
+            minZoom: 0.1,
             maxZoom: 10,
             wheelSensitivity: 0.4,
         }).on('mouseover', 'node', this.overNode.bind(this))

package/src/components/DrawToolbar/ConnectionDialog.vue

@@ -4,12 +4,18 @@
       <el-col>
         <el-row v-if="inDrawing">
           <span class="dialog-title">Finalise drawing</span>
-          <el-button type="primary" plain @click="$emit('confirmDrawn', true)">
-            Confirm
-          </el-button>
-          <el-button type="primary" plain @click="$emit('cancelDrawn', true)">
-            Cancel
-          </el-button>
+          <el-button-group>
+            <el-button
+              type="primary"
+              plain
+              @click="$emit('confirmDrawn', true)"
+            >
+              Confirm
+            </el-button>
+            <el-button type="primary" plain @click="$emit('cancelDrawn', true)">
+              Cancel
+            </el-button>
+          </el-button-group>
         </el-row>
         <el-row v-else>
           <span class="dialog-title">Visualise connection</span>
@@ -28,18 +34,7 @@
         <b><span>Related Features</span></b>
         <el-row v-for="(value, key) in connectionEntry" :key="key">
           <el-card :shadow="shadowDisplay(key)" @click="handleTooltip(key)">
-            <el-popover
-              trigger="hover"
-              :disabled="value.label.length < 20"
-              :width="200"
-              :content="capitalise(value.label)"
-            >
-              <template #reference>
-                <span class="connection-label">{{
-                  capitalise(value.label)
-                }}</span>
-              </template>
-            </el-popover>
+            <span>{{ capitalise(value.label) }}</span>
           </el-card>
         </el-row>
       </el-col>
@@ -105,13 +100,13 @@ export default {
 }
 
 .dialog-title {
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bold;
   color: rgb(131, 0, 191);
 }
 
 .el-button {
-  margin: 5px 5px 5px 0;
+  margin: 5px 0px;
 }
 
 :deep(.el-card) {
@@ -120,13 +115,4 @@ export default {
   border: 0;
   cursor: pointer;
 }
-
-.connection-label {
-  white-space: nowrap;
-  display: block;
-  width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 14px;
-}
 </style>

package/src/components/Tooltip/AnnotationPopup.vue

@@ -3,7 +3,6 @@
     <div class="block">
       <el-row class="info-field">
         <div class="title">Feature Annotations</div>
-        <copy-to-clipboard :content="updatedCopyContent" />
       </el-row>
       <template v-if="annotationEntry">
         <el-row
@@ -12,9 +11,7 @@
           class="dialog-text"
           :key="key"
         >
-          <strong>{{ label }}: </strong>&nbsp;
-          <span v-if="label !== 'Ontology'">{{ annotationEntry[key] }}</span>
-          <a v-else :href="ontologyLink" target="_blank">{{ annotationEntry[key] }}</a>
+          <strong>{{ label }}: </strong>&nbsp;{{ annotationEntry[key] }}
         </el-row>
         <template v-if="prevSubs.length > 0">
           <div
@@ -161,8 +158,8 @@ export default {
     return {
       displayPair: {
         "Feature ID": "featureId",
-        Label: "label",
-        Ontology: "models",
+        Tooltip: "label",
+        Models: "models",
         Name: "name",
         Resource: "resourceId",
       },
@@ -177,7 +174,6 @@ export default {
       showSubmissions: true,
       errorMessage: "",
       creator: undefined,
-      copyContent: '',
     };
   },
   computed: {
@@ -199,15 +195,6 @@ export default {
         this.annotationEntry["type"] === "deleted"
       );
     },
-    ontologyLink: function () {
-      const models = this.annotationEntry['models'];
-      if (models && models.startsWith("UBERON")) {
-        return `http://purl.obolibrary.org/obo/${this.annotationEntry.models.replace(":", "_")}`;
-      }
-    },
-    updatedCopyContent: function () {
-      return this.getUpdateCopyContent();
-    },
   },
   methods: {
     evidenceEntered: function (value) {
@@ -329,50 +316,6 @@ export default {
       this.newFeature = "";
       this.comment = "";
     },
-    getUpdateCopyContent: function () {
-      if (!this.annotationEntry) {
-        return '';
-      }
-
-      const contentArray = [];
-
-      // featureId
-      if (this.annotationEntry.featureId) {
-        contentArray.push(`<div><strong>Feature ID:</strong>${this.annotationEntry.featureId}</div>`);
-      }
-
-      // label
-      if (this.annotationEntry.label) {
-        contentArray.push(`<div><strong>Label:</strong>${this.annotationEntry.label}</div>`);
-      }
-
-      // models
-      if (this.annotationEntry.models) {
-        contentArray.push(`<div><strong>Ontology:</strong>${this.annotationEntry.models}</div>`);
-        if (this.ontologyLink) {
-          contentArray.push(`<div><strong>Ontology Link:</strong>${this.ontologyLink}</div>`);
-        }
-      }
-
-      // resourceId
-      if (this.annotationEntry.resourceId) {
-        contentArray.push(`<div><strong>Resource:</strong>${this.annotationEntry.resourceId}</div>`);
-      }
-
-      if (this.prevSubs.length) {
-        let annotationContent = '<div><strong>Annotations:</strong></div>\n<br>';
-        this.prevSubs.map((sub, index) => {
-          annotationContent += `<div><strong>Created:</strong>${this.formatTime(sub.created)}</div>\n<br>`;
-          annotationContent += `<div><strong>Creator:</strong>${sub.creator.name}</div>\n<br>`;
-          annotationContent += `<div><strong>Contact:</strong>${sub.creator.email}</div>\n<br>`;
-          annotationContent += `<div><strong>Evidence:</strong>${sub.body.evidence.join(', ')}</div>\n<br>`;
-          annotationContent += `<div><strong>Comment:</strong>${sub.body.comment}</div>\n<br>`;
-        })
-        contentArray.push(`<div>${annotationContent}</div>`);
-      }
-
-      return contentArray.join('\n\n<br>');
-    },
   },
   watch: {
     annotationEntry: {

package/src/components.d.ts

@@ -14,6 +14,7 @@ declare module 'vue' {
     CreateTooltipContent: typeof import('./components/Tooltip/CreateTooltipContent.vue')['default']
     DrawToolbar: typeof import('./components/DrawToolbar/DrawToolbar.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElColorPicker: typeof import('element-plus/es')['ElColorPicker']