Add keyboard shortcuts for setting flag state in quick review mode

e-valuation · Jul 4, 2023 · 6775589 · 6775589
1 parent 987684b
commit 6775589
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/evap/staff/templates/staff_evaluation_textanswers_quick.html b/evap/staff/templates/staff_evaluation_textanswers_quick.html
@@ -19,6 +19,8 @@ <h5 class="modal-title" id="hotkeys-modal-title">Hotkeys</h5>
                     <tr><td><kbd>L</kbd></td><td>{% trans 'Delete answer' %}</td></tr>
                     <tr><td><kbd>&#x232b;</kbd></td><td>{% trans 'Unreview answer' %}</td></tr>
                     <tr><td><kbd>E</kbd></td><td>{% trans 'Edit answer' %}</td></tr>
+                    <tr><td><kbd>F</kbd></td><td>{% trans 'Set flag' %}</td></tr>
+                    <tr><td><kbd>D</kbd></td><td>{% trans 'Clear flag' %}</td></tr>
                     <tr><td><kbd>&#x21b2;</kbd></td><td>{% trans 'Review next evaluation' %}</td></tr>
                     <tr><td><kbd>S</kbd></td><td>{% trans 'Skip evaluation' %}</td></tr>
                     <tr><td><kbd>N</kbd></td><td>{% trans 'Show all again' %}</td></tr>

diff --git a/evap/static/ts/src/quick-review-slider.ts b/evap/static/ts/src/quick-review-slider.ts
@@ -49,6 +49,7 @@ interface NavigationButtonWithCounters {
 }
 
 const submitSelectorForAction = (action: Action) => `[type=submit][name=action][value=${action}]`;
+const inputSelectorForFlagState = (isFlagged: boolean) => `input[name="is_flagged"][value=${isFlagged.toString()}]`;
 
 export class QuickReviewSlider {
     private readonly slider: HTMLElement;
@@ -198,6 +199,8 @@ export class QuickReviewSlider {
             ["l", submitSelectorForAction(Action.Delete)],
             ["backspace", submitSelectorForAction(Action.Unreview)],
             ["e", submitSelectorForAction(Action.TextanswerEdit)],
+            ["f", inputSelectorForFlagState(true)],
+            ["d", inputSelectorForFlagState(false)],
             ["enter", `[data-url=next-evaluation][data-next-evaluation-index="${this.nextEvaluationIndex}"]`],
             ["m", "[data-startover=undecided]"],
             ["n", "[data-startover=all]"],
@@ -311,7 +314,7 @@ export class QuickReviewSlider {
         }
     };
     private updateFlaggedToggle = () => {
-        const selector = `input[name="is_flagged"][value=${("isFlagged" in this.selectedSlide.dataset).toString()}]`;
+        const selector = inputSelectorForFlagState("isFlagged" in this.selectedSlide.dataset);
         const input = selectOrError<HTMLInputElement>(selector, this.slider);
         input.checked = true;
     };