Revision c4ba83b0
Added by Ohad Levy almost 12 years ago
- ID c4ba83b0d8c96b83b49e8843dd2fe465b7738cc8
| public/javascripts/config_template.js | ||
|---|---|---|
|
var $editor
|
||
|
|
||
|
$(function() {
|
||
|
var template_text = $(".template_text");
|
||
|
if (template_text.size() >0) { create_editor(template_text) };
|
||
|
if ($('.diffMode').size() >0) {
|
||
|
set_diff_mode(template_text);
|
||
|
} else {
|
||
|
set_edit_mode(template_text);
|
||
|
}
|
||
|
|
||
|
$(".template_file").on("change", function(){
|
||
|
if ($(".template_file").val() != ""){
|
||
|
$("#edit_template_tab").hide();
|
||
|
$("#history_tab").hide();
|
||
|
$(".template_file").addClass('btn-success');
|
||
|
}
|
||
|
})
|
||
|
|
||
|
$(".clear_file").on("click", function(){
|
||
|
$(".template_file").val("");
|
||
|
$("#edit_template_tab").show();
|
||
|
$("#history_tab").show();
|
||
|
$(".template_file").removeClass('btn-success');
|
||
|
})
|
||
|
|
||
|
$("#keybinding").on("change", function() {
|
||
|
var vim = require("ace/keyboard/keybinding/vim").Vim;
|
||
|
var emacs = require("ace/keyboard/keybinding/emacs").Emacs;
|
||
|
var keybindings = {
|
||
|
Default: null, // Null = use "default" keymapping
|
||
|
Vim: vim,
|
||
|
Emacs: emacs};
|
||
|
|
||
|
$editor.setKeyboardHandler(keybindings[$("#keybinding").val()]);
|
||
|
})
|
||
|
});
|
||
|
|
||
|
function snippet_changed(item){
|
||
|
var checked = !!$(item).attr('checked');
|
||
| ... | ... | |
|
$('#snippet_message').toggle(checked);
|
||
|
$('#association').toggle(!checked);
|
||
|
}
|
||
|
$(function() {
|
||
|
var text_area = $(".template_text");
|
||
|
text_area.parent().prepend("<div id='editor1'></div>");
|
||
|
function create_editor(item) {
|
||
|
|
||
|
item.parent().prepend("<div id='editor1'></div>");
|
||
|
|
||
|
$("#editor1")
|
||
|
.css("position","relative")
|
||
|
.height(text_area.height())
|
||
|
.width(text_area.width());
|
||
|
text_area.hide();
|
||
|
.height(item.height() || '360')
|
||
|
.width(item.width());
|
||
|
item.hide();
|
||
|
|
||
|
var editor = ace.edit("editor1");
|
||
|
editor.setTheme("ace/theme/twilight");
|
||
|
editor.setShowPrintMargin(false);
|
||
|
editor.renderer.setShowGutter(false);
|
||
|
$editor = ace.edit("editor1");
|
||
|
$editor.setShowPrintMargin(false);
|
||
|
$editor.renderer.setShowGutter(false);
|
||
|
}
|
||
|
|
||
|
|
||
|
function set_preview(){
|
||
|
if($('.template_text').hasClass('diffMode')) return;
|
||
|
$('.template_text').addClass('diffMode');
|
||
|
$('#new').html( $editor.getSession().getValue());
|
||
|
set_diff_mode($('.template_text'))
|
||
|
}
|
||
|
|
||
|
function set_code(){
|
||
|
$('.template_text').removeClass('diffMode');
|
||
|
set_edit_mode($('.template_text'));
|
||
|
}
|
||
|
|
||
|
function set_edit_mode(item){
|
||
|
$editor.setTheme("ace/theme/twilight");
|
||
|
$editor.setReadOnly(false);
|
||
|
var RubyMode = require("ace/mode/ruby").Mode;
|
||
|
var session = editor.getSession();
|
||
|
var session = $editor.getSession();
|
||
|
session.setMode(new RubyMode());
|
||
|
|
||
|
var content = text_area.text();
|
||
|
session.setValue(content);
|
||
|
session.setValue($('#new').text());
|
||
|
session.on('change', function(){
|
||
|
text_area.text(session.getValue());
|
||
|
item.text(session.getValue());
|
||
|
});
|
||
|
}
|
||
|
|
||
|
$(".template_file").on("change", function(){
|
||
|
if ($(".template_file").val() != ""){
|
||
|
editor.setReadOnly(true);
|
||
|
editor.setTheme("ace/theme/dawn");
|
||
|
$(".template_file").addClass('btn-inverse');
|
||
|
}
|
||
|
})
|
||
|
|
||
|
$(".clear_file").on("click", function(){
|
||
|
$(".template_file").val("");
|
||
|
editor.setReadOnly(false);
|
||
|
editor.setTheme("ace/theme/twilight");
|
||
|
$(".template_file").removeClass('btn-inverse');
|
||
|
false;
|
||
|
})
|
||
|
function set_diff_mode(item){
|
||
|
$editor.setTheme("ace/theme/clouds");
|
||
|
$editor.setReadOnly(true);
|
||
|
var DiffMode = require("ace/mode/diff").Mode;
|
||
|
var session = $editor.getSession();
|
||
|
session.setMode(new DiffMode());
|
||
|
var patch = JsDiff.createPatch(item.attr('data-file-name'), $('#old').text(), $('#new').text());
|
||
|
$(session).off('change');
|
||
|
session.setValue(patch);
|
||
|
}
|
||
|
|
||
|
if ($('#diffLines').size() >0) {
|
||
|
editor.setTheme("ace/theme/clouds");
|
||
|
editor.setReadOnly(true);
|
||
|
var DiffMode = require("ace/mode/diff").Mode;
|
||
|
session.setMode(new DiffMode());
|
||
|
var patch = JsDiff.createPatch($('#diffLines').attr('data-file-name'), $('#old').text(), $('#new').text() );
|
||
|
session.setValue(patch);
|
||
|
}
|
||
|
});
|
||
|
function revert_template(item){
|
||
|
var answer = confirm("You are about to override the editor content with a previous version, Are You Sure?")
|
||
|
if (!answer) return;
|
||
|
|
||
|
var version = $(item).attr('data-version');
|
||
|
var url = $(item).attr('data-url');
|
||
|
$.ajax({
|
||
|
type: 'get',
|
||
|
url: url,
|
||
|
data:'version=' + version,
|
||
|
complete: function(res) {
|
||
|
$editor.getSession().setValue(res.responseText);
|
||
|
$('#edit_template_tab').click();
|
||
|
var time = $(item).closest('div.row').find('h6 span').attr('data-original-title');
|
||
|
$('#config_template_audit_comment').text("Revert to revision from: " + time)
|
||
|
}
|
||
|
})
|
||
|
}
|
||
Also available in: Unified diff
added commit comment, history and preview to the template editor.