CRISTAL-304: Remove mock element from the early prototype

core/attachments/attachments-ui/src/AttachmentsInfoAction.ts

@@ -49,4 +49,8 @@ export class AttachmentsInfoAction implements InfoAction {
       page || this.cristalApp.getCurrentPage(),
     );
   }
+
+  async enabled(): Promise<boolean> {
+    return true;
+  }
 }

core/info-actions/info-actions-api/src/index.ts

@@ -38,6 +38,12 @@ interface InfoAction {
    * @since 0.10
    */
   refresh?(page?: string): Promise<void>;
+
+  /**
+   * Compute whether the InfoAction should be displayed or not.
+   * @since 0.13
+   */
+  enabled(): Promise<boolean>;
 }
 
 /**

core/info-actions/info-actions-default/src/DefaultInfoActionsService.ts

@@ -26,7 +26,7 @@ import { injectable, multiInject } from "inversify";
 import { sortBy } from "lodash";
 
 /**
- * Default implementation of InfoActionsService. Returns the list of available
+ * Default implementation of InfoActionsService. Returns the list of enabled
  * info action components sorted by ascending order.
  *
  * @since 0.9
@@ -36,6 +36,12 @@ export class DefaultInfoActionsService implements InfoActionsService {
   constructor(@multiInject("InfoAction") private infoActions: InfoAction[]) {}
 
   async list(): Promise<InfoAction[]> {
-    return sortBy(this.infoActions, ["order"]);
+    const enabledInfoActions: boolean[] = await Promise.all(
+      this.infoActions.map(async (tab) => tab.enabled()),
+    );
+    return sortBy(
+      this.infoActions.filter((_, i) => enabledInfoActions[i]),
+      ["order"],
+    );
   }
 }

skin/langs/translation-en.json

@@ -7,6 +7,7 @@
   "page.creation.menu.submit": "Create",
   "page.creation.menu.title": "New Page",
   "information.extraTabs.title": "Information",
+  "help.label": "Help",
   "history.alert.content": "You are currently viewing version {revision} of {pageName}. Edition is disabled.",
   "history.alert.link.label": "Click here to go back to the latest version.",
   "article.loading": "Loading..."

skin/langs/translation-fr.json

@@ -7,6 +7,7 @@
   "page.creation.menu.submit": "Créer",
   "page.creation.menu.title": "Nouvelle page",
   "information.extraTabs.title": "Informations",
+  "help.label": "Aide",
   "history.alert.content": "Vous consultez actuellement la version {revision} de {pageName}. L'édition est désactivée.",
   "history.alert.link.label": "Ciquez ici pour retourner à la dernière version."
 }

skin/src/components/InformationTab.ts

@@ -40,6 +40,11 @@ class InformationExtraTab extends AbstractExtraTab {
   async panel(): Promise<Component> {
     return InformationTab;
   }
+
+  override async enabled(): Promise<boolean> {
+    // TODO: Fix CRISTAL-372 to enable it.
+    return false;
+  }
 }
 
 export { InformationExtraTab };

skin/src/components/info-actions/commentsInfoAction.ts

@@ -31,4 +31,9 @@ export class CommentsInfoAction implements InfoAction {
   async counter() {
     return ref(99);
   }
+
+  async enabled(): Promise<boolean> {
+    // TODO: Fix CRISTAL-47 to enable it.
+    return false;
+  }
 }

skin/src/components/info-actions/likesInfoAction.ts

@@ -31,4 +31,9 @@ export class LikesInfoAction implements InfoAction {
   async counter() {
     return ref(99);
   }
+
+  async enabled(): Promise<boolean> {
+    // TODO: Fix CRISTAL-370 to enable it.
+    return false;
+  }
 }

skin/src/vue/c-article.vue

@@ -1,10 +1,8 @@
 <script setup lang="ts">
-import xavatarImg from "../images/no-one.svg";
 import messages from "../translations";
 import { AlertsToasts } from "@xwiki/cristal-alerts-ui";
 import { PageData } from "@xwiki/cristal-api";
 import { ExtraTabs } from "@xwiki/cristal-extra-tabs-ui";
-import { CIcon } from "@xwiki/cristal-icons";
 import { InfoActions } from "@xwiki/cristal-info-actions-ui";
 import { UIExtensions } from "@xwiki/cristal-uiextension-ui";
 import { Ref, inject, ref, watch } from "vue";
@@ -15,7 +13,6 @@ import type {
   PageHierarchyResolverProvider,
 } from "@xwiki/cristal-hierarchy-api";
 
-const avImg = xavatarImg;
 const { t } = useI18n({
   messages,
 });
@@ -68,22 +65,14 @@ watch(
 
     <div class="page-header">
       <XBreadcrumb class="breadcrumb" :items="breadcrumbItems"></XBreadcrumb>
-      <x-btn circle size="small" variant="primary" color="primary">
-        <c-icon
-          class="new-page"
-          name="plus"
-          :label="t('page.actions.create.label')"
-        ></c-icon>
-      </x-btn>
     </div>
 
     <div class="doc-header">
       <div class="doc-header-inner">
         <slot name="title"></slot>
         <div class="info-wrapper">
           <span class="doc-author">
-            <x-avatar class="avatar" :image="avImg" size="2rem"></x-avatar>
-            User Name edited on 12/12/2024 at 12:00
+            <!-- Add last edition information (CRISTAL-371). -->
           </span>
           <!-- TODO: add a way to inject those by extension
                  and provide one for the number of attachments.

skin/src/vue/c-help.vue

@@ -18,13 +18,27 @@ Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <script setup lang="ts">
+import messages from "../translations";
 import { CIcon } from "@xwiki/cristal-icons";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n({
+  messages,
+});
+
+function onClick() {
+  // TODO: Add an actual Help section (CRISTAL-373).
+  window.open(
+    "https://cristal.xwiki.org/xwiki/bin/view/Documentation/UserGuide/",
+    "_blank",
+  );
+}
 </script>
 <template>
   <div class="help-button">
-    <x-btn pill size="small">
+    <x-btn pill size="small" @click="onClick">
       <c-icon name="question-circle"></c-icon>
-      XWiki Help
+      {{ t("help.label") }}
     </x-btn>
   </div>
 </template>

skin/src/vue/c-sidebar-panel.vue

@@ -18,8 +18,6 @@ Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <script setup lang="ts">
-import { CIcon, Size } from "@xwiki/cristal-icons";
-
 defineProps<{
   name: string;
 }>();
@@ -28,7 +26,6 @@ defineProps<{
   <div class="c-sidebar-panel">
     <div class="header">
       <span class="title">{{ name }}</span>
-      <c-icon name="list-nested" :size="Size.Small"></c-icon>
     </div>
     <div class="sidebar-content">
       <slot></slot>

skin/src/vue/c-sidebar.vue

@@ -156,17 +156,14 @@ function onClickOutsideMainSidebar() {
         <u-i-extensions uix-name="sidebar.actions"></u-i-extensions>
       </suspense>
     </div>
-    <div class="search">
-      <x-search></x-search>
-    </div>
     <div class="panel-container">
-      <c-sidebar-panel name="Wiki Name">
+      <!-- TODO: Use wiki name as panel name (CRISTAL-374). -->
+      <c-sidebar-panel :name="cristal.getWikiConfig().name">
         <c-page-creation-menu
           :current-page="currentPage!"
         ></c-page-creation-menu>
         <XNavigationTree :current-page="currentPage"></XNavigationTree>
       </c-sidebar-panel>
-      <c-sidebar-panel name="Applications"></c-sidebar-panel>
       <UIX uixname="sidebar.after" />
     </div>
     <c-help></c-help>