Add automatic alphabetic sort option to topic tree

contentcuration/contentcuration/frontend/channelEdit/views/CurrentTopicView.vue

@@ -68,6 +68,11 @@
             data-test="duplicate-selected-btn"
             @click="duplicateNodes(selected)"
           />
+          <IconButton
+            icon="copy"
+            :text="$tr('')"
+            @click="sortNodes(selected)"
+          />
           <IconButton
             v-if="canEdit"
             icon="remove"
@@ -435,6 +440,44 @@
       clearSelections() {
         this.selected = [];
       },
+
+      sortNodes(selected) {
+        const selectedNodes = selected.map(id => this.getContentNode(id));
+        const orderedNodes = selectedNodes.sort(this.compareNodeTitles);
+
+        const nodeX = this.findNodeBeforeFirstSelected(orderedNodes);
+
+        const targetParent = this.node.id;
+        const targetPosition = nodeX
+          ? RELATIVE_TREE_POSITIONS.RIGHT
+          : RELATIVE_TREE_POSITIONS.FIRST_CHILD;
+
+        orderedNodes.forEach(node => {
+          const position =
+            targetPosition === RELATIVE_TREE_POSITIONS.RIGHT
+              ? targetPosition
+              : RELATIVE_TREE_POSITIONS.LAST_CHILD;
+          this.moveContentNodes({
+            id__in: [String(node.id)],
+            parent: targetParent,
+            position,
+          });
+        });
+      },
+
+      findNodeBeforeFirstSelected(nodes) {
+        for (let i = 1; i < nodes.length; i++) {
+          if (this.compareNodeTitles(nodes[i - 1], nodes[i]) > 0) {
+            return nodes[i - 1];
+          }
+        }
+        return null;
+      },
+      compareNodeTitles(nodeA, nodeB) {
+        const titleA = nodeA.title.toLowerCase();
+        const titleB = nodeB.title.toLowerCase();
+        return titleA.localeCompare(titleB);
+      },
       updateTitleForPage() {
         let detailTitle;
         const topicTitle = this.getTitle(this.getContentNode(this.topicId));