UI is frozen till the first frame is initialized (#1320)

Author: bsekachev

cvat/apps/engine/static/engine/js/annotationSaver.js

@@ -342,10 +342,12 @@ class AnnotationSaverController {
         this._autoSaveInterval = null;
 
         const { shortkeys } = window.cvat.config;
-        Mousetrap.bind(shortkeys.save_work.value, () => {
-            this.save();
-            return false;
-        }, 'keydown');
+        Mousetrap.bind(shortkeys.save_work.value, Logger.shortkeyLogDecorator(
+            () => {
+                this.save();
+                return false;
+            },
+        ), 'keydown');
     }
 
     autoSave(enabled, time) {

cvat/apps/engine/static/engine/js/annotationUI.js

@@ -488,12 +488,15 @@ function setupMenu(job, task, shapeCollectionModel,
 }
 
 
-function buildAnnotationUI(jobData, taskData, imageMetaData, annotationData, annotationFormats,
-    loadJobEvent) {
+function buildAnnotationUI(
+    jobData, taskData, imageMetaData,
+    annotationData, annotationFormats, loadJobEvent,
+) {
     // Setup some API
     window.cvat = {
         labelsInfo: new LabelsInfo(taskData.labels),
         translate: new CoordinateTranslator(),
+        frozen: true,
         player: {
             geometry: {
                 scale: 1,
@@ -647,7 +650,6 @@ function buildAnnotationUI(jobData, taskData, imageMetaData, annotationData, ann
     playerModel.shift(window.cvat.search.get('frame') || 0, true);
 
     const { shortkeys } = window.cvat.config;
-
     setupHelpWindow(shortkeys);
     setupSettingsWindow();
     setupMenu(jobData, taskData, shapeCollectionModel,

cvat/apps/engine/static/engine/js/logger.js

@@ -451,6 +451,9 @@ var Logger = {
     shortkeyLogDecorator: function(decoredFunc) {
         let self = this;
         return function(e, combo) {
+            if (window.cvat.frozen) {
+                return;
+            }
             let pressKeyEvent = self.addContinuedEvent(self.EventType.pressShortcut, {key:  combo});
             let returnValue = decoredFunc(e, combo);
             pressKeyEvent.close();

cvat/apps/engine/static/engine/js/player.js

@@ -941,10 +941,16 @@ class PlayerView {
             $('.custom-menu').hide(100);
         });
 
+        window.document.body.style.pointerEvents = 'none';
         playerModel.subscribe(this);
     }
 
     onPlayerUpdate(model) {
+        if (!this._latestDrawnImage && model.image) {
+            window.document.body.style.pointerEvents = '';
+            window.cvat.frozen = false;
+        }
+
         const { image } = model;
         const { frames } = model;
         const { geometry } = model;