Used Airbnb JavaScript style config for Eslint (#300)

.eslintrc.js

@@ -0,0 +1,35 @@
+/*
+ * Copyright (C) 2018 Intel Corporation
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+ module.exports = {
+    "env": {
+        "node": false,
+        "browser": true,
+        "es6": true,
+        "jquery": true,
+        "qunit": true,
+    },
+    "parserOptions": {
+        "sourceType": "script",
+    },
+    "plugins": [
+        "security",
+        "no-unsanitized",
+        "no-unsafe-innerhtml",
+    ],
+    "extends": [
+        "eslint:recommended",
+        "plugin:security/recommended",
+        "plugin:no-unsanitized/DOM",
+        "airbnb",
+    ],
+    "rules": {
+        "no-unsafe-innerhtml/no-unsafe-innerhtml": 1,
+        // This rule actual for user input data on the node.js environment mainly.
+        "security/detect-object-injection": 0,
+        "indent": ["warn", 4],
+    },
+};

CONTRIBUTING.md

@@ -57,6 +57,11 @@ $ code .
 
 You have done! Now it is possible to insert breakpoints and debug server and client of the tool.
 
+## JavaScript coding style
+
+We use the [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) for JavaScript code with a
+litle exception - we prefere 4 spaces for indentation of nested blocks and statements.
+
 ## Branching model
 
 The project uses [a successful Git branching model](https://nvie.com/posts/a-successful-git-branching-model).

cvat/apps/auto_annotation/static/auto_annotation/js/auto_annotation.js

@@ -4,6 +4,10 @@
  * SPDX-License-Identifier: MIT
 */
 
+/* global
+    showMessage:false
+*/
+
 "use strict";
 
 window.cvat = window.cvat || {};

cvat/apps/dashboard/static/dashboard/js/dashboard.js

@@ -4,6 +4,18 @@
  * SPDX-License-Identifier: MIT
  */
 
+/* global
+    AnnotationParser:false
+    Config:false
+    confirm:false
+    ConstIdGenerator:false
+    createExportContainer:false
+    dumpAnnotationRequest:false
+    LabelsInfo:false
+    showMessage:false
+    showOverlay:false
+*/
+
 "use strict";
 /* Server requests */
 function createTaskRequest(oData, onSuccessRequest, onSuccessCreate, onError, onComplete, onUpdateStatus) {

cvat/apps/documentation/static/documentation/js/shortcuts.js

@@ -4,8 +4,12 @@
  * SPDX-License-Identifier: MIT
  */
 
+/* global
+    Mousetrap:false
+*/
+
 Mousetrap.bind(window.cvat.config.shortkeys["open_help"].value, function() {
     window.open("/documentation/user_guide.html");
 
     return false;
-});
+});

cvat/apps/engine/static/engine/js/annotationParser.js

@@ -5,6 +5,11 @@
  */
 
 /* exported AnnotationParser */
+
+/* global
+    PolyShapeModel:false
+*/
+
 "use strict";
 
 class AnnotationParser {

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

@@ -5,6 +5,50 @@
  */
 
 /* exported callAnnotationUI blurAllElements drawBoxSize copyToClipboard */
+
+/* global
+    AAMController:false
+    AAMModel:false
+    AAMView:false
+    AnnotationParser:false
+    Config:false
+    confirm:false
+    CoordinateTranslator:false
+    dumpAnnotationRequest:false
+    HistoryController:false
+    HistoryModel:false
+    HistoryView:false
+    IncrementIdGenerator:false,
+    Logger:false
+    Mousetrap:false
+    PlayerController:false
+    PlayerModel:false
+    PlayerView:false
+    PolyshapeEditorController:false
+    PolyshapeEditorModel:false
+    PolyshapeEditorView:false
+    PolyShapeView:false
+    saveJobRequest:false
+    serverRequest:false
+    ShapeBufferController:false
+    ShapeBufferModel:false
+    ShapeBufferView:false
+    ShapeCollectionController:false
+    ShapeCollectionModel:false
+    ShapeCollectionView:false
+    ShapeCreatorController:false
+    ShapeCreatorModel:false
+    ShapeCreatorView:false
+    ShapeGrouperController:false
+    ShapeGrouperModel:false
+    ShapeGrouperView:false
+    ShapeMergerController:false
+    ShapeMergerModel:false
+    ShapeMergerView:false
+    showMessage:false
+    showOverlay:false
+*/
+
 "use strict";
 
 function callAnnotationUI(jid) {

cvat/apps/engine/static/engine/js/attributeAnnotationMode.js

@@ -4,7 +4,16 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* exported AAMModel AAMController AAMView */
+/* exported AAMModel AAMController AAMView AAMUndefinedKeyword */
+
+/* global
+    Listener:false
+    Logger:false
+    Mousetrap:false
+    PolyShapeModel:false
+    SVG:false
+*/
+
 "use strict";
 
 const AAMUndefinedKeyword = '__undefined__';

cvat/apps/engine/static/engine/js/base.js

@@ -5,15 +5,19 @@
  */
 
 /* exported
-    ExportType
     confirm
     createExportContainer
     dumpAnnotationRequest
+    ExportType
     getExportTargetContainer
     showMessage
     showOverlay
 */
 
+/* global
+    Cookies:false
+*/
+
 "use strict";
 
 Math.clamp = function(x, min, max) {

cvat/apps/engine/static/engine/js/bootstrap.js

@@ -4,6 +4,12 @@
  * SPDX-License-Identifier: MIT
  */
 
+/* global
+    callAnnotationUI:false
+    Logger:false
+    platform:false
+*/
+
 "use strict";
 
 String.prototype.normalize = function() {

cvat/apps/engine/static/engine/js/checkPlatform.js

@@ -4,6 +4,10 @@
  * SPDX-License-Identifier: MIT
  */
 
+/* global
+    platform:false
+*/
+
 // legacy syntax for IE support
 
 var supportedPlatforms = ['Chrome'];

cvat/apps/engine/static/engine/js/history.js

@@ -1,4 +1,16 @@
+/*
+ * Copyright (C) 2018 Intel Corporation
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
 /* exported HistoryModel HistoryController HistoryView */
+
+/* global
+    Listener:false
+    Logger:false
+    Mousetrap:false
+*/
 "use strict";
 
 class HistoryModel extends Listener {

cvat/apps/engine/static/engine/js/labelsInfo.js

@@ -5,6 +5,11 @@
  */
 
 /* exported LabelsInfo */
+
+/* global
+    showMessage:false
+*/
+
 "use strict";
 
 class LabelsInfo {

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

@@ -5,6 +5,11 @@
  */
 
 /* exported Logger */
+
+/* global
+    Cookies:false
+*/
+
 "use strict";
 
 var UserActivityHandler = function()

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

@@ -5,6 +5,15 @@
  */
 
 /* exported PlayerModel PlayerController PlayerView */
+
+/* global
+    blurAllElements:false
+    copyToClipboard:false
+    Listener:false
+    Logger:false
+    Mousetrap:false
+*/
+
 "use strict";
 
 class FrameProvider extends Listener {

cvat/apps/engine/static/engine/js/polyshapeEditor.js

@@ -6,6 +6,14 @@
 
 /* exported PolyshapeEditorModel PolyshapeEditorController PolyshapeEditorView */
 
+/* global
+    Listener:false
+    POINT_RADIUS:false
+    PolyShapeModel:false
+    STROKE_WIDTH:false
+    SVG:false
+*/
+
 "use strict";
 
 class PolyshapeEditorModel extends Listener {

cvat/apps/engine/static/engine/js/server.js

@@ -5,6 +5,11 @@
  */
 
 /* exported serverRequest saveJobRequest encodeFilePathToURI */
+
+/* global
+    showOverlay:false
+*/
+
 "use strict";
 
 function serverRequest(url, successCallback)

cvat/apps/engine/static/engine/js/shapeBuffer.js

@@ -5,6 +5,19 @@
  */
 
 /* exported ShapeBufferModel ShapeBufferController ShapeBufferView */
+
+/* global
+    AREA_TRESHOLD:false
+    confirm:false
+    Listener:false
+    Logger:false
+    Mousetrap:false
+    POINT_RADIUS:false
+    PolyShapeModel:false
+    STROKE_WIDTH:false
+    SVG:false
+*/
+
 "use strict";
 
 class ShapeBufferModel extends Listener  {

cvat/apps/engine/static/engine/js/shapeCollection.js

@@ -5,6 +5,28 @@
  */
 
 /* exported ShapeCollectionModel ShapeCollectionController ShapeCollectionView */
+
+/* global
+    buildShapeController:false
+    buildShapeModel:false
+    buildShapeView:false
+    copyToClipboard:false
+    createExportContainer:false
+    ExportType:false
+    FilterController:false
+    FilterModel:false
+    FilterView:false
+    getExportTargetContainer:false
+    Listener:false
+    Logger:false
+    Mousetrap:false
+    POINT_RADIUS:false
+    SELECT_POINT_STROKE_WIDTH:false
+    ShapeSplitter:false
+    STROKE_WIDTH:false
+    SVG:false
+*/
+
 "use strict";
 
 class ShapeCollectionModel extends Listener {

cvat/apps/engine/static/engine/js/shapeCreator.js

@@ -5,6 +5,19 @@
  */
 
 /* exported ShapeCreatorModel ShapeCreatorController ShapeCreatorView */
+
+/* global
+    AREA_TRESHOLD:false
+    drawBoxSize:false
+    Listener:false
+    Logger:false
+    Mousetrap:false
+    PolyShapeModel:false
+    showMessage:false
+    STROKE_WIDTH:false
+    SVG:false
+*/
+
 "use strict";
 
 class ShapeCreatorModel extends Listener {

cvat/apps/engine/static/engine/js/shapeGrouper.js

@@ -5,6 +5,14 @@
  */
 
 /* exported ShapeGrouperModel ShapeGrouperController ShapeGrouperView*/
+
+/* global
+    Listener:false
+    Logger:false
+    Mousetrap:false
+    STROKE_WIDTH:false
+*/
+
 "use strict";
 
 class ShapeGrouperModel extends Listener {

cvat/apps/engine/static/engine/js/shapeMerger.js

@@ -5,6 +5,13 @@
  */
 
 /* exported ShapeMergerModel ShapeMergerController ShapeMergerView*/
+
+/* global
+    Listener:false
+    Logger:false
+    Mousetrap:false
+*/
+
 "use strict";
 
 class ShapeMergerModel extends Listener {

cvat/apps/engine/static/engine/js/shapes.js

@@ -4,7 +4,19 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* exported PolyShapeModel buildShapeModel buildShapeController buildShapeView */
+/* exported PolyShapeModel buildShapeModel buildShapeController buildShapeView PolyShapeView */
+
+/* global
+    AAMUndefinedKeyword:false
+    blurAllElements:false
+    drawBoxSize:false
+    Listener:false
+    Logger:false
+    Mousetrap:false
+    ShapeCollectionView:false
+    SVG:false
+*/
+
 "use strict";
 
 const STROKE_WIDTH = 2.5;

cvat/apps/git/static/git/js/dashboardPlugin.js

@@ -4,6 +4,10 @@
  * SPDX-License-Identifier: MIT
  */
 
+/* global
+    showMessage:false
+*/
+
 "use strict";
 
 window.cvat = window.cvat || {};

cvat/apps/log_viewer/static/log_viewer/js/shortcuts.js

@@ -4,6 +4,10 @@
  * SPDX-License-Identifier: MIT
  */
 
+/* global
+    Mousetrap:false
+*/
+
 Mousetrap.bind(window.cvat.config.shortkeys["open_analytics"].value, function() {
     window.open("/analytics/app/kibana");
 

cvat/apps/tf_annotation/static/tf_annotation/js/tf_annotation.js

@@ -4,6 +4,11 @@
  * SPDX-License-Identifier: MIT
  */
 
+/* global
+    confirm:false
+    showMessage:false
+*/
+
 "use strict";
 
 function CheckTFAnnotationRequest(taskId, tfAnnotationButton) {