Install new TUI Image Editor [SCI-6166] (#3706)

Co-authored-by: Anton <anton@scinote.net>

app/assets/javascripts/sitewide/image_editor.js

@@ -2,6 +2,7 @@
 /* eslint-disable no-underscore-dangle */
 
 var ImageEditorModal = (function() {
+
   function updateFabricControls() {
     fabric.Object.prototype.drawBorders = function(ctx, styleOverride = {}) {
       var wh = this._calculateCurrentDimensions();
@@ -174,30 +175,10 @@ var ImageEditorModal = (function() {
       'downloadButton.fontFamily': '\'Noto Sans\', sans-serif',
       'downloadButton.fontSize': '12px',
 
-      // main icons
-      'menu.normalIcon.path': '/images/icon-d.svg',
-      'menu.normalIcon.name': 'icon-d',
-      'menu.activeIcon.path': '/images/icon-b.svg',
-      'menu.activeIcon.name': 'icon-b',
-      'menu.disabledIcon.path': '/images/icon-a.svg',
-      'menu.disabledIcon.name': 'icon-a',
-      'menu.hoverIcon.path': '/images/icon-c.svg',
-      'menu.hoverIcon.name': 'icon-c',
-      'menu.iconSize.width': '24px',
-      'menu.iconSize.height': '24px',
-
       // submenu primary color
       'submenu.backgroundColor': '#1e1e1e',
       'submenu.partition.color': '#3c3c3c',
 
-      // submenu icons
-      'submenu.normalIcon.path': '/images/icon-d.svg',
-      'submenu.normalIcon.name': 'icon-d',
-      'submenu.activeIcon.path': '/images/icon-c.svg',
-      'submenu.activeIcon.name': 'icon-c',
-      'submenu.iconSize.width': '32px',
-      'submenu.iconSize.height': '32px',
-
       // submenu labels
       'submenu.normalLabel.color': '#8a8a8a',
       'submenu.normalLabel.fontWeight': 'lighter',
@@ -261,6 +242,7 @@ var ImageEditorModal = (function() {
     });
 
     ps = new PerfectScrollbar($('.tui-image-editor-wrap')[0], { wheelSpeed: 0.5 });
+    /*
     $('#tui-image-editor .tui-image-editor').on('mousewheel', (e) => {
       var imageOriginalSize = {
         width: imageEditor._graphics.canvasImage.width,
@@ -329,6 +311,7 @@ var ImageEditorModal = (function() {
     });
     $('.tui-image-editor-wrap')[0].onwheel = function() { return false; };
     $('.tui-image-editor-wrap').css('height', 'calc(100% - 150px)');
+    */
 
     $('#fileEditModal').find('.file-name').text('Editing: ' + data.filename);
     $('#fileEditModal').modal('show');
@@ -397,7 +380,7 @@ var ImageEditorModal = (function() {
   function preInitImageEditor() {
     $(document).on('click', '.image-edit-button', function() {
       var editButton = $(this);
-      updateFabricControls();
+      //updateFabricControls();
       $.get(editButton.data('image-url'), function(responseData) {
         var fileUrl = responseData;
         var data = {

package.json

@@ -110,7 +110,7 @@
     "styled-components": "^2.4.1",
     "tui-code-snippet": "^1.5.0",
     "tui-color-picker": "^2.2.0",
-    "tui-image-editor": "git://github.com/biosistemika/tui.image-editor",
+    "tui-image-editor": "git://github.com/aignatov-bio/tui.image-editor#3_15_2_updated",
     "twemoji": "^12.1.4",
     "typeface-lato": "^0.0.75",
     "vue-loader": "^15.9.1",