Merge branch 'master' into 38869-commitslist38869-commitslist

* master: (83 commits)
  Move cycle analytics banner into a vue file
  Remove executable permissions on images to make docs lint happy
  Sync up hard coded DN class in migration
  Redefine `respond_to?` in light of `method_missing`
  Make internal methods private
  Leave bad DNs alone instead of raising errors
  Refactor DN error classes
  Add changelog entry for LDAP normalization
  Add migration specs
  Move migration to background
  Update DN class in migration
  Normalize values, reusing DN normalization code
  Remove telephoneNumber format comment
  Fix space stripping
  Rename method to `to_normalized_s`
  Refactor initialize method for clarity
  Move downcasing to normalize method
  Normalize existing persisted DNs
  Resolve Rubocop offenses
  Switch to new DN class
  ...

1 files changed, 4 insertions, 1 deletions

diff --git a/app/assets/javascripts/diff.js b/app/assets/javascripts/diff.js
index 9ddfdb6ae21..6c78662baa7 100644
--- a/app/assets/javascripts/diff.js
+++ b/app/assets/javascripts/diff.js
@@ -3,6 +3,7 @@
 import './lib/utils/url_utility';
 import FilesCommentButton from './files_comment_button';
 import SingleFileDiff from './single_file_diff';
+import imageDiffHelper from './image_diff/helpers/index';
 
 const UNFOLD_COUNT = 20;
 let isBound = false;
@@ -20,7 +21,9 @@ class Diff {
     const tab = document.getElementById('diffs');
     if (!tab || (tab && tab.dataset && tab.dataset.isLocked !== '')) FilesCommentButton.init($diffFile);
 
-    $diffFile.each((index, file) => new gl.ImageFile(file));
+    const firstFile = $('.files').first().get(0);
+    const canCreateNote = firstFile && firstFile.hasAttribute('data-can-create-note');
+    $diffFile.each((index, file) => imageDiffHelper.initImageDiff(file, canCreateNote));
 
     if (!isBound) {
       $(document)