feat: Implement new UI for user who can publish news when no settings…

… are configured - EXO-65696 - Meeds-io/MIPs#68 (#899) (#903)
exoplatform · Aug 8, 2023 · 8d354a2 · 8d354a2
1 parent e460338
commit 8d354a2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/services/src/main/resources/locale/portlet/news/News_en.properties b/services/src/main/resources/locale/portlet/news/News_en.properties
@@ -260,3 +260,6 @@ news.publishTargets.managementDrawer.sameNewsTargetWarning=A target with the sam
 
 news.composer.alert.error.UpdateTargets=Error while updating news targets
 news.composer.alert.success.UpdateTargets=News targets successfully updated
+
+news.latest.noSettings=No settings defined for this news list
+news.latest.openSettings=Open settings
diff --git a/webapp/src/main/webapp/news-extensions/components/analytics/AnalyticsSampleItemContent.vue b/webapp/src/main/webapp/news-extensions/components/analytics/AnalyticsSampleItemContent.vue
@@ -20,10 +20,10 @@
       class="text-truncate"
       rel="nofollow"
       target="_blank">
-    {{ contentTitle }}
+      {{ contentTitle }}
     </a>
     <p>
-    ({{ attrValue }})
+      ({{ attrValue }})
     </p>
   </div>
 </template>

diff --git a/webapp/src/main/webapp/news-list-view/components/views/NewsEmptyTemplate.vue b/webapp/src/main/webapp/news-list-view/components/views/NewsEmptyTemplate.vue
@@ -31,9 +31,19 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
       <v-flex class="d-flex news-empty-template noNews">
         <div class="ma-auto py-5 d-flex flex-column align-center noNewsContent">
           <i class="uiNoNewsIcon"></i>
-          <span class="title mt-5">
+          <span v-if="!canPublishNews" class="title mt-5">
             {{ $t('news.latest.noNews') }}
           </span>
+          <span v-else class="title my-1 font-weight-bold">
+            {{ $t('news.latest.noSettings') }}
+          </span>
+          <v-btn
+            v-if="canPublishNews"
+            class="btn btn-primary"
+            outlined
+            @click="openDrawer">
+            {{ $t('news.latest.openSettings') }}
+          </v-btn>
         </div>
       </v-flex>
     </v-main>