280 lines
9.2 KiB
JavaScript
280 lines
9.2 KiB
JavaScript
var ST = window.ST || {};
|
|
|
|
ST.init = function() {
|
|
ST.show_embed();
|
|
};
|
|
|
|
ST.show_embed = function() {
|
|
$embed_field = $('#embed_field');
|
|
var lang_showcode = $embed_field.data('lang-showcode');
|
|
$embed_field.hide();
|
|
$embed_field.after('<a id="show_code" href="#">' + lang_showcode + '</a>');
|
|
$('#show_code').on('click', function(e) {
|
|
e.preventDefault();
|
|
$(this).hide();
|
|
$embed_field.show().select();
|
|
});
|
|
$embed_field.on("blur", function() {
|
|
$(this).hide();
|
|
$('#show_code').show();
|
|
});
|
|
};
|
|
|
|
var CM = {
|
|
init: function() {
|
|
var txtAreas = $("textarea").length;
|
|
|
|
if (txtAreas > 0) {
|
|
modes = $.parseJSON($('#codemirror_modes').text());
|
|
|
|
CM.editor = CodeMirror.fromTextArea(document.getElementById("code"), {
|
|
mode: "scheme",
|
|
lineNumbers: true,
|
|
matchBrackets: true,
|
|
tabMode: "indent"
|
|
});
|
|
|
|
$('#lang').change(function() {
|
|
set_language();
|
|
});
|
|
|
|
set_syntax = function(mode) {
|
|
CM.editor.setOption('mode', mode);
|
|
};
|
|
|
|
set_language = function() {
|
|
|
|
var lang = $('#lang').val();
|
|
mode = modes[lang];
|
|
|
|
$.get(base_url + 'main/get_cm_js/' + lang,
|
|
function(data) {
|
|
if (data !== '') {
|
|
set_syntax(mode);
|
|
} else {
|
|
set_syntax(null);
|
|
}
|
|
},
|
|
'script'
|
|
);
|
|
};
|
|
|
|
set_language();
|
|
}
|
|
}
|
|
};
|
|
|
|
ST.line_highlighter = function() {
|
|
var org_href = window.location.href.replace(/(.*?)#(.*)/, '$1');
|
|
var first_line = false;
|
|
var second_line = false;
|
|
|
|
$('blockquote').on('mousedown', function(ev) {
|
|
if (ev.which == 1) { // left mouse button has been clicked
|
|
window.getSelection().removeAllRanges();
|
|
}
|
|
});
|
|
|
|
$('blockquote').on('click', 'li', function(ev) {
|
|
var $this = $(this);
|
|
var li_num = ($this.index() + 1);
|
|
if (ev.shiftKey == 1) {
|
|
second_line = li_num;
|
|
} else {
|
|
first_line = li_num;
|
|
second_line = false;
|
|
}
|
|
|
|
if (second_line) {
|
|
// determine mark
|
|
if (first_line < second_line) {
|
|
sel_start = first_line;
|
|
sel_end = second_line;
|
|
} else {
|
|
sel_start = second_line;
|
|
sel_end = first_line;
|
|
}
|
|
window.location.href = org_href + '#L' + sel_start + '-L' + sel_end;
|
|
} else {
|
|
window.location.href = org_href + '#L' + first_line;
|
|
}
|
|
|
|
ST.highlight_lines();
|
|
});
|
|
|
|
ST.highlight_lines();
|
|
|
|
}
|
|
|
|
ST.highlight_lines = function() {
|
|
var wloc = window.location.href;
|
|
if (wloc.indexOf('#') > -1) {
|
|
$('.container .CodeMirror li').css('background', 'none');
|
|
|
|
var lines = wloc.split('#')[1];
|
|
if (lines.indexOf('-') > -1) {
|
|
var start_line = parseInt(lines.split('-')[0].replace('L', ''), 10);
|
|
var end_line = parseInt(lines.split('-')[1].replace('L', ''), 10);
|
|
for (var i = start_line; i <= end_line; i++) {
|
|
$('.container .CodeMirror li:nth-child(' + i + ')').css('background', '#F8EEC7');
|
|
}
|
|
} else {
|
|
var re = new RegExp('^L[0-9].*?$');
|
|
var r = lines.match(re);
|
|
if (r) {
|
|
var marked_line = lines.replace('L', '');
|
|
$('.container .CodeMirror li:nth-child(' + marked_line + ')').css('background', '#F8EEC7');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ST.crypto = function() {
|
|
$('button[name=submit]').after(' <button type="submit" id="create_encrypted" class="btn btn-large btn-success"> <i class="icon-lock icon-white"></i> Create encrypted</button>');
|
|
$('#create_encrypted').on('click', function() {
|
|
var $code = $('#code');
|
|
|
|
// encrypt the paste
|
|
var key = ST.crypto_generate_key(32);
|
|
var plaintext = $code.val();
|
|
plaintext = LZString.compressToBase64(plaintext);
|
|
var encrypted = CryptoJS.AES.encrypt(plaintext, key) + '';
|
|
|
|
// linebreak after 100 chars
|
|
encrypted = encrypted.replace(/(.{100})/g, "$1\n");
|
|
|
|
// post request via JS
|
|
$.post(base_url + 'post_encrypted', {
|
|
'name': $('#name').val(),
|
|
'title': $('#title').val(),
|
|
'code': encrypted,
|
|
'lang': $('#lang').val(),
|
|
'expire': $('#expire').val(),
|
|
'reply': $('input[name=reply]').val()
|
|
},
|
|
function(redirect_url) {
|
|
if (redirect_url.indexOf('invalid') > -1) {
|
|
$('#create_encrypted').parent().html('<p>' + redirect_url + '#' + key + '</p>');
|
|
} else {
|
|
window.location.href = base_url + redirect_url + '#' + key;
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
// decryption routine
|
|
w_href = window.location.href;
|
|
if (w_href.indexOf('#') > -1) {
|
|
key = w_href.split('#')[1];
|
|
var re = new RegExp('^L[0-9].*?$');
|
|
var r = key.match(re);
|
|
if (key.indexOf('-') > -1 || r) {
|
|
// line highlighter
|
|
} else {
|
|
try {
|
|
var $code = $('#code');
|
|
var encrypted = $code.val().replace(/\n/g, '');
|
|
var decrypted = CryptoJS.AES.decrypt(encrypted, key).toString(CryptoJS.enc.Utf8) + '';
|
|
decrypted = LZString.decompressFromBase64(decrypted);
|
|
$code.val(decrypted);
|
|
|
|
// add a breaking_space after 90 chars (for later)
|
|
decrypted = decrypted.replace(/(.{90}.*?) /g, "$1{{{breaking_space}}}");
|
|
|
|
// remove html entities
|
|
decrypted = decrypted
|
|
.replace(/&/g, '&')
|
|
.replace(/"/g, '"')
|
|
.replace(/'/g, ''')
|
|
.replace(/</g, '<')
|
|
.replace(/>/g, '>')
|
|
.replace(/ /g, ' ')
|
|
.replace(/{{{breaking_space}}}/g, ' ')
|
|
.replace(/\n/g, '<br />')
|
|
|
|
$('section blockquote.hero-unit div').html(decrypted);
|
|
|
|
// kick out potential dangerous and unnecessary stuff
|
|
$('.replies').hide();
|
|
for (var i = 2; i <= 5; i++) {
|
|
$('.meta .detail:nth-child(' + i + ')').hide();
|
|
}
|
|
} catch (e) {}
|
|
}
|
|
}
|
|
}
|
|
|
|
// generate a random key
|
|
ST.crypto_generate_key = function(len) {
|
|
var index = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
|
|
var key = '';
|
|
for (var i = 0; i < len; i++) {
|
|
key += index[Math.floor(Math.random() * index.length)]
|
|
};
|
|
return key;
|
|
}
|
|
|
|
ST.filereader = function() {
|
|
$("#code").fileReaderJS({
|
|
// CSS Class to add to the drop element when a drag is active
|
|
dragClass: "drag",
|
|
|
|
// A string to match MIME types, for instance
|
|
accept: false,
|
|
|
|
// An object specifying how to read certain MIME types
|
|
// For example: {
|
|
// 'image/*': 'DataURL',
|
|
// 'data/*': 'ArrayBuffer',
|
|
// 'text/*' : 'Text'
|
|
// }
|
|
readAsMap: {},
|
|
|
|
// How to read any files not specified by readAsMap
|
|
readAsDefault: 'DataURL',
|
|
on: {
|
|
beforestart: function(e, file) {
|
|
// return false if you want to skip this file
|
|
},
|
|
loadstart: function(e, file) { /* Native ProgressEvent */ },
|
|
progress: function(e, file) { /* Native ProgressEvent */ },
|
|
load: function(e, file) { /* Native ProgressEvent */ },
|
|
error: function(e, file) { /* Native ProgressEvent */ },
|
|
loadend: function(e, file) {
|
|
try {
|
|
var words = CryptoJS.enc.Base64.parse(e.target.result.split(',')[1]);
|
|
var utf8 = CryptoJS.enc.Utf8.stringify(words);
|
|
$('#code').val(utf8);
|
|
} catch (err) {
|
|
console.error(err);
|
|
console.info('event: ', e);
|
|
console.info('file: ', file);
|
|
};
|
|
},
|
|
abort: function(e, file) { /* Native ProgressEvent */ },
|
|
skip: function(e, file) {
|
|
// Called when a file is skipped. This happens when:
|
|
// 1) A file doesn't match the accept option
|
|
// 2) false is returned in the beforestart callback
|
|
},
|
|
groupstart: function(group) {
|
|
// Called when a 'group' (a single drop / copy / select that may
|
|
// contain multiple files) is receieved.
|
|
// You can ignore this event if you don't care about groups
|
|
},
|
|
groupend: function(group) {
|
|
// Called when a 'group' is finished.
|
|
// You can ignore this event if you don't care about groups
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
ST.init();
|
|
//CM.init();
|
|
ST.line_highlighter();
|
|
ST.crypto();
|
|
ST.filereader();
|
|
});
|