From 9eb4b3f8959b21b36a181a2376233239b926a82e Mon Sep 17 00:00:00 2001
From: Saksham <sakshamarora1001@gmail.com>
Date: Thu, 28 Nov 2024 17:31:46 +0100
Subject: [PATCH] cds_deposit: Use apply on ckeditor readonly for immediate
 update

---
 cds/modules/invenio_deposit/views/ui.py          |  2 +-
 .../js/cds_deposit/avc/components/cdsDeposit.js  | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/cds/modules/invenio_deposit/views/ui.py b/cds/modules/invenio_deposit/views/ui.py
index f7ec585de..2d04b33d7 100644
--- a/cds/modules/invenio_deposit/views/ui.py
+++ b/cds/modules/invenio_deposit/views/ui.py
@@ -84,7 +84,7 @@ def new():
         deposit_type = request.values.get("type")
         return render_template(
             current_app.config["DEPOSIT_UI_NEW_TEMPLATE"],
-            record={"_d`eposit": {"id": None}},
+            record={"_deposit": {"id": None}},
             jsonschema=current_deposit.jsonschemas[deposit_type],
             schemaform=current_deposit.schemaforms[deposit_type],
         )
diff --git a/cds/modules/theme/assets/bootstrap3/js/cds_deposit/avc/components/cdsDeposit.js b/cds/modules/theme/assets/bootstrap3/js/cds_deposit/avc/components/cdsDeposit.js
index 5f0b9f084..c7de1fa1f 100644
--- a/cds/modules/theme/assets/bootstrap3/js/cds_deposit/avc/components/cdsDeposit.js
+++ b/cds/modules/theme/assets/bootstrap3/js/cds_deposit/avc/components/cdsDeposit.js
@@ -564,13 +564,15 @@ function cdsDepositCtrl(
       true
     );
     $scope.$watch("$ctrl.record._deposit.status", function () {
-      Object.values($window.CKEDITOR.instances).forEach(function (instance) {
-        try {
-          instance.setReadOnly(instance.element.$.disabled);
-        } catch (error) {
-          // Do nothing probably not initialized yet
-          console.log(error);
-        }
+      $scope.$applyAsync(function () { // Manually trigger UI updates
+        Object.values($window.CKEDITOR.instances).forEach(function (instance) {
+          try {
+            instance.setReadOnly(instance.element.$.disabled);
+          } catch (error) {
+            // Do nothing probably not initialized yet
+            console.log(error);
+          }
+        });
       });
     });