main content packs telemetry events

Graylog2 · Oct 19, 2023 · a1f2f42 · a1f2f42
1 parent 70c4ec2
commit a1f2f42
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 9 deletions.
diff --git a/graylog2-web-interface/src/components/content-packs/ContentPacksList.jsx b/graylog2-web-interface/src/components/content-packs/ContentPacksList.jsx
@@ -37,6 +37,10 @@ import BootstrapModalWrapper from 'components/bootstrap/BootstrapModalWrapper';
 import ControlledTableList from 'components/common/ControlledTableList';
 import ContentPackStatus from 'components/content-packs/ContentPackStatus';
 import ContentPackDownloadControl from 'components/content-packs/ContentPackDownloadControl';
+import withTelemetry from 'logic/telemetry/withTelemetry';
+import { getPathnameWithoutId } from 'util/URLUtils';
+import { TELEMETRY_EVENT_TYPE } from 'logic/telemetry/Constants';
+import withLocation from 'routing/withLocation';
 
 import ContentPackInstall from './ContentPackInstall';
 
@@ -46,6 +50,8 @@ class ContentPacksList extends React.Component {
     contentPackMetadata: PropTypes.object,
     onDeletePack: PropTypes.func,
     onInstall: PropTypes.func,
+    sendTelemetry: PropTypes.func.isRequired,
+    location: PropTypes.object.isRequired,
   };
 
   static defaultProps = {
@@ -125,7 +131,7 @@ class ContentPacksList extends React.Component {
     const shownItems = items.slice(begin, end);
 
     return shownItems.map((item) => {
-      const { openFunc, installModal } = this._installModal(item);
+      const { openFunc, installModal, sendTelemetry, location } = this._installModal(item);
       let downloadRef;
       const downloadModal = (
         <ContentPackDownloadControl ref={(node) => {
@@ -140,6 +146,36 @@ class ContentPacksList extends React.Component {
       const states = installed ? ['installed'] : [];
       const updateButton = states.includes('updatable') ? <Button bsSize="small" bsStyle="primary">Update</Button> : '';
 
+      const handleInstall = () => {
+        sendTelemetry(TELEMETRY_EVENT_TYPE.CONTENT_PACK.INSTALLED, {
+          app_pathname: getPathnameWithoutId(location.pathname),
+          app_section: 'content-packs',
+          app_action_value: 'install-button',
+        });
+
+        openFunc();
+      }
+
+      const handleDownload = () => {
+        sendTelemetry(TELEMETRY_EVENT_TYPE.CONTENT_PACK.DOWNLOADED, {
+          app_pathname: getPathnameWithoutId(location.pathname),
+          app_section: 'content-packs',
+          app_action_value: 'download-menu-item',
+        });
+
+        downloadRef.open();
+      }
+
+      const handleDeleteAllVersions = () => {
+        sendTelemetry(TELEMETRY_EVENT_TYPE.CONTENT_PACK.ALL_VERSIONS_DELETED, {
+          app_pathname: getPathnameWithoutId(location.pathname),
+          app_section: 'content-packs',
+          app_action_value: 'delete-all-versions-menu-item',
+        });
+
+        onDeletePack(item.id);
+      }
+
       return (
         <ControlledTableList.Item key={item.id}>
           <Row className="row-sm">
@@ -153,7 +189,7 @@ class ContentPacksList extends React.Component {
             <Col md={3} className="text-right">
               <ButtonToolbar className="pull-right">
                 {updateButton}
-                <Button bsSize="small" onClick={openFunc}>Install</Button>
+                <Button bsSize="small" onClick={handleInstall}>Install</Button>
                 {installModal}
                 <DropdownButton id={`more-actions-${item.id}`} title="More Actions" bsSize="small" pullRight>
                   <LinkContainer to={Routes.SYSTEM.CONTENTPACKS.show(item.id)}>
@@ -162,14 +198,12 @@ class ContentPacksList extends React.Component {
                   <LinkContainer to={Routes.SYSTEM.CONTENTPACKS.edit(encodeURIComponent(item.id), encodeURIComponent(item.rev))}>
                     <MenuItem>Create New Version</MenuItem>
                   </LinkContainer>
-                  <MenuItem onSelect={() => {
-                    downloadRef.open();
-                  }}>Download
+                  <MenuItem onSelect={handleDownload}>
+                    Download
                   </MenuItem>
                   <MenuItem divider />
-                  <MenuItem onSelect={() => {
-                    onDeletePack(item.id);
-                  }}>Delete All Versions
+                  <MenuItem onSelect={handleDeleteAllVersions}>
+                    Delete All Versions
                   </MenuItem>
                 </DropdownButton>
                 {downloadModal}
@@ -261,4 +295,4 @@ class ContentPacksList extends React.Component {
   }
 }
 
-export default ContentPacksList;
+export default withLocation(withTelemetry(ContentPacksList));
diff --git a/graylog2-web-interface/src/logic/telemetry/Constants.ts b/graylog2-web-interface/src/logic/telemetry/Constants.ts
@@ -435,6 +435,11 @@ export const TELEMETRY_EVENT_TYPE = {
   },
   SYSTEM_OVERVIEW_OUTGOING_TRAFFIC_DAYS_CHANGED: 'System Overview Outgoing Traffic Days Changed',
   URLWHITELIST_CONFIGURATION_UPDATED: 'Urlwhitelist Configuration Updated',
+  CONTENT_PACK: {
+    INSTALLED: 'Content Pack Installed',
+    DOWNLOADED: 'Content Pack Downloaded',
+    ALL_VERSIONS_DELETED: 'Content Pack All Versions Deleted',
+  },
 } as const;
 
 type ExtractObjectValues<T extends object> = {