Export old code into es6 modules

1 files changed, 146 insertions, 152 deletions

diff --git a/app/assets/javascripts/project_find_file.js b/app/assets/javascripts/project_find_file.js
index 19682b20a4a..0da32b4a3cc 100644
--- a/app/assets/javascripts/project_find_file.js
+++ b/app/assets/javascripts/project_find_file.js
@@ -2,169 +2,163 @@
 
 import fuzzaldrinPlus from 'fuzzaldrin-plus';
 
-(function() {
-  this.ProjectFindFile = (function() {
-    var highlighter;
-
-    function ProjectFindFile(element1, options) {
-      this.element = element1;
-      this.options = options;
-      this.goToBlob = this.goToBlob.bind(this);
-      this.goToTree = this.goToTree.bind(this);
-      this.selectRowDown = this.selectRowDown.bind(this);
-      this.selectRowUp = this.selectRowUp.bind(this);
-      this.filePaths = {};
-      this.inputElement = this.element.find(".file-finder-input");
-      // init event
-      this.initEvent();
-      // focus text input box
-      this.inputElement.focus();
-      // load file list
-      this.load(this.options.url);
+// highlight text(awefwbwgtc -> <b>a</b>wefw<b>b</b>wgt<b>c</b> )
+const highlighter = function(element, text, matches) {
+  var highlightText, j, lastIndex, len, matchIndex, matchedChars, unmatched;
+  lastIndex = 0;
+  highlightText = "";
+  matchedChars = [];
+  for (j = 0, len = matches.length; j < len; j += 1) {
+    matchIndex = matches[j];
+    unmatched = text.substring(lastIndex, matchIndex);
+    if (unmatched) {
+      if (matchedChars.length) {
+        element.append(matchedChars.join("").bold());
+      }
+      matchedChars = [];
+      element.append(document.createTextNode(unmatched));
     }
-
-    ProjectFindFile.prototype.initEvent = function() {
-      this.inputElement.off("keyup");
-      this.inputElement.on("keyup", (function(_this) {
-        return function(event) {
-          var oldValue, ref, target, value;
-          target = $(event.target);
-          value = target.val();
-          oldValue = (ref = target.data("oldValue")) != null ? ref : "";
-          if (value !== oldValue) {
-            target.data("oldValue", value);
-            _this.findFile();
-            return _this.element.find("tr.tree-item").eq(0).addClass("selected").focus();
-          }
-        };
-      })(this));
-    };
-
-    ProjectFindFile.prototype.findFile = function() {
-      var result, searchText;
-      searchText = this.inputElement.val();
-      result = searchText.length > 0 ? fuzzaldrinPlus.filter(this.filePaths, searchText) : this.filePaths;
-      return this.renderList(result, searchText);
-    // find file
-    };
+    matchedChars.push(text[matchIndex]);
+    lastIndex = matchIndex + 1;
+  }
+  if (matchedChars.length) {
+    element.append(matchedChars.join("").bold());
+  }
+  return element.append(document.createTextNode(text.substring(lastIndex)));
+};
+
+export default class ProjectFindFile {
+  constructor(element1, options) {
+    this.element = element1;
+    this.options = options;
+    this.goToBlob = this.goToBlob.bind(this);
+    this.goToTree = this.goToTree.bind(this);
+    this.selectRowDown = this.selectRowDown.bind(this);
+    this.selectRowUp = this.selectRowUp.bind(this);
+    this.filePaths = {};
+    this.inputElement = this.element.find(".file-finder-input");
+    // init event
+    this.initEvent();
+    // focus text input box
+    this.inputElement.focus();
+    // load file list
+    this.load(this.options.url);
+  }
+
+  initEvent() {
+    this.inputElement.off("keyup");
+    this.inputElement.on("keyup", (function(_this) {
+      return function(event) {
+        var oldValue, ref, target, value;
+        target = $(event.target);
+        value = target.val();
+        oldValue = (ref = target.data("oldValue")) != null ? ref : "";
+        if (value !== oldValue) {
+          target.data("oldValue", value);
+          _this.findFile();
+          return _this.element.find("tr.tree-item").eq(0).addClass("selected").focus();
+        }
+      };
+    })(this));
+  }
+
+  findFile() {
+    var result, searchText;
+    searchText = this.inputElement.val();
+    result = searchText.length > 0 ? fuzzaldrinPlus.filter(this.filePaths, searchText) : this.filePaths;
+    return this.renderList(result, searchText);
+  // find file
+  }
 
     // files pathes load
-    ProjectFindFile.prototype.load = function(url) {
-      return $.ajax({
-        url: url,
-        method: "get",
-        dataType: "json",
-        success: (function(_this) {
-          return function(data) {
-            _this.element.find(".loading").hide();
-            _this.filePaths = data;
-            _this.findFile();
-            return _this.element.find(".files-slider tr.tree-item").eq(0).addClass("selected").focus();
-          };
-        })(this)
-      });
-    };
+  load(url) {
+    return $.ajax({
+      url: url,
+      method: "get",
+      dataType: "json",
+      success: (function(_this) {
+        return function(data) {
+          _this.element.find(".loading").hide();
+          _this.filePaths = data;
+          _this.findFile();
+          return _this.element.find(".files-slider tr.tree-item").eq(0).addClass("selected").focus();
+        };
+      })(this)
+    });
+  }
 
     // render result
-    ProjectFindFile.prototype.renderList = function(filePaths, searchText) {
-      var blobItemUrl, filePath, html, i, j, len, matches, results;
-      this.element.find(".tree-table > tbody").empty();
-      results = [];
-      for (i = j = 0, len = filePaths.length; j < len; i = (j += 1)) {
-        filePath = filePaths[i];
-        if (i === 20) {
-          break;
-        }
-        if (searchText) {
-          matches = fuzzaldrinPlus.match(filePath, searchText);
-        }
-        blobItemUrl = this.options.blobUrlTemplate + "/" + filePath;
-        html = this.makeHtml(filePath, matches, blobItemUrl);
-        results.push(this.element.find(".tree-table > tbody").append(html));
-      }
-      return results;
-    };
-
-    // highlight text(awefwbwgtc -> <b>a</b>wefw<b>b</b>wgt<b>c</b> )
-    highlighter = function(element, text, matches) {
-      var highlightText, j, lastIndex, len, matchIndex, matchedChars, unmatched;
-      lastIndex = 0;
-      highlightText = "";
-      matchedChars = [];
-      for (j = 0, len = matches.length; j < len; j += 1) {
-        matchIndex = matches[j];
-        unmatched = text.substring(lastIndex, matchIndex);
-        if (unmatched) {
-          if (matchedChars.length) {
-            element.append(matchedChars.join("").bold());
-          }
-          matchedChars = [];
-          element.append(document.createTextNode(unmatched));
-        }
-        matchedChars.push(text[matchIndex]);
-        lastIndex = matchIndex + 1;
-      }
-      if (matchedChars.length) {
-        element.append(matchedChars.join("").bold());
+  renderList(filePaths, searchText) {
+    var blobItemUrl, filePath, html, i, j, len, matches, results;
+    this.element.find(".tree-table > tbody").empty();
+    results = [];
+    for (i = j = 0, len = filePaths.length; j < len; i = (j += 1)) {
+      filePath = filePaths[i];
+      if (i === 20) {
+        break;
       }
-      return element.append(document.createTextNode(text.substring(lastIndex)));
-    };
-
-    // make tbody row html
-    ProjectFindFile.prototype.makeHtml = function(filePath, matches, blobItemUrl) {
-      var $tr;
-      $tr = $("<tr class='tree-item'><td class='tree-item-file-name link-container'><a><i class='fa fa-file-text-o fa-fw'></i><span class='str-truncated'></span></a></td></tr>");
-      if (matches) {
-        $tr.find("a").replaceWith(highlighter($tr.find("a"), filePath, matches).attr("href", blobItemUrl));
-      } else {
-        $tr.find("a").attr("href", blobItemUrl);
-        $tr.find(".str-truncated").text(filePath);
+      if (searchText) {
+        matches = fuzzaldrinPlus.match(filePath, searchText);
       }
-      return $tr;
-    };
-
-    ProjectFindFile.prototype.selectRow = function(type) {
-      var next, rows, selectedRow;
-      rows = this.element.find(".files-slider tr.tree-item");
-      selectedRow = this.element.find(".files-slider tr.tree-item.selected");
-      if (rows && rows.length > 0) {
-        if (selectedRow && selectedRow.length > 0) {
-          if (type === "UP") {
-            next = selectedRow.prev();
-          } else if (type === "DOWN") {
-            next = selectedRow.next();
-          }
-          if (next.length > 0) {
-            selectedRow.removeClass("selected");
-            selectedRow = next;
-          }
-        } else {
-          selectedRow = rows.eq(0);
+      blobItemUrl = this.options.blobUrlTemplate + "/" + filePath;
+      html = ProjectFindFile.makeHtml(filePath, matches, blobItemUrl);
+      results.push(this.element.find(".tree-table > tbody").append(html));
+    }
+    return results;
+  }
+
+  // make tbody row html
+  static makeHtml(filePath, matches, blobItemUrl) {
+    var $tr;
+    $tr = $("<tr class='tree-item'><td class='tree-item-file-name link-container'><a><i class='fa fa-file-text-o fa-fw'></i><span class='str-truncated'></span></a></td></tr>");
+    if (matches) {
+      $tr.find("a").replaceWith(highlighter($tr.find("a"), filePath, matches).attr("href", blobItemUrl));
+    } else {
+      $tr.find("a").attr("href", blobItemUrl);
+      $tr.find(".str-truncated").text(filePath);
+    }
+    return $tr;
+  }
+
+  selectRow(type) {
+    var next, rows, selectedRow;
+    rows = this.element.find(".files-slider tr.tree-item");
+    selectedRow = this.element.find(".files-slider tr.tree-item.selected");
+    if (rows && rows.length > 0) {
+      if (selectedRow && selectedRow.length > 0) {
+        if (type === "UP") {
+          next = selectedRow.prev();
+        } else if (type === "DOWN") {
+          next = selectedRow.next();
+        }
+        if (next.length > 0) {
+          selectedRow.removeClass("selected");
+          selectedRow = next;
         }
-        return selectedRow.addClass("selected").focus();
+      } else {
+        selectedRow = rows.eq(0);
       }
-    };
-
-    ProjectFindFile.prototype.selectRowUp = function() {
-      return this.selectRow("UP");
-    };
+      return selectedRow.addClass("selected").focus();
+    }
+  }
 
-    ProjectFindFile.prototype.selectRowDown = function() {
-      return this.selectRow("DOWN");
-    };
+  selectRowUp() {
+    return this.selectRow("UP");
+  }
 
-    ProjectFindFile.prototype.goToTree = function() {
-      return location.href = this.options.treeUrl;
-    };
+  selectRowDown() {
+    return this.selectRow("DOWN");
+  }
 
-    ProjectFindFile.prototype.goToBlob = function() {
-      var $link = this.element.find(".tree-item.selected .tree-item-file-name a");
+  goToTree() {
+    return location.href = this.options.treeUrl;
+  }
 
-      if ($link.length) {
-        $link.get(0).click();
-      }
-    };
+  goToBlob() {
+    var $link = this.element.find(".tree-item.selected .tree-item-file-name a");
 
-    return ProjectFindFile;
-  })();
-}).call(window);
+    if ($link.length) {
+      $link.get(0).click();
+    }
+  }
+}