Moved isHighlighted functionality to the view

adaptlearning · Sep 27, 2024 · 063f52a · 063f52a
1 parent 41b8198
commit 063f52a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 14 deletions.
diff --git a/js/McqView.js b/js/McqView.js
@@ -31,21 +31,11 @@ class McqView extends QuestionView {
       this.onItemSelect(event);
       return;
     }
-    const index = parseInt($(event.currentTarget).data('adapt-index'));
-    const item = this.model.getChildren().findWhere({ _index: index });
-    item.set('_isHighlighted', true);
-    setTimeout(() => {
-      Adapt.trigger('mcq:itemFocus')
-    }, 1);
+    event.currentTarget.classList.add('is-highlighted')
   }
 
   onItemBlur(event) {
-    const index = $(event.currentTarget).data('adapt-index');
-    const item = this.model.getChildren().findWhere({ _index: index });
-    item.set('_isHighlighted', false);
-    setTimeout(() => {
-      Adapt.trigger('mcq:itemFocus')
-    }, 1);
+    event.currentTarget.classList.remove('is-highlighted')
   }
 
   onItemSelect(event) {

diff --git a/templates/mcq.jsx b/templates/mcq.jsx
@@ -42,7 +42,7 @@ export default function Mcq(props) {
         aria-label={ariaQuestion || null}
       >
 
-        {props._items.map(({ text, altText, _index, _isActive, _shouldBeSelected, _isHighlighted }, index) =>
+        {props._items.map(({ text, altText, _index, _isActive, _shouldBeSelected }, index) =>
 
           <div
             className={classes([
@@ -75,7 +75,6 @@ export default function Mcq(props) {
                 'mcq-item__label',
                 'u-no-select',
                 !_isEnabled && 'is-disabled',
-                _isHighlighted && 'is-highlighted',
                 (_isCorrectAnswerShown ? _shouldBeSelected : _isActive) && 'is-selected'
               ])}
               aria-hidden={true}