feat: add sponsor pages tab, add customized and managed tables

src/actions/sponsor-pages-actions.js

@@ -13,16 +13,28 @@
 
 import {
   createAction,
+  getRequest,
   postRequest,
   startLoading,
-  stopLoading
+  stopLoading,
+  authErrorHandler,
+  escapeFilterValue
 } from "openstack-uicore-foundation/lib/utils/actions";
 import T from "i18n-react/dist/i18n-react";
 import { getAccessTokenSafely } from "../utils/methods";
 import { snackbarErrorHandler, snackbarSuccessHandler } from "./base-actions";
+import { DEFAULT_CURRENT_PAGE, DEFAULT_ORDER_DIR, DEFAULT_PER_PAGE } from "../utils/constants";
 
 export const GLOBAL_PAGE_CLONED = "GLOBAL_PAGE_CLONED";
 
+export const REQUEST_SPONSOR_MANAGED_PAGES = "REQUEST_SPONSOR_MANAGED_PAGES";
+export const RECEIVE_SPONSOR_MANAGED_PAGES = "RECEIVE_SPONSOR_MANAGED_PAGES";
+
+export const REQUEST_SPONSOR_CUSTOMIZED_PAGES =
+  "REQUEST_SPONSOR_CUSTOMIZED_PAGES";
+export const RECEIVE_SPONSOR_CUSTOMIZED_PAGES =
+  "RECEIVE_SPONSOR_CUSTOMIZED_PAGES";
+
 export const cloneGlobalPage =
   (pagesIds, sponsorIds, allSponsors) => async (dispatch, getState) => {
     const { currentSummitState } = getState();
@@ -62,3 +74,123 @@ export const cloneGlobalPage =
       })
       .finally(() => dispatch(stopLoading()));
   };
+
+/* ************************************************************************ */
+/*         MANAGED PAGES       */
+/* ************************************************************************ */
+
+export const getSponsorManagedPages =
+  (
+    term = "",
+    page = DEFAULT_CURRENT_PAGE,
+    perPage = DEFAULT_PER_PAGE,
+    order = "id",
+    orderDir = DEFAULT_ORDER_DIR,
+    hideArchived = false
+  ) =>
+  async (dispatch, getState) => {
+    const { currentSummitState, currentSponsorState } = getState();
+    const { currentSummit } = currentSummitState;
+    const {
+      entity: { id: sponsorId }
+    } = currentSponsorState;
+    const accessToken = await getAccessTokenSafely();
+    const summitTZ = currentSummit.time_zone.name;
+    const filter = [];
+
+    dispatch(startLoading());
+
+    if (term) {
+      const escapedTerm = escapeFilterValue(term);
+      filter.push(`name=@${escapedTerm},code=@${escapedTerm}`);
+    }
+
+    const params = {
+      page,
+      fields: "id,code,name,kind,modules_count,allowed_add_ons",
+      per_page: perPage,
+      access_token: accessToken
+    };
+
+    if (hideArchived) filter.push("is_archived==0");
+
+    if (filter.length > 0) {
+      params["filter[]"] = filter;
+    }
+
+    // order
+    if (order != null && orderDir != null) {
+      const orderDirSign = orderDir === 1 ? "" : "-";
+      params.order = `${orderDirSign}${order}`;
+    }
+
+    return getRequest(
+      createAction(REQUEST_SPONSOR_MANAGED_PAGES),
+      createAction(RECEIVE_SPONSOR_MANAGED_PAGES),
+      `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/managed-pages`,
+      authErrorHandler,
+      { order, orderDir, page, perPage, term, hideArchived, summitTZ }
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };
+
+/* ************************************************************************ */
+/*         CUSTOMIZED PAGES       */
+/* ************************************************************************ */
+
+export const getSponsorCustomizedPages =
+  (
+    term = "",
+    page = DEFAULT_CURRENT_PAGE,
+    perPage = DEFAULT_PER_PAGE,
+    order = "id",
+    orderDir = DEFAULT_ORDER_DIR,
+    hideArchived = false
+  ) =>
+  async (dispatch, getState) => {
+    const { currentSummitState, currentSponsorState } = getState();
+    const { currentSummit } = currentSummitState;
+    const {
+      entity: { id: sponsorId }
+    } = currentSponsorState;
+    const accessToken = await getAccessTokenSafely();
+    const summitTZ = currentSummit.time_zone.name;
+    const filter = [];
+
+    dispatch(startLoading());
+
+    if (term) {
+      const escapedTerm = escapeFilterValue(term);
+      filter.push(`name=@${escapedTerm},code=@${escapedTerm}`);
+    }
+
+    const params = {
+      page,
+      fields: "id,code,name,kind,modules_count,allowed_add_ons",
+      per_page: perPage,
+      access_token: accessToken
+    };
+
+    if (hideArchived) filter.push("is_archived==0");
+
+    if (filter.length > 0) {
+      params["filter[]"] = filter;
+    }
+
+    // order
+    if (order != null && orderDir != null) {
+      const orderDirSign = orderDir === 1 ? "" : "-";
+      params.order = `${orderDirSign}${order}`;
+    }
+
+    return getRequest(
+      createAction(REQUEST_SPONSOR_CUSTOMIZED_PAGES),
+      createAction(RECEIVE_SPONSOR_CUSTOMIZED_PAGES),
+      `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-pages`,
+      authErrorHandler,
+      { order, orderDir, page, perPage, term, hideArchived, summitTZ }
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };

src/i18n/en.json

@@ -2461,6 +2461,23 @@
         }
       }
     },
+    "pages_tab": {
+      "alert_info": "To add a Sponsor Specific Page for this show's sponsor, click Add Page button. Note: this Page will be visible only to this sponsor for this show. The General Pages can only be managed on the Show's Pages section.",
+      "hide_archived": "Hide archived Pages",
+      "using_template": "Using Template",
+      "new_page": "New Page",
+      "pages": "pages",
+      "managed_pages": "Managed Pages",
+      "sponsor_customized_pages": "Customized Sponsor Pages",
+      "code": "Code",
+      "name": "Name",
+      "add_ons": "Add-ons",
+      "info_mod": "Info Mod",
+      "upload_mod": "Upload Mod",
+      "download_mod": "Download Mod",
+      "archive": "Archive",
+      "unarchive": "Unarchive"
+    },
     "cart_tab": {
       "new_form": "New Form",
       "forms": "forms",

src/pages/sponsors/edit-sponsor-page.js

@@ -43,6 +43,7 @@ import SponsorUsersListPerSponsorPage from "./sponsor-users-list-per-sponsor";
 import SponsorFormsTab from "./sponsor-forms-tab";
 import SponsorBadgeScans from "./sponsor-badge-scans";
 import SponsorCartTab from "./sponsor-cart-tab";
+import SponsorPagesTab from "./sponsor-pages-tab";
 import SponsorFormsManageItems from "./sponsor-forms-tab/components/manage-items/sponsor-forms-manage-items";
 import { SPONSOR_TABS } from "../../utils/constants";
 import SponsorPurchasesTab from "./sponsor-purchases-tab";
@@ -248,6 +249,13 @@ const EditSponsorPage = (props) => {
         <CustomTabPanel value={selectedTab} index={1}>
           <SponsorUsersListPerSponsorPage sponsor={entity} />
         </CustomTabPanel>
+        <CustomTabPanel value={selectedTab} index={2}>
+          <SponsorPagesTab
+            sponsor={entity}
+            summitId={currentSummit.id}
+            history={history}
+          />
+        </CustomTabPanel>
         <CustomTabPanel value={selectedTab} index={4}>
           {isNestedFormItemRoute ? (
             <SponsorFormsManageItems match={match} />