Merge pull request #351 from VariantEffect/estelle/displayPartialPublicationTitle

Solve #213 Display partial publication details in input fields.

Author: bencap

src/components/screens/ExperimentCreator.vue

@@ -229,7 +229,7 @@
                         >
                           <template #chip="slotProps">
                             <div>
-                              <div>{{ slotProps.value.identifier }}</div>
+                              <div>{{ slotProps.value.identifier }}: {{ truncatePublicationTitle(slotProps.value.title) }}</div>
                             </div>
                           </template>
                           <template #item="slotProps">
@@ -899,6 +899,10 @@ export default {
       }
     },
 
+    truncatePublicationTitle: function(title) {
+      return title.length > 50 ? title.slice(0, 50) + "..." : title
+    },
+
     acceptNewRawReadIdentifier: function() {
       // Remove new string item from the model and add new structured item in its place if it validates and is not a duplicate.
       const idx = this.rawReadIdentifiers.findIndex((item) => typeof item === 'string' || item instanceof String)

src/components/screens/ScoreSetCreator.vue

@@ -450,7 +450,7 @@
                         >
                           <template #chip="slotProps">
                             <div>
-                              <div>{{ slotProps.value.identifier }}</div>
+                              <div>{{ slotProps.value.identifier }}: {{ truncatePublicationTitle(slotProps.value.title) }}</div>
                             </div>
                           </template>
                           <template #item="slotProps">
@@ -1963,6 +1963,10 @@ export default {
       }
     },
 
+    truncatePublicationTitle: function(title) {
+      return title.length > 50 ? title.slice(0, 50) + "..." : title
+    },
+
     addDefaultOffset: function (dbName, targetIdx) {
       const currentTargetGene = this.createdTargetGenes[targetIdx].targetGene
       if (!currentTargetGene.externalIdentifiers[dbName]?.offset){