Refactor js code, add linting, webpack and all that jazz

Need to change php files so that they work with the newly refactored js code.

.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    ["env", {
+      "targets": {
+        "browsers": ["last 2 versions", "not ie < 11", "android >= 4.2"]
+      }
+    }]
+  ]
+}

.esclintignore

@@ -0,0 +1,2 @@
+/vendors/*
+/node_modules/*

.eslintrc

@@ -0,0 +1,281 @@
+{
+  "parser": "babel-eslint",
+  "globals": {
+    "__VERSION__": true
+  },
+  "env": {
+
+    # You can change environment depending on the project you are working on
+    "browser": true,
+    "node": true,
+    "commonjs": true,
+    "es6": true,
+    "jquery": true
+  },
+  "parserOptions": {
+
+    # If you are using ES5 change ecmaVersion to 5 and comment last block of rules (ECMAScript 6 block)
+    "ecmaVersion": 6,
+    "ecmaFeatures": {
+      "arrowFunctions": true,
+      "blockBindings": true,
+      "classes": true,
+      "defaultParams": true,
+      "destructuring": true,
+      "forOf": true,
+      "generators": false,
+      "modules": true,
+      "objectLiteralComputedProperties": true,
+      "objectLiteralDuplicateProperties": false,
+      "objectLiteralShorthandMethods": true,
+      "objectLiteralShorthandProperties": true,
+      "spread": true,
+      "superInFunctions": true,
+      "templateStrings": true,
+      "jsx": true
+    }
+  },
+  "rules": {
+
+    /**
+    * Possible errors
+    */
+
+    "comma-dangle": [1, "never"],
+    "no-cond-assign": [2, "always"],
+    "no-console": 1,
+    "no-constant-condition": 1,
+    "no-control-regex": 1,
+    "no-debugger": 1,
+    "no-dupe-args": 1,
+    "no-dupe-keys": 1,
+    "no-duplicate-case": 2,
+    "no-empty": 1,
+    "no-empty-character-class": 1,
+    "no-ex-assign": 2,
+    "no-extra-boolean-cast": 1,
+    "no-extra-parens": [2, "functions"],
+    "no-extra-semi": 2,
+    "no-func-assign": 2,
+    "no-inner-declarations": 2,
+    "no-invalid-regexp": 2,
+    "no-irregular-whitespace": 2,
+    "no-negated-in-lhs": 1,
+    "no-obj-calls": 2,
+    "no-regex-spaces": 2,
+    "no-sparse-arrays": 2,
+    "no-unexpected-multiline": 2,
+    "no-unreachable": 2,
+    "use-isnan": 2,
+    "valid-jsdoc": 1,
+    "valid-typeof": 1,
+
+    /**
+    * Best practices
+    */
+
+    "accessor-pairs": 1,
+    "array-callback-return": 2,
+    "block-scoped-var": 2,
+    "complexity": 0,
+    "consistent-return": 1,
+    "curly": [2, "all"],
+    "default-case": 2,
+    "dot-location": [1, "property"],
+    "dot-notation": [2, {
+      "allowKeywords": true,
+      "allowPattern": "^[a-z]+(_[a-z]+)+$" //
+    }],
+    "eqeqeq": 2,
+    "guard-for-in": 2,
+    "no-alert": 1,
+    "no-caller": 2,
+    "no-case-declarations": 2,
+    "no-div-regex": 2,
+    "no-else-return": 2,
+    "no-empty-function": 1,
+    "no-empty-pattern": 2,
+    "no-eq-null": 2,
+    "no-eval": 2,
+    "no-extend-native": 2,
+    "no-extra-bind": 2,
+    "no-extra-label": 0,
+    "no-fallthrough": 1,
+    "no-floating-decimal": 2,
+    "no-implicit-coercion": [2, {
+      "number": true,
+      "boolean": false
+    }],
+    "no-implicit-globals": 0,
+    "no-implied-eval": 2,
+    "no-invalid-this": 0,
+    "no-iterator": 2,
+    "no-labels": 2,
+    "no-lone-blocks": 2,
+    "no-loop-func": 2,
+    "no-magic-numbers": 0,
+    "no-multi-spaces": 2,
+    "no-multi-str": 2,
+    "no-native-reassign": 2,
+    "no-new": 2,
+    "no-new-func": 2,
+    "no-new-wrappers": 2,
+    "no-octal": 2,
+    "no-octal-escape": 2,
+    "no-param-reassign": [2, {"props": false}],
+    "no-proto": 2,
+    "no-redeclare": 2,
+    "no-return-assign": 2,
+    "no-script-url": 2,
+    "no-self-assign": 2,
+    "no-self-compare": 2,
+    "no-sequences": 2,
+    "no-throw-literal": 2,
+    "no-unmodified-loop-condition": 1,
+    "no-unused-expressions": 2,
+    "no-unused-labels": 2,
+    "no-useless-call": 2,
+    "no-useless-concat": 1,
+    "no-void": 2,
+    "no-warning-comments": 0,
+    "no-with": 2,
+    "radix": 2,
+    "vars-on-top": 0,
+    "wrap-iife": [2, "inside"],
+    "yoda": 2,
+
+    /**
+    * Strict Mode
+    */
+
+    "strict": 1,
+
+    /**
+    * Variables
+    */
+
+    "init-declarations": 0,
+    "no-catch-shadow": 2,
+    "no-delete-var": 2,
+    "no-label-var": 0,
+    "no-restricted-globals": 0,
+    "no-shadow": [1, { "hoist": "all" }],
+    "no-shadow-restricted-names": 2,
+    "no-undef": 2,
+    "no-undef-init": 2,
+    "no-undefined": 2,
+    "no-unused-vars": [1, {
+      "vars": "local",
+      "args": "after-used"
+    }],
+    "no-use-before-define": 2,
+
+    /**
+    * Stylistic Issues
+    */
+
+    "array-bracket-spacing": [2, "never"],
+    "block-spacing": 2,
+    "brace-style": [2,
+      "1tbs", {
+      "allowSingleLine": false
+    }],
+    "camelcase": [2, {"properties": "always"}],
+    "comma-spacing": [2, {"before": false, "after": true}],
+    "comma-style": 2,
+    "computed-property-spacing": [2, "never"],
+    "consistent-this": [1, "self"],
+    "eol-last": 2,
+    "func-names": 0,
+    "func-style": 0,
+    "id-blacklist": 0,
+    "id-length": 0,
+    "id-match": 0,
+    "indent": [2, 2],
+    "jsx-quotes": 0,
+    "key-spacing": [2, {"beforeColon": false, "afterColon": true}],
+    "keyword-spacing": 2,
+    "linebreak-style": 0,
+    "lines-around-comment": [2, { "beforeBlockComment": true, "beforeLineComment": true }],
+    "max-depth": 0,
+    "max-len": 0,
+    "max-nested-callbacks": 0,
+    "max-params": 0,
+    "max-statements": 0,
+    "new-cap": [2, {
+      "newIsCap": true
+    }],
+    "new-parens": 2,
+    "newline-after-var": 0,
+    "newline-before-return": 0,
+    "newline-per-chained-call": 0,
+    "no-array-constructor": 2,
+    "no-bitwise": 2,
+    "no-continue": 0,
+    "no-inline-comments": 0,
+    "no-lonely-if": 2,
+    "no-mixed-spaces-and-tabs": 2,
+    "no-multiple-empty-lines": 0,
+    "no-negated-condition": 0,
+    "no-nested-ternary": 2,
+    "no-new-object": 2,
+    "no-plusplus": 0,
+    "no-restricted-syntax": 0,
+    "no-spaced-func": 2,
+    "no-ternary": 0,
+    "no-trailing-spaces": [2, {
+      "skipBlankLines": true
+    }],
+    "no-underscore-dangle": 0,
+    "no-unneeded-ternary": 2,
+    "no-whitespace-before-property": 2,
+    "object-curly-spacing": [2, "never"],
+    "one-var": [2, "never"],
+    "one-var-declaration-per-line": 0,
+    "operator-assignment": [2, "always"],
+    "operator-linebreak": [2, "before"],
+    "padded-blocks": 0,
+    "quote-props": [2, "as-needed"],
+    "quotes": [2, "single"],
+    "require-jsdoc": 0,
+    "semi": [2, "always"],
+    "semi-spacing": [2, {"before": false, "after": true}],
+    "sort-imports": 0,
+    "sort-vars": 0,
+    "space-before-blocks": 2,
+    "space-before-function-paren": [2, "never"],
+    "space-in-parens": [2, "never"],
+    "space-infix-ops": [2, {"int32Hint": false}],
+    "space-unary-ops": 1,
+    "spaced-comment": [2, "always"],
+    "wrap-regex": 2,
+
+    /**
+    * ECMAScript 6
+    */
+
+    "arrow-body-style": [2, "as-needed"],
+    "arrow-parens": [2, "always"],
+    "arrow-spacing": [2, { "before": true, "after": true }],
+    "constructor-super": 1,
+    "generator-star-spacing": 0,
+    "no-class-assign": 2,
+    "no-confusing-arrow": 1,
+    "no-const-assign": 2,
+    "no-dupe-class-members": 2,
+    "no-new-symbol": 2,
+    "no-this-before-super": 2,
+    "no-useless-constructor": 1,
+    "no-var": 1,
+    "object-shorthand": 1,
+    "prefer-arrow-callback": 0,
+    "prefer-const": 1,
+    "prefer-reflect": 0,
+    "prefer-rest-params": 1,
+    "prefer-spread": 2,
+    "prefer-template": 1,
+    "require-yield": 1,
+    "template-curly-spacing": [1, "never"],
+    "yield-star-spacing": [1, "before"]
+  }
+}