change "dataset name" to "element identifier"; only show identifiers

(no `hid` or `extension`)

Author: ahmedhamidawan

client/src/components/Collections/ListCollectionCreator.vue

@@ -557,13 +557,13 @@ function selectionAsHdaSummary(value: any): HDASummary {
                         </strong>
                         {{
                             localize(
-                                "Once you have made your selection, if you wish to rename the elements in the list, click"
+                                "Once you have made your selection, if you wish to rename identifiers for elements in the list, click"
                             )
                         }}
                         <i data-target=".rename-elements">
                             {{ localize("Rename list elements") }}
                         </i>
-                        {{ localize(". This opens a modal where you can rename the elements individually.") }}
+                        {{ localize(". This opens a modal where you can change the identifiers individually.") }}
                     </p>
                 </template>
 
@@ -727,13 +727,14 @@ function selectionAsHdaSummary(value: any): HDASummary {
                 class="rename-elements-modal"
                 :show.sync="renamingElements"
                 size="small"
-                title="Click on dataset names to rename them">
+                title="Click on element identifiers to change them">
                 <DatasetCollectionElementView
                     v-for="value in inListElements"
                     :key="value.id"
                     class="w-100"
+                    hide-hid
                     :element="selectionAsHdaSummary(value)"
-                    :hide-extension="!showElementExtension"
+                    hide-extension
                     @onRename="(name) => renameElement(value, name)" />
             </GModal>
         </div>

client/src/components/Collections/ListDatasetCollectionElementView.vue

@@ -14,7 +14,7 @@ interface Props {
     hasActions?: boolean;
     notEditable?: boolean;
     hideExtension?: boolean;
-    showHid?: boolean;
+    hideHid?: boolean;
     textOnly?: boolean;
 }
 
@@ -55,7 +55,7 @@ watch(
         @keyup.enter="emit('element-is-selected', element)"
         @click="emit('element-is-selected', element)">
         <span class="d-flex flex-gapx-1">
-            <span v-if="element.hid ?? true">{{ element.hid }}:</span>
+            <span v-if="!hideHid && (element.hid ?? true)">{{ element.hid }}:</span>
             <strong>
                 <ClickToEdit v-if="!notEditable" v-model="elementName" :title="localize('Click to rename')" />
                 <span v-else>{{ elementName }}</span>