88 lines
3.1 KiB
JavaScript
88 lines
3.1 KiB
JavaScript
/* eslint-disable func-names, space-before-function-paren, no-var, prefer-rest-params, wrap-iife, camelcase, no-param-reassign, quotes, prefer-template, no-new, comma-dangle, one-var, one-var-declaration-per-line, prefer-arrow-callback, no-else-return, no-unused-vars, max-len */
|
|
/* global ace */
|
|
/* global BlobGitignoreSelectors */
|
|
|
|
(function() {
|
|
var bind = function(fn, me) { return function() { return fn.apply(me, arguments); }; };
|
|
|
|
this.EditBlob = (function() {
|
|
function EditBlob(assets_path, ace_mode) {
|
|
if (ace_mode == null) {
|
|
ace_mode = null;
|
|
}
|
|
this.editModeLinkClickHandler = bind(this.editModeLinkClickHandler, this);
|
|
ace.config.set("modePath", assets_path + "/ace");
|
|
ace.config.loadModule("ace/ext/searchbox");
|
|
this.editor = ace.edit("editor");
|
|
this.editor.focus();
|
|
if (ace_mode) {
|
|
this.editor.getSession().setMode("ace/mode/" + ace_mode);
|
|
}
|
|
$('form').submit((function(_this) {
|
|
return function() {
|
|
return $("#file-content").val(_this.editor.getValue());
|
|
};
|
|
// Before a form submission, move the content from the Ace editor into the
|
|
// submitted textarea
|
|
})(this));
|
|
this.initModePanesAndLinks();
|
|
this.initSoftWrap();
|
|
new gl.BlobLicenseSelectors({
|
|
editor: this.editor
|
|
});
|
|
new BlobGitignoreSelectors({
|
|
editor: this.editor
|
|
});
|
|
new gl.BlobCiYamlSelectors({
|
|
editor: this.editor
|
|
});
|
|
new gl.BlobDockerfileSelectors({
|
|
editor: this.editor
|
|
});
|
|
}
|
|
|
|
EditBlob.prototype.initModePanesAndLinks = function() {
|
|
this.$editModePanes = $(".js-edit-mode-pane");
|
|
this.$editModeLinks = $(".js-edit-mode a");
|
|
return this.$editModeLinks.click(this.editModeLinkClickHandler);
|
|
};
|
|
|
|
EditBlob.prototype.editModeLinkClickHandler = function(event) {
|
|
var currentLink, currentPane, paneId;
|
|
event.preventDefault();
|
|
currentLink = $(event.target);
|
|
paneId = currentLink.attr("href");
|
|
currentPane = this.$editModePanes.filter(paneId);
|
|
this.$editModeLinks.parent().removeClass("active hover");
|
|
currentLink.parent().addClass("active hover");
|
|
this.$editModePanes.hide();
|
|
currentPane.fadeIn(200);
|
|
if (paneId === "#preview") {
|
|
this.$toggleButton.hide();
|
|
return $.post(currentLink.data("preview-url"), {
|
|
content: this.editor.getValue()
|
|
}, function(response) {
|
|
currentPane.empty().append(response);
|
|
return currentPane.renderGFM();
|
|
});
|
|
} else {
|
|
this.$toggleButton.show();
|
|
return this.editor.focus();
|
|
}
|
|
};
|
|
|
|
EditBlob.prototype.initSoftWrap = function() {
|
|
this.isSoftWrapped = false;
|
|
this.$toggleButton = $('.soft-wrap-toggle');
|
|
this.$toggleButton.on('click', this.toggleSoftWrap.bind(this));
|
|
};
|
|
|
|
EditBlob.prototype.toggleSoftWrap = function(e) {
|
|
this.isSoftWrapped = !this.isSoftWrapped;
|
|
this.$toggleButton.toggleClass('soft-wrap-active', this.isSoftWrapped);
|
|
this.editor.getSession().setUseWrapMode(this.isSoftWrapped);
|
|
};
|
|
|
|
return EditBlob;
|
|
})();
|
|
}).call(this);
|