mirror of
https://github.com/Tygs/0bin.git
synced 2023-08-10 21:13:00 +03:00
#21 - Resize too big images before upload
This commit is contained in:
Rémy HUBSCHER
parent
d57595297e
commit
b729a678ea
@ -1,13 +1,16 @@
|
||||
/*global sjcl:true, jQuery:true, $:true, lzw:true, zerobin:true, ZeroClipboard:true, vizhash:true, prettyPrint:true, confirm:true */
|
||||
;(function(){
|
||||
"use strict";
|
||||
;
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
/* Start random number generator seeding ASAP */
|
||||
sjcl.random.startCollectors();
|
||||
/* Ensure jquery use cache for ajax requests */
|
||||
$.ajaxSetup({ cache: true });
|
||||
/* Start random number generator seeding ASAP */
|
||||
sjcl.random.startCollectors();
|
||||
/* Ensure jquery use cache for ajax requests */
|
||||
$.ajaxSetup({
|
||||
cache: true
|
||||
});
|
||||
|
||||
/** Create a function that create inline callbacks.
|
||||
/** Create a function that create inline callbacks.
|
||||
We use it to create callbacks for onliners with static arguments
|
||||
E.G:
|
||||
$('stuff').hide(function()(console.log(1, 2, 3)))
|
||||
@ -16,52 +19,63 @@ $.ajaxSetup({ cache: true });
|
||||
|
||||
$('stuff').hide(mkcb(console.log, 1, 2, 3))
|
||||
*/
|
||||
function mkcb(func){
|
||||
function mkcb(func) {
|
||||
var args = arguments;
|
||||
return function(){
|
||||
return function () {
|
||||
return func.apply(func, Array.prototype.slice.call(args, 1));
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/***************************
|
||||
**** 0bin utilities ***
|
||||
****************************/
|
||||
/***************************
|
||||
**** 0bin utilities ***
|
||||
***************************/
|
||||
|
||||
|
||||
window.zerobin = {
|
||||
window.zerobin = {
|
||||
/** Base64 + compress + encrypt, with callbacks before each operation,
|
||||
and all of them are executed in a timed continuation to give
|
||||
a change to the UI to respond.
|
||||
*/
|
||||
version: '0.1.1',
|
||||
encrypt: function(key, content, toBase64Callback,
|
||||
encrypt: function (key, content, toBase64Callback,
|
||||
compressCallback, encryptCallback, doneCallback) {
|
||||
|
||||
setTimeout (function(){
|
||||
setTimeout(function () {
|
||||
|
||||
content = sjcl.codec.utf8String.toBits(content);
|
||||
if (toBase64Callback) {toBase64Callback();}
|
||||
if (toBase64Callback) {
|
||||
toBase64Callback();
|
||||
}
|
||||
|
||||
setTimeout(function(){
|
||||
setTimeout(function () {
|
||||
|
||||
content = sjcl.codec.base64.fromBits(content);
|
||||
if (compressCallback) {compressCallback();}
|
||||
if (compressCallback) {
|
||||
compressCallback();
|
||||
}
|
||||
|
||||
setTimeout(function(){
|
||||
setTimeout(function () {
|
||||
|
||||
content = lzw.compress(content);
|
||||
if (encryptCallback) {encryptCallback();}
|
||||
// content = lzw.compress(content); // Create a bug with JPG
|
||||
if (encryptCallback) {
|
||||
encryptCallback();
|
||||
}
|
||||
|
||||
setTimeout(function(){
|
||||
setTimeout(function () {
|
||||
try {
|
||||
content = sjcl.encrypt(key, content);
|
||||
} catch (e) {
|
||||
$('input, textarea, select, button').prop('disabled', false);
|
||||
zerobin.progressBar('form.well .progress').container.hide();
|
||||
|
||||
zerobin.message('error', 'Paste could not be encrypted. Aborting.',
|
||||
'Error');
|
||||
}
|
||||
if (doneCallback) {doneCallback(content);}
|
||||
if (doneCallback) {
|
||||
doneCallback(content);
|
||||
}
|
||||
}, 250);
|
||||
|
||||
}, 250);
|
||||
@ -79,39 +93,40 @@ window.zerobin = {
|
||||
useful, this code is starting be difficult to read. If anyone read this
|
||||
and got a suggestion, by all means, speak your mind.
|
||||
*/
|
||||
decrypt: function(key, content, errorCallback, uncompressCallback,
|
||||
decrypt: function (key, content, errorCallback, uncompressCallback,
|
||||
fromBase64Callback, toStringCallback, doneCallback) {
|
||||
|
||||
/* Decrypt */
|
||||
setTimeout(function(){
|
||||
|
||||
setTimeout(function () {
|
||||
try {
|
||||
|
||||
content = sjcl.decrypt(key, content);
|
||||
if (uncompressCallback) {uncompressCallback();}
|
||||
if (uncompressCallback) {
|
||||
uncompressCallback();
|
||||
}
|
||||
|
||||
/* Decompress */
|
||||
setTimeout(function(){
|
||||
|
||||
setTimeout(function () {
|
||||
try {
|
||||
|
||||
content = lzw.decompress(content);
|
||||
if (fromBase64Callback) {fromBase64Callback();}
|
||||
if (fromBase64Callback) {
|
||||
fromBase64Callback();
|
||||
}
|
||||
|
||||
/* From base 64 to bits */
|
||||
setTimeout(function(){
|
||||
|
||||
setTimeout(function () {
|
||||
try {
|
||||
|
||||
content = sjcl.codec.base64.toBits(content);
|
||||
if (toStringCallback) {toStringCallback();}
|
||||
if (toStringCallback) {
|
||||
toStringCallback();
|
||||
}
|
||||
|
||||
/* From bits to string */
|
||||
setTimeout(function(){
|
||||
|
||||
setTimeout(function () {
|
||||
try {
|
||||
content = sjcl.codec.utf8String.fromBits(content);
|
||||
if (doneCallback) {doneCallback(content);}
|
||||
if (doneCallback) {
|
||||
doneCallback(content);
|
||||
}
|
||||
} catch (err) {
|
||||
errorCallback(err);
|
||||
}
|
||||
@ -139,39 +154,44 @@ window.zerobin = {
|
||||
|
||||
/** Create a random base64 string long enought to be suitable as
|
||||
an encryption key */
|
||||
makeKey: function() {
|
||||
makeKey: function () {
|
||||
return sjcl.codec.base64.fromBits(sjcl.random.randomWords(8, 0), 0);
|
||||
},
|
||||
|
||||
getFormatedDate: function(date){
|
||||
getFormatedDate: function (date) {
|
||||
date = date || new Date();
|
||||
return ((date.getMonth() +1 ) + '-' +
|
||||
date.getDate() + '-' + date.getFullYear());
|
||||
return ((date.getMonth() + 1) + '-' + date.getDate() + '-' + date.getFullYear());
|
||||
},
|
||||
|
||||
getFormatedTime: function(date){
|
||||
getFormatedTime: function (date) {
|
||||
date = date || new Date();
|
||||
var h = date.getHours(),
|
||||
m = date.getMinutes(),
|
||||
s = date.getSeconds();
|
||||
if (h < 10) {h = "0" + h;}
|
||||
if (m < 10) {m = "0" + m;}
|
||||
if (s < 10) {s = "0" + s;}
|
||||
if (h < 10) {
|
||||
h = "0" + h;
|
||||
}
|
||||
if (m < 10) {
|
||||
m = "0" + m;
|
||||
}
|
||||
if (s < 10) {
|
||||
s = "0" + s;
|
||||
}
|
||||
return h + ":" + m + ":" + s;
|
||||
},
|
||||
|
||||
numOrdA: function(a, b){
|
||||
return (a-b);
|
||||
numOrdA: function (a, b) {
|
||||
return (a - b);
|
||||
},
|
||||
|
||||
/** Return a reverse sorted list of all the keys in local storage that
|
||||
are prefixed with with the passed version (default being this lib
|
||||
version) */
|
||||
getLocalStorageKeys: function(){
|
||||
getLocalStorageKeys: function () {
|
||||
var version = 'zerobinV0.1';
|
||||
var keys = [];
|
||||
for (var key in localStorage){
|
||||
if (key.indexOf(version) !== -1){
|
||||
for (var key in localStorage) {
|
||||
if (key.indexOf(version) !== -1) {
|
||||
keys.push(key);
|
||||
}
|
||||
}
|
||||
@ -181,9 +201,9 @@ window.zerobin = {
|
||||
},
|
||||
|
||||
/** Get a tinyurl using JSONP */
|
||||
getTinyURL: function(longURL, success) {
|
||||
getTinyURL: function (longURL, success) {
|
||||
var api = 'http://is.gd/create.php?format=json&url=';
|
||||
$.getJSON(api + encodeURIComponent(longURL) + '&callback=?', function(data){
|
||||
$.getJSON(api + encodeURIComponent(longURL) + '&callback=?', function (data) {
|
||||
success(data.shorturl);
|
||||
});
|
||||
},
|
||||
@ -191,21 +211,21 @@ window.zerobin = {
|
||||
/** Check for browser support of the named featured. Store the result
|
||||
and add a class to the html tag with the result */
|
||||
support: {
|
||||
localStorage: (function(){
|
||||
var val = !!(localStorage);
|
||||
localStorage: (function () {
|
||||
var val = !! (localStorage);
|
||||
$('html').addClass((val ? '' : 'no-') + 'local-storage');
|
||||
return val;
|
||||
})(),
|
||||
|
||||
history: (function(){
|
||||
var val = !!(window.history && history.pushState);
|
||||
history: (function () {
|
||||
var val = !! (window.history && history.pushState);
|
||||
$('html').addClass((val ? '' : 'no-') + 'history');
|
||||
return val;
|
||||
})(),
|
||||
|
||||
fileUpload: (function(){
|
||||
fileUpload: (function () {
|
||||
var w = window;
|
||||
var val = !!(w.File && w.FileReader && w.FileList && w.Blob);
|
||||
var val = !! (w.File && w.FileReader && w.FileList && w.Blob);
|
||||
$('html').addClass((val ? '' : 'no-') + 'file-upload');
|
||||
return val;
|
||||
})()
|
||||
@ -213,11 +233,10 @@ window.zerobin = {
|
||||
|
||||
/** Store the paste of a URL in local storate, with a storage format
|
||||
version prefix and the paste date as the key */
|
||||
storePaste: function(url, date){
|
||||
storePaste: function (url, date) {
|
||||
|
||||
date = date || new Date();
|
||||
date = (date.getFullYear() + '-' + (date.getMonth() + 1) + '-' +
|
||||
date.getDate() + ' ' + zerobin.getFormatedTime(date));
|
||||
date = (date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + zerobin.getFormatedTime(date));
|
||||
|
||||
var keys = zerobin.getLocalStorageKeys();
|
||||
|
||||
@ -232,22 +251,25 @@ window.zerobin = {
|
||||
If the paste is from today, date format should be "at hh:ss",
|
||||
else it should be "the mm-dd-yyy"
|
||||
*/
|
||||
getPreviousPastes: function(){
|
||||
getPreviousPastes: function () {
|
||||
var pastes = [],
|
||||
keys = zerobin.getLocalStorageKeys(),
|
||||
today = zerobin.getFormatedDate();
|
||||
|
||||
$.each(keys, function(i, key){
|
||||
$.each(keys, function (i, key) {
|
||||
var pasteDateTime = key.replace(/^[^#]+#/, '');
|
||||
var displayDate = pasteDateTime.match(/^(\d+)-(\d+)-(\d+)\s/);
|
||||
displayDate = displayDate[2] + '-' + displayDate[3] + '-' + displayDate[1];
|
||||
var prefix = 'the ';
|
||||
if (displayDate === today){
|
||||
if (displayDate === today) {
|
||||
displayDate = pasteDateTime.split(' ')[1];
|
||||
prefix = 'at ';
|
||||
}
|
||||
pastes.push({displayDate: displayDate, prefix: prefix,
|
||||
link: localStorage.getItem(key)});
|
||||
pastes.push({
|
||||
displayDate: displayDate,
|
||||
prefix: prefix,
|
||||
link: localStorage.getItem(key)
|
||||
});
|
||||
});
|
||||
|
||||
return pastes;
|
||||
@ -259,12 +281,12 @@ window.zerobin = {
|
||||
This function use a closure to store a <div> parent for the <a>
|
||||
because IE requires the link be processed by it's HTML parser
|
||||
for the URL to be parsed. */
|
||||
parseUrl: (function(){
|
||||
parseUrl: (function () {
|
||||
|
||||
var div = document.createElement('div');
|
||||
div.innerHTML = "<a></a>";
|
||||
|
||||
return function(url){
|
||||
return function (url) {
|
||||
div.firstChild.href = url;
|
||||
div.innerHTML = div.innerHTML;
|
||||
return div.firstChild;
|
||||
@ -272,27 +294,27 @@ window.zerobin = {
|
||||
|
||||
})(),
|
||||
|
||||
getPasteId: function(url){
|
||||
getPasteId: function (url) {
|
||||
var loc = url ? zerobin.parseUrl(url) : window.location;
|
||||
return loc.pathname.replace(/\/|paste/g, '');
|
||||
},
|
||||
|
||||
getPasteKey: function(url){
|
||||
getPasteKey: function (url) {
|
||||
var loc = url ? zerobin.parseUrl(url) : window.location;
|
||||
return loc.hash.replace('#', '').replace(/(\?|&).*$/, '');
|
||||
},
|
||||
|
||||
/** Return the paste content stripted from any code coloration */
|
||||
getPasteContent: function(){
|
||||
var copy = '' ;
|
||||
$("#paste-content li").each(function(index) {
|
||||
getPasteContent: function () {
|
||||
var copy = '';
|
||||
$("#paste-content li").each(function (index) {
|
||||
copy = copy + $(this).text().replace(/[\u00a0]+/g, ' ') + '\n';
|
||||
});
|
||||
return copy;
|
||||
},
|
||||
|
||||
/** Return an approximate estimate the number of bytes in a text */
|
||||
count: function(text, options) {
|
||||
count: function (text, options) {
|
||||
// Set option defaults
|
||||
var crlf = /(\r?\n|\r)/g;
|
||||
var whitespace = /(\r?\n|\r|\s+)/g;
|
||||
@ -306,32 +328,42 @@ window.zerobin = {
|
||||
return length + nonAscii + Math.max(0, options.lineBreaks * (lineBreaks - 1));
|
||||
},
|
||||
/** Create a message, style it and insert it in the alert box */
|
||||
message: function(type, message, title, flush, callback) {
|
||||
message: function (type, message, title, flush, callback) {
|
||||
$(window).scrollTop(0);
|
||||
|
||||
if (flush) {$('.alert-'+type).remove();}
|
||||
if (flush) {
|
||||
$('.alert-' + type).remove();
|
||||
}
|
||||
|
||||
var $message = $('#alert-template').clone().attr('id', null)
|
||||
.addClass('alert alert-' + type);
|
||||
$('.message', $message).html(message);
|
||||
|
||||
if (title) {$('.title', $message).html(title);}
|
||||
else {$('.title', $message).remove();}
|
||||
if (title) {
|
||||
$('.title', $message).html(title);
|
||||
} else {
|
||||
$('.title', $message).remove();
|
||||
}
|
||||
|
||||
$message.prependTo($('#main')).show('fadeUp', callback);
|
||||
},
|
||||
|
||||
/** Return a progress bar object */
|
||||
progressBar: function(selector){
|
||||
progressBar: function (selector) {
|
||||
var $container = $(selector);
|
||||
var bar = {container: $container, elem: $container.find('.bar')};
|
||||
bar.set = function(text, rate){bar.elem.text(text).css('width', rate);};
|
||||
var bar = {
|
||||
container: $container,
|
||||
elem: $container.find('.bar')
|
||||
};
|
||||
bar.set = function (text, rate) {
|
||||
bar.elem.text(text).css('width', rate);
|
||||
};
|
||||
return bar;
|
||||
},
|
||||
|
||||
/** Return an integer ranking the probability this text is any kind of
|
||||
source code. */
|
||||
isCode: function(text){
|
||||
isCode: function (text) {
|
||||
|
||||
var code_chars = /[A-Z]{3}[A-Z]+|\.[a-z]|[=:<>{}\[\]$_'"&]| {2}|\t/g;
|
||||
var comments = /(:?\/\*|<!--)(:?.|\n)*?(:?\*\/|-->)|(\/\/|#)(.*?)\n/g;
|
||||
@ -340,7 +372,7 @@ window.zerobin = {
|
||||
var total = 0;
|
||||
var size = 0;
|
||||
var m = text.match(comments);
|
||||
if (m){
|
||||
if (m) {
|
||||
total += text.match(comments).length;
|
||||
}
|
||||
text = text.replace(comments, '');
|
||||
@ -359,65 +391,96 @@ window.zerobin = {
|
||||
},
|
||||
|
||||
// prevent defaults
|
||||
ignoreDrag: function(e) {
|
||||
ignoreDrag: function (e) {
|
||||
e.originalEvent.stopPropagation();
|
||||
e.originalEvent.preventDefault();
|
||||
},
|
||||
|
||||
// Handle Drop
|
||||
handleDrop: function(e) {
|
||||
handleDrop: function (e) {
|
||||
zerobin.ignoreDrag(e);
|
||||
zerobin.upload(e.originalEvent.dataTransfer.files);
|
||||
$("#content").removeClass('hover');
|
||||
},
|
||||
|
||||
handleDragOver: function(e) {
|
||||
handleDragOver: function (e) {
|
||||
zerobin.ignoreDrag(e);
|
||||
$(this).addClass('hover');
|
||||
},
|
||||
|
||||
handleDragLeave: function(e) {
|
||||
handleDragLeave: function (e) {
|
||||
zerobin.ignoreDrag(e);
|
||||
$(this).removeClass('hover');
|
||||
},
|
||||
|
||||
upload: function(files) {
|
||||
upload: function (files) {
|
||||
var current_file = files[0];
|
||||
var reader = new FileReader();
|
||||
if(current_file.type.indexOf('image') == 0) {
|
||||
reader.onload = function(event) {
|
||||
$('#content').val(event.target.result).trigger('change');
|
||||
if (current_file.type.indexOf('image') == 0) {
|
||||
reader.onload = function (event) {
|
||||
var image = new Image();
|
||||
image.src = event.target.result;
|
||||
|
||||
image.onload = function() {
|
||||
var maxWidth = 1024,
|
||||
maxHeight = 1024,
|
||||
imageWidth = image.width,
|
||||
imageHeight = image.height;
|
||||
|
||||
|
||||
if (imageWidth > imageHeight) {
|
||||
if (imageWidth > maxWidth) {
|
||||
imageHeight *= maxWidth / imageWidth;
|
||||
imageWidth = maxWidth;
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (imageHeight > maxHeight) {
|
||||
imageWidth *= maxHeight / imageHeight;
|
||||
imageHeight = maxHeight;
|
||||
}
|
||||
}
|
||||
|
||||
var canvas = document.createElement('canvas');
|
||||
canvas.width = imageWidth;
|
||||
canvas.height = imageHeight;
|
||||
image.width = imageWidth;
|
||||
image.height = imageHeight;
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.drawImage(this, 0, 0, imageWidth, imageHeight);
|
||||
|
||||
var paste = canvas.toDataURL(current_file.type);
|
||||
$('#content').val(paste).trigger('change');
|
||||
$('#content').hide();
|
||||
var img = $('<img/>');
|
||||
$(img).attr('src', event.target.result);
|
||||
$(img).css('max-width', '742px');
|
||||
$('#content').after(img);
|
||||
};
|
||||
$(image).css('max-width', '742px');
|
||||
$('#content').after(image);
|
||||
}
|
||||
}
|
||||
reader.readAsDataURL(current_file);
|
||||
} else {
|
||||
reader.onload = function(event) {
|
||||
reader.onload = function (event) {
|
||||
$('#content').val(event.target.result).trigger('change');
|
||||
};
|
||||
reader.readAsText(current_file);
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
/***************************
|
||||
**** On document ready ***
|
||||
****************************/
|
||||
/***************************
|
||||
**** On document ready ***
|
||||
****************************/
|
||||
|
||||
|
||||
$(function(){
|
||||
$(function () {
|
||||
|
||||
/**
|
||||
/**
|
||||
On the create paste page:
|
||||
On click on the send button, compress and encrypt data before
|
||||
posting it using ajax. Then redirect to the address of the
|
||||
newly created paste, adding the key in the hash.
|
||||
*/
|
||||
$('.btn-primary').live("click", function(e){
|
||||
$('.btn-primary').live("click", function (e) {
|
||||
|
||||
e.preventDefault();
|
||||
var paste = $('textarea').val();
|
||||
@ -447,37 +510,38 @@ $('.btn-primary').live("click", function(e){
|
||||
mkcb(bar.set, 'Encrypting...', '85%'),
|
||||
|
||||
/* This block deal with sending the data, redirection or error handling */
|
||||
function(content){
|
||||
function (content) {
|
||||
|
||||
bar.set('Sending...', '95%');
|
||||
var data = {content: content, expiration: expiration};
|
||||
var data = {
|
||||
content: content,
|
||||
expiration: expiration
|
||||
};
|
||||
var sizebytes = zerobin.count(JSON.stringify(data));
|
||||
var oversized = sizebytes > zerobin.max_size; // 100kb - the others header information
|
||||
var readableFsize = Math.round(sizebytes / 1024);
|
||||
var readableMaxsize = Math.round(zerobin.max_size / 1024);
|
||||
|
||||
if(oversized) {
|
||||
if (oversized) {
|
||||
bar.container.hide();
|
||||
$form.prop('disabled', false);
|
||||
zerobin.message('error',
|
||||
('The encrypted file was <strong class="file-size">' + readableFsize +
|
||||
'</strong>KB. You have reached the maximum size limit of '+readableMaxsize+'KB.'),
|
||||
zerobin.message('error', ('The encrypted file was <strong class="file-size">' + readableFsize +
|
||||
'</strong>KB. You have reached the maximum size limit of ' + readableMaxsize + 'KB.'),
|
||||
'Warning!', true);
|
||||
return;
|
||||
}
|
||||
|
||||
$.post('/paste/create', data)
|
||||
.error(function(error) {
|
||||
.error(function (error) {
|
||||
$form.prop('disabled', false);
|
||||
bar.container.hide();
|
||||
zerobin.message(
|
||||
'error',
|
||||
'Paste could not be saved. Please try again later.',
|
||||
'Error'
|
||||
);
|
||||
'Error');
|
||||
|
||||
})
|
||||
.success(function(data) {
|
||||
.success(function (data) {
|
||||
bar.set('Redirecting to new paste...', '100%');
|
||||
|
||||
if (data.status === 'error') {
|
||||
@ -486,14 +550,13 @@ $('.btn-primary').live("click", function(e){
|
||||
bar.container.hide();
|
||||
} else {
|
||||
var paste_url = '/paste/' + data.paste + '#' + key;
|
||||
if (zerobin.support.localStorage){
|
||||
if (zerobin.support.localStorage) {
|
||||
zerobin.storePaste(paste_url);
|
||||
}
|
||||
window.location = (paste_url);
|
||||
}
|
||||
});
|
||||
}
|
||||
);
|
||||
});
|
||||
} catch (err) {
|
||||
$form.prop('disabled', false);
|
||||
bar.container.hide();
|
||||
@ -501,29 +564,29 @@ $('.btn-primary').live("click", function(e){
|
||||
'Error');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
/**
|
||||
DECRYPTION:
|
||||
On the display paste page, decrypt and decompress the paste content,
|
||||
add syntax coloration then setup the copy to clipboard button.
|
||||
Also calculate and set the paste visual hash.
|
||||
*/
|
||||
var content = $('#paste-content').text().trim();
|
||||
var key = zerobin.getPasteKey();
|
||||
var error = false;
|
||||
var content = $('#paste-content').text().trim();
|
||||
var key = zerobin.getPasteKey();
|
||||
var error = false;
|
||||
|
||||
if (content && key) {
|
||||
if (content && key) {
|
||||
|
||||
/* Load the lib for visual canvas, create one from the paste id and
|
||||
insert it */
|
||||
$.getScript("/static/js/vizhash.min.js").done(function(script, textStatus) {
|
||||
$.getScript("/static/js/vizhash.min.js").done(function (script, textStatus) {
|
||||
if (vizhash.supportCanvas) {
|
||||
var vhash = vizhash.canvasHash(zerobin.getPasteId(), 24, 24);
|
||||
$('<a class="vhash" href="#"></a>').click(function(e){
|
||||
$('<a class="vhash" href="#"></a>').click(function (e) {
|
||||
e.preventDefault();
|
||||
if(confirm("This picture is unique to your paste so you can identify" +
|
||||
" it quickly. \n\n Do you want to know more about this?")){
|
||||
if (confirm("This picture is unique to your paste so you can identify" +
|
||||
" it quickly. \n\n Do you want to know more about this?")) {
|
||||
window.open("http://is.gd/IJaMRG", "_blank");
|
||||
}
|
||||
}).prependTo('.lnk-option').append(vhash.canvas);
|
||||
@ -539,7 +602,7 @@ if (content && key) {
|
||||
zerobin.decrypt(key, content,
|
||||
|
||||
/* On error*/
|
||||
function(){
|
||||
function () {
|
||||
bar.container.hide();
|
||||
zerobin.message('error', 'Could not decrypt data (Wrong key ?)', 'Error');
|
||||
},
|
||||
@ -550,12 +613,12 @@ if (content && key) {
|
||||
mkcb(bar.set, 'From bits to string...', '85%'),
|
||||
|
||||
/* When done */
|
||||
function(content){
|
||||
function (content) {
|
||||
|
||||
/* Decrypted content goes back to initial container*/
|
||||
$('#paste-content').text(content);
|
||||
|
||||
if(content.indexOf('data:image') == 0) {
|
||||
if (content.indexOf('data:image') == 0) {
|
||||
// Display Image
|
||||
$('#paste-content').hide();
|
||||
var img = $('<img/>');
|
||||
@ -567,7 +630,7 @@ if (content && key) {
|
||||
$('.btn-clone').hide();
|
||||
|
||||
var button = $('<a/>').attr('href', content);
|
||||
$(button).attr('download', '0bin_'+document.location.pathname.split('/').pop());
|
||||
$(button).attr('download', '0bin_' + document.location.pathname.split('/').pop());
|
||||
$(button).addClass('btn');
|
||||
$(button).html('<i class="icon-download"></i> Download');
|
||||
$('.btn-clone').after(button);
|
||||
@ -576,7 +639,7 @@ if (content && key) {
|
||||
bar.set('Code coloration...', '95%');
|
||||
|
||||
/* Add a continuation to let the UI redraw */
|
||||
setTimeout(function() {
|
||||
setTimeout(function () {
|
||||
|
||||
/* Setup flash clipboard button */
|
||||
ZeroClipboard.setMoviePath('/static/js/ZeroClipboard.swf');
|
||||
@ -584,13 +647,15 @@ if (content && key) {
|
||||
var clip = new ZeroClipboard.Client();
|
||||
|
||||
// Callback to reposition the clibpboad flash animation overlay
|
||||
var reposition = function(){clip.reposition();};
|
||||
var reposition = function () {
|
||||
clip.reposition();
|
||||
};
|
||||
|
||||
clip.addEventListener('mouseup', function(){
|
||||
clip.addEventListener('mouseup', function () {
|
||||
$('#clip-button').text('Copying paste...');
|
||||
clip.setText(zerobin.getPasteContent());
|
||||
});
|
||||
clip.addEventListener('complete', function(){
|
||||
clip.addEventListener('complete', function () {
|
||||
$('#clip-button').text('Copy to clipboard');
|
||||
zerobin.message('info', 'The paste is now in your clipboard', '',
|
||||
true, reposition);
|
||||
@ -601,34 +666,33 @@ if (content && key) {
|
||||
|
||||
|
||||
/* Setup link to get the paste short url*/
|
||||
$('#short-url').click(function(e) {
|
||||
$('#short-url').click(function (e) {
|
||||
e.preventDefault();
|
||||
$('#short-url').text('Loading short url...');
|
||||
zerobin.getTinyURL(window.location.toString(), function(tinyurl){
|
||||
zerobin.getTinyURL(window.location.toString(), function (tinyurl) {
|
||||
clip.setText(tinyurl);
|
||||
$('#copy-success').hide();
|
||||
zerobin.message('success',
|
||||
'<a href="' + tinyurl + '">' + tinyurl + '</a>',
|
||||
'Short url', true, reposition
|
||||
);
|
||||
'Short url', true, reposition);
|
||||
$('#short-url').text('Get short url');
|
||||
});
|
||||
});
|
||||
|
||||
/* Remap the message close handler to include the clipboard
|
||||
flash reposition */
|
||||
$(".close").die().live('click', function(e){
|
||||
$(".close").die().live('click', function (e) {
|
||||
e.preventDefault();
|
||||
$(this).parent().fadeOut(reposition);
|
||||
});
|
||||
|
||||
/** Syntaxic coloration */
|
||||
|
||||
if (zerobin.isCode(content) > 100){
|
||||
if (zerobin.isCode(content) > 100) {
|
||||
$('#paste-content').addClass('linenums');
|
||||
prettyPrint();
|
||||
} else {
|
||||
if(content.indexOf('data:image') != 0){
|
||||
if (content.indexOf('data:image') != 0) {
|
||||
zerobin.message('info',
|
||||
"The paste did not seem to be code, so it " +
|
||||
"was not colorized. " +
|
||||
@ -649,48 +713,46 @@ if (content && key) {
|
||||
|
||||
}, 250);
|
||||
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
} /* End of "DECRYPTION" */
|
||||
} /* End of "DECRYPTION" */
|
||||
|
||||
/* Synchronize expiration select boxes value */
|
||||
$('.paste-option select').live('change', function(){
|
||||
/* Synchronize expiration select boxes value */
|
||||
$('.paste-option select').live('change', function () {
|
||||
$('.paste-option select').val($(this).val());
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/* Resize Textarea according to content */
|
||||
$('#content').elastic();
|
||||
/* Resize Textarea according to content */
|
||||
$('#content').elastic();
|
||||
|
||||
|
||||
/* Display bottom paste option buttons when needed */
|
||||
$('#content').live('keyup change', function(){
|
||||
if($('#content').height() < 400 ){
|
||||
/* Display bottom paste option buttons when needed */
|
||||
$('#content').live('keyup change', function () {
|
||||
if ($('#content').height() < 400) {
|
||||
$('.paste-option.down').remove();
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
|
||||
if ($('.paste-option').length === 1) {
|
||||
$('.paste-option').clone().addClass('down').appendTo('form.well');
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/* Display previous pastes */
|
||||
if (zerobin.support.localStorage){
|
||||
/* Display previous pastes */
|
||||
if (zerobin.support.localStorage) {
|
||||
|
||||
var $container = $('.previous-pastes'),
|
||||
pastes = zerobin.getPreviousPastes();
|
||||
|
||||
if (pastes.length){
|
||||
if (pastes.length) {
|
||||
|
||||
$.getScript("/static/js/vizhash.min.js").done(function(script, textStatus) {
|
||||
$.getScript("/static/js/vizhash.min.js").done(function (script, textStatus) {
|
||||
|
||||
$container.find('.item').remove();
|
||||
$.each(zerobin.getPreviousPastes(), function(i, paste){
|
||||
$.each(zerobin.getPreviousPastes(), function (i, paste) {
|
||||
|
||||
var $li = $('<li class="item"></li>').appendTo($container);
|
||||
var $link = $('<a></a>').attr('href', paste.link)
|
||||
@ -705,9 +767,9 @@ if (zerobin.support.localStorage){
|
||||
|
||||
// hightlite the current link and make sure clicking the link
|
||||
// does redirect to the page
|
||||
if (paste.link.replace(/#[^#]+/, '') === window.location.pathname){
|
||||
if (paste.link.replace(/#[^#]+/, '') === window.location.pathname) {
|
||||
$li.addClass('active');
|
||||
$link.click(function(){
|
||||
$link.click(function () {
|
||||
window.location = $link.attr('href');
|
||||
window.location.reload();
|
||||
});
|
||||
@ -719,27 +781,27 @@ if (zerobin.support.localStorage){
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Event handler for "clone paste" button */
|
||||
$('.btn-clone').click(function(e){
|
||||
/* Event handler for "clone paste" button */
|
||||
$('.btn-clone').click(function (e) {
|
||||
e.preventDefault();
|
||||
$('.submit-form').show();
|
||||
$('.paste-form').hide();
|
||||
$('#content').val(zerobin.getPasteContent()).trigger('change');
|
||||
});
|
||||
});
|
||||
|
||||
$('.clone .btn-danger').click(function(e){
|
||||
$('.clone .btn-danger').click(function (e) {
|
||||
e.preventDefault();
|
||||
$('.submit-form').hide();
|
||||
$('.paste-form').show();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
/* Upload file using HTML5 File API */
|
||||
if (zerobin.support.fileUpload) {
|
||||
/* Upload file using HTML5 File API */
|
||||
if (zerobin.support.fileUpload) {
|
||||
|
||||
var $buttonOverlay = $('#file-upload');
|
||||
var $button = $('.btn-upload');
|
||||
@ -747,9 +809,10 @@ if (zerobin.support.fileUpload) {
|
||||
try {
|
||||
$button.val('Uploading...');
|
||||
$button.prop('disabled', true);
|
||||
$buttonOverlay.change(function(){zerobin.upload(this.files);});
|
||||
}
|
||||
catch (e) {
|
||||
$buttonOverlay.change(function () {
|
||||
zerobin.upload(this.files);
|
||||
});
|
||||
} catch (e) {
|
||||
zerobin.message('error', 'Could no upload the file', 'Error');
|
||||
$button.val('Upload File');
|
||||
$button.prop('disabled', false);
|
||||
@ -766,60 +829,60 @@ if (zerobin.support.fileUpload) {
|
||||
$('#content').bind('dragleave', zerobin.handleDragLeave);
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* Alerts */
|
||||
/* Alerts */
|
||||
|
||||
$(".close").live('click', function(e){
|
||||
$(".close").live('click', function (e) {
|
||||
e.preventDefault();
|
||||
$(this).parent().fadeOut();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/* Parse obfuscaded emails and make them usable */
|
||||
$('.email-link').each(function(i, elem){
|
||||
/* Parse obfuscaded emails and make them usable */
|
||||
$('.email-link').each(function (i, elem) {
|
||||
var $obfuscatedEmail = $(this);
|
||||
var address = $obfuscatedEmail.attr('title').replace('__AT__', '@');
|
||||
var text = $obfuscatedEmail.text().replace('__AT__', '@');
|
||||
var $plainTextEmail = $('<a href="mailto:' + address + '">'+ text +'</a>');
|
||||
var $plainTextEmail = $('<a href="mailto:' + address + '">' + text + '</a>');
|
||||
$obfuscatedEmail.replaceWith($plainTextEmail);
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
/* Show the page using javascript. Non js enabled browser will see an
|
||||
/* Show the page using javascript. Non js enabled browser will see an
|
||||
error message */
|
||||
$('#wrap-content').each(function(i, elem){
|
||||
$('#wrap-content').each(function (i, elem) {
|
||||
$(elem).show();
|
||||
});
|
||||
});
|
||||
|
||||
/* Remove expired pasted from history */
|
||||
if (zerobin.support.history && zerobin.paste_not_found){
|
||||
/* Remove expired pasted from history */
|
||||
if (zerobin.support.history && zerobin.paste_not_found) {
|
||||
var paste_id = zerobin.getPasteId();
|
||||
var keys = zerobin.getLocalStorageKeys();
|
||||
$.each(keys, function(i, key){
|
||||
if (localStorage[key].indexOf(paste_id) !== -1){
|
||||
$.each(keys, function (i, key) {
|
||||
if (localStorage[key].indexOf(paste_id) !== -1) {
|
||||
localStorage.removeItem(key);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Force text coloration when clickin on link */
|
||||
$("#force-coloration").live("click", function(e) {
|
||||
/* Force text coloration when clickin on link */
|
||||
$("#force-coloration").live("click", function (e) {
|
||||
e.preventDefault();
|
||||
$('#paste-content').addClass('linenums');
|
||||
$(this).die(e).text('Applying coloration');
|
||||
prettyPrint();
|
||||
$(this).remove();
|
||||
});
|
||||
});
|
||||
|
||||
/* Send the paste by email */
|
||||
var emailLink = 'mailto:friend@example.com?body=' + window.location;
|
||||
$('#email-link').attr('href', emailLink);
|
||||
/* Send the paste by email */
|
||||
var emailLink = 'mailto:friend@example.com?body=' + window.location;
|
||||
$('#email-link').attr('href', emailLink);
|
||||
|
||||
|
||||
|
||||
}); /* End of "document ready" jquery callback */
|
||||
}); /* End of "document ready" jquery callback */
|
||||
|
||||
})(); /* End of self executing function */
|
||||
2
zerobin/static/js/main.min.js
vendored
2
zerobin/static/js/main.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user