在編輯器中從資料夾內容選單顯示/隱藏「建立DitaMAP」

Last update: Wed Feb 21 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

User

在本文中，我們將瞭解如何根據使用者/群組許可權，自訂Guides網頁編輯器，以隱藏或顯示檔案夾快顯選單中的「建立DitaMap」選項。
在此使用案例中，我們將為所有非作者使用者隱藏此選項。

先決條件

我們將運用AEM Guides擴充功能套件，該套件可讓您根據自己的需求自訂應用程式的UI。
請詳閱以下內容檔案以深入瞭解Guides擴充功能框架的運作方式。

現在開始瞭解如何自訂資料夾快顯功能表，以針對所有非作者使用者隱藏此選項。

您可從下方的程式碼片段中看到，作者使用者可看到「建立DitaMap」選項。

顯示建立DitaMap選項

現在來看看如何使用Guides擴充功能框架隱藏此選項。

實作步驟

實作分為下列部分：

Folder_options控制器中的變更

每個內容功能表都有一個關聯的控制器ID。此控制器會處理各種內容功能表選項的事件上功能。

在此範例中，我們將自訂資料夾快顯選單以隱藏非作者的「建立DitaMap」選項。為此，我們將變更guides擴充功能框架存放庫中/src底下的folder_options.ts檔案。

我們使用「viewState」作為「REPLACE」來隱藏內容選單中的此選項。
我們正在透過索引鍵「id」呼叫此folder_options中的新Widget。

const folderOptions = {
  id: "folder_options",
  contextMenuWidget: "repository_panel",
  view: {
    items: [
      {
        component: "widget",
        id: "customditamap",
        target: {
          key: "displayName",
          value: "DITA Map",
          viewState: VIEW_STATE.REPLACE,
        },
      },
    ],
  },
};

建立新Widget以處理邏輯

需要建立新的Widget (customoptions.ts)來寫入邏輯，以僅針對非編寫使用者隱藏此選項。為此，我們使用了「show」鍵，作為JSON結構中的切換。

您可以編寫自己的外部servlet來檢查群組詳細資訊。如此一來，您也可以自訂自訂群組的資料夾功能表選項。
在此範例中，我們已運用OOTB AEM 'rolesapi'呼叫來擷取使用者詳細資訊，並在'isAuthor'中設定回應，如上述程式碼片段所示。

const folderOptions = {
  id: "customditamap",
  view: {
    component: "button",
    quiet: true,
    icon: "breakdownAdd",
    label: "DITA Map",
    "on-click": "createNewDitaMap",
    show: "@extraProps.isAuthor",
  },
};

透過，我們能夠根據「show」的值隱藏標籤為「Dita Map」的按鈕。

我們已新增控制器，以便在模型中設定「isAuthor」屬性，這可以在控制器中使用下列語法完成。

this.model.extraProps.set("key", value);

鍵值為「isAuthor」，值為來自rolesapi呼叫的回應。
我們也定義了「createNewDitaMap」事件以啟用「建立DitaMap」選項（適用於作者使用者）。

controller: {
    init: function () {
      this.model.extraProps.set("isAuthor", false);

      rolesApiResponse.then((result) => {
        console.log(result);
        this.model.extraProps.set(
          "isAuthor",
          result["/content/dam"].roles.authors
        );

        console.log("testresult" + result["/content/dam"].roles.authors);
      });
    },
    createNewDitaMap() {
      repositoryController && repositoryController.next("create_new.map");
    },
  },

新增自訂程式碼

將folder_options.ts和customoptions.ts匯入/src下的index.ts檔案中。

測試

以不屬於作者群組的使用者登入AEM。建立DitaMap選項會隱藏在任何資料夾的內容功能表中，如下所示。
此使用案例已新增至GIT，請尋找以下相關資源。

隱藏建立DitaMap選項

在編輯器中從資料夾內容選單顯示/隱藏「建立DitaMAP」

先決條件

實作步驟

測試

相關資源