CG Demo: enabling/disabling certain functionality

chaos_genius/app.py

@@ -4,11 +4,14 @@
 import sys
 import json
 
-from flask import Flask, render_template
+from flask import Flask, render_template, request
+from flask.json import jsonify
 from flask_cors import CORS
 
 from chaos_genius import commands
 from chaos_genius.logger import configure_logger
+from chaos_genius.settings import REACT_APP_IS_DEMO
+from chaos_genius.utils.utils import DEMO_ENDPOINT_WHITELIST
 from chaos_genius.views import (
     data_source_view,
     kpi_view,
@@ -45,6 +48,7 @@ def create_app(config_object="chaos_genius.settings"):
     app.config.from_object(config_object)
     register_extensions(app)
     register_blueprints(app)
+    register_hooks(app)
     register_errorhandlers(app)
     register_shellcontext(app)
     register_commands(app)
@@ -114,6 +118,24 @@ def shell_context():
     app.shell_context_processor(shell_context)
 
 
+def register_hooks(app):
+    @app.before_request
+    def authenticate():
+
+        if REACT_APP_IS_DEMO:
+            @app.before_request
+            def before_request():
+                if request.endpoint not in DEMO_ENDPOINT_WHITELIST:
+                    return jsonify({"status":"failure",
+                                    "message":"Endpoint not accessable in demo version"})
+                else:
+                    if request.method not in DEMO_ENDPOINT_WHITELIST[request.endpoint]:
+                        return jsonify({"status":"failure",
+                                        "message":"Method not allowed in demo version"})
+                    else:
+                        pass
+
+
 def register_commands(app):
     """Register Click commands."""
     app.cli.add_command(commands.test)

chaos_genius/settings.py

@@ -107,6 +107,11 @@ def _make_bool(val: Union[str, bool]) -> bool:
 
 CHAOSGENIUS_ENTERPRISE_EDITION_KEY = os.getenv("CHAOSGENIUS_ENTERPRISE_EDITION_KEY")
 
+REACT_APP_IS_DEMO = os.getenv("REACT_APP_IS_DEMO")
+if REACT_APP_IS_DEMO == 'true':
+    REACT_APP_IS_DEMO = True
+else:
+    REACT_APP_IS_DEMO = False
 """Dynamic Third Party Data Sources"""
 SOURCE_GOOGLE_ANALYTICS = _make_bool(os.getenv("SOURCE_GOOGLE_ANALYTICS", default=True))
 SOURCE_GOOGLE_SHEETS = _make_bool(os.getenv("SOURCE_GOOGLE_SHEETS", default=True))

chaos_genius/utils/utils.py

@@ -25,3 +25,58 @@ def latest_git_commit_hash() -> str:
         )
     except (subprocess.CalledProcessError, FileNotFoundError):
         return ""
+
+DEMO_ENDPOINT_WHITELIST = {"alert.alert_meta_info":["GET"],
+                        "alert.get_alert_info_by_id":["GET"],
+                        "alert.disable_alert":["GET"],
+                        "alert.enable_alert":["GET"],
+                        "alert.list_alert":["GET"],
+                        "anomaly_data.anomaly_settings_status":["GET"],
+                        "anomaly_data.kpi_anomaly_data_quality":["GET"],
+                        "anomaly_data.kpi_anomaly_detection":["GET"],
+                        "anomaly_data.kpi_anomaly_drilldown":["GET"],
+                        "anomaly_data.kpi_anomaly_params":["GET"],
+                        "anomaly_data.kpi_anomaly_params_meta":["GET"],
+                        "anomaly_data.kpi_subdim_anomaly":["GET"],
+                        "anomaly_data.list_anomaly_data":["GET"],
+                        "api_data_source.data_source":["GET"],
+                        "api_data_source.data_source_meta_info":["GET"],
+                        "api_data_source.get_data_source_info":["GET"],
+                        "api_data_source.list_data_source_type":["GET"],
+                        # "api_data_source.log_data_source",
+                        "api_data_source.metadata_data_source":["POST"],
+                        "api_data_source.test_data_source_connection":["GET"],
+                        "api_data_source.check_views_availability":["POST"],
+                        "api_data_source.get_schema_list":["POST"],
+                        "api_data_source.get_schema_tables":["POST"],
+                        "api_data_source.get_table_info":["POST"],
+                        "api_kpi.kpi":["GET"],
+                        "api_kpi.get_all_kpis":["GET"],
+                        "api_kpi.get_kpi_info":["GET"],
+                        "api_kpi.kpi_get_dimensions":["GET"],
+                        "api_kpi.get_timecuts_list":["GET"],
+                        "api_kpi.kpi_meta_info":["GET"],
+                        "api_rca.kpi_get_aggregation":["GET"],
+                        "api_rca.kpi_get_line_data":["GET"],
+                        "api_rca.kpi_rca_analysis":["GET"],
+                        "api_rca.kpi_rca_hierarchical_data":["GET"],
+                        "config_settings.get_all_config":["GET"],
+                        "config_settings.get_config":["POST"],
+                        "config_settings.set_config":["POST"],
+                        "config_settings.get_config_meta_data":["GET"],
+                        "config_settings.get_onboarding_status":["GET"],
+                        "config_settings.global_config":["GET"],
+                        # "config_settings.global_settings",
+                        "config_settings.multidim_status":["GET"],
+                        "config_settings.edit_config_setting":["PUT"],
+                        "dashboard.get_dashboard_list":["GET"],
+                        "dashboard.get_dashboard":["GET"],
+                        # "meta.static",
+                        # "public.api_view",
+                        # "public.home",
+                        # "public.static",
+                        # "static",
+                        # "status.static",
+                        # "status.task_monitor_view",
+                        "meta.version_view":["GET"]}
+

docker-compose.latest.yml

@@ -21,6 +21,7 @@ services:
     environment:
       - *chaosgenius-version
       - IN_DOCKER=True
+      - REACT_APP_IS_DEMO=${REACT_APP_IS_DEMO}
       - AIRBYTE_ENABLED=${AIRBYTE_ENABLED}
       - FLASK_APP=${FLASK_APP}
       - FLASK_ENV=${FLASK_ENV}

frontend/public/index.html

@@ -2,6 +2,19 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-ZTDCWNG9GQ"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
+      gtag('config', 'G-ZTDCWNG9GQ');
+    </script>
     <script src="%PUBLIC_URL%/env.js"></script>
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

frontend/src/components/AlertTable/index.jsx

@@ -34,7 +34,7 @@ const RESET_DELETE_DATA = {
   type: 'RESET_DELETE_DATA'
 };
 
-const AlertTable = ({ alertData, alertSearch }) => {
+const AlertTable = ({ alertData, alertSearch, customToast }) => {
   const dispatch = useDispatch();
 
   const [isOpen, setIsOpen] = useState(false);
@@ -51,7 +51,7 @@ const AlertTable = ({ alertData, alertSearch }) => {
 
   const onDeleteConfirmation = (id) => {
     store.dispatch(RESET_DELETE_DATA);
-    dispatch(kpiAlertDeleteById(id));
+    dispatch(kpiAlertDeleteById(id, customToast));
     setIsOpen(false);
   };
 

frontend/src/components/AlertsForm/index.jsx

@@ -394,7 +394,7 @@ const AlertsForm = () => {
   };
 
   const dispatchGetAllAlertEmail = (data) => {
-    dispatch(getAllAlertEmail(data));
+    dispatch(getAllAlertEmail(data, customToast));
   };
 
   const editableStatus = (type) => {

frontend/src/components/Analystics/index.js

@@ -318,7 +318,7 @@ const Analystics = ({ kpi, setAnalystics, onboarding }) => {
           scheduler_params_time: schedule
         }
       };
-      dispatch(kpiSettingSetup(kpi, data));
+      dispatch(kpiSettingSetup(kpi, data, customToast));
     }
   };
 

frontend/src/components/Anomaly/index.jsx

@@ -14,6 +14,8 @@ import AnomalyEmptyState from '../AnomalyEmptyState';
 import EmptyAnomalyDrilldown from '../EmptyDrillDown';
 import { formatDateTime, getTimezone } from '../../utils/date-helper';
 import { HRNumbers } from '../../utils/Formatting/Numbers/humanReadableNumberFormatter';
+import { useToast } from 'react-toast-wnm';
+import { CustomContent, CustomActions } from '../../utils/toast-helper';
 import './anomaly.scss';
 
 import {
@@ -42,6 +44,34 @@ const RESET = {
 };
 
 const Anomaly = ({ kpi, anomalystatus, dashboard }) => {
+  const toast = useToast();
+  const customToast = (data) => {
+    const { type, header, description } = data;
+    toast({
+      autoDismiss: true,
+      enableAnimation: true,
+      delay: type === 'success' ? '5000' : '30000',
+      backgroundColor: type === 'success' ? '#effaf5' : '#FEF6F5',
+      borderRadius: '6px',
+      color: '#222222',
+      position: 'bottom-right',
+      minWidth: '240px',
+      width: 'auto',
+      boxShadow: '4px 6px 32px -2px rgba(226, 226, 234, 0.24)',
+      padding: '17px 14px',
+      height: 'auto',
+      border: type === 'success' ? '1px solid #60ca9a' : '1px solid #FEF6F5',
+      type: type,
+      actions: <CustomActions />,
+      content: (
+        <CustomContent
+          header={header}
+          description={description}
+          failed={type === 'success' ? false : true}
+        />
+      )
+    });
+  };
   const dispatch = useDispatch();
   const history = useHistory();
   const [chartData, setChartData] = useState([]);
@@ -411,7 +441,7 @@ const Anomaly = ({ kpi, anomalystatus, dashboard }) => {
   };
 
   const handleRetrain = () => {
-    dispatch(setRetrain(kpi));
+    dispatch(setRetrain(kpi, customToast));
   };
 
   return (

frontend/src/components/DashboardForm/index.js

@@ -193,13 +193,13 @@ const DashboardForm = ({ setText, setModal, onboarding }) => {
           dashboard_name: formData.dashboardname,
           kpi_list: formData.kpi
         };
-        dispatch(getUpdateDashboard(payload));
+        dispatch(getUpdateDashboard(payload, customToast));
       } else {
         const dashboardData = {
           dashboard_name: formData.dashboardname,
           kpi_list: formData.kpi
         };
-        dispatch(getCreateDashboard(dashboardData));
+        dispatch(getCreateDashboard(dashboardData, customToast));
       }
     }
   };

frontend/src/components/Dashboardcards/index.jsx

@@ -41,7 +41,7 @@ const Dashboardcards = ({ dashboarddata, setChange }) => {
   };
 
   const onDelete = (value) => {
-    dispatch(getDashboardDelete({ dashboard_id: value.id }));
+    dispatch(getDashboardDelete({ dashboard_id: value.id }, customToast));
   };
 
   const customToast = (data) => {

frontend/src/components/DataSourceForm/index.jsx

@@ -417,7 +417,7 @@ const DataSourceForm = ({ onboarding, setModal, setText }) => {
             sourceDefinitionId: sourceDefinitionId
           }
         };
-        dispatch(createDataSource(bingPayload));
+        dispatch(createDataSource(bingPayload, customToast));
       } else {
         const payload = {
           connection_type: selectedDatasource.value,
@@ -427,7 +427,7 @@ const DataSourceForm = ({ onboarding, setModal, setText }) => {
             sourceDefinitionId: sourceDefinitionId
           }
         };
-        dispatch(createDataSource(payload));
+        dispatch(createDataSource(payload, customToast));
       }
     }
   };
@@ -469,7 +469,7 @@ const DataSourceForm = ({ onboarding, setModal, setText }) => {
           connectionConfiguration: editedForm
         }
       };
-      dispatch(updateDatasourceById(dsId, payload));
+      dispatch(updateDatasourceById(dsId, payload, customToast));
     }
   };
 

frontend/src/components/DataSourceTable/index.jsx

@@ -70,7 +70,7 @@ const DataSourceTable = ({ tableData, changeData, search }) => {
     const payload = {
       data_source_id: datasource.id
     };
-    dispatch(deleteDatasource(payload));
+    dispatch(deleteDatasource(payload, customToast));
   };
 
   const datasourceIcon = (type) => {

frontend/src/components/EventAlertDestinationForm/index.jsx

@@ -229,9 +229,9 @@ const EventAlertDestinationForm = ({
     setError(obj);
     if (error.alert_channel === '') {
       if (path[2] === 'edit') {
-        dispatch(updateKpiAlert(kpiId, alertFormData));
+        dispatch(updateKpiAlert(kpiId, alertFormData, customToast));
       } else {
-        dispatch(createKpiAlert(alertFormData));
+        dispatch(createKpiAlert(alertFormData, customToast));
       }
     }
   };

frontend/src/components/KPITable/index.jsx

@@ -47,7 +47,7 @@ const KPITable = ({ kpiData, kpiLoading, kpiSearch, changeData }) => {
   };
 
   const onDelete = (kpi) => {
-    dispatch(kpiDisable(kpi.id));
+    dispatch(kpiDisable(kpi.id, customToast));
   };
 
   useEffect(() => {

frontend/src/components/KpiAlertDestinationForm/index.jsx

@@ -275,9 +275,9 @@ const KpiAlertDestinationForm = ({
     setError(obj);
     if (obj.alert_channel === '') {
       if (path[2] === 'edit') {
-        dispatch(updateKpiAlert(kpiId, alertFormData));
+        dispatch(updateKpiAlert(kpiId, alertFormData, customToast));
       } else {
-        dispatch(createKpiAlert(alertFormData));
+        dispatch(createKpiAlert(alertFormData, customToast));
       }
     }
   };

frontend/src/components/KpiExplorerForm/index.jsx

@@ -777,15 +777,15 @@ const KpiExplorerForm = ({ onboarding, setModal, setText }) => {
       };
 
       if (data[2] === 'edit' && present) {
-        dispatch(getUpdatekpi(kpiId, editedFormData));
+        dispatch(getUpdatekpi(kpiId, editedFormData, customToast));
       } else if (data[2] !== 'edit') {
         dispatchgetAllKpiExplorerSubmit(kpiInfo);
       }
     }
   };
 
   const dispatchgetAllKpiExplorerSubmit = (kpiInfo) => {
-    dispatch(getAllKpiExplorerSubmit(kpiInfo));
+    dispatch(getAllKpiExplorerSubmit(kpiInfo, customToast));
   };
 
   const onTestQuery = () => {

frontend/src/containers/Alerts/index.jsx

@@ -288,7 +288,11 @@ const Alerts = () => {
             </div>
             {/* table section */}
             <div className="table-section">
-              <AlertTable alertData={alertData} alertSearch={alertSearch} />
+              <AlertTable
+                alertData={alertData}
+                alertSearch={alertSearch}
+                customToast={customToast}
+              />
             </div>
           </div>
         ) : (

frontend/src/containers/OrganisationSettings/ReportSetting.jsx

@@ -75,7 +75,12 @@ const ReportSettings = () => {
   };
 
   const onReportSettingsSave = (e) => {
-    dispatch(saveReportSettingTime(moment(schedule, 'HH:mm')?.format('HH:mm')));
+    dispatch(
+      saveReportSettingTime(
+        moment(schedule, 'HH:mm')?.format('HH:mm'),
+        customToast
+      )
+    );
   };
 
   return (