3208 lines
94 KiB
JavaScript
3208 lines
94 KiB
JavaScript
/**
|
|
* PrivateBin
|
|
*
|
|
* a zero-knowledge paste bin
|
|
*
|
|
* @see {@link https://github.com/PrivateBin/PrivateBin}
|
|
* @copyright 2012 Sébastien SAUVAGE ({@link http://sebsauvage.net})
|
|
* @license {@link https://www.opensource.org/licenses/zlib-license.php The zlib/libpng License}
|
|
* @version 1.1
|
|
* @name PrivateBin
|
|
* @namespace
|
|
*/
|
|
|
|
/** global: Base64 */
|
|
/** global: FileReader */
|
|
/** global: RawDeflate */
|
|
/** global: history */
|
|
/** global: navigator */
|
|
/** global: prettyPrint */
|
|
/** global: prettyPrintOne */
|
|
/** global: showdown */
|
|
/** global: sjcl */
|
|
|
|
// Immediately start random number generator collector.
|
|
sjcl.random.startCollectors();
|
|
|
|
// main application start, called when DOM is fully loaded
|
|
jQuery(document).ready(function() {
|
|
// run main controller
|
|
$.PrivateBin.Controller.init();
|
|
});
|
|
|
|
jQuery.PrivateBin = function($, sjcl, Base64, RawDeflate) {
|
|
'use strict';
|
|
|
|
/**
|
|
* static Helper methods
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var Helper = (function (window, document) {
|
|
var me = {};
|
|
|
|
/**
|
|
* character to HTML entity lookup table
|
|
*
|
|
* @see {@link https://github.com/janl/mustache.js/blob/master/mustache.js#L60}
|
|
* @private
|
|
* @enum {Object}
|
|
* @readonly
|
|
*/
|
|
var entityMap = {
|
|
'&': '&',
|
|
'<': '<',
|
|
'>': '>',
|
|
'"': '"',
|
|
"'": ''',
|
|
'/': '/',
|
|
'`': '`',
|
|
'=': '='
|
|
};
|
|
|
|
/**
|
|
* cache for script location
|
|
*
|
|
* @private
|
|
* @enum {string|null}
|
|
*/
|
|
var baseUri = null;
|
|
|
|
/**
|
|
* converts a duration (in seconds) into human friendly approximation
|
|
*
|
|
* @name Helper.secondsToHuman
|
|
* @function
|
|
* @param {number} seconds
|
|
* @return {Array}
|
|
*/
|
|
me.secondsToHuman = function(seconds)
|
|
{
|
|
var v;
|
|
if (seconds < 60)
|
|
{
|
|
v = Math.floor(seconds);
|
|
return [v, 'second'];
|
|
}
|
|
if (seconds < 60 * 60)
|
|
{
|
|
v = Math.floor(seconds / 60);
|
|
return [v, 'minute'];
|
|
}
|
|
if (seconds < 60 * 60 * 24)
|
|
{
|
|
v = Math.floor(seconds / (60 * 60));
|
|
return [v, 'hour'];
|
|
}
|
|
// If less than 2 months, display in days:
|
|
if (seconds < 60 * 60 * 24 * 60)
|
|
{
|
|
v = Math.floor(seconds / (60 * 60 * 24));
|
|
return [v, 'day'];
|
|
}
|
|
v = Math.floor(seconds / (60 * 60 * 24 * 30));
|
|
return [v, 'month'];
|
|
};
|
|
|
|
/**
|
|
* text range selection
|
|
*
|
|
* @see {@link https://stackoverflow.com/questions/985272/jquery-selecting-text-in-an-element-akin-to-highlighting-with-your-mouse}
|
|
* @name Helper.selectText
|
|
* @function
|
|
* @param {HTMLElement} element
|
|
*/
|
|
me.selectText = function(element)
|
|
{
|
|
var range, selection;
|
|
|
|
// MS
|
|
if (document.body.createTextRange) {
|
|
range = document.body.createTextRange();
|
|
range.moveToElementText(element);
|
|
range.select();
|
|
} else if (window.getSelection){
|
|
selection = window.getSelection();
|
|
range = document.createRange();
|
|
range.selectNodeContents(element);
|
|
selection.removeAllRanges();
|
|
selection.addRange(range);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* set text of a jQuery element (required for IE),
|
|
*
|
|
* @name Helper.setElementText
|
|
* @function
|
|
* @param {jQuery} $element - a jQuery element
|
|
* @param {string} text - the text to enter
|
|
*/
|
|
me.setElementText = function($element, text)
|
|
{
|
|
// For IE<10: Doesn't support white-space:pre-wrap; so we have to do this...
|
|
if ($('#oldienotice').is(':visible')) {
|
|
var html = me.htmlEntities(text).replace(/\n/ig, '\r\n<br>');
|
|
$element.html('<pre>' + html + '</pre>');
|
|
}
|
|
// for other (sane) browsers:
|
|
else
|
|
{
|
|
$element.text(text);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* convert URLs to clickable links.
|
|
* URLs to handle:
|
|
* <pre>
|
|
* magnet:?xt.1=urn:sha1:YNCKHTQCWBTRNJIV4WNAE52SJUQCZO5C&xt.2=urn:sha1:TXGCZQTH26NL6OUQAJJPFALHG2LTGBC7
|
|
* http://example.com:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM=
|
|
* http://user:example.com@localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM=
|
|
* </pre>
|
|
*
|
|
* @name Helper.urls2links
|
|
* @function
|
|
* @param {Object} element - a jQuery DOM element
|
|
*/
|
|
me.urls2links = function($element)
|
|
{
|
|
var markup = '<a href="$1" rel="nofollow">$1</a>';
|
|
$element.html(
|
|
$element.html().replace(
|
|
/((http|https|ftp):\/\/[\w?=&.\/-;#@~%+-]+(?![\w\s?&.\/;#~%"=-]*>))/ig,
|
|
markup
|
|
)
|
|
);
|
|
$element.html(
|
|
$element.html().replace(
|
|
/((magnet):[\w?=&.\/-;#@~%+-]+)/ig,
|
|
markup
|
|
)
|
|
);
|
|
};
|
|
|
|
/**
|
|
* minimal sprintf emulation for %s and %d formats
|
|
*
|
|
* @see {@link https://stackoverflow.com/questions/610406/javascript-equivalent-to-printf-string-format#4795914}
|
|
* @name Helper.sprintf
|
|
* @function
|
|
* @param {string} format
|
|
* @param {...*} args - one or multiple parameters injected into format string
|
|
* @return {string}
|
|
*/
|
|
me.sprintf = function()
|
|
{
|
|
var args = Array.prototype.slice.call(arguments);
|
|
var format = args[0],
|
|
i = 1;
|
|
return format.replace(/%((%)|s|d)/g, function (m) {
|
|
// m is the matched format, e.g. %s, %d
|
|
var val;
|
|
if (m[2]) {
|
|
val = m[2];
|
|
} else {
|
|
val = args[i];
|
|
// A switch statement so that the formatter can be extended.
|
|
switch (m)
|
|
{
|
|
case '%d':
|
|
val = parseFloat(val);
|
|
if (isNaN(val)) {
|
|
val = 0;
|
|
}
|
|
break;
|
|
default:
|
|
// Default is %s
|
|
}
|
|
++i;
|
|
}
|
|
return val;
|
|
});
|
|
};
|
|
|
|
/**
|
|
* get value of cookie, if it was set, empty string otherwise
|
|
*
|
|
* @see {@link http://www.w3schools.com/js/js_cookies.asp}
|
|
* @name Helper.getCookie
|
|
* @function
|
|
* @param {string} cname
|
|
* @return {string}
|
|
*/
|
|
me.getCookie = function(cname) {
|
|
var name = cname + '=',
|
|
ca = document.cookie.split(';');
|
|
for (var i = 0; i < ca.length; ++i) {
|
|
var c = ca[i];
|
|
while (c.charAt(0) === ' ')
|
|
{
|
|
c = c.substring(1);
|
|
}
|
|
if (c.indexOf(name) === 0)
|
|
{
|
|
return c.substring(name.length, c.length);
|
|
}
|
|
}
|
|
return '';
|
|
};
|
|
|
|
/**
|
|
* get the current location (without search or hash part of the URL),
|
|
* eg. http://example.com/path/?aaaa#bbbb --> http://example.com/path/
|
|
*
|
|
* @name Helper.baseUri
|
|
* @function
|
|
* @return {string}
|
|
*/
|
|
me.baseUri = function()
|
|
{
|
|
// check for cached version
|
|
if (baseUri !== null) {
|
|
return baseUri;
|
|
}
|
|
|
|
// get official base uri string, from base tag in head of HTML
|
|
baseUri = document.baseURI;
|
|
|
|
// if base uri contains query string (when no base tag is present),
|
|
// it is unwanted
|
|
if (baseUri.indexOf('?')) {
|
|
// so we built our own baseuri
|
|
baseUri = window.location.origin + window.location.pathname;
|
|
}
|
|
|
|
return baseUri;
|
|
};
|
|
|
|
/**
|
|
* convert all applicable characters to HTML entities
|
|
*
|
|
* @see {@link https://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet#RULE_.231_-_HTML_Escape_Before_Inserting_Untrusted_Data_into_HTML_Element_Content}
|
|
* @name Helper.htmlEntities
|
|
* @function
|
|
* @param {string} str
|
|
* @return {string} escaped HTML
|
|
*/
|
|
me.htmlEntities = function(str) {
|
|
return String(str).replace(
|
|
/[&<>"'`=\/]/g, function(s) {
|
|
return entityMap[s];
|
|
});
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* internationalization module
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var I18n = (function (window, document) {
|
|
var me = {};
|
|
|
|
/**
|
|
* const for string of loaded language
|
|
*
|
|
* @private
|
|
* @prop {string}
|
|
* @readonly
|
|
*/
|
|
var languageLoadedEvent = 'languageLoaded';
|
|
|
|
/**
|
|
* supported languages, minus the built in 'en'
|
|
*
|
|
* @private
|
|
* @prop {string[]}
|
|
* @readonly
|
|
*/
|
|
var supportedLanguages = ['de', 'es', 'fr', 'it', 'no', 'pl', 'oc', 'ru', 'sl', 'zh'];
|
|
|
|
/**
|
|
* built in language
|
|
*
|
|
* @private
|
|
* @prop {string|null}
|
|
*/
|
|
var language = null;
|
|
|
|
/**
|
|
* translation cache
|
|
*
|
|
* @private
|
|
* @enum {Object}
|
|
*/
|
|
var translations = {};
|
|
|
|
/**
|
|
* translate a string, alias for I18n.translate()
|
|
*
|
|
* for a full description see me.translate
|
|
*
|
|
* @name I18n._
|
|
* @function
|
|
* @param {jQuery} $element - optional
|
|
* @param {string} messageId
|
|
* @param {...*} args - one or multiple parameters injected into placeholders
|
|
* @return {string}
|
|
*/
|
|
me._ = function()
|
|
{
|
|
return me.translate.apply(this, arguments);
|
|
};
|
|
|
|
/**
|
|
* translate a string
|
|
*
|
|
* Optionally pass a jQuery element as the first parameter, to automatically
|
|
* let the text of this element be replaced. In case the (asynchronously
|
|
* loaded) language is not downloadet yet, this will make sure the string
|
|
* is replaced when it is actually loaded.
|
|
* So for easy translations passing the jQuery object to apply it to is
|
|
* more save, especially when they are loaded in the beginning.
|
|
*
|
|
* @name I18n.translate
|
|
* @function
|
|
* @param {jQuery} $element - optional
|
|
* @param {string} messageId
|
|
* @param {...*} args - one or multiple parameters injected into placeholders
|
|
* @return {string}
|
|
*/
|
|
me.translate = function()
|
|
{
|
|
// convert parameters to array
|
|
var args = Array.prototype.slice.call(arguments),
|
|
messageId,
|
|
$element = null;
|
|
|
|
// parse arguments
|
|
if (args[0] instanceof jQuery) {
|
|
// optional jQuery element as first parameter
|
|
$element = args[0];
|
|
args.shift();
|
|
}
|
|
|
|
// extract messageId from arguments
|
|
var usesPlurals = $.isArray(args[0]);
|
|
if (usesPlurals) {
|
|
// use the first plural form as messageId, otherwise the singular
|
|
messageId = (args[0].length > 1 ? args[0][1] : args[0][0]);
|
|
} else {
|
|
messageId = args[0];
|
|
}
|
|
|
|
if (messageId.length === 0) {
|
|
return messageId;
|
|
}
|
|
|
|
// if no translation string cannot be found (in translations object)
|
|
if (!translations.hasOwnProperty(messageId)) {
|
|
// if language is still loading and we have an elemt assigned
|
|
if (language === null && $element !== null) {
|
|
// handle the error by attaching the language loaded event
|
|
var orgArguments = arguments;
|
|
$(document).on(languageLoadedEvent, function () {
|
|
// re-execute this function
|
|
me.translate.apply(this, orgArguments);
|
|
// log to show that the previous error could be mitigated
|
|
console.log('Fixed missing translation of \'' + messageId + '\' with now loaded language ' + language);
|
|
});
|
|
|
|
// and fall back to English for now until the real language
|
|
// file is loaded
|
|
}
|
|
|
|
// for all other langauges than English for which thsi behaviour
|
|
// is expected as it is built-in, log error
|
|
if (language !== 'en') {
|
|
console.error('Missing translation for: \'' + messageId + '\' in language ' + language);
|
|
// fallback to English
|
|
}
|
|
|
|
// save English translation (should be the same on both sides)
|
|
translations[messageId] = args[0];
|
|
}
|
|
|
|
// lookup plural translation
|
|
if (usesPlurals && $.isArray(translations[messageId])) {
|
|
var n = parseInt(args[1] || 1, 10),
|
|
key = me.getPluralForm(n),
|
|
maxKey = translations[messageId].length - 1;
|
|
if (key > maxKey) {
|
|
key = maxKey;
|
|
}
|
|
args[0] = translations[messageId][key];
|
|
args[1] = n;
|
|
} else {
|
|
// lookup singular translation
|
|
args[0] = translations[messageId];
|
|
}
|
|
|
|
// format string
|
|
var output = Helper.sprintf.apply(this, args);
|
|
|
|
// if $element is given, apply text to element
|
|
if ($element !== null) {
|
|
$element.text(output);
|
|
}
|
|
|
|
return output;
|
|
};
|
|
|
|
/**
|
|
* per language functions to use to determine the plural form
|
|
*
|
|
* @see {@link http://localization-guide.readthedocs.org/en/latest/l10n/pluralforms.html}
|
|
* @name I18n.getPluralForm
|
|
* @function
|
|
* @param {number} n
|
|
* @return {number} array key
|
|
*/
|
|
me.getPluralForm = function(n) {
|
|
switch (language)
|
|
{
|
|
case 'fr':
|
|
case 'oc':
|
|
case 'zh':
|
|
return (n > 1 ? 1 : 0);
|
|
case 'pl':
|
|
return (n === 1 ? 0 : (n % 10 >= 2 && n %10 <=4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2));
|
|
case 'ru':
|
|
return (n % 10 === 1 && n % 100 !== 11 ? 0 : (n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2));
|
|
case 'sl':
|
|
return (n % 100 === 1 ? 1 : (n % 100 === 2 ? 2 : (n % 100 === 3 || n % 100 === 4 ? 3 : 0)));
|
|
// de, en, es, it, no
|
|
default:
|
|
return (n !== 1 ? 1 : 0);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* load translations into cache
|
|
*
|
|
* @name I18n.loadTranslations
|
|
* @function
|
|
*/
|
|
me.loadTranslations = function()
|
|
{
|
|
var newLanguage = Helper.getCookie('lang');
|
|
|
|
// auto-select language based on browser settings
|
|
if (newLanguage.length === 0) {
|
|
newLanguage = (navigator.language || navigator.userLanguage).substring(0, 2);
|
|
}
|
|
|
|
// if language is already used skip update
|
|
if (newLanguage === language) {
|
|
return;
|
|
}
|
|
|
|
// if language is built-in (English) skip update
|
|
if (newLanguage === 'en') {
|
|
language = 'en';
|
|
return;
|
|
}
|
|
|
|
// if language is not supported, show error
|
|
if (supportedLanguages.indexOf(newLanguage) === -1) {
|
|
console.error('Language \'%s\' is not supported. Translation failed, fallback to English.', newLanguage);
|
|
language = 'en';
|
|
return;
|
|
}
|
|
|
|
// load strings from JSON
|
|
$.getJSON('i18n/' + newLanguage + '.json', function(data) {
|
|
language = newLanguage;
|
|
translations = data;
|
|
$(document).triggerHandler(languageLoadedEvent);
|
|
}).fail(function (data, textStatus, errorMsg) {
|
|
console.error('Language \'%s\' could not be loaded (%s: %s). Translation failed, fallback to English.', newLanguage, textStatus, errorMsg);
|
|
language = 'en';
|
|
});
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* handles everything related to en/decryption
|
|
*
|
|
* @class
|
|
*/
|
|
var CryptTool = (function () {
|
|
var me = {};
|
|
|
|
/**
|
|
* compress a message (deflate compression), returns base64 encoded data
|
|
*
|
|
* @name cryptToolcompress
|
|
* @function
|
|
* @private
|
|
* @param {string} message
|
|
* @return {string} base64 data
|
|
*/
|
|
function compress(message)
|
|
{
|
|
return Base64.toBase64( RawDeflate.deflate( Base64.utob(message) ) );
|
|
}
|
|
|
|
/**
|
|
* decompress a message compressed with cryptToolcompress()
|
|
*
|
|
* @name cryptTooldecompress
|
|
* @function
|
|
* @private
|
|
* @param {string} data - base64 data
|
|
* @return {string} message
|
|
*/
|
|
function decompress(data)
|
|
{
|
|
return Base64.btou( RawDeflate.inflate( Base64.fromBase64(data) ) );
|
|
}
|
|
|
|
/**
|
|
* compress, then encrypt message with given key and password
|
|
*
|
|
* @name CryptTool.cipher
|
|
* @function
|
|
* @param {string} key
|
|
* @param {string} password
|
|
* @param {string} message
|
|
* @return {string} data - JSON with encrypted data
|
|
*/
|
|
me.cipher = function(key, password, message)
|
|
{
|
|
// Galois Counter Mode, keysize 256 bit, authentication tag 128 bit
|
|
var options = {
|
|
mode: 'gcm',
|
|
ks: 256,
|
|
ts: 128
|
|
};
|
|
|
|
if ((password || '').trim().length === 0)
|
|
{
|
|
return sjcl.encrypt(key, compress(message), options);
|
|
}
|
|
return sjcl.encrypt(key + sjcl.codec.hex.fromBits(sjcl.hash.sha256.hash(password)), compress(message), options);
|
|
};
|
|
|
|
/**
|
|
* decrypt message with key, then decompress
|
|
*
|
|
* @name CryptTool.decipher
|
|
* @function
|
|
* @param {string} key
|
|
* @param {string} password
|
|
* @param {string} data - JSON with encrypted data
|
|
* @return {string} decrypted message
|
|
*/
|
|
me.decipher = function(key, password, data)
|
|
{
|
|
if (data !== undefined)
|
|
{
|
|
try
|
|
{
|
|
return decompress(sjcl.decrypt(key, data));
|
|
}
|
|
catch(err)
|
|
{
|
|
try
|
|
{
|
|
return decompress(sjcl.decrypt(key + sjcl.codec.hex.fromBits(sjcl.hash.sha256.hash(password)), data));
|
|
}
|
|
catch(e)
|
|
{
|
|
// ignore error, because ????? @TODO
|
|
}
|
|
}
|
|
}
|
|
return '';
|
|
};
|
|
|
|
/**
|
|
* checks whether the crypt tool is ready.
|
|
*
|
|
* @name CryptTool.isReady
|
|
* @function
|
|
* @return {bool}
|
|
*/
|
|
me.isEntropyReady = function()
|
|
{
|
|
return sjcl.random.isReady();
|
|
};
|
|
|
|
/**
|
|
* checks whether the crypt tool is ready.
|
|
*
|
|
* @name CryptTool.isReady
|
|
* @function
|
|
* @param {function} func
|
|
*/
|
|
me.addEntropySeedListener = function(func)
|
|
{
|
|
sjcl.random.addEventListener('seeded', func);
|
|
};
|
|
|
|
/**
|
|
* returns a random symmetric key
|
|
*
|
|
* @name CryptTool.getSymmetricKey
|
|
* @function
|
|
* @return {string} func
|
|
*/
|
|
me.getSymmetricKey = function(func)
|
|
{
|
|
return sjcl.codec.base64.fromBits(sjcl.random.randomWords(8, 0), 0);
|
|
};
|
|
|
|
/**
|
|
* initialize crypt tool
|
|
*
|
|
* @name CryptTool.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
// will fail earlier as sjcl is already passed as a parameter
|
|
// if (typeof sjcl !== 'object') {
|
|
// Alert.showError(
|
|
// I18n._('The library %s is not available.', 'sjcl') +
|
|
// I18n._('Messages cannot be decrypted or encrypted.')
|
|
// );
|
|
// }
|
|
};
|
|
|
|
return me;
|
|
})();
|
|
|
|
/**
|
|
* (modal) Data source (aka MVC)
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var Modal = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $cipherData;
|
|
|
|
var id = null, symmetricKey = null;
|
|
|
|
/**
|
|
* returns the expiration set in the HTML
|
|
*
|
|
* @name Modal.getExpirationDefault
|
|
* @function
|
|
* @return string
|
|
* @TODO the template can be simplified as #pasteExpiration is no longer modified (only default value)
|
|
*/
|
|
me.getExpirationDefault = function()
|
|
{
|
|
return $('#pasteExpiration').val();
|
|
};
|
|
|
|
/**
|
|
* returns the format set in the HTML
|
|
*
|
|
* @name Modal.getFormatDefault
|
|
* @function
|
|
* @return string
|
|
* @TODO the template can be simplified as #pasteFormatter is no longer modified (only default value)
|
|
*/
|
|
me.getFormatDefault = function()
|
|
{
|
|
return $('#pasteFormatter').val();
|
|
};
|
|
|
|
/**
|
|
* check if cipher data was supplied
|
|
*
|
|
* @name Modal.getCipherData
|
|
* @function
|
|
* @return boolean
|
|
*/
|
|
me.hasCipherData = function()
|
|
{
|
|
return (me.getCipherData().length > 0);
|
|
};
|
|
|
|
/**
|
|
* returns the cipher data
|
|
*
|
|
* @name Modal.getCipherData
|
|
* @function
|
|
* @return string
|
|
*/
|
|
me.getCipherData = function()
|
|
{
|
|
return $cipherData.text();
|
|
};
|
|
|
|
/**
|
|
* get the pastes unique identifier from the URL,
|
|
* eg. http://example.com/path/?c05354954c49a487#dfdsdgdgdfgdf returns c05354954c49a487
|
|
*
|
|
* @name Modal.getPasteId
|
|
* @function
|
|
* @return {string} unique identifier
|
|
*/
|
|
me.getPasteId = function()
|
|
{
|
|
if (id === null) {
|
|
id = window.location.search.substring(1);
|
|
}
|
|
|
|
return id;
|
|
};
|
|
|
|
/**
|
|
* return the deciphering key stored in anchor part of the URL
|
|
*
|
|
* @name Modal.getPasteKey
|
|
* @function
|
|
* @return {string} key
|
|
*/
|
|
me.getPasteKey = function()
|
|
{
|
|
if (symmetricKey === null) {
|
|
symmetricKey = window.location.hash.substring(1);
|
|
|
|
// Some web 2.0 services and redirectors add data AFTER the anchor
|
|
// (such as &utm_source=...). We will strip any additional data.
|
|
var ampersandPos = symmetricKey.indexOf('&');
|
|
if (ampersandPos > -1)
|
|
{
|
|
symmetricKey = symmetricKey.substring(0, ampersandPos);
|
|
}
|
|
|
|
}
|
|
|
|
return symmetricKey;
|
|
};
|
|
|
|
/**
|
|
* init navigation manager
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name Modal.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$cipherData = $('#cipherdata');
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* Helper functions for user interface
|
|
*
|
|
* everything directly UI-related, which fits nowhere else
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var UiHelper = (function (window, document) {
|
|
var me = {};
|
|
|
|
/**
|
|
* handle history (pop) state changes
|
|
*
|
|
* currently this does only handle redirects to the home page.
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function historyChange(event)
|
|
{
|
|
var currentLocation = Helper.baseUri();
|
|
if (event.originalEvent.state === null && // no state object passed
|
|
event.originalEvent.target.location.href === currentLocation && // target location is home page
|
|
window.location.href === currentLocation // and we are not already on the home page
|
|
) {
|
|
// redirect to home page
|
|
window.location.href = currentLocation;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* reload the page
|
|
*
|
|
* This takes the user to the PrivateBin homepage.
|
|
*
|
|
* @name UiHelper.reloadHome
|
|
* @function
|
|
*/
|
|
me.reloadHome = function()
|
|
{
|
|
window.location.href = Helper.baseUri();
|
|
};
|
|
|
|
/**
|
|
* initialize
|
|
*
|
|
* @name UiHelper.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
// update link to home page
|
|
$('.reloadlink').prop('href', Helper.baseUri());
|
|
|
|
$(window).on('popstate', historyChange);
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* Alert/error manager
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var Alert = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $errorMessage,
|
|
$status;
|
|
|
|
/**
|
|
* display a status message
|
|
*
|
|
* @name Alert.showStatus
|
|
* @function
|
|
* @param {string} message - text to display
|
|
* @param {boolean} [spin=false] - (optional) tell if the "spinning" animation should be displayed, defaults to false
|
|
*/
|
|
me.showStatus = function(message, spin)
|
|
{
|
|
// spin is ignored for now
|
|
$status.text(message);
|
|
};
|
|
|
|
/**
|
|
* hides any status messages
|
|
*
|
|
* @name Alert.hideMessages
|
|
* @function
|
|
*/
|
|
me.hideMessages = function()
|
|
{
|
|
$status.html(' ');
|
|
$errorMessage.addClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* display an error message
|
|
*
|
|
* @name Alert.showError
|
|
* @function
|
|
* @param {string} message - text to display
|
|
*/
|
|
me.showError = function(message)
|
|
{
|
|
console.error('Error shown: ' + message);
|
|
|
|
$errorMessage.removeClass('hidden');
|
|
$errorMessage.find(':last').text(' ' + message);
|
|
};
|
|
|
|
/**
|
|
* init status manager
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name Alert.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
// hide "no javascript" message
|
|
$('#noscript').hide();
|
|
|
|
$errorMessage = $('#errormessage');
|
|
$status = $('#status');
|
|
|
|
// display status returned by php code, if any (eg. paste was properly deleted)
|
|
// @TODO remove this by handling errors in a different way
|
|
if ($status.text().length > 0)
|
|
{
|
|
me.showStatus($status.text());
|
|
return;
|
|
}
|
|
|
|
// keep line height even if content empty
|
|
$status.html(' '); // @TODO what? remove?
|
|
|
|
// display error message from php code
|
|
if ($errorMessage.text().length > 1) {
|
|
Alert.showError($errorMessage.text());
|
|
}
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* handles paste status/result
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var PasteStatus = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $pasteSuccess,
|
|
$shortenButton,
|
|
$pasteUrl,
|
|
$remainingTime;
|
|
|
|
/**
|
|
* forward to URL shortener
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function sendToShortener(event)
|
|
{
|
|
window.location.href = $shortenButton.data('shortener')
|
|
+ encodeURIComponent($pasteUrl.attr('href'));
|
|
}
|
|
|
|
/**
|
|
* Forces opening the paste if the link does not do this automatically.
|
|
*
|
|
* This is necessary as browsers will not reload the page when it is
|
|
* already loaded (which is fake as it is set via history.pushState()).
|
|
*
|
|
* @name Controller.pasteLinkClick
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function pasteLinkClick(event)
|
|
{
|
|
// check if location is (already) shown in URL bar
|
|
if (window.location.href === $pasteUrl.attr('href')) {
|
|
// if so we need to load link by reloading the current site
|
|
window.location.reload(true);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* creates a notification after a successfull paste upload
|
|
*
|
|
* @name PasteStatus.createPasteNotification
|
|
* @function
|
|
* @param {string} url
|
|
* @param {string} deleteUrl
|
|
*/
|
|
me.createPasteNotification = function(url, deleteUrl)
|
|
{
|
|
$('#pastelink').find(':first').html(
|
|
I18n._(
|
|
'Your paste is <a id="pasteurl" href="%s">%s</a> <span id="copyhint">(Hit [Ctrl]+[c] to copy)</span>',
|
|
url, url
|
|
)
|
|
);
|
|
// save newly created element
|
|
$pasteUrl = $('#pasteurl');
|
|
// and add click event
|
|
$pasteUrl.click(pasteLinkClick);
|
|
|
|
// shorten button
|
|
$('#deletelink').html('<a href="' + deleteUrl + '">' + I18n._('Delete data') + '</a>');
|
|
|
|
// show result
|
|
$pasteSuccess.removeClass('hidden');
|
|
// we pre-select the link so that the user only has to [Ctrl]+[c] the link
|
|
Helper.selectText($pasteUrl[0]);
|
|
};
|
|
|
|
/**
|
|
* shows the remaining time
|
|
*
|
|
* @function
|
|
* @param {object} pasteMetaData
|
|
*/
|
|
me.showRemainingTime = function(pasteMetaData)
|
|
{
|
|
if (pasteMetaData.burnafterreading) {
|
|
// display paste "for your eyes only" if it is deleted
|
|
|
|
// actually remove paste, before we claim it is deleted
|
|
Controller.removePaste(Modal.getPasteId(), 'burnafterreading');
|
|
|
|
I18n._($remainingTime.find(':last'), "FOR YOUR EYES ONLY. Don't close this window, this message can't be displayed again.");
|
|
$remainingTime.addClass('foryoureyesonly');
|
|
|
|
// discourage cloning (it cannot really be prevented)
|
|
TopNav.hideCloneButton();
|
|
|
|
} else if (pasteMetaData.expire_date) {
|
|
// display paste expiration
|
|
var expiration = Helper.secondsToHuman(pasteMetaData.remaining_time),
|
|
expirationLabel = [
|
|
'This document will expire in %d ' + expiration[1] + '.',
|
|
'This document will expire in %d ' + expiration[1] + 's.'
|
|
];
|
|
|
|
I18n._($remainingTime.find(':last'), expirationLabel, expiration[0]);
|
|
$remainingTime.removeClass('foryoureyesonly')
|
|
} else {
|
|
// never expires
|
|
return;
|
|
}
|
|
|
|
// in the end, display notification
|
|
$remainingTime.removeClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* init status manager
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name Alert.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$shortenButton = $('#shortenbutton');
|
|
$pasteSuccess = $('#pasteSuccess');
|
|
// $pasteUrl is saved in me.createPasteNotification() after creation
|
|
$remainingTime = $('#remainingtime');
|
|
|
|
// bind elements
|
|
$shortenButton.click(sendToShortener);
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* password prompt
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var Prompt = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $passwordModal,
|
|
$passwordForm,
|
|
$passwordDecrypt;
|
|
|
|
var password = '',
|
|
passwordCallback = null;
|
|
|
|
/**
|
|
* ask the user for the password and set it
|
|
*
|
|
* the callback set via setPasswordCallback is executed
|
|
*
|
|
* @name Prompt.requestPassword()
|
|
* @function
|
|
*/
|
|
me.requestPassword = function()
|
|
{
|
|
// show new bootstrap method
|
|
$passwordModal.modal({
|
|
backdrop: 'static',
|
|
keyboard: false
|
|
});
|
|
};
|
|
|
|
/**
|
|
* get cached password or password from easy Prompt
|
|
*
|
|
* If you do not get a password with this function, use
|
|
* requestPassword
|
|
*
|
|
* @name Prompt.getPassword
|
|
* @function
|
|
*/
|
|
me.getPassword = function()
|
|
{
|
|
if (password.length !== 0) {
|
|
return password;
|
|
}
|
|
|
|
if ($passwordModal.length === 0) {
|
|
// old method for page template
|
|
var newPassword = Prompt(I18n._('Please enter the password for this paste:'), '');
|
|
if (newPassword === null) {
|
|
throw 'password Prompt canceled';
|
|
}
|
|
if (password.length === 0) {
|
|
// recursive…
|
|
me.getPassword();
|
|
} else {
|
|
password = newPassword;
|
|
}
|
|
}
|
|
|
|
return password;
|
|
};
|
|
|
|
/**
|
|
* setsthe callback called when password is entered
|
|
*
|
|
* @name Prompt.setPasswordCallback
|
|
* @function
|
|
* @param {functions} setPasswordCallback
|
|
*/
|
|
me.setPasswordCallback = function(callback)
|
|
{
|
|
passwordCallback = callback;
|
|
};
|
|
|
|
/**
|
|
* submit a password in the Modal dialog
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function submitPasswordModal(event)
|
|
{
|
|
// get input
|
|
password = $passwordDecrypt.val();
|
|
|
|
// hide modal
|
|
$passwordModal.modal('hide');
|
|
|
|
if (passwordCallback !== null) {
|
|
passwordCallback();
|
|
}
|
|
|
|
event.preventDefault();
|
|
}
|
|
|
|
|
|
/**
|
|
* init status manager
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name Controller.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$passwordModal = $('#passwordmodal');
|
|
$passwordForm = $('#passwordform');
|
|
$passwordDecrypt = $('#passworddecrypt');
|
|
|
|
// bind events
|
|
|
|
// focus password input when it is shown
|
|
$passwordModal.on('shown.bs.Modal', function () {
|
|
$passwordDecrypt.focus();
|
|
});
|
|
// handle Modal password submission
|
|
$passwordForm.submit(submitPasswordModal);
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* Manage paste/message input, and preview tab
|
|
*
|
|
* Note that the actual preview is handled by PasteViewer.
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var Editor = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $message,
|
|
$messageEdit,
|
|
$messagePreview,
|
|
$editorTabs;
|
|
|
|
var isPreview = false;
|
|
|
|
/**
|
|
* support input of tab character
|
|
*
|
|
* @name Editor.supportTabs
|
|
* @function
|
|
* @param {Event} event
|
|
* @TODO doc what is @this here?
|
|
* @TODO replace this with $message ??
|
|
*/
|
|
function supportTabs(event)
|
|
{
|
|
var keyCode = event.keyCode || event.which;
|
|
// tab was pressed
|
|
if (keyCode === 9)
|
|
{
|
|
// prevent the textarea to lose focus
|
|
event.preventDefault();
|
|
// get caret position & selection
|
|
var val = this.value,
|
|
start = this.selectionStart,
|
|
end = this.selectionEnd;
|
|
// set textarea value to: text before caret + tab + text after caret
|
|
this.value = val.substring(0, start) + '\t' + val.substring(end);
|
|
// put caret at right position again
|
|
this.selectionStart = this.selectionEnd = start + 1;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* view the Editor tab
|
|
*
|
|
* @name Editor.viewEditor
|
|
* @function
|
|
* @param {Event} event - optional
|
|
*/
|
|
function viewEditor(event)
|
|
{
|
|
// toggle buttons
|
|
$messageEdit.addClass('active');
|
|
$messagePreview.removeClass('active');
|
|
|
|
PasteViewer.hide();
|
|
|
|
// reshow input
|
|
$message.removeClass('hidden');
|
|
|
|
me.focusInput();
|
|
|
|
// finish
|
|
isPreview = false;
|
|
|
|
// prevent jumping of page to top
|
|
if (typeof event !== 'undefined') {
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* view the preview tab
|
|
*
|
|
* @name Editor.viewPreview
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function viewPreview(event)
|
|
{
|
|
// toggle buttons
|
|
$messageEdit.removeClass('active');
|
|
$messagePreview.addClass('active');
|
|
|
|
// hide input as now preview is shown
|
|
$message.addClass('hidden');
|
|
|
|
// show preview
|
|
$('#errormessage').find(':last')
|
|
PasteViewer.setText($message.val());
|
|
PasteViewer.run();
|
|
|
|
// finish
|
|
isPreview = true;
|
|
|
|
// prevent jumping of page to top
|
|
if (typeof event !== 'undefined') {
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* get the state of the preview
|
|
*
|
|
* @name Editor.isPreview
|
|
* @function
|
|
*/
|
|
me.isPreview = function()
|
|
{
|
|
return isPreview;
|
|
}
|
|
|
|
/**
|
|
* reset the Editor view
|
|
*
|
|
* @name Editor.resetInput
|
|
* @function
|
|
*/
|
|
me.resetInput = function()
|
|
{
|
|
// go back to input
|
|
if (isPreview) {
|
|
viewEditor();
|
|
}
|
|
|
|
// clear content
|
|
$message.val('');
|
|
};
|
|
|
|
/**
|
|
* shows the Editor
|
|
*
|
|
* @name Editor.show
|
|
* @function
|
|
*/
|
|
me.show = function()
|
|
{
|
|
$message.removeClass('hidden');
|
|
$editorTabs.removeClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* hides the Editor
|
|
*
|
|
* @name Editor.reset
|
|
* @function
|
|
*/
|
|
me.hide = function()
|
|
{
|
|
$message.addClass('hidden');
|
|
$editorTabs.addClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* focuses the message input
|
|
*
|
|
* @name Editor.focusInput
|
|
* @function
|
|
*/
|
|
me.focusInput = function()
|
|
{
|
|
$message.focus();
|
|
};
|
|
|
|
/**
|
|
* returns the current text
|
|
*
|
|
* @name Editor.getText
|
|
* @function
|
|
* @return {string}
|
|
*/
|
|
me.getText = function()
|
|
{
|
|
return $message.val()
|
|
};
|
|
|
|
/**
|
|
* init status manager
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name Editor.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$message = $('#message');
|
|
$editorTabs = $('#editorTabs');
|
|
|
|
// bind events
|
|
$message.keydown(supportTabs);
|
|
|
|
// bind click events to tab switchers (a), but save parent of them
|
|
// (li)
|
|
$messageEdit = $('#messageedit').click(viewEditor).parent();
|
|
$messagePreview = $('#messagepreview').click(viewPreview).parent();
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* (view) Parse and show paste.
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var PasteViewer = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $clonedFile,
|
|
$plainText,
|
|
$placeholder,
|
|
$prettyMessage,
|
|
$prettyPrint;
|
|
|
|
var text,
|
|
format = 'plaintext',
|
|
isDisplayed = false,
|
|
isChanged = true; // by default true as nothing was parsed yet
|
|
|
|
/**
|
|
* apply the set format on paste and displays it
|
|
*
|
|
* @private
|
|
* @function
|
|
*/
|
|
function parsePaste()
|
|
{
|
|
// skip parsing if no text is given
|
|
if (text === '') {
|
|
return;
|
|
}
|
|
|
|
// set text
|
|
Helper.setElementText($plainText, text);
|
|
Helper.setElementText($prettyPrint, text);
|
|
|
|
switch (format) {
|
|
case 'markdown':
|
|
var converter = new showdown.Converter({
|
|
strikethrough: true,
|
|
tables: true,
|
|
tablesHeaderId: true
|
|
});
|
|
$plainText.html(
|
|
converter.makeHtml(text)
|
|
);
|
|
// add table classes from bootstrap css
|
|
$plainText.find('table').addClass('table-condensed table-bordered');
|
|
break;
|
|
case 'syntaxhighlighting':
|
|
// @TODO is this really needed or is "one" enough?
|
|
if (typeof prettyPrint === 'function')
|
|
{
|
|
prettyPrint();
|
|
}
|
|
|
|
$prettyPrint.html(
|
|
prettyPrintOne(
|
|
Helper.htmlEntities(text), null, true
|
|
)
|
|
);
|
|
// fall through, as the rest is the same
|
|
default: // = 'plaintext'
|
|
// convert URLs to clickable links
|
|
Helper.urls2links($plainText);
|
|
Helper.urls2links($prettyPrint);
|
|
|
|
$prettyPrint.css('white-space', 'pre-wrap');
|
|
$prettyPrint.css('word-break', 'normal');
|
|
$prettyPrint.removeClass('prettyprint');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* displays the paste
|
|
*
|
|
* @private
|
|
* @function
|
|
*/
|
|
function showPaste()
|
|
{
|
|
// instead of "nothing" better display a placeholder
|
|
if (text === '') {
|
|
$placeholder.removeClass('hidden')
|
|
return;
|
|
}
|
|
// otherwise hide the placeholder
|
|
$placeholder.addClass('hidden')
|
|
|
|
switch (format) {
|
|
case 'markdown':
|
|
$plainText.removeClass('hidden');
|
|
$prettyMessage.addClass('hidden');
|
|
break;
|
|
default:
|
|
$plainText.addClass('hidden');
|
|
$prettyMessage.removeClass('hidden');
|
|
break;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* sets the format in which the text is shown
|
|
*
|
|
* @name PasteViewer.setFormat
|
|
* @function
|
|
* @param {string} the the new format
|
|
*/
|
|
me.setFormat = function(newFormat)
|
|
{
|
|
if (format !== newFormat) {
|
|
format = newFormat;
|
|
isChanged = true;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* returns the current format
|
|
*
|
|
* @name PasteViewer.setFormat
|
|
* @function
|
|
* @return {string}
|
|
*/
|
|
me.getFormat = function()
|
|
{
|
|
return format;
|
|
};
|
|
|
|
/**
|
|
* returns whether the current view is pretty printed
|
|
*
|
|
* @name PasteViewer.isPrettyPrinted
|
|
* @function
|
|
* @return {bool}
|
|
*/
|
|
me.isPrettyPrinted = function()
|
|
{
|
|
return $prettyPrint.hasClass('prettyprinted');
|
|
};
|
|
|
|
/**
|
|
* sets the text to show
|
|
*
|
|
* @name Editor.init
|
|
* @function
|
|
* @param {string} newText the text to show
|
|
*/
|
|
me.setText = function(newText)
|
|
{
|
|
if (text !== newText) {
|
|
text = newText;
|
|
isChanged = true;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* show/update the parsed text (preview)
|
|
*
|
|
* @name PasteViewer.run
|
|
* @function
|
|
*/
|
|
me.run = function()
|
|
{
|
|
if (isChanged) {
|
|
parsePaste();
|
|
isChanged = false;
|
|
}
|
|
|
|
if (!isDisplayed) {
|
|
showPaste();
|
|
isDisplayed = true;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* hide parsed text (preview)
|
|
*
|
|
* @name PasteViewer.hide
|
|
* @function
|
|
*/
|
|
me.hide = function()
|
|
{
|
|
if (!isDisplayed) {
|
|
console.warn('PasteViewer was called to hide the parsed view, but it is already hidden.');
|
|
}
|
|
|
|
$plainText.addClass('hidden');
|
|
$prettyMessage.addClass('hidden');
|
|
$placeholder.addClass('hidden');
|
|
|
|
isDisplayed = false;
|
|
};
|
|
|
|
/**
|
|
* init status manager
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name Editor.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$plainText = $('#plaintext');
|
|
$placeholder = $('#placeholder');
|
|
$prettyMessage = $('#prettymessage');
|
|
$prettyPrint = $('#prettyprint');
|
|
|
|
// check requirements
|
|
if (typeof prettyPrintOne !== 'function') {
|
|
Alert.showError(
|
|
I18n._('The library %s is not available.', 'pretty print') +
|
|
I18n._('This may cause display errors.')
|
|
);
|
|
}
|
|
if (typeof showdown !== 'object') {
|
|
Alert.showError(
|
|
I18n._('The library %s is not available.', 'showdown') +
|
|
I18n._('This may cause display errors.')
|
|
);
|
|
}
|
|
|
|
// get default option from template/HTML or fall back to set value
|
|
format = Modal.getFormatDefault() || format;
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* (view) Show attachment and preview if possible
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var AttachmentViewer = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $attachment,
|
|
$attachmentLink,
|
|
$clonedFile,
|
|
$attachmentPreview,
|
|
$fileWrap;
|
|
|
|
var attachmentChanged = false,
|
|
attachmentHasPreview = false;
|
|
|
|
/**
|
|
* sets the attachment but does not yet show it
|
|
*
|
|
* @name AttachmentViewer.setAttachment
|
|
* @function
|
|
* @param {string} attachmentData - base64-encoded data of file
|
|
* @param {string} fileName - optional, file name
|
|
*/
|
|
me.setAttachment = function(attachmentData, fileName)
|
|
{
|
|
var imagePrefix = 'data:image/';
|
|
|
|
$attachmentLink.attr('href', attachmentData);
|
|
if (typeof fileName !== 'undefined') {
|
|
$attachmentLink.attr('download', fileName);
|
|
}
|
|
|
|
// if the attachment is an image, display it
|
|
if (attachmentData.substring(0, imagePrefix.length) === imagePrefix) {
|
|
$attachmentPreview.html(
|
|
$(document.createElement('img'))
|
|
.attr('src', attachmentData)
|
|
.attr('class', 'img-thumbnail')
|
|
);
|
|
attachmentHasPreview = true;
|
|
}
|
|
|
|
attachmentChanged = true;
|
|
};
|
|
|
|
/**
|
|
* displays the attachment
|
|
*
|
|
* @name AttachmentViewer.showAttachment
|
|
* @function
|
|
*/
|
|
me.showAttachment = function()
|
|
{
|
|
$attachment.removeClass('hidden');
|
|
|
|
if (attachmentHasPreview) {
|
|
$attachmentPreview.removeClass('hidden');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* removes the existing attachment
|
|
*
|
|
* @name AttachmentViewer.removeAttachment
|
|
* @function
|
|
*/
|
|
me.removeAttachment = function()
|
|
{
|
|
// (new)
|
|
$attachment.addClass('hidden');
|
|
$attachmentPreview.addClass('hidden');
|
|
|
|
$clonedFile.addClass('hidden');
|
|
// removes the saved decrypted file data
|
|
$attachmentLink.attr('href', '');
|
|
// the only way to deselect the file is to recreate the input // @TODO really?
|
|
$fileWrap.html($fileWrap.html());
|
|
$fileWrap.removeClass('hidden');
|
|
|
|
// reset internal variables
|
|
};
|
|
|
|
/**
|
|
* checks if there is an attachment
|
|
*
|
|
* @name AttachmentViewer.hasAttachment
|
|
* @function
|
|
*/
|
|
me.hasAttachment = function()
|
|
{
|
|
return typeof $attachmentLink.attr('href') !== 'undefined'
|
|
};
|
|
|
|
/**
|
|
* return the attachment
|
|
*
|
|
* @name AttachmentViewer.getAttachment
|
|
* @function
|
|
* @returns {array}
|
|
*/
|
|
me.getAttachment = function()
|
|
{
|
|
return [
|
|
$attachmentLink.attr('href'),
|
|
$attachmentLink.attr('download')
|
|
];
|
|
};
|
|
|
|
/**
|
|
* initiate
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name AttachmentViewer.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$attachmentPreview = $('#attachmentPreview');
|
|
$attachment = $('#attachment');
|
|
$attachmentLink = $('#attachment a');
|
|
$clonedFile = $('#clonedfile');
|
|
$fileWrap = $('#filewrap');
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* (view) Shows discussion thread and handles replies
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var DiscussionViewer = (function (window, document) {
|
|
var me = {};
|
|
|
|
var $comments,
|
|
$discussion;
|
|
|
|
/**
|
|
* display a status message for replying to comments
|
|
*
|
|
* @name Controller.showStatus
|
|
* @function
|
|
* @param {string} message - text to display
|
|
* @param {boolean} [spin=false] - (optional) tell if the "spinning" animation should be displayed, defaults to false
|
|
*/
|
|
me.showReplyStatus = function(message, spin)
|
|
{
|
|
if (spin || false) {
|
|
$replyalert.find('.spinner').removeClass('hidden')
|
|
}
|
|
$replyalert.text(message);
|
|
};
|
|
|
|
/**
|
|
* display an error message
|
|
*
|
|
* @name Alert.showError
|
|
* @function
|
|
* @param {string} message - text to display
|
|
*/
|
|
me.showReplyError = function(message)
|
|
{
|
|
$replyalert.addClass('Alert-danger');
|
|
$replyalert.addClass($errorMessage.attr('class')); // @TODO ????
|
|
|
|
$replyalert.text(message);
|
|
};
|
|
|
|
/**
|
|
* open the comment entry when clicking the "Reply" button of a comment
|
|
*
|
|
* @name PasteViewer.openReply
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
me.openReply = function(event)
|
|
{
|
|
event.preventDefault();
|
|
|
|
// remove any other reply area
|
|
$('div.reply').remove();
|
|
|
|
var source = $(event.target),
|
|
commentid = event.data.commentid,
|
|
hint = I18n._('Optional nickname...'),
|
|
$reply = $('#replytemplate');
|
|
$reply.find('button').click(
|
|
{parentid: commentid},
|
|
me.sendComment
|
|
);
|
|
source.after($reply);
|
|
$replyStatus = $('#replystatus'); // when ID --> put into HTML
|
|
$('#replymessage').focus();
|
|
};
|
|
|
|
/**
|
|
* initiate
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name AttachmentViewer.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$comments = $('#comments');
|
|
$discussion = $('#discussion');
|
|
// $replyStatus in openReply()
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* Manage top (navigation) bar
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var TopNav = (function (window, document) {
|
|
var me = {};
|
|
|
|
var createButtonsDisplayed = false;
|
|
var viewButtonsDisplayed = false;
|
|
|
|
var $attach,
|
|
$burnAfterReading,
|
|
$burnAfterReadingOption,
|
|
$cloneButton,
|
|
$expiration,
|
|
$fileRemoveButton,
|
|
$formatter,
|
|
$newButton,
|
|
$openDiscussionOption,
|
|
$openDiscussion,
|
|
$password,
|
|
$passwordInput,
|
|
$rawTextButton,
|
|
$sendButton,
|
|
$loadingIndicator;
|
|
|
|
var pasteExpiration = '1week';
|
|
|
|
/**
|
|
* set the expiration on bootstrap templates in dropdown
|
|
*
|
|
* @name TopNav.updateExpiration
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function updateExpiration(event)
|
|
{
|
|
// get selected option
|
|
var target = $(event.target);
|
|
|
|
// update dropdown display and save new expiration time
|
|
$('#pasteExpirationDisplay').text(target.text());
|
|
pasteExpiration = target.data('expiration');
|
|
|
|
event.preventDefault();
|
|
}
|
|
|
|
/**
|
|
* set the format on bootstrap templates in dropdown
|
|
*
|
|
* @name TopNav.updateFormat
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function updateFormat(event)
|
|
{
|
|
// get selected option
|
|
var $target = $(event.target);
|
|
|
|
// update dropdown display and save new format
|
|
var newFormat = $target.data('format');
|
|
$('#pasteFormatterDisplay').text($target.text());
|
|
PasteViewer.setFormat(newFormat);
|
|
|
|
// update preview
|
|
if (Editor.isPreview()) {
|
|
PasteViewer.run();
|
|
}
|
|
|
|
event.preventDefault();
|
|
}
|
|
|
|
/**
|
|
* when "burn after reading" is checked, disable discussion
|
|
*
|
|
* @name TopNav.changeBurnAfterReading
|
|
* @function
|
|
*/
|
|
function changeBurnAfterReading()
|
|
{
|
|
if ($burnAfterReading.is(':checked')) {
|
|
$openDiscussionOption.addClass('buttondisabled');
|
|
$openDiscussion.prop('checked', false);
|
|
|
|
// if button is actually disabled, force-enable it and uncheck other button
|
|
$burnAfterReadingOption.removeClass('buttondisabled');
|
|
} else {
|
|
$openDiscussionOption.removeClass('buttondisabled');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* when discussion is checked, disable "burn after reading"
|
|
*
|
|
* @name TopNav.changeOpenDiscussion
|
|
* @function
|
|
*/
|
|
function changeOpenDiscussion()
|
|
{
|
|
if ($openDiscussion.is(':checked')) {
|
|
$burnAfterReadingOption.addClass('buttondisabled');
|
|
$burnAfterReading.prop('checked', false);
|
|
|
|
// if button is actually disabled, force-enable it and uncheck other button
|
|
$openDiscussionOption.removeClass('buttondisabled');
|
|
} else {
|
|
$burnAfterReadingOption.removeClass('buttondisabled');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* return raw text
|
|
*
|
|
* @name TopNav.rawText
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function rawText(event)
|
|
{
|
|
var paste = PasteViewer.getFormat() === 'markdown' ?
|
|
$prettyPrint.text() : $plainText.text();
|
|
history.pushState(
|
|
null, document.title, Helper.baseUri() + '?' +
|
|
Modal.getPasteId() + '#' + Modal.getPasteKey()
|
|
);
|
|
// we use text/html instead of text/plain to avoid a bug when
|
|
// reloading the raw text view (it reverts to type text/html)
|
|
var newDoc = document.open('text/html', 'replace');
|
|
newDoc.write('<pre>' + Helper.htmlEntities(paste) + '</pre>');
|
|
newDoc.close();
|
|
|
|
event.preventDefault();
|
|
}
|
|
|
|
/**
|
|
* saves the language in a cookie and reloads the page
|
|
*
|
|
* @name TopNav.setLanguage
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
function setLanguage(event)
|
|
{
|
|
document.cookie = 'lang=' + $(event.target).data('lang');
|
|
UiHelper.reloadHome();
|
|
}
|
|
|
|
/**
|
|
* Shows all elements belonging to viwing an existing pastes
|
|
*
|
|
* @name TopNav.hideAllElem
|
|
* @function
|
|
*/
|
|
me.showViewButtons = function()
|
|
{
|
|
if (viewButtonsDisplayed) {
|
|
console.log('showViewButtons: view buttons are already displayed');
|
|
return;
|
|
}
|
|
|
|
$cloneButton.removeClass('hidden');
|
|
$rawTextButton.removeClass('hidden');
|
|
|
|
viewButtonsDisplayed = true;
|
|
};
|
|
|
|
/**
|
|
* Hides all elements belonging to existing pastes
|
|
*
|
|
* @name TopNav.hideAllElem
|
|
* @function
|
|
*/
|
|
me.hideViewButtons = function()
|
|
{
|
|
if (!viewButtonsDisplayed) {
|
|
console.log('hideViewButtons: view buttons are already hidden');
|
|
return;
|
|
}
|
|
|
|
$newButton.removeClass('hidden');
|
|
$cloneButton.addClass('hidden');
|
|
$rawTextButton.addClass('hidden');
|
|
|
|
viewButtonsDisplayed = false;
|
|
};
|
|
|
|
/**
|
|
* shows all elements needed when creating a new paste
|
|
*
|
|
* @name TopNav.setLanguage
|
|
* @function
|
|
*/
|
|
me.showCreateButtons = function()
|
|
{
|
|
if (createButtonsDisplayed) {
|
|
console.log('showCreateButtons: create buttons are already displayed');
|
|
return;
|
|
}
|
|
|
|
$sendButton.removeClass('hidden');
|
|
$expiration.removeClass('hidden');
|
|
$formatter.removeClass('hidden');
|
|
$burnAfterReadingOption.removeClass('hidden');
|
|
$openDiscussionOption.removeClass('hidden');
|
|
$newButton.removeClass('hidden');
|
|
$password.removeClass('hidden');
|
|
$attach.removeClass('hidden');
|
|
// $clonedFile.removeClass('hidden'); // @TODO
|
|
|
|
createButtonsDisplayed = true;
|
|
};
|
|
|
|
/**
|
|
* shows all elements needed when creating a new paste
|
|
*
|
|
* @name TopNav.setLanguage
|
|
* @function
|
|
*/
|
|
me.hideCreateButtons = function()
|
|
{
|
|
if (!createButtonsDisplayed) {
|
|
console.log('hideCreateButtons: create buttons are already hidden');
|
|
return;
|
|
}
|
|
|
|
$newButton.addClass('hidden');
|
|
$sendButton.addClass('hidden');
|
|
$expiration.addClass('hidden');
|
|
$formatter.addClass('hidden');
|
|
$burnAfterReadingOption.addClass('hidden');
|
|
$openDiscussionOption.addClass('hidden');
|
|
$password.addClass('hidden');
|
|
$attach.addClass('hidden');
|
|
// $clonedFile.addClass('hidden'); // @TODO
|
|
|
|
createButtonsDisplayed = false;
|
|
};
|
|
|
|
/**
|
|
* only shows the "new paste" button
|
|
*
|
|
* @name TopNav.setLanguage
|
|
* @function
|
|
*/
|
|
me.showNewPasteButton = function()
|
|
{
|
|
$newButton.removeClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* only hides the clone button
|
|
*
|
|
* @name TopNav.hideCloneButton
|
|
* @function
|
|
*/
|
|
me.hideCloneButton = function()
|
|
{
|
|
$cloneButton.addClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* only hides the raw text button
|
|
*
|
|
* @name TopNav.hideRawButton
|
|
* @function
|
|
*/
|
|
me.hideRawButton = function()
|
|
{
|
|
$rawTextButton.addClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* shows a loading message, optionally with a percentage
|
|
*
|
|
* @name TopNav.showLoading
|
|
* @function
|
|
* @param {string} message optional, default: 'Loading…'
|
|
* @param {int} percentage optional, default: null
|
|
*/
|
|
me.showLoading = function(message, percentage)
|
|
{
|
|
// default message text
|
|
if (typeof message === 'undefined') {
|
|
message = I18n._('Loading…');
|
|
}
|
|
|
|
// currently percentage parameter is ignored
|
|
if (message !== null) {
|
|
$loadingIndicator.find(':last').text(message);
|
|
}
|
|
$loadingIndicator.removeClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* hides the loading message
|
|
*
|
|
* @name TopNav.hideLoading
|
|
* @function
|
|
*/
|
|
me.hideLoading = function()
|
|
{
|
|
$loadingIndicator.addClass('hidden');
|
|
};
|
|
|
|
/**
|
|
* collapses the navigation bar if nedded
|
|
*
|
|
* @name TopNav.collapseBar
|
|
* @function
|
|
*/
|
|
me.collapseBar = function()
|
|
{
|
|
var $bar = $('.navbar-toggle');
|
|
|
|
// check if bar is expanded
|
|
if ($bar.hasClass('collapse in')) {
|
|
// if so, toggle it
|
|
$bar.click();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* returns the currently set expiration time
|
|
*
|
|
* @name TopNav.getExpiration
|
|
* @function
|
|
* @return {int}
|
|
*/
|
|
me.getExpiration = function()
|
|
{
|
|
return pasteExpiration;
|
|
};
|
|
|
|
/**
|
|
* returns the currently selected file(s)
|
|
*
|
|
* @name TopNav.getFileList
|
|
* @function
|
|
* @return {FileList|null}
|
|
*/
|
|
me.getFileList = function()
|
|
{
|
|
var $file = $('#file');
|
|
|
|
// if no file given, return null
|
|
if (!$file.length || !$file[0].files.length) {
|
|
return null;
|
|
}
|
|
// @TODO is this really necessary
|
|
if (!($file[0].files && $file[0].files[0])) {
|
|
return null;
|
|
}
|
|
|
|
return $file[0].files;
|
|
};
|
|
|
|
/**
|
|
* returns the state of the burn after reading checkbox
|
|
*
|
|
* @name TopNav.getExpiration
|
|
* @function
|
|
* @return {bool}
|
|
*/
|
|
me.getBurnAfterReading = function()
|
|
{
|
|
return $burnAfterReading.is(':checked');
|
|
};
|
|
|
|
/**
|
|
* returns the state of the discussion checkbox
|
|
*
|
|
* @name TopNav.getOpenDiscussion
|
|
* @function
|
|
* @return {bool}
|
|
*/
|
|
me.getOpenDiscussion = function()
|
|
{
|
|
return $openDiscussion.is(':checked');
|
|
};
|
|
|
|
/**
|
|
* returns the entered password
|
|
*
|
|
* @name TopNav.getPassword
|
|
* @function
|
|
* @return {string}
|
|
*/
|
|
me.getPassword = function()
|
|
{
|
|
return $passwordInput.val();
|
|
};
|
|
|
|
/**
|
|
* init navigation manager
|
|
*
|
|
* preloads jQuery elements
|
|
*
|
|
* @name TopNav.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
$attach = $('#attach');
|
|
$burnAfterReading = $('#burnafterreading');
|
|
$burnAfterReadingOption = $('#burnafterreadingoption');
|
|
$cloneButton = $('#clonebutton');
|
|
$expiration = $('#expiration');
|
|
$fileRemoveButton = $('#fileremovebutton');
|
|
$formatter = $('#formatter');
|
|
$newButton = $('#newbutton');
|
|
$openDiscussionOption = $('#opendiscussionoption');
|
|
$openDiscussion = $('#opendiscussion');
|
|
$password = $('#password');
|
|
$passwordInput = $('#passwordinput');
|
|
$rawTextButton = $('#rawtextbutton');
|
|
$sendButton = $('#sendbutton');
|
|
$loadingIndicator = $('#loadingindicator');
|
|
|
|
// bootstrap template drop down
|
|
$('#language ul.dropdown-menu li a').click(me.setLanguage);
|
|
// page template drop down
|
|
$('#language select option').click(me.setLanguage);
|
|
|
|
// bind events
|
|
$burnAfterReading.change(changeBurnAfterReading);
|
|
$openDiscussionOption.change(changeOpenDiscussion);
|
|
$newButton.click(Controller.newPaste);
|
|
$sendButton.click(PasteEncrypter.submitPaste);
|
|
$cloneButton.click(Controller.clonePaste);
|
|
$rawTextButton.click(rawText);
|
|
$fileRemoveButton.click(me.removeAttachment);
|
|
|
|
// bootstrap template drop downs
|
|
$('ul.dropdown-menu li a', $('#expiration').parent()).click(updateExpiration);
|
|
$('ul.dropdown-menu li a', $('#formatter').parent()).click(updateFormat);
|
|
|
|
// initiate default state of checkboxes
|
|
changeBurnAfterReading();
|
|
changeOpenDiscussion();
|
|
|
|
// get default value from template or fall back to set value
|
|
pasteExpiration = Modal.getExpirationDefault() || pasteExpiration;
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
/**
|
|
* Responsible for AJAX requests, transparently handles encryption…
|
|
*
|
|
* @class
|
|
*/
|
|
var Uploader = (function () {
|
|
var me = {};
|
|
|
|
var successFunc = null,
|
|
failureFunc = null,
|
|
url,
|
|
data,
|
|
randomKey,
|
|
password;
|
|
|
|
/**
|
|
* public variable ('constant') for errors to prevent magic numbers
|
|
*
|
|
* @readonly
|
|
* @enum {Object}
|
|
*/
|
|
me.error = {
|
|
okay: 0,
|
|
custom: 1,
|
|
unknown: 2,
|
|
serverError: 3
|
|
};
|
|
|
|
/**
|
|
* ajaxHeaders to send in AJAX requests
|
|
*
|
|
* @private
|
|
* @readonly
|
|
* @enum {Object}
|
|
*/
|
|
var ajaxHeaders = {'X-Requested-With': 'JSONHttpRequest'};
|
|
|
|
/**
|
|
* called after successful upload
|
|
*
|
|
* @function
|
|
* @param {int} status
|
|
* @param {int} data - optional
|
|
*/
|
|
function success(status, result)
|
|
{
|
|
// add useful data to result
|
|
result.encryptionKey = randomKey;
|
|
result.requestData = data;
|
|
|
|
if (successFunc !== null) {
|
|
successFunc(status, result);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* called after a upload failure
|
|
*
|
|
* @name Uploader.submitPasteUpload
|
|
* @function
|
|
* @param {int} status - internal code
|
|
* @param {int} data - original error code
|
|
*/
|
|
function fail(status, result)
|
|
{
|
|
if (failureFunc !== null) {
|
|
failureFunc(status, result);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* actually uploads the data
|
|
*
|
|
* @name Uploader.run
|
|
* @function
|
|
*/
|
|
me.run = function()
|
|
{
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: data,
|
|
dataType: 'json',
|
|
headers: ajaxHeaders,
|
|
success: function(result) {
|
|
if (result.status === 0) {
|
|
success(0, result);
|
|
} else if (result.status === 1) {
|
|
fail(1, result);
|
|
} else {
|
|
fail(2, result);
|
|
}
|
|
}
|
|
})
|
|
.fail(function(jqXHR, textStatus, errorThrown) {
|
|
console.error(textStatus, errorThrown);
|
|
fail(3, jqXHR);
|
|
});
|
|
};
|
|
|
|
/**
|
|
* set success function
|
|
*
|
|
* @name Uploader.setSuccess
|
|
* @function
|
|
* @param {function} func
|
|
*/
|
|
me.setUrl = function(newUrl)
|
|
{
|
|
url = newUrl;
|
|
};
|
|
|
|
/**
|
|
* set success function
|
|
*
|
|
* @name Uploader.setSuccess
|
|
* @function
|
|
* @param {function} func
|
|
*/
|
|
me.setSuccess = function(func)
|
|
{
|
|
successFunc = func;
|
|
};
|
|
|
|
/**
|
|
* set failure function
|
|
*
|
|
* @name Uploader.setSuccess
|
|
* @function
|
|
* @param {function} func
|
|
*/
|
|
me.setFailure = function(func)
|
|
{
|
|
failureFunc = func;
|
|
};
|
|
|
|
/**
|
|
* prepares a new upload
|
|
*
|
|
* @name Uploader.prepare
|
|
* @function
|
|
* @param {string} newPassword
|
|
* @return {object}
|
|
*/
|
|
me.prepare = function(newPassword)
|
|
{
|
|
// set password
|
|
password = newPassword;
|
|
|
|
// entropy should already be checked!
|
|
|
|
// generate a new random key
|
|
randomKey = CryptTool.getSymmetricKey();
|
|
|
|
// reset data
|
|
successFunc = null;
|
|
failureFunc = null;
|
|
url = Helper.baseUri()
|
|
data = {};
|
|
};
|
|
|
|
/**
|
|
* encrypts and sets the data
|
|
*
|
|
* @name Uploader.setData
|
|
* @function
|
|
* @param {string} index
|
|
* @param {mixed} element
|
|
*/
|
|
me.setData = function(index, element)
|
|
{
|
|
data[index] = CryptTool.cipher(randomKey, password, element);
|
|
};
|
|
|
|
/**
|
|
* set the additional metadata to send unencrypted
|
|
*
|
|
* @name Uploader.setUnencryptedData
|
|
* @function
|
|
* @param {string} index
|
|
* @param {mixed} element
|
|
*/
|
|
me.setUnencryptedData = function(index, element)
|
|
{
|
|
data[index] = element;
|
|
};
|
|
|
|
/**
|
|
* set the additional metadata to send unencrypted passed at once
|
|
*
|
|
* @name Uploader.setUnencryptedData
|
|
* @function
|
|
* @param {object} newData
|
|
*/
|
|
me.setUnencryptedBulkData = function(newData)
|
|
{
|
|
$.extend(data, newData);
|
|
};
|
|
|
|
/**
|
|
* init Uploader
|
|
*
|
|
* @name Uploader.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
// nothing yet
|
|
};
|
|
|
|
return me;
|
|
})();
|
|
|
|
/**
|
|
* (controller) Responsible for encrypting paste and sending it to server.
|
|
*
|
|
* @name state
|
|
* @class
|
|
*/
|
|
var PasteEncrypter = (function () {
|
|
var me = {};
|
|
|
|
var requirementsChecked = false;
|
|
|
|
/**
|
|
* checks whether there is a suitable amount of entrophy
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {function} retryCallback - the callback to execute to retry the upload
|
|
* @return {bool}
|
|
*/
|
|
function checkRequirements(retryCallback) {
|
|
// skip double requirement checks
|
|
if (requirementsChecked === true) {
|
|
return false;
|
|
}
|
|
|
|
if (!CryptTool.isEntropyReady()) {
|
|
// display a message and wait
|
|
Alert.showStatus(I18n._('Please move your mouse for more entropy...'));
|
|
|
|
CryptTool.addEntropySeedListener(retryCallback);
|
|
return false;
|
|
}
|
|
|
|
requirementsChecked = true;
|
|
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* called after successful upload
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {int} status
|
|
* @param {int} data
|
|
*/
|
|
function showCreatedPaste(status, data) {
|
|
TopNav.hideLoading();
|
|
|
|
var url = Helper.baseUri() + '?' + data.id + '#' + data.encryptionKey,
|
|
deleteUrl = Helper.baseUri() + '?pasteid=' + data.id + '&deletetoken=' + data.deletetoken;
|
|
|
|
Alert.hideMessages();
|
|
|
|
// show notification
|
|
PasteStatus.createPasteNotification(url, deleteUrl)
|
|
|
|
// show new URL in browser bar
|
|
history.pushState({type: 'newpaste'}, document.title, url);
|
|
|
|
TopNav.showViewButtons();
|
|
TopNav.hideRawButton();
|
|
Editor.hide();
|
|
|
|
// parse and show text
|
|
// (preparation already done in me.submitPaste())
|
|
PasteViewer.run();
|
|
}
|
|
|
|
/**
|
|
* adds attachments to the Uploader
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {File|null|undefined} file - optional, falls back to cloned attachment
|
|
* @param {function} callback - excuted when action is successful
|
|
*/
|
|
function encryptAttachments(file, callback) {
|
|
if (typeof file !== 'undefined' && file !== null) {
|
|
// check file reader requirements for upload
|
|
if (typeof FileReader === 'undefined') {
|
|
Alert.showError(I18n._('Your browser does not support uploading encrypted files. Please use a newer browser.'));
|
|
// cancels process as it does not execute callback
|
|
return;
|
|
}
|
|
|
|
var reader = new FileReader();
|
|
|
|
// closure to capture the file information
|
|
reader.onload = function(event) {
|
|
Uploader.setData('attachment', event.target.result);
|
|
Uploader.setData('attachmentname', file.name);
|
|
|
|
// run callback
|
|
callback();
|
|
};
|
|
|
|
// actually read first file
|
|
reader.readAsDataURL(file);
|
|
} else if (AttachmentViewer.hasAttachment()) {
|
|
// fall back to cloned part
|
|
var attachment = AttachmentViewer.getAttachment();
|
|
|
|
Uploader.setData('attachment', attachment[0]);
|
|
Uploader.setUnencryptedData('attachmentname', attachment[1]); // @TODO does not encrypt file name??!
|
|
callback();
|
|
} else {
|
|
// if there are no attachments, this is of course still successful
|
|
callback();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* send a reply in a discussion
|
|
*
|
|
* @name PasteEncrypter.sendComment
|
|
* @function
|
|
* @param {Event} event
|
|
* @TODO WIP
|
|
*/
|
|
me.sendComment = function(event)
|
|
{
|
|
event.preventDefault();
|
|
$errorMessage.addClass('hidden');
|
|
// do not send if no data
|
|
var replyMessage = $('#replymessage');
|
|
if (replyMessage.val().length === 0)
|
|
{
|
|
return;
|
|
}
|
|
|
|
me.showStatus(I18n._('Sending comment...'), true);
|
|
var parentid = event.data.parentid,
|
|
key = Modal.getPasteKey(),
|
|
cipherdata = CryptTool.cipher(key, $passwordInput.val(), replyMessage.val()),
|
|
ciphernickname = '',
|
|
nick = $('#nickname').val();
|
|
if (nick.length > 0)
|
|
{
|
|
ciphernickname = CryptTool.cipher(key, $passwordInput.val(), nick);
|
|
}
|
|
var dataToSend = {
|
|
data: cipherdata,
|
|
parentid: parentid,
|
|
pasteid: Modal.getPasteId(),
|
|
nickname: ciphernickname
|
|
};
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: Helper.baseUri(),
|
|
data: dataToSend,
|
|
dataType: 'json',
|
|
headers: ajaxHeaders,
|
|
success: function(data) {
|
|
if (data.status === 0)
|
|
{
|
|
status.showStatus(I18n._('Comment posted.'));
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: Helper.baseUri() + '?' + Modal.getPasteId(),
|
|
dataType: 'json',
|
|
headers: ajaxHeaders,
|
|
success: function(data) {
|
|
if (data.status === 0)
|
|
{
|
|
me.displayMessages(data);
|
|
}
|
|
else if (data.status === 1)
|
|
{
|
|
Alert.showError(I18n._('Could not refresh display: %s', data.message));
|
|
}
|
|
else
|
|
{
|
|
Alert.showError(I18n._('Could not refresh display: %s', I18n._('unknown status')));
|
|
}
|
|
}
|
|
})
|
|
.fail(function() {
|
|
Alert.showError(I18n._('Could not refresh display: %s', I18n._('server error or not responding')));
|
|
});
|
|
}
|
|
else if (data.status === 1)
|
|
{
|
|
Alert.showError(I18n._('Could not post comment: %s', data.message));
|
|
}
|
|
else
|
|
{
|
|
Alert.showError(I18n._('Could not post comment: %s', I18n._('unknown status')));
|
|
}
|
|
}
|
|
})
|
|
.fail(function() {
|
|
Alert.showError(I18n._('Could not post comment: %s', I18n._('server error or not responding')));
|
|
});
|
|
};
|
|
|
|
/**
|
|
* sends a new paste to server
|
|
*
|
|
* @name PasteEncrypter.submitPaste
|
|
* @function
|
|
*/
|
|
me.submitPaste = function()
|
|
{
|
|
// UI loading state
|
|
TopNav.hideCreateButtons();
|
|
TopNav.showLoading(I18n._('Sending paste...'), 0);
|
|
TopNav.collapseBar();
|
|
|
|
// get data
|
|
var plainText = Editor.getText(),
|
|
format = PasteViewer.getFormat(),
|
|
files = TopNav.getFileList();
|
|
|
|
// do not send if there is no data
|
|
if (plainText.length === 0 && files === null) {
|
|
// revert loading status…
|
|
TopNav.hideLoading();
|
|
TopNav.showCreateButtons();
|
|
return;
|
|
}
|
|
|
|
TopNav.showLoading(I18n._('Sending paste...'), 10);
|
|
|
|
// check entropy
|
|
if (!checkRequirements(function () {
|
|
me.submitPaste();
|
|
})) {
|
|
return; // to prevent multiple executions
|
|
}
|
|
|
|
// prepare Uploader
|
|
Uploader.prepare(TopNav.getPassword());
|
|
|
|
// set success/fail functions
|
|
Uploader.setSuccess(showCreatedPaste);
|
|
Uploader.setFailure(function (status, data) {
|
|
// revert loading status…
|
|
TopNav.hideLoading();
|
|
TopNav.showCreateButtons();
|
|
|
|
// show error message
|
|
switch (status) {
|
|
case Uploader.error['custom']:
|
|
Alert.showError(I18n._('Could not create paste: %s', data.message));
|
|
break;
|
|
case Uploader.error['unknown']:
|
|
Alert.showError(I18n._('Could not create paste: %s', I18n._('unknown status')));
|
|
break;
|
|
case Uploader.error['serverError']:
|
|
Alert.showError(I18n._('Could not create paste: %s', I18n._('server error or not responding')));
|
|
break;
|
|
default:
|
|
Alert.showError(I18n._('Could not create paste: %s', I18n._('unknown error')));
|
|
break;
|
|
}
|
|
});
|
|
|
|
// fill it with unencrypted submitted options
|
|
Uploader.setUnencryptedBulkData({
|
|
expire: TopNav.getExpiration(),
|
|
formatter: format,
|
|
burnafterreading: TopNav.getBurnAfterReading() ? 1 : 0,
|
|
opendiscussion: TopNav.getOpenDiscussion() ? 1 : 0
|
|
});
|
|
|
|
// prepare PasteViewer for later preview
|
|
PasteViewer.setText(plainText);
|
|
PasteViewer.setFormat(format);
|
|
|
|
// encrypt cipher data
|
|
Uploader.setData('data', plainText);
|
|
|
|
// encrypt attachments
|
|
encryptAttachments(
|
|
files === null ? null : files[0],
|
|
function () {
|
|
// send data
|
|
Uploader.run();
|
|
}
|
|
);
|
|
};
|
|
|
|
/**
|
|
* initialize
|
|
*
|
|
* @name PasteEncrypter.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
// nothing yet
|
|
};
|
|
|
|
return me;
|
|
})();
|
|
|
|
/**
|
|
* (controller) Responsible for decrypting cipherdata and passing data to view.
|
|
*
|
|
* @name state
|
|
* @class
|
|
*/
|
|
var PasteDecrypter = (function () {
|
|
var me = {};
|
|
|
|
/**
|
|
* decrypt the actual paste text
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {object} paste - paste data in object form
|
|
* @param {string} key
|
|
* @param {string} password
|
|
* @return {bool} - whether action was successful
|
|
*/
|
|
function decryptPaste(paste, key, password)
|
|
{
|
|
// try decryption without password
|
|
var plaintext = CryptTool.decipher(key, password, paste.data);
|
|
|
|
// if it fails, request password
|
|
if (plaintext.length === 0 && password.length === 0) {
|
|
// get password
|
|
password = Prompt.getPassword();
|
|
|
|
// if password is there, re-try
|
|
if (password.length !== 0) {
|
|
// recursive
|
|
// note: an infinite loop is prevented as the previous if
|
|
// clause checks whether a password is already set and ignores
|
|
// error with password being passed
|
|
return decryptPaste(paste, key, password);
|
|
}
|
|
|
|
// trigger password request
|
|
Prompt.requestPassword();
|
|
// the callback (via setPasswordCallback()) should have been set
|
|
// by parent function
|
|
return false;
|
|
}
|
|
|
|
// if all tries failed, we can only throw an error
|
|
if (plaintext.length === 0) {
|
|
throw 'failed to decipher message';
|
|
}
|
|
|
|
// on success show paste
|
|
PasteViewer.setFormat(paste.meta.formatter);
|
|
PasteViewer.setText(plaintext);
|
|
// trigger to show the text (attachment loaded afterwards)
|
|
PasteViewer.run();
|
|
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* decrypts any attachment
|
|
*
|
|
* @private
|
|
* @function
|
|
* @param {object} paste - paste data in object form
|
|
* @param {string} key
|
|
* @param {string} password
|
|
* @return {bool} - whether action was successful
|
|
*/
|
|
function decryptAttachment(paste, key, password)
|
|
{
|
|
// decrypt attachment
|
|
var attachment = CryptTool.decipher(key, password, paste.attachment);
|
|
if (attachment.length === 0) {
|
|
throw 'failed to decipher attachment';
|
|
}
|
|
|
|
// decrypt attachment name
|
|
var attachmentName;
|
|
if (paste.attachmentname) {
|
|
attachmentName = attachmentName = CryptTool.decipher(key, password, paste.attachmentname);
|
|
if (attachmentName.length === 0) {
|
|
// @TODO considering the buggy cloning (?, see other todo comment) this might affect previous pastes
|
|
throw 'failed to decipher attachment name';
|
|
}
|
|
}
|
|
|
|
AttachmentViewer.setAttachment(attachment, attachmentName);
|
|
AttachmentViewer.showAttachment();
|
|
}
|
|
|
|
/**
|
|
* show decrypted text in the display area, including discussion (if open)
|
|
*
|
|
* @name PasteDecrypter.run
|
|
* @function
|
|
* @param {Object} [paste] - (optional) object including comments to display (items = array with keys ('data','meta'))
|
|
*/
|
|
me.run = function(paste)
|
|
{
|
|
TopNav.showLoading('Decrypting paste…');
|
|
|
|
if (typeof paste === 'undefined') {
|
|
paste = $.parseJSON(Modal.getCipherData());
|
|
}
|
|
|
|
var key = Modal.getPasteKey(),
|
|
password = Prompt.getPassword();
|
|
|
|
if (PasteViewer.isPrettyPrinted()) {
|
|
console.error('Too pretty! (don\'t know why this check)'); //@TODO
|
|
return;
|
|
}
|
|
|
|
// try to decrypt the paste
|
|
try {
|
|
Prompt.setPasswordCallback(function () {
|
|
me.run(paste);
|
|
});
|
|
|
|
// try to decrypt paste and if it fails (because the password is
|
|
// missing) return to let JS continue and wait for user
|
|
if (!decryptPaste(paste, key, password)) {
|
|
return;
|
|
}
|
|
|
|
// decrypt attachments
|
|
if (paste.attachment) {
|
|
decryptAttachment(paste, key, password);
|
|
}
|
|
} catch(err) {
|
|
TopNav.hideLoading();
|
|
|
|
// log and show error
|
|
console.error(err);
|
|
Alert.showError(I18n._('Could not decrypt data (Wrong key?)')); // @TODO error is not translated
|
|
|
|
// still go on to potentially show potentially partially decrypted data
|
|
}
|
|
|
|
// shows the remaining time (until) deletion
|
|
PasteStatus.showRemainingTime(paste.meta);
|
|
|
|
// if the discussion is opened on this paste, display it
|
|
// @TODO BELOW
|
|
if (paste.meta.opendiscussion) {
|
|
$comments.html('');
|
|
|
|
var $divComment;
|
|
|
|
// iterate over comments
|
|
for (var i = 0; i < paste.comments.length; ++i)
|
|
{
|
|
var $place = $comments,
|
|
comment = paste.comments[i],
|
|
commentText = CryptTool.decipher(key, password, comment.data),
|
|
$parentComment = $('#comment_' + comment.parentid);
|
|
|
|
$divComment = $('<article><div class="comment" id="comment_' + comment.id
|
|
+ '"><div class="commentmeta"><span class="nickname"></span>'
|
|
+ '<span class="commentdate"></span></div>'
|
|
+ '<div class="commentdata"></div>'
|
|
+ '<button class="btn btn-default btn-sm">'
|
|
+ I18n._('Reply') + '</button></div></article>');
|
|
var $divCommentData = $divComment.find('div.commentdata');
|
|
|
|
// if parent comment exists
|
|
if ($parentComment.length)
|
|
{
|
|
// shift comment to the right
|
|
$place = $parentComment;
|
|
}
|
|
$divComment.find('button').click({commentid: comment.id}, me.openReply);
|
|
Helper.setElementText($divCommentData, commentText);
|
|
Helper.urls2links($divCommentData);
|
|
|
|
// try to get optional nickname
|
|
var nick = CryptTool.decipher(key, password, comment.meta.nickname);
|
|
if (nick.length > 0)
|
|
{
|
|
$divComment.find('span.nickname').text(nick);
|
|
}
|
|
else
|
|
{
|
|
divComment.find('span.nickname').html('<i>' + I18n._('Anonymous') + '</i>');
|
|
}
|
|
$divComment.find('span.commentdate')
|
|
.text(' (' + (new Date(comment.meta.postdate * 1000).toLocaleString()) + ')')
|
|
.attr('title', 'CommentID: ' + comment.id);
|
|
|
|
// if an avatar is available, display it
|
|
if (comment.meta.vizhash)
|
|
{
|
|
$divComment.find('span.nickname')
|
|
.before(
|
|
'<img src="' + comment.meta.vizhash + '" class="vizhash" title="' +
|
|
I18n._('Anonymous avatar (Vizhash of the IP address)') + '" /> '
|
|
);
|
|
}
|
|
|
|
$place.append($divComment);
|
|
}
|
|
|
|
// add 'add new comment' area
|
|
$divComment = $(
|
|
'<div class="comment"><button class="btn btn-default btn-sm">' +
|
|
I18n._('Add comment') + '</button></div>'
|
|
);
|
|
$divComment.find('button').click({commentid: Modal.getPasteId()}, me.openReply);
|
|
$comments.append($divComment);
|
|
$discussion.removeClass('hidden');
|
|
}
|
|
|
|
TopNav.hideLoading();
|
|
TopNav.showViewButtons();
|
|
};
|
|
|
|
/**
|
|
* initialize
|
|
*
|
|
* @name PasteDecrypter.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
// nothing yet
|
|
};
|
|
|
|
return me;
|
|
})();
|
|
|
|
/**
|
|
* (controller) main PrivateBin logic
|
|
*
|
|
* @param {object} window
|
|
* @param {object} document
|
|
* @class
|
|
*/
|
|
var Controller = (function (window, document) {
|
|
var me = {};
|
|
|
|
/**
|
|
* creates a new paste
|
|
*
|
|
* @name Controller.newPaste
|
|
* @function
|
|
*/
|
|
me.newPaste = function()
|
|
{
|
|
TopNav.hideViewButtons();
|
|
TopNav.showCreateButtons();
|
|
PasteViewer.hide();
|
|
Editor.resetInput();
|
|
Editor.show();
|
|
Editor.focusInput();
|
|
Alert.hideMessages();
|
|
};
|
|
|
|
/**
|
|
* clone the current paste
|
|
*
|
|
* @name Controller.clonePaste
|
|
* @function
|
|
* @param {Event} event
|
|
*/
|
|
me.clonePaste = function(event)
|
|
{
|
|
me.stateNewPaste();
|
|
|
|
// erase the id and the key in url
|
|
history.replaceState(null, document.title, Helper.baseUri());
|
|
|
|
Alert.hideMessages();
|
|
if ($attachmentLink.attr('href'))
|
|
{
|
|
$clonedFile.removeClass('hidden');
|
|
$fileWrap.addClass('hidden');
|
|
}
|
|
$message.val(
|
|
PasteViewer.getFormat() === 'markdown' ?
|
|
$prettyPrint.val() : $plainText.val()
|
|
);
|
|
TopNav.collapseBar();
|
|
};
|
|
|
|
/**
|
|
* removes a saved paste
|
|
*
|
|
* @name Controller.removePaste
|
|
* @function
|
|
* @param {string} pasteId
|
|
* @param {string} deleteToken
|
|
*/
|
|
me.removePaste = function(pasteId, deleteToken) {
|
|
// unfortunately many web servers don't support DELETE (and PUT) out of the box
|
|
// so we use a POST request
|
|
Uploader.prepare();
|
|
Uploader.setUrl(Helper.baseUri() + '?' + pasteId);
|
|
Uploader.setUnencryptedData('deletetoken', deleteToken);
|
|
|
|
Uploader.setFailure(function () {
|
|
Controller.showError(I18n._('Could not delete the paste, it was not stored in burn after reading mode.'));
|
|
})
|
|
Uploader.run();
|
|
};
|
|
|
|
/**
|
|
* application start
|
|
*
|
|
* @name Controller.init
|
|
* @function
|
|
*/
|
|
me.init = function()
|
|
{
|
|
// first load translations
|
|
I18n.loadTranslations();
|
|
|
|
// initialize other modules/"classes"
|
|
Alert.init();
|
|
Uploader.init();
|
|
Modal.init();
|
|
CryptTool.init();
|
|
UiHelper.init();
|
|
TopNav.init();
|
|
Editor.init();
|
|
PasteStatus.init();
|
|
PasteViewer.init();
|
|
AttachmentViewer.init();
|
|
DiscussionViewer.init();
|
|
PasteEncrypter.init();
|
|
PasteDecrypter.init();
|
|
Prompt.init();
|
|
|
|
// display an existing paste
|
|
if (Modal.hasCipherData()) {
|
|
// missing decryption key in URL?
|
|
if (window.location.hash.length === 0) {
|
|
Alert.showError(I18n._('Cannot decrypt paste: Decryption key missing in URL (Did you use a redirector or an URL shortener which strips part of the URL?)'));
|
|
return;
|
|
}
|
|
|
|
// show proper elements on screen
|
|
PasteDecrypter.run();
|
|
return;
|
|
}
|
|
|
|
// otherwise create a new paste
|
|
me.newPaste();
|
|
};
|
|
|
|
return me;
|
|
})(window, document);
|
|
|
|
return {
|
|
Helper: Helper,
|
|
I18n: I18n,
|
|
CryptTool: CryptTool,
|
|
TopNav: TopNav,
|
|
Alert: Alert,
|
|
Uploader: Uploader,
|
|
Controller: Controller
|
|
};
|
|
}(jQuery, sjcl, Base64, RawDeflate);
|