example scope changing WIP

anthony-chaudhary · anthony-chaudhary · commit d709480a0c8c · 2023-10-17T16:59:15.000-07:00
diff --git a/frontend/src/components/annotation/image_and_video_annotation/annotation_core.vue b/frontend/src/components/annotation/image_and_video_annotation/annotation_core.vue
@@ -741,6 +741,12 @@ export default Vue.extend({
   watch: {
     is_active: function (){
       this.canvas_element.style.cursor = ''
+      //console.log(this.is_active, this.working_file.id)
+      let scope=`image ${this.working_file.id}`
+      this.hotkey_listener.setScope(scope)
+      console.log(this.hotkey_listener.scopeCallbackRegistry)
+      console.log(this.hotkey_listener.selectedScopes)
+
     },
     global_instance: function(){
       this.$emit('global_instance_changed', this.working_file.id,  this.global_instance)
@@ -1729,7 +1735,7 @@ export default Vue.extend({
     }
     this.mounted();
 
-    this.hotkeyListenerScope = `image ${this.working_file.hash}`
+    this.hotkeyListenerScope = `image ${this.working_file.id}`
 
     this.setupHotkeys(this.hotkeyListenerScope)
 
diff --git a/frontend/src/utils/hotkey_listener.ts b/frontend/src/utils/hotkey_listener.ts
@@ -31,6 +31,9 @@ export type KeyEventHandler = (event: KeyboardEvent, handler: HotkeysEvent) => v
  * - **Flexible Unbinding**: Offers the ability to clear hotkeys, either entirely, by a specific scope, or by key combinations, 
  *   providing granular control over the registered hotkeys.
  *
+ * How to Change Scope:
+ *  TBD
+ *
  * Usage:
  *
  * 1. **Initialization**:
@@ -43,7 +46,7 @@ export type KeyEventHandler = (event: KeyboardEvent, handler: HotkeysEvent) => v
  *
  * 3. **Scopes**:
  *      - Select scope and create if doesn't exist already: `listener.addScope('myScope')`.
- *      - Cancle selection of a scope: `listener.removeScope('myScope')`.
+ *      - Cancel selection of a scope: `listener.removeScope('myScope')`.
  *      - Delete scope and all hotkey bindings: `listener.deleteScope('myScope')`.
  *      - Note: A hotkey will only trigger if its scope is among the selected scopes.
  *
@@ -143,6 +146,10 @@ export class HotkeyListener {
     return this.selectedScopes
   }
 
+  setScope(scope: string) {
+    return this.selectedScopes = [scope]
+  }
+
   addScope(scope: string) {
     if (!this.selectedScopes.includes(scope)) {
       this.selectedScopes.push(scope)
@@ -312,6 +319,7 @@ export class HotkeyListener {
       preventDefaultEvent = DEFAULT_HOTKEYS_OPTIONS.preventDefaultEvent,
     } = opts
 
+    console.log(keys, scope, element)
 
     const bindKeys = platformDependent
       ? this.getPlatformBasedKeys(keys)
