Add a next tick, and set selected node so that detailsTab saving func…

…tion becomes available
learningequality · Apr 20, 2023 · fcb1656 · fcb1656
1 parent 2fd01d1
commit fcb1656
Showing 1 changed file with 31 additions and 23 deletions.
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/edit/EditModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/edit/EditModal.vue
@@ -29,7 +29,7 @@
               :clipped-right="$isRTL"
               app
             >
-              <VBtn data-test="close" icon dark @click="handleClose">
+              <VBtn data-test="close" icon dark @click="handleClose()">
                 <Icon>clear</Icon>
               </VBtn>
               <VToolbarTitle>{{ modalTitle }}</VToolbarTitle>
@@ -116,7 +116,7 @@
             </div>
           </VFlex>
           <VFlex shrink>
-            <VBtn color="primary" @click="handleClose">
+            <VBtn color="primary" @click="handleClose()">
               {{ $tr('finishButton') }}
             </VBtn>
           </VFlex>
@@ -421,27 +421,35 @@
       /* Button actions */
       handleClose() {
         // X button action
-        this.enableValidation(this.nodeIds);
-        let assessmentItems = this.getAssessmentItems(this.nodeIds);
-        assessmentItems.forEach(item => (item.question ? (item[DELAYED_VALIDATION] = false) : ''));
-        this.updateAssessmentItems(assessmentItems);
-        // reaches into Details Tab to run save of diffTracker
-        // before the validation pop up is executed
-        if (this.$refs.editView) {
-          this.$refs.editView.immediateSaveAll().then(() => {
-            // Catch uploads in progress and invalid nodes
-            if (this.invalidNodes.length) {
-              this.selected = [this.invalidNodes[0]];
-              this.promptInvalid = true;
-            } else if (this.contentNodesAreUploading(this.nodeIds)) {
-              this.promptUploading = true;
-            } else {
-              this.closeModal();
-            }
-          });
-        } else {
-          this.closeModal();
-        }
+        this.selected = this.nodeIds;
+        this.$nextTick(() => {
+          this.enableValidation(this.nodeIds);
+          let assessmentItems = this.getAssessmentItems(this.nodeIds);
+          assessmentItems.forEach(item =>
+            item.question ? (item[DELAYED_VALIDATION] = false) : ''
+          );
+          this.updateAssessmentItems(assessmentItems);
+
+          // reaches into Details Tab to run save of diffTracker
+          // before the validation pop up is executed
+          if (this.$refs.editView) {
+            this.$nextTick(() => {
+              this.$refs.editView.immediateSaveAll().then(() => {
+                // Catch uploads in progress and invalid nodes
+                if (this.invalidNodes.length) {
+                  this.selected = [this.invalidNodes[0]];
+                  this.promptInvalid = true;
+                } else if (this.contentNodesAreUploading(this.nodeIds)) {
+                  this.promptUploading = true;
+                } else {
+                  this.closeModal();
+                }
+              });
+            });
+          } else {
+            this.closeModal();
+          }
+        });
       },
 
       /* Creation actions */