LPD-91502 Render connect to AC state and filters

Author: sandrodw3

modules/apps/site/site-cms-site-initializer/build.gradle

@@ -9,6 +9,7 @@ dependencies {
 	compileOnly group: "jakarta.servlet.jsp", name: "jakarta.servlet.jsp-api", version: "3.1.1"
 	compileOnly group: "org.osgi", name: "org.osgi.service.component.annotations", version: "1.4.0"
 	compileOnly group: "org.osgi", name: "osgi.core", version: "6.0.0"
+	compileOnly project(":apps:analytics:analytics-settings-rest-api")
 	compileOnly project(":apps:asset:asset-api")
 	compileOnly project(":apps:asset:asset-categories-admin-web-api")
 	compileOnly project(":apps:asset:asset-tags-api")

modules/apps/site/site-cms-site-initializer/src/main/java/com/liferay/site/cms/site/initializer/internal/display/context/ViewDashboardDisplayContext.java

@@ -5,6 +5,7 @@
 
 package com.liferay.site.cms.site.initializer.internal.display.context;
 
+import com.liferay.analytics.settings.rest.manager.AnalyticsSettingsManager;
 import com.liferay.learn.LearnMessageUtil;
 import com.liferay.object.constants.ObjectFolderConstants;
 import com.liferay.portal.kernel.exception.PortalException;
@@ -13,8 +14,10 @@
 import com.liferay.portal.kernel.log.LogFactoryUtil;
 import com.liferay.portal.kernel.model.Group;
 import com.liferay.portal.kernel.model.GroupConstants;
+import com.liferay.portal.kernel.model.role.RoleConstants;
 import com.liferay.portal.kernel.service.GroupLocalService;
 import com.liferay.portal.kernel.service.LayoutLocalServiceUtil;
+import com.liferay.portal.kernel.service.RoleLocalService;
 import com.liferay.portal.kernel.theme.ThemeDisplay;
 import com.liferay.portal.kernel.util.HashMapBuilder;
 import com.liferay.portal.kernel.util.PortalUtil;
@@ -27,9 +30,13 @@
 public class ViewDashboardDisplayContext {
 
 	public ViewDashboardDisplayContext(
-		GroupLocalService groupLocalService, ThemeDisplay themeDisplay) {
+		AnalyticsSettingsManager analyticsSettingsManager,
+		GroupLocalService groupLocalService, RoleLocalService roleLocalService,
+		ThemeDisplay themeDisplay) {
 
+		_analyticsSettingsManager = analyticsSettingsManager;
 		_groupLocalService = groupLocalService;
+		_roleLocalService = roleLocalService;
 		_themeDisplay = themeDisplay;
 	}
 
@@ -60,6 +67,24 @@ public Map<String, Object> getConstants() {
 
 	public Map<String, Object> getReactData() throws PortalException {
 		return HashMapBuilder.<String, Object>put(
+			"admin",
+			() -> _roleLocalService.hasUserRole(
+				_themeDisplay.getUserId(), _themeDisplay.getCompanyId(),
+				RoleConstants.ADMINISTRATOR, true)
+		).put(
+			"analyticsEnabled",
+			() -> {
+				try {
+					return _analyticsSettingsManager.isAnalyticsEnabled(
+						_themeDisplay.getCompanyId());
+				}
+				catch (Exception exception) {
+					_log.error(exception);
+
+					return false;
+				}
+			}
+		).put(
 			"constants", getConstants()
 		).put(
 			"dashboard",
@@ -78,7 +103,9 @@ public Map<String, Object> getReactData() throws PortalException {
 	private static final Log _log = LogFactoryUtil.getLog(
 		ViewDashboardDisplayContext.class);
 
+	private final AnalyticsSettingsManager _analyticsSettingsManager;
 	private final GroupLocalService _groupLocalService;
+	private final RoleLocalService _roleLocalService;
 	private final ThemeDisplay _themeDisplay;
 
 }

modules/apps/site/site-cms-site-initializer/src/main/java/com/liferay/site/cms/site/initializer/internal/fragment/renderer/ViewDashboardJSPSectionFragmentRenderer.java

@@ -5,14 +5,17 @@
 
 package com.liferay.site.cms.site.initializer.internal.fragment.renderer;
 
+import com.liferay.analytics.settings.rest.manager.AnalyticsSettingsManager;
 import com.liferay.fragment.renderer.FragmentRenderer;
+import com.liferay.portal.kernel.service.RoleLocalService;
 import com.liferay.portal.kernel.theme.ThemeDisplay;
 import com.liferay.portal.kernel.util.WebKeys;
 import com.liferay.site.cms.site.initializer.internal.display.context.ViewDashboardDisplayContext;
 
 import jakarta.servlet.http.HttpServletRequest;
 
 import org.osgi.service.component.annotations.Component;
+import org.osgi.service.component.annotations.Reference;
 
 /**
  * @author Adriano Interaminense
@@ -31,7 +34,7 @@ protected ViewDashboardDisplayContext getDisplayContext(
 		HttpServletRequest httpServletRequest) {
 
 		return new ViewDashboardDisplayContext(
-			groupLocalService,
+			_analyticsSettingsManager, groupLocalService, _roleLocalService,
 			(ThemeDisplay)httpServletRequest.getAttribute(
 				WebKeys.THEME_DISPLAY));
 	}
@@ -41,4 +44,10 @@ protected String getJSPPath() {
 		return "/view_dashboard.jsp";
 	}
 
+	@Reference
+	private AnalyticsSettingsManager _analyticsSettingsManager;
+
+	@Reference
+	private RoleLocalService _roleLocalService;
+
 }

modules/apps/site/site-cms-site-initializer/src/main/resources/META-INF/resources/js/main_view/dashboard/Dashboards.tsx

@@ -27,10 +27,14 @@ const TABS = {
 type TabId = keyof typeof TABS;
 
 function Wrapper({
+	admin,
+	analyticsEnabled,
 	constants,
 	freeTier,
 	learnResources,
 }: {
+	admin: boolean;
+	analyticsEnabled: boolean;
 	constants: {[key: string]: string};
 	freeTier: boolean;
 	learnResources: ILearnResourceContext;
@@ -45,6 +49,8 @@ function Wrapper({
 
 			<ClayTooltipProvider>
 				<Dashboards
+					admin={admin}
+					analyticsEnabled={analyticsEnabled}
 					constants={constants}
 					freeTier={freeTier}
 					learnResources={learnResources}
@@ -55,10 +61,14 @@ function Wrapper({
 }
 
 function Dashboards({
+	admin,
+	analyticsEnabled,
 	constants,
 	freeTier,
 	learnResources,
 }: {
+	admin: boolean;
+	analyticsEnabled: boolean;
 	constants: {[key: string]: string};
 	freeTier: boolean;
 	learnResources: ILearnResourceContext;
@@ -90,7 +100,12 @@ function Dashboards({
 					<InventoryDashboard constants={constants} />
 				) : null}
 
-				{tabId === 'performance' ? <PerformanceDashboard /> : null}
+				{tabId === 'performance' ? (
+					<PerformanceDashboard
+						admin={admin}
+						analyticsEnabled={analyticsEnabled}
+					/>
+				) : null}
 			</ClayLayout.Container>
 		</>
 	);

modules/apps/site/site-cms-site-initializer/src/main/resources/META-INF/resources/js/main_view/dashboard/performance/PerformanceDashboard.tsx

@@ -3,8 +3,66 @@
  * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 
-import React from 'react';
+import ClayLayout from '@clayui/layout';
+import {
+	ConnectToAnalyticsCloud,
+	RangeSelector,
+	RangeSelectors,
+	RangeSelectorsDropdown,
+} from '@liferay/analytics-reports-js-components-web';
+import React, {useState} from 'react';
 
-export default function PerformanceDashboard() {
-	return <div />;
+import {
+	SpaceOption,
+	SpacesDropdown,
+	initialSpace,
+} from '../common/SpacesDropdown';
+
+const initialRangeSelector: RangeSelector = {
+	rangeEnd: '',
+	rangeKey: RangeSelectors.Last7Days,
+	rangeStart: '',
+};
+
+export default function PerformanceDashboard({
+	admin,
+	analyticsEnabled,
+}: {
+	admin: boolean;
+	analyticsEnabled: boolean;
+}) {
+	const [rangeSelector, setRangeSelector] =
+		useState<RangeSelector>(initialRangeSelector);
+	const [space, setSpace] = useState<SpaceOption>(initialSpace);
+
+	if (!analyticsEnabled) {
+		return <ConnectToAnalyticsCloud admin={admin} />;
+	}
+
+	return (
+		<ClayLayout.Row className="mb-4">
+			<ClayLayout.Col size={12}>
+				<div className="d-flex">
+					<SpacesDropdown
+						className="mr-3"
+						onSelectSpace={setSpace}
+						selectedSpace={space}
+					/>
+
+					<RangeSelectorsDropdown
+						activeRangeSelector={rangeSelector}
+						availableRangeKeys={[
+							RangeSelectors.Last24Hours,
+							RangeSelectors.Last7Days,
+							RangeSelectors.Last28Days,
+							RangeSelectors.Last30Days,
+							RangeSelectors.Last90Days,
+						]}
+						borderless={false}
+						onChange={setRangeSelector}
+					/>
+				</div>
+			</ClayLayout.Col>
+		</ClayLayout.Row>
+	);
 }