feat: Use new publication drawer in article details - EXO-72749_EXO-7…

…3246 - Meeds-io/MIPs#161 (#257) Use new publication drawer in article details
Meeds-io · Oct 9, 2024 · 14811fd · 14811fd
1 parent 621623b
commit 14811fd
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 3 deletions.
diff --git a/content-webapp/src/main/webapp/WEB-INF/gatein-resources.xml b/content-webapp/src/main/webapp/WEB-INF/gatein-resources.xml
@@ -292,6 +292,9 @@
       <minify>false</minify>
       <path>/js/newsDetails.bundle.js</path>
     </script>
+    <depends>
+      <module>NotesPublication</module>
+    </depends>
     <depends>
       <module>vue</module>
     </depends>

diff --git a/...ebapp/src/main/webapp/vue-app/news-activity-composer-app/components/ContentRichEditor.vue b/...ebapp/src/main/webapp/vue-app/news-activity-composer-app/components/ContentRichEditor.vue
@@ -509,6 +509,7 @@ export default {
     },
     postAndPublish(editMode, publicationSettings) {
       if (editMode) {
+        this.article.activityPosted = publicationSettings?.post;
         this.updateAndPostArticle();
         return;
       }

diff --git a/content-webapp/src/main/webapp/vue-app/news-details/components/ExoNewsDetails.vue b/content-webapp/src/main/webapp/vue-app/news-details/components/ExoNewsDetails.vue
@@ -73,9 +73,16 @@
         :cancel-label="$t('news.button.cancel')"
         @ok="deleteNews" />
       <exo-news-edit-publishing-drawer
-        v-if="news && currentUser"
+        v-if="news && currentUser && !newPublicationDrawerEnabled"
         :news="news"
         @refresh-news="getNewsById(newsId)" />
+      <note-publication-drawer
+        v-if="newPublicationDrawerEnabled"
+        ref="publicationDrawer"
+        :is-publishing="isPublishing"
+        :space-id="spaceId"
+        :edit-mode="true"
+        @publish="publishArticle" />
       <news-mobile-action-menu
         :news="news"
         @edit-article="editLink"
@@ -156,7 +163,8 @@ export default {
         hour: '2-digit',
         minute: '2-digit',
       },
-      iframelyOriginRegex: /^https?:\/\/if-cdn.com/
+      iframelyOriginRegex: /^https?:\/\/if-cdn.com/,
+      isPublishing: false
     };
   },
   computed: {
@@ -168,6 +176,9 @@ export default {
     },
     articleNewLayoutEnabled() {
       return eXo?.env?.portal?.articleNewLayoutEnabled;
+    },
+    newPublicationDrawerEnabled() {
+      return eXo?.env?.portal?.newPublicationDrawerEnabled;
     }
   },
   created() {
@@ -189,11 +200,17 @@ export default {
         }
       }
     });
+    this.$root.$on('open-edit-publishing-drawer', this.openPublicationDrawer);
   },
   mounted() {
     this.markNewsAsRead(this.newsId);
   },
   methods: {
+    openPublicationDrawer() {
+      if (this.newPublicationDrawerEnabled) {
+        this.$refs.publicationDrawer.open(this.news);
+      }
+    },
     markNewsAsRead(newsId) {
       if (newsId) {
         this.$newsServices.markNewsAsRead(newsId);
@@ -242,7 +259,18 @@ export default {
         }
       }, redirectionTime);
     },
-
+    publishArticle(publicationSettings) {
+      this.isPublishing = true;
+      this.news.activityPosted = publicationSettings?.post;
+      return this.$newsServices.updateNews(this.news, false, this.$newsConstants.newsObjectType.ARTICLE, this.$newsConstants.newsUpdateType.POSTING_AND_PUBLISHING).then(() => {
+        this.isPublishing = false;
+        this.$root.$emit('alert-message', this.$t('news.composer.alert.success.UpdateTargets'), 'success');
+        this.$refs.publicationDrawer.close();
+      }).catch(() => {
+        this.isPublishing = false;
+        this.$root.$emit('alert-message', this.$t('news.composer.alert.error.UpdateTargets'), 'error');
+      });
+    },
     postNews(schedulePostDate, postArticleMode, publish, isActivityPosted, selectedTargets, selectedAudience) {
       this.news.timeZoneId = USER_TIMEZONE_ID;
       this.news.activityPosted = isActivityPosted;