New: Add click event trigger (solves: adaptlearning#106) (adaptlearni…

…ng#107) * Add event trigger to JSX * Moved trigger to view
redwoodperforms · May 26, 2023 · 0d27f68 · 0d27f68
1 parent 28b3873
commit 0d27f68
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/js/ResourcesView.js b/js/ResourcesView.js
@@ -10,12 +10,15 @@ export default class ResourcesView extends Backbone.View {
   }
 
   initialize() {
+    this.onResourceItemClicked = this.onResourceItemClicked.bind(this);
+
     this.listenTo(Adapt, 'remove', this.remove);
     this.render();
   }
 
   render() {
     const data = {
+      ...this,
       model: this.model.toJSON(),
       resources: this.model.get('_resources')
     };
@@ -29,4 +32,10 @@ export default class ResourcesView extends Backbone.View {
     return this;
   }
 
+  onResourceItemClicked(e) {
+    const index = $(e.currentTarget).attr('data-index');
+    const resourceItemData = this.model.get('_resourcesItems')[index];
+    Adapt.trigger('resources:itemClicked', resourceItemData);
+  }
+
 }
diff --git a/templates/resources.jsx b/templates/resources.jsx
@@ -89,6 +89,7 @@ export default function Resources (props) {
           {resources.map(({ title, description, _link, _type, _isGlobal, filename, _forceDownload }, index) =>
             <templates.resourcesItem {...props}
               key={index}
+              _index={index}
               title={title}
               description={description}
               _link={_link}

diff --git a/templates/resourcesItem.jsx b/templates/resourcesItem.jsx
@@ -8,10 +8,12 @@ export default function ResourcesItem (props) {
     _isGlobal,
     _link,
     _type,
+    _index,
     description,
     filename,
     selectedFilter,
-    title
+    title,
+    onResourceItemClicked
   } = props;
 
   /**
@@ -39,7 +41,9 @@ export default function ResourcesItem (props) {
 
       <a href={_link} className="resources__item-btn drawer__item-btn"
         data-type={_type}
+        data-index={_index}
         download={resourcesForceDownload(filename, _forceDownload) && filename }
+        onClick={onResourceItemClicked}
         target="_blank"
         rel="noreferrer"
         aria-label={title}>