SNOW-330 Page view links url when the id is a clickableuri (#93)

Show Page view as links in user actions Wrap long page view links to fit width
coveo · Oct 2, 2020 · a4dd9d0 · a4dd9d0
1 parent 46b9007
commit a4dd9d0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/components/UserActions/UserActions.scss b/src/components/UserActions/UserActions.scss
@@ -220,7 +220,8 @@ $timestamp-grey: #67768b;
             margin-left: 0.5em;
         }
 
-        .coveo-click {
+        .coveo-click,
+        .coveo-view {
             a {
                 cursor: pointer;
                 color: $coveo-blue-6;

diff --git a/src/components/UserActions/UserActivity.ts b/src/components/UserActions/UserActivity.ts
@@ -78,6 +78,7 @@ export class UserActivity extends Component {
         }),
     };
 
+    private static clickable_uri_ids = ['@clickableuri'];
     private actions: UserAction[];
     private foldedActions: UserAction[];
     private userProfileModel: UserProfileModel;
@@ -276,8 +277,17 @@ export class UserActivity extends Component {
         li.classList.add(VIEW_EVENT_CLASS);
 
         const dataElement = document.createElement('div');
+        if (UserActivity.clickable_uri_ids.indexOf(action.raw.content_id_key) !== -1) {
+            //If the content id key is included in the clickable_uri list, make the component a link
+            const a = document.createElement('a');
+            a.href = action.raw.content_id_value;
+            a.innerText = action.raw.content_id_value;
+            dataElement.appendChild(a);
+        } else {
+            dataElement.innerText = `${action.raw.content_id_key}: ${action.raw.content_id_value}`;
+        }
+
         dataElement.classList.add(DATA_CLASS);
-        dataElement.innerText = `${action.raw.content_id_key}: ${action.raw.content_id_value}`;
 
         li.appendChild(this.buildTitleSection(action));
         li.appendChild(dataElement);