feat: add reverse loop in loop elements block

src/background/workflowEngine/blocksHandler/handlerLoopElements.js

@@ -31,13 +31,16 @@ async function loopElements({ data, id }, { refData }) {
         selector: data.selector,
       });
 
+      let elementsList = elements;
+      if (data.reverseLoop) elementsList = elements.reverse();
+
       const loopPayload = {
         maxLoop,
         index: 0,
         blockId: id,
-        data: elements,
         id: data.loopId,
         type: 'elements',
+        data: elementsList,
       };
 
       if (data.loadMoreAction !== 'none') {
@@ -59,7 +62,7 @@ async function loopElements({ data, id }, { refData }) {
       /* eslint-disable-next-line */
       refData.loopData[data.loopId] = {
         $index: 0,
-        data: elements[0],
+        data: elementsList[0],
       };
     }
 

src/components/newtab/workflow/edit/EditLoopElements.vue

@@ -21,6 +21,13 @@
       class="w-full mt-3"
       @change="updateData({ maxLoop: $event })"
     />
+    <ui-checkbox
+      :model-value="data.reverseLoop"
+      class="mt-2"
+      @change="updateData({ reverseLoop: $event })"
+    >
+      {{ t('workflow.blocks.loop-data.reverse') }}
+    </ui-checkbox>
     <div class="mt-4 border-t pt-4 mb-8">
       <p class="text-sm text-gray-600 dark:text-gray-200">
         {{ t('workflow.blocks.loop-elements.loadMore') }}

src/utils/shared.js

@@ -742,11 +742,12 @@ export const tasks = {
     data: {
       disableBlock: false,
       loopId: '',
+      selector: '',
       maxLoop: '0',
       description: '',
-      selector: '',
-      findBy: 'cssSelector',
+      reverseLoop: false,
       actionElSelector: '',
+      findBy: 'cssSelector',
       actionElMaxWaitTime: 5,
       actionPageMaxWaitTime: 10,
       loadMoreAction: 'none',