|
|
@@ -3,13 +3,14 @@
|
|
|
*
|
|
|
* a zero-knowledge paste bin
|
|
|
*
|
|
|
- * @link https://github.com/PrivateBin/PrivateBin
|
|
|
- * @copyright 2012 Sébastien SAUVAGE (sebsauvage.net)
|
|
|
- * @license https://www.opensource.org/licenses/zlib-license.php The zlib/libpng License
|
|
|
- * @version 1.0
|
|
|
+ * @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
|
|
|
*/
|
|
|
|
|
|
-'use strict';
|
|
|
/** global: Base64 */
|
|
|
/** global: FileReader */
|
|
|
/** global: RawDeflate */
|
|
|
@@ -23,18 +24,62 @@
|
|
|
// Immediately start random number generator collector.
|
|
|
sjcl.random.startCollectors();
|
|
|
|
|
|
-$(function() {
|
|
|
+// 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
|
|
|
+ * static Helper methods
|
|
|
+ *
|
|
|
+ * @name Helper
|
|
|
+ * @class
|
|
|
*/
|
|
|
- var helper = {
|
|
|
+ var Helper = (function () {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ /**
|
|
|
+ * character to HTML entity lookup table
|
|
|
+ *
|
|
|
+ * @see {@link https://github.com/janl/mustache.js/blob/master/mustache.js#L60}
|
|
|
+ * @name Helper.entityMap
|
|
|
+ * @private
|
|
|
+ * @enum {Object}
|
|
|
+ * @readonly
|
|
|
+ */
|
|
|
+ var entityMap = {
|
|
|
+ '&': '&',
|
|
|
+ '<': '<',
|
|
|
+ '>': '>',
|
|
|
+ '"': '"',
|
|
|
+ "'": ''',
|
|
|
+ '/': '/',
|
|
|
+ '`': '`',
|
|
|
+ '=': '='
|
|
|
+ };
|
|
|
+
|
|
|
+ /**
|
|
|
+ * cache for script location
|
|
|
+ *
|
|
|
+ * @name Helper.baseUri
|
|
|
+ * @private
|
|
|
+ * @enum {string|null}
|
|
|
+ */
|
|
|
+ var baseUri = null;
|
|
|
+
|
|
|
/**
|
|
|
- * Converts a duration (in seconds) into human friendly approximation.
|
|
|
+ * converts a duration (in seconds) into human friendly approximation
|
|
|
*
|
|
|
- * @param int seconds
|
|
|
- * @return array
|
|
|
+ * @name Helper.secondsToHuman
|
|
|
+ * @function
|
|
|
+ * @param {number} seconds
|
|
|
+ * @return {Array}
|
|
|
*/
|
|
|
- secondsToHuman: function(seconds)
|
|
|
+ me.secondsToHuman = function(seconds)
|
|
|
{
|
|
|
var v;
|
|
|
if (seconds < 60)
|
|
|
@@ -60,193 +105,115 @@ $(function() {
|
|
|
}
|
|
|
v = Math.floor(seconds / (60 * 60 * 24 * 30));
|
|
|
return [v, 'month'];
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * Converts an associative array to an encoded string
|
|
|
- * for appending to the anchor.
|
|
|
- *
|
|
|
- * @param object associative_array Object to be serialized
|
|
|
- * @return string
|
|
|
- */
|
|
|
- hashToParameterString: function(associativeArray)
|
|
|
- {
|
|
|
- var parameterString = '';
|
|
|
- for (var key in associativeArray)
|
|
|
- {
|
|
|
- if(parameterString === '')
|
|
|
- {
|
|
|
- parameterString = encodeURIComponent(key);
|
|
|
- parameterString += '=' + encodeURIComponent(associativeArray[key]);
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- parameterString += '&' + encodeURIComponent(key);
|
|
|
- parameterString += '=' + encodeURIComponent(associativeArray[key]);
|
|
|
- }
|
|
|
- }
|
|
|
- // padding for URL shorteners
|
|
|
- parameterString += '&p=p';
|
|
|
-
|
|
|
- return parameterString;
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * Converts a string to an associative array.
|
|
|
- *
|
|
|
- * @param string parameter_string String containing parameters
|
|
|
- * @return object
|
|
|
- */
|
|
|
- parameterStringToHash: function(parameterString)
|
|
|
- {
|
|
|
- var parameterHash = {};
|
|
|
- var parameterArray = parameterString.split('&');
|
|
|
- for (var i = 0; i < parameterArray.length; i++)
|
|
|
- {
|
|
|
- var pair = parameterArray[i].split('=');
|
|
|
- var key = decodeURIComponent(pair[0]);
|
|
|
- var value = decodeURIComponent(pair[1]);
|
|
|
- parameterHash[key] = value;
|
|
|
- }
|
|
|
-
|
|
|
- return parameterHash;
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Get an associative array of the parameters found in the anchor
|
|
|
+ * checks if a string is valid text (and not onyl whitespace)
|
|
|
*
|
|
|
- * @return object
|
|
|
+ * @name Helper.isValidText
|
|
|
+ * @function
|
|
|
+ * @param {string} string
|
|
|
+ * @return {bool}
|
|
|
*/
|
|
|
- getParameterHash: function()
|
|
|
+ me.isValidText = function(string)
|
|
|
{
|
|
|
- var hashIndex = window.location.href.indexOf('#');
|
|
|
- if (hashIndex >= 0)
|
|
|
- {
|
|
|
- return this.parameterStringToHash(window.location.href.substring(hashIndex + 1));
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- return {};
|
|
|
- }
|
|
|
- },
|
|
|
+ return (string.length > 0 && $.trim(string) !== '')
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Text range selection.
|
|
|
- * From: https://stackoverflow.com/questions/985272/jquery-selecting-text-in-an-element-akin-to-highlighting-with-your-mouse
|
|
|
+ * text range selection
|
|
|
*
|
|
|
- * @param string element : Indentifier of the element to select (id="").
|
|
|
+ * @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
|
|
|
*/
|
|
|
- selectText: function(element)
|
|
|
+ me.selectText = function(element)
|
|
|
{
|
|
|
- var doc = document,
|
|
|
- text = doc.getElementById(element),
|
|
|
- range,
|
|
|
- selection;
|
|
|
+ var range, selection;
|
|
|
|
|
|
// MS
|
|
|
- if (doc.body.createTextRange)
|
|
|
- {
|
|
|
- range = doc.body.createTextRange();
|
|
|
- range.moveToElementText(text);
|
|
|
+ if (document.body.createTextRange) {
|
|
|
+ range = document.body.createTextRange();
|
|
|
+ range.moveToElementText(element);
|
|
|
range.select();
|
|
|
- }
|
|
|
- // all others
|
|
|
- else if (window.getSelection)
|
|
|
- {
|
|
|
+ } else if (window.getSelection){
|
|
|
selection = window.getSelection();
|
|
|
- range = doc.createRange();
|
|
|
- range.selectNodeContents(text);
|
|
|
+ range = document.createRange();
|
|
|
+ range.selectNodeContents(element);
|
|
|
selection.removeAllRanges();
|
|
|
selection.addRange(range);
|
|
|
}
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Set text of a DOM element (required for IE)
|
|
|
- * This is equivalent to element.text(text)
|
|
|
+ * set text of a jQuery element (required for IE),
|
|
|
*
|
|
|
- * @param object element : a DOM element.
|
|
|
- * @param string text : the text to enter.
|
|
|
+ * @name Helper.setElementText
|
|
|
+ * @function
|
|
|
+ * @param {jQuery} $element - a jQuery element
|
|
|
+ * @param {string} text - the text to enter
|
|
|
*/
|
|
|
- setElementText: function(element, text)
|
|
|
+ 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 = this.htmlEntities(text).replace(/\n/ig,'\r\n<br>');
|
|
|
- element.html('<pre>'+html+'</pre>');
|
|
|
+ var html = me.htmlEntities(text).replace(/\n/ig, '\r\n<br>');
|
|
|
+ $element.html('<pre>' + html + '</pre>');
|
|
|
}
|
|
|
// for other (sane) browsers:
|
|
|
else
|
|
|
{
|
|
|
- element.text(text);
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- /**
|
|
|
- * replace last child of element with message
|
|
|
- *
|
|
|
- * @param object element : a jQuery wrapped DOM element.
|
|
|
- * @param string message : the message to append.
|
|
|
- */
|
|
|
- setMessage: function(element, message)
|
|
|
- {
|
|
|
- var content = element.contents();
|
|
|
- if (content.length > 0)
|
|
|
- {
|
|
|
- content[content.length - 1].nodeValue = ' ' + message;
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- this.setElementText(element, message);
|
|
|
+ $element.text(text);
|
|
|
}
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Convert URLs to clickable links.
|
|
|
+ * convert URLs to clickable links.
|
|
|
* URLs to handle:
|
|
|
- * <code>
|
|
|
+ * <pre>
|
|
|
* magnet:?xt.1=urn:sha1:YNCKHTQCWBTRNJIV4WNAE52SJUQCZO5C&xt.2=urn:sha1:TXGCZQTH26NL6OUQAJJPFALHG2LTGBC7
|
|
|
- * http://localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM=
|
|
|
- * http://user:password@localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM=
|
|
|
- * </code>
|
|
|
+ * http://example.com:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM=
|
|
|
+ * http://user:example.com@localhost:8800/zero/?6f09182b8ea51997#WtLEUO5Epj9UHAV9JFs+6pUQZp13TuspAUjnF+iM+dM=
|
|
|
+ * </pre>
|
|
|
*
|
|
|
- * @param object element : a jQuery DOM element.
|
|
|
+ * @name Helper.urls2links
|
|
|
+ * @function
|
|
|
+ * @param {Object} element - a jQuery DOM element
|
|
|
*/
|
|
|
- urls2links: function(element)
|
|
|
+ me.urls2links = function($element)
|
|
|
{
|
|
|
var markup = '<a href="$1" rel="nofollow">$1</a>';
|
|
|
- element.html(
|
|
|
- element.html().replace(
|
|
|
+ $element.html(
|
|
|
+ $element.html().replace(
|
|
|
/((http|https|ftp):\/\/[\w?=&.\/-;#@~%+-]+(?![\w\s?&.\/;#~%"=-]*>))/ig,
|
|
|
markup
|
|
|
)
|
|
|
);
|
|
|
- element.html(
|
|
|
- element.html().replace(
|
|
|
+ $element.html(
|
|
|
+ $element.html().replace(
|
|
|
/((magnet):[\w?=&.\/-;#@~%+-]+)/ig,
|
|
|
markup
|
|
|
)
|
|
|
);
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
* minimal sprintf emulation for %s and %d formats
|
|
|
- * From: https://stackoverflow.com/questions/610406/javascript-equivalent-to-printf-string-format#4795914
|
|
|
*
|
|
|
- * @param string format
|
|
|
- * @param mixed args one or multiple parameters injected into format string
|
|
|
- * @return string
|
|
|
+ * @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}
|
|
|
*/
|
|
|
- sprintf: function()
|
|
|
+ me.sprintf = function()
|
|
|
{
|
|
|
- var args = arguments;
|
|
|
- if (typeof arguments[0] === 'object')
|
|
|
- {
|
|
|
- args = arguments[0];
|
|
|
- }
|
|
|
- var string = args[0],
|
|
|
+ var args = Array.prototype.slice.call(arguments);
|
|
|
+ var format = args[0],
|
|
|
i = 1;
|
|
|
- return string.replace(/%((%)|s|d)/g, function (m) {
|
|
|
+ return format.replace(/%((%)|s|d)/g, function (m) {
|
|
|
// m is the matched format, e.g. %s, %d
|
|
|
var val;
|
|
|
if (m[2]) {
|
|
|
@@ -269,1334 +236,3816 @@ $(function() {
|
|
|
}
|
|
|
return val;
|
|
|
});
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
* get value of cookie, if it was set, empty string otherwise
|
|
|
- * From: http://www.w3schools.com/js/js_cookies.asp
|
|
|
*
|
|
|
- * @param string cname
|
|
|
- * @return string
|
|
|
+ * @see {@link http://www.w3schools.com/js/js_cookies.asp}
|
|
|
+ * @name Helper.getCookie
|
|
|
+ * @function
|
|
|
+ * @param {string} cname
|
|
|
+ * @return {string}
|
|
|
*/
|
|
|
- getCookie: function(cname) {
|
|
|
- var name = cname + '=';
|
|
|
- var ca = document.cookie.split(';');
|
|
|
+ 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);
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+ baseUri = window.location.origin + window.location.pathname;
|
|
|
+ return baseUri;
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Convert all applicable characters to HTML entities.
|
|
|
- * From: https://github.com/janl/mustache.js/blob/master/mustache.js#L60
|
|
|
+ * convert all applicable characters to HTML entities
|
|
|
*
|
|
|
- * @param string str
|
|
|
- * @return string escaped HTML
|
|
|
+ * @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
|
|
|
*/
|
|
|
- htmlEntities: function(str) {
|
|
|
+ me.htmlEntities = function(str) {
|
|
|
return String(str).replace(
|
|
|
/[&<>"'`=\/]/g, function(s) {
|
|
|
- return helper.entityMap[s];
|
|
|
+ return entityMap[s];
|
|
|
});
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * character to HTML entity lookup table
|
|
|
+ * resets state, used for unit testing
|
|
|
+ *
|
|
|
+ * @name Helper.reset
|
|
|
+ * @function
|
|
|
*/
|
|
|
- entityMap: {
|
|
|
- '&': '&',
|
|
|
- '<': '<',
|
|
|
- '>': '>',
|
|
|
- '"': '"',
|
|
|
- "'": ''',
|
|
|
- '/': '/',
|
|
|
- '`': '`',
|
|
|
- '=': '='
|
|
|
+ me.reset = function()
|
|
|
+ {
|
|
|
+ baseUri = null;
|
|
|
}
|
|
|
- };
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })();
|
|
|
|
|
|
/**
|
|
|
- * internationalization methods
|
|
|
+ * internationalization module
|
|
|
+ *
|
|
|
+ * @name I18n
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
*/
|
|
|
- var i18n = {
|
|
|
+ var I18n = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ /**
|
|
|
+ * const for string of loaded language
|
|
|
+ *
|
|
|
+ * @name I18n.languageLoadedEvent
|
|
|
+ * @private
|
|
|
+ * @prop {string}
|
|
|
+ * @readonly
|
|
|
+ */
|
|
|
+ var languageLoadedEvent = 'languageLoaded';
|
|
|
+
|
|
|
/**
|
|
|
* supported languages, minus the built in 'en'
|
|
|
+ *
|
|
|
+ * @name I18n.supportedLanguages
|
|
|
+ * @private
|
|
|
+ * @prop {string[]}
|
|
|
+ * @readonly
|
|
|
*/
|
|
|
- supportedLanguages: ['de', 'fr', 'pl', 'sl', 'zh'],
|
|
|
+ var supportedLanguages = ['de', 'es', 'fr', 'it', 'no', 'pl', 'pt', 'oc', 'ru', 'sl', 'zh'];
|
|
|
|
|
|
/**
|
|
|
- * translate a string, alias for translate()
|
|
|
+ * built in language
|
|
|
*
|
|
|
- * @param string $messageId
|
|
|
- * @param mixed args one or multiple parameters injected into placeholders
|
|
|
- * @return string
|
|
|
+ * @name I18n.language
|
|
|
+ * @private
|
|
|
+ * @prop {string|null}
|
|
|
+ */
|
|
|
+ var language = null;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * translation cache
|
|
|
+ *
|
|
|
+ * @name I18n.translations
|
|
|
+ * @private
|
|
|
+ * @enum {Object}
|
|
|
+ */
|
|
|
+ var translations = {};
|
|
|
+
|
|
|
+ /**
|
|
|
+ * translate a string, alias for I18n.translate
|
|
|
+ *
|
|
|
+ * @name I18n._
|
|
|
+ * @function
|
|
|
+ * @param {jQuery} $element - optional
|
|
|
+ * @param {string} messageId
|
|
|
+ * @param {...*} args - one or multiple parameters injected into placeholders
|
|
|
+ * @return {string}
|
|
|
*/
|
|
|
- _: function()
|
|
|
+ me._ = function()
|
|
|
{
|
|
|
- return this.translate(arguments);
|
|
|
- },
|
|
|
+ return me.translate.apply(this, arguments);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
* translate a string
|
|
|
*
|
|
|
- * @param string $messageId
|
|
|
- * @param mixed args one or multiple parameters injected into placeholders
|
|
|
- * @return 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}
|
|
|
*/
|
|
|
- translate: function()
|
|
|
+ me.translate = function()
|
|
|
{
|
|
|
- var args = arguments, messageId;
|
|
|
- if (typeof arguments[0] === 'object')
|
|
|
- {
|
|
|
- args = arguments[0];
|
|
|
+ // 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)
|
|
|
- {
|
|
|
+ if (usesPlurals) {
|
|
|
// use the first plural form as messageId, otherwise the singular
|
|
|
messageId = (args[0].length > 1 ? args[0][1] : args[0][0]);
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
+ } else {
|
|
|
messageId = args[0];
|
|
|
}
|
|
|
- if (messageId.length === 0)
|
|
|
- {
|
|
|
+
|
|
|
+ if (messageId.length === 0) {
|
|
|
return messageId;
|
|
|
}
|
|
|
- if (!this.translations.hasOwnProperty(messageId))
|
|
|
- {
|
|
|
- if (this.language !== 'en')
|
|
|
- {
|
|
|
- console.debug(
|
|
|
- 'Missing ' + this.language + ' translation for: ' + messageId
|
|
|
- );
|
|
|
+
|
|
|
+ // if no translation string cannot be found (in translations object)
|
|
|
+ if (!translations.hasOwnProperty(messageId) || language === null) {
|
|
|
+ // 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 () {
|
|
|
+ // log to show that the previous error could be mitigated
|
|
|
+ console.log('Fix missing translation of \'' + messageId + '\' with now loaded language ' + language);
|
|
|
+ // re-execute this function
|
|
|
+ me.translate.apply(this, orgArguments);
|
|
|
+ });
|
|
|
+
|
|
|
+ // and fall back to English for now until the real language
|
|
|
+ // file is loaded
|
|
|
}
|
|
|
- this.translations[messageId] = args[0];
|
|
|
+
|
|
|
+ // for all other langauges than English for which this behaviour
|
|
|
+ // is expected as it is built-in, log error
|
|
|
+ if (language !== null && 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];
|
|
|
}
|
|
|
- if (usesPlurals && $.isArray(this.translations[messageId]))
|
|
|
- {
|
|
|
+
|
|
|
+ // lookup plural translation
|
|
|
+ if (usesPlurals && $.isArray(translations[messageId])) {
|
|
|
var n = parseInt(args[1] || 1, 10),
|
|
|
- key = this.getPluralForm(n),
|
|
|
- maxKey = this.translations[messageId].length - 1;
|
|
|
- if (key > maxKey)
|
|
|
- {
|
|
|
+ key = me.getPluralForm(n),
|
|
|
+ maxKey = translations[messageId].length - 1;
|
|
|
+ if (key > maxKey) {
|
|
|
key = maxKey;
|
|
|
}
|
|
|
- args[0] = this.translations[messageId][key];
|
|
|
+ args[0] = translations[messageId][key];
|
|
|
args[1] = n;
|
|
|
+ } else {
|
|
|
+ // lookup singular translation
|
|
|
+ args[0] = translations[messageId];
|
|
|
}
|
|
|
- else
|
|
|
- {
|
|
|
- args[0] = this.translations[messageId];
|
|
|
+
|
|
|
+ // format string
|
|
|
+ var output = Helper.sprintf.apply(this, args);
|
|
|
+
|
|
|
+ // if $element is given, apply text to element
|
|
|
+ if ($element !== null) {
|
|
|
+ // get last text node of element
|
|
|
+ var content = $element.contents();
|
|
|
+ if (content.length > 1) {
|
|
|
+ content[content.length - 1].nodeValue = ' ' + output;
|
|
|
+ } else {
|
|
|
+ $element.text(output);
|
|
|
+ }
|
|
|
}
|
|
|
- return helper.sprintf(args);
|
|
|
- },
|
|
|
+
|
|
|
+ return output;
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
* per language functions to use to determine the plural form
|
|
|
- * From: http://localization-guide.readthedocs.org/en/latest/l10n/pluralforms.html
|
|
|
*
|
|
|
- * @param int number
|
|
|
- * @return int array key
|
|
|
+ * @see {@link http://localization-guide.readthedocs.org/en/latest/l10n/pluralforms.html}
|
|
|
+ * @name I18n.getPluralForm
|
|
|
+ * @function
|
|
|
+ * @param {int} n
|
|
|
+ * @return {int} array key
|
|
|
*/
|
|
|
- getPluralForm: function(n) {
|
|
|
- switch (this.language)
|
|
|
+ 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);
|
|
|
- // en, de
|
|
|
+ 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, pt
|
|
|
default:
|
|
|
return (n !== 1 ? 1 : 0);
|
|
|
}
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * load translations into cache, then execute callback function
|
|
|
+ * load translations into cache
|
|
|
*
|
|
|
- * @param function callback
|
|
|
+ * @name I18n.loadTranslations
|
|
|
+ * @function
|
|
|
*/
|
|
|
- loadTranslations: function(callback)
|
|
|
+ me.loadTranslations = function()
|
|
|
{
|
|
|
- var selectedLang = helper.getCookie('lang');
|
|
|
- var language = selectedLang.length > 0 ? selectedLang : (navigator.language || navigator.userLanguage).substring(0, 2);
|
|
|
- // note that 'en' is built in, so no translation is necessary
|
|
|
- if (this.supportedLanguages.indexOf(language) === -1)
|
|
|
- {
|
|
|
- callback();
|
|
|
+ var newLanguage = Helper.getCookie('lang');
|
|
|
+
|
|
|
+ // auto-select language based on browser settings
|
|
|
+ if (newLanguage.length === 0) {
|
|
|
+ newLanguage = (navigator.language || navigator.userLanguage).substring(0, 2);
|
|
|
}
|
|
|
- else
|
|
|
- {
|
|
|
- $.getJSON('i18n/' + language + '.json', function(data) {
|
|
|
- i18n.language = language;
|
|
|
- i18n.translations = data;
|
|
|
- callback();
|
|
|
- });
|
|
|
+
|
|
|
+ // if language is already used skip update
|
|
|
+ if (newLanguage === language) {
|
|
|
+ return;
|
|
|
}
|
|
|
- },
|
|
|
|
|
|
- /**
|
|
|
- * built in language
|
|
|
- */
|
|
|
- language: 'en',
|
|
|
+ // if language is built-in (English) skip update
|
|
|
+ if (newLanguage === 'en') {
|
|
|
+ language = 'en';
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- /**
|
|
|
- * translation cache
|
|
|
- */
|
|
|
- translations: {}
|
|
|
- };
|
|
|
+ // 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);
|
|
|
|
|
|
/**
|
|
|
- * filter methods
|
|
|
+ * handles everything related to en/decryption
|
|
|
+ *
|
|
|
+ * @name CryptTool
|
|
|
+ * @class
|
|
|
*/
|
|
|
- var filter = {
|
|
|
+ var CryptTool = (function () {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
/**
|
|
|
- * Compress a message (deflate compression). Returns base64 encoded data.
|
|
|
+ * compress a message (deflate compression), returns base64 encoded data
|
|
|
*
|
|
|
- * @param string message
|
|
|
- * @return base64 string data
|
|
|
+ * @name CryptTool.compress
|
|
|
+ * @function
|
|
|
+ * @private
|
|
|
+ * @param {string} message
|
|
|
+ * @return {string} base64 data
|
|
|
*/
|
|
|
- compress: function(message)
|
|
|
+ function compress(message)
|
|
|
{
|
|
|
return Base64.toBase64( RawDeflate.deflate( Base64.utob(message) ) );
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Decompress a message compressed with compress().
|
|
|
+ * decompress a message compressed with cryptToolcompress()
|
|
|
*
|
|
|
- * @param base64 string data
|
|
|
- * @return string message
|
|
|
+ * @name CryptTool.decompress
|
|
|
+ * @function
|
|
|
+ * @private
|
|
|
+ * @param {string} data - base64 data
|
|
|
+ * @return {string} message
|
|
|
*/
|
|
|
- decompress: function(data)
|
|
|
+ function decompress(data)
|
|
|
{
|
|
|
return Base64.btou( RawDeflate.inflate( Base64.fromBase64(data) ) );
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Compress, then encrypt message with key.
|
|
|
+ * compress, then encrypt message with given key and password
|
|
|
*
|
|
|
- * @param string key
|
|
|
- * @param string password
|
|
|
- * @param string message
|
|
|
- * @return encrypted string data
|
|
|
+ * @name CryptTool.cipher
|
|
|
+ * @function
|
|
|
+ * @param {string} key
|
|
|
+ * @param {string} password
|
|
|
+ * @param {string} message
|
|
|
+ * @return {string} data - JSON with encrypted data
|
|
|
*/
|
|
|
- cipher: function(key, password, message)
|
|
|
+ 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, this.compress(message), options);
|
|
|
+ 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)), this.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.
|
|
|
+ * decrypt message with key, then decompress
|
|
|
*
|
|
|
- * @param string key
|
|
|
- * @param string password
|
|
|
- * @param encrypted string data
|
|
|
- * @return string readable message
|
|
|
+ * @name CryptTool.decipher
|
|
|
+ * @function
|
|
|
+ * @param {string} key
|
|
|
+ * @param {string} password
|
|
|
+ * @param {string} data - JSON with encrypted data
|
|
|
+ * @return {string} decrypted message
|
|
|
*/
|
|
|
- decipher: function(key, password, data)
|
|
|
+ me.decipher = function(key, password, data)
|
|
|
{
|
|
|
- if (data !== undefined)
|
|
|
- {
|
|
|
- try
|
|
|
- {
|
|
|
- return this.decompress(sjcl.decrypt(key, data));
|
|
|
- }
|
|
|
- catch(err)
|
|
|
- {
|
|
|
- try
|
|
|
- {
|
|
|
- return this.decompress(sjcl.decrypt(key + sjcl.codec.hex.fromBits(sjcl.hash.sha256.hash(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
|
|
|
}
|
|
|
- catch(e)
|
|
|
- {}
|
|
|
}
|
|
|
}
|
|
|
return '';
|
|
|
}
|
|
|
- };
|
|
|
|
|
|
- var privatebin = {
|
|
|
/**
|
|
|
- * headers to send in AJAX requests
|
|
|
+ * checks whether the crypt tool has collected enough entropy
|
|
|
+ *
|
|
|
+ * @name CryptTool.isEntropyReady
|
|
|
+ * @function
|
|
|
+ * @return {bool}
|
|
|
*/
|
|
|
- headers: {'X-Requested-With': 'JSONHttpRequest'},
|
|
|
+ me.isEntropyReady = function()
|
|
|
+ {
|
|
|
+ return sjcl.random.isReady();
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * URL shortners create address
|
|
|
+ * add a listener function, triggered when enough entropy is available
|
|
|
+ *
|
|
|
+ * @name CryptTool.addEntropySeedListener
|
|
|
+ * @function
|
|
|
+ * @param {function} func
|
|
|
*/
|
|
|
- shortenerUrl: '',
|
|
|
+ me.addEntropySeedListener = function(func)
|
|
|
+ {
|
|
|
+ sjcl.random.addEventListener('seeded', func);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * URL of newly created paste
|
|
|
+ * returns a random symmetric key
|
|
|
+ *
|
|
|
+ * @name CryptTool.getSymmetricKey
|
|
|
+ * @function
|
|
|
+ * @return {string} func
|
|
|
*/
|
|
|
- createdPasteUrl: '',
|
|
|
+ me.getSymmetricKey = function(func)
|
|
|
+ {
|
|
|
+ return sjcl.codec.base64.fromBits(sjcl.random.randomWords(8, 0), 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })();
|
|
|
+
|
|
|
+ /**
|
|
|
+ * (Model) Data source (aka MVC)
|
|
|
+ *
|
|
|
+ * @name Model
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var Model = (function () {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $cipherData,
|
|
|
+ $templates;
|
|
|
+
|
|
|
+ var id = null, symmetricKey = null;
|
|
|
|
|
|
/**
|
|
|
- * Get the current script location (without search or hash part of the URL).
|
|
|
- * eg. http://server.com/zero/?aaaa#bbbb --> http://server.com/zero/
|
|
|
+ * returns the expiration set in the HTML
|
|
|
*
|
|
|
- * @return string current script location
|
|
|
+ * @name Model.getExpirationDefault
|
|
|
+ * @function
|
|
|
+ * @return string
|
|
|
+ * @TODO the template can be simplified as #pasteExpiration is no longer modified (only default value)
|
|
|
*/
|
|
|
- scriptLocation: function()
|
|
|
+ me.getExpirationDefault = function()
|
|
|
{
|
|
|
- var scriptLocation = window.location.href.substring(0,window.location.href.length
|
|
|
- - window.location.search.length - window.location.hash.length),
|
|
|
- hashIndex = scriptLocation.indexOf('#');
|
|
|
- if (hashIndex !== -1)
|
|
|
- {
|
|
|
- scriptLocation = scriptLocation.substring(0, hashIndex);
|
|
|
- }
|
|
|
- return scriptLocation;
|
|
|
- },
|
|
|
+ return $('#pasteExpiration').val();
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Get the pastes unique identifier from the URL
|
|
|
- * eg. http://server.com/zero/?c05354954c49a487#c05354954c49a487 returns c05354954c49a487
|
|
|
+ * returns the format set in the HTML
|
|
|
*
|
|
|
- * @return string unique identifier
|
|
|
+ * @name Model.getFormatDefault
|
|
|
+ * @function
|
|
|
+ * @return string
|
|
|
+ * @TODO the template can be simplified as #pasteFormatter is no longer modified (only default value)
|
|
|
*/
|
|
|
- pasteID: function()
|
|
|
+ me.getFormatDefault = function()
|
|
|
{
|
|
|
- return window.location.search.substring(1);
|
|
|
- },
|
|
|
+ return $('#pasteFormatter').val();
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Return the deciphering key stored in anchor part of the URL
|
|
|
+ * check if cipher data was supplied
|
|
|
*
|
|
|
- * @return string key
|
|
|
+ * @name Model.getCipherData
|
|
|
+ * @function
|
|
|
+ * @return boolean
|
|
|
*/
|
|
|
- pageKey: function()
|
|
|
+ me.hasCipherData = function()
|
|
|
{
|
|
|
- // Some web 2.0 services and redirectors add data AFTER the anchor
|
|
|
- // (such as &utm_source=...). We will strip any additional data.
|
|
|
-
|
|
|
- var key = window.location.hash.substring(1), // Get key
|
|
|
- i = key.indexOf('=');
|
|
|
-
|
|
|
- // First, strip everything after the equal sign (=) which signals end of base64 string.
|
|
|
- if (i > -1)
|
|
|
- {
|
|
|
- key = key.substring(0, i + 1);
|
|
|
- }
|
|
|
-
|
|
|
- // If the equal sign was not present, some parameters may remain:
|
|
|
- i = key.indexOf('&');
|
|
|
- if (i > -1)
|
|
|
- {
|
|
|
- key = key.substring(0, i);
|
|
|
- }
|
|
|
-
|
|
|
- // Then add trailing equal sign if it's missing
|
|
|
- if (key.charAt(key.length - 1) !== '=')
|
|
|
- {
|
|
|
- key += '=';
|
|
|
- }
|
|
|
-
|
|
|
- return key;
|
|
|
- },
|
|
|
+ return (me.getCipherData().length > 0);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * ask the user for the password and return it
|
|
|
+ * returns the cipher data
|
|
|
*
|
|
|
- * @throws error when dialog canceled
|
|
|
- * @return string password
|
|
|
+ * @name Model.getCipherData
|
|
|
+ * @function
|
|
|
+ * @return string
|
|
|
*/
|
|
|
- requestPassword: function()
|
|
|
+ me.getCipherData = function()
|
|
|
{
|
|
|
- var password = prompt(i18n._('Please enter the password for this paste:'), '');
|
|
|
- if (password === null)
|
|
|
- {
|
|
|
- throw 'password prompt canceled';
|
|
|
- }
|
|
|
- if (password.length === 0)
|
|
|
- {
|
|
|
- return this.requestPassword();
|
|
|
- }
|
|
|
- return password;
|
|
|
- },
|
|
|
+ return $cipherData.text();
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * use given format on paste, defaults to plain text
|
|
|
+ * get the pastes unique identifier from the URL,
|
|
|
+ * eg. http://example.com/path/?c05354954c49a487#dfdsdgdgdfgdf returns c05354954c49a487
|
|
|
*
|
|
|
- * @param string format
|
|
|
- * @param string text
|
|
|
+ * @name Model.getPasteId
|
|
|
+ * @function
|
|
|
+ * @return {string} unique identifier
|
|
|
+ * @throws {string}
|
|
|
*/
|
|
|
- formatPaste: function(format, text)
|
|
|
+ me.getPasteId = function()
|
|
|
{
|
|
|
- helper.setElementText(this.clearText, text);
|
|
|
- helper.setElementText(this.prettyPrint, text);
|
|
|
- switch (format || 'plaintext')
|
|
|
- {
|
|
|
- case 'markdown':
|
|
|
- if (typeof showdown === 'object')
|
|
|
- {
|
|
|
- showdown.setOption('strikethrough', true);
|
|
|
- showdown.setOption('tables', true);
|
|
|
- showdown.setOption('tablesHeaderId', true);
|
|
|
- var converter = new showdown.Converter();
|
|
|
- this.clearText.html(
|
|
|
- converter.makeHtml(text)
|
|
|
- );
|
|
|
- this.clearText.removeClass('hidden');
|
|
|
- }
|
|
|
- this.prettyMessage.addClass('hidden');
|
|
|
- break;
|
|
|
- case 'syntaxhighlighting':
|
|
|
- if (typeof prettyPrintOne === 'function')
|
|
|
- {
|
|
|
- if (typeof prettyPrint === 'function')
|
|
|
- {
|
|
|
- prettyPrint();
|
|
|
- }
|
|
|
- this.prettyPrint.html(
|
|
|
- prettyPrintOne(
|
|
|
- helper.htmlEntities(text), null, true
|
|
|
- )
|
|
|
- );
|
|
|
- }
|
|
|
- // fall through, as the rest is the same
|
|
|
- default:
|
|
|
- // Convert URLs to clickable links.
|
|
|
- helper.urls2links(this.clearText);
|
|
|
- helper.urls2links(this.prettyPrint);
|
|
|
- this.clearText.addClass('hidden');
|
|
|
- if (format === 'plaintext')
|
|
|
- {
|
|
|
- this.prettyPrint.css('white-space', 'pre-wrap');
|
|
|
- this.prettyPrint.css('word-break', 'normal');
|
|
|
- this.prettyPrint.removeClass('prettyprint');
|
|
|
- }
|
|
|
- this.prettyMessage.removeClass('hidden');
|
|
|
+ if (id === null) {
|
|
|
+ id = window.location.search.substring(1);
|
|
|
+
|
|
|
+ if (id === '') {
|
|
|
+ throw 'no paste id given';
|
|
|
+ }
|
|
|
}
|
|
|
- },
|
|
|
+
|
|
|
+ return id;
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Show decrypted text in the display area, including discussion (if open)
|
|
|
+ * return the deciphering key stored in anchor part of the URL
|
|
|
*
|
|
|
- * @param string key : decryption key
|
|
|
- * @param object paste : paste object including comments to display (items = array with keys ('data','meta')
|
|
|
+ * @name Model.getPasteKey
|
|
|
+ * @function
|
|
|
+ * @return {string|null} key
|
|
|
+ * @throws {string}
|
|
|
*/
|
|
|
- displayMessages: function(key, paste)
|
|
|
+ me.getPasteKey = function()
|
|
|
{
|
|
|
- // Try to decrypt the paste.
|
|
|
- var password = this.passwordInput.val();
|
|
|
- if (!this.prettyPrint.hasClass('prettyprinted')) {
|
|
|
- try
|
|
|
- {
|
|
|
- if (paste.attachment)
|
|
|
- {
|
|
|
- var attachment = filter.decipher(key, password, paste.attachment);
|
|
|
- if (attachment.length === 0)
|
|
|
- {
|
|
|
- if (password.length === 0)
|
|
|
- {
|
|
|
- password = this.requestPassword();
|
|
|
- }
|
|
|
- attachment = filter.decipher(key, password, paste.attachment);
|
|
|
- }
|
|
|
- if (attachment.length === 0)
|
|
|
- {
|
|
|
- throw 'failed to decipher attachment';
|
|
|
- }
|
|
|
-
|
|
|
- if (paste.attachmentname)
|
|
|
- {
|
|
|
- var attachmentname = filter.decipher(key, password, paste.attachmentname);
|
|
|
- if (attachmentname.length > 0)
|
|
|
- {
|
|
|
- this.attachmentLink.attr('download', attachmentname);
|
|
|
- }
|
|
|
- }
|
|
|
- this.attachmentLink.attr('href', attachment);
|
|
|
- this.attachment.removeClass('hidden');
|
|
|
-
|
|
|
- // if the attachment is an image, display it
|
|
|
- var imagePrefix = 'data:image/';
|
|
|
- if (attachment.substring(0, imagePrefix.length) === imagePrefix)
|
|
|
- {
|
|
|
- this.image.html(
|
|
|
- $(document.createElement('img'))
|
|
|
- .attr('src', attachment)
|
|
|
- .attr('class', 'img-thumbnail')
|
|
|
- );
|
|
|
- this.image.removeClass('hidden');
|
|
|
- }
|
|
|
- }
|
|
|
- var cleartext = filter.decipher(key, password, paste.data);
|
|
|
- if (cleartext.length === 0 && password.length === 0 && !paste.attachment)
|
|
|
- {
|
|
|
- password = this.requestPassword();
|
|
|
- cleartext = filter.decipher(key, password, paste.data);
|
|
|
- }
|
|
|
- if (cleartext.length === 0 && !paste.attachment)
|
|
|
- {
|
|
|
- throw 'failed to decipher message';
|
|
|
- }
|
|
|
+ if (symmetricKey === null) {
|
|
|
+ symmetricKey = window.location.hash.substring(1);
|
|
|
|
|
|
- this.passwordInput.val(password);
|
|
|
- if (cleartext.length > 0)
|
|
|
- {
|
|
|
- $('#pasteFormatter').val(paste.meta.formatter);
|
|
|
- this.formatPaste(paste.meta.formatter, cleartext);
|
|
|
- }
|
|
|
+ if (symmetricKey === '') {
|
|
|
+ throw 'no encryption key given';
|
|
|
}
|
|
|
- catch(err)
|
|
|
+
|
|
|
+ // 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)
|
|
|
{
|
|
|
- this.clearText.addClass('hidden');
|
|
|
- this.prettyMessage.addClass('hidden');
|
|
|
- this.cloneButton.addClass('hidden');
|
|
|
- this.showError(i18n._('Could not decrypt data (Wrong key?)'));
|
|
|
- return;
|
|
|
+ symmetricKey = symmetricKey.substring(0, ampersandPos);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // Display paste expiration / for your eyes only.
|
|
|
- if (paste.meta.expire_date)
|
|
|
- {
|
|
|
- var expiration = helper.secondsToHuman(paste.meta.remaining_time),
|
|
|
- expirationLabel = [
|
|
|
- 'This document will expire in %d ' + expiration[1] + '.',
|
|
|
- 'This document will expire in %d ' + expiration[1] + 's.'
|
|
|
- ];
|
|
|
- helper.setMessage(this.remainingTime, i18n._(expirationLabel, expiration[0]));
|
|
|
- this.remainingTime.removeClass('foryoureyesonly')
|
|
|
- .removeClass('hidden');
|
|
|
- }
|
|
|
- if (paste.meta.burnafterreading)
|
|
|
- {
|
|
|
- // unfortunately many web servers don't support DELETE (and PUT) out of the box
|
|
|
- $.ajax({
|
|
|
- type: 'POST',
|
|
|
- url: this.scriptLocation() + '?' + this.pasteID(),
|
|
|
- data: {deletetoken: 'burnafterreading'},
|
|
|
- dataType: 'json',
|
|
|
- headers: this.headers
|
|
|
- })
|
|
|
- .fail(function() {
|
|
|
- privatebin.showError(i18n._('Could not delete the paste, it was not stored in burn after reading mode.'));
|
|
|
- });
|
|
|
- helper.setMessage(this.remainingTime, i18n._(
|
|
|
- 'FOR YOUR EYES ONLY. Don\'t close this window, this message can\'t be displayed again.'
|
|
|
- ));
|
|
|
- this.remainingTime.addClass('foryoureyesonly')
|
|
|
- .removeClass('hidden');
|
|
|
- // Discourage cloning (as it can't really be prevented).
|
|
|
- this.cloneButton.addClass('hidden');
|
|
|
- }
|
|
|
-
|
|
|
- // If the discussion is opened on this paste, display it.
|
|
|
- if (paste.meta.opendiscussion)
|
|
|
- {
|
|
|
- this.comments.html('');
|
|
|
-
|
|
|
- // iterate over comments
|
|
|
- for (var i = 0; i < paste.comments.length; ++i)
|
|
|
- {
|
|
|
- var place = this.comments;
|
|
|
- var comment = paste.comments[i];
|
|
|
- var commenttext = filter.decipher(key, password, comment.data);
|
|
|
- // If parent comment exists, display below (CSS will automatically shift it right.)
|
|
|
- var cname = '#comment_' + comment.parentid;
|
|
|
-
|
|
|
- // If the element exists in page
|
|
|
- if ($(cname).length)
|
|
|
- {
|
|
|
- place = $(cname);
|
|
|
- }
|
|
|
- var 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>');
|
|
|
- divComment.find('button').click({commentid: comment.id}, $.proxy(this.openReply, this));
|
|
|
- helper.setElementText(divComment.find('div.commentdata'), commenttext);
|
|
|
- // Convert URLs to clickable links in comment.
|
|
|
- helper.urls2links(divComment.find('div.commentdata'));
|
|
|
-
|
|
|
- // Try to get optional nickname:
|
|
|
- var nick = filter.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);
|
|
|
- }
|
|
|
- var divComment = $(
|
|
|
- '<div class="comment"><button class="btn btn-default btn-sm">' +
|
|
|
- i18n._('Add comment') + '</button></div>'
|
|
|
- );
|
|
|
- divComment.find('button').click({commentid: this.pasteID()}, $.proxy(this.openReply, this));
|
|
|
- this.comments.append(divComment);
|
|
|
- this.discussion.removeClass('hidden');
|
|
|
- }
|
|
|
- },
|
|
|
+ return symmetricKey;
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Open the comment entry when clicking the "Reply" button of a comment.
|
|
|
+ * returns a jQuery copy of the HTML template
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name Model.getTemplate
|
|
|
+ * @function
|
|
|
+ * @param {string} name - the name of the template
|
|
|
+ * @return {jQuery}
|
|
|
*/
|
|
|
- openReply: function(event)
|
|
|
+ me.getTemplate = function(name)
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- var source = $(event.target),
|
|
|
- commentid = event.data.commentid,
|
|
|
- hint = i18n._('Optional nickname...');
|
|
|
-
|
|
|
- // Remove any other reply area.
|
|
|
- $('div.reply').remove();
|
|
|
- var reply = $(
|
|
|
- '<div class="reply">' +
|
|
|
- '<input type="text" id="nickname" class="form-control" title="' + hint + '" placeholder="' + hint + '" />' +
|
|
|
- '<textarea id="replymessage" class="replymessage form-control" cols="80" rows="7"></textarea>' +
|
|
|
- '<br /><div id="replystatus"></div><button id="replybutton" class="btn btn-default btn-sm">' +
|
|
|
- i18n._('Post comment') + '</button></div>'
|
|
|
- );
|
|
|
- reply.find('button').click({parentid: commentid}, $.proxy(this.sendComment, this));
|
|
|
- source.after(reply);
|
|
|
- this.replyStatus = $('#replystatus');
|
|
|
- $('#replymessage').focus();
|
|
|
- },
|
|
|
+ // find template
|
|
|
+ var $element = $templates.find('#' + name + 'template').clone(true);
|
|
|
+ // change ID to avoid collisions (one ID should really be unique)
|
|
|
+ return $element.prop('id', name);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Send a reply in a discussion.
|
|
|
+ * resets state, used for unit testing
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name Model.reset
|
|
|
+ * @function
|
|
|
*/
|
|
|
- sendComment: function(event)
|
|
|
+ me.reset = function()
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- this.errorMessage.addClass('hidden');
|
|
|
- // Do not send if no data.
|
|
|
- var replyMessage = $('#replymessage');
|
|
|
- if (replyMessage.val().length === 0)
|
|
|
- {
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- this.showStatus(i18n._('Sending comment...'), true);
|
|
|
- var parentid = event.data.parentid;
|
|
|
- var cipherdata = filter.cipher(this.pageKey(), this.passwordInput.val(), replyMessage.val());
|
|
|
- var ciphernickname = '';
|
|
|
- var nick = $('#nickname').val();
|
|
|
- if (nick !== '')
|
|
|
- {
|
|
|
- ciphernickname = filter.cipher(this.pageKey(), this.passwordInput.val(), nick);
|
|
|
- }
|
|
|
- var data_to_send = {
|
|
|
- data: cipherdata,
|
|
|
- parentid: parentid,
|
|
|
- pasteid: this.pasteID(),
|
|
|
- nickname: ciphernickname
|
|
|
- };
|
|
|
+ $cipherData = $templates = id = symmetricKey = null;
|
|
|
+ }
|
|
|
|
|
|
- $.ajax({
|
|
|
- type: 'POST',
|
|
|
- url: this.scriptLocation(),
|
|
|
- data: data_to_send,
|
|
|
- dataType: 'json',
|
|
|
- headers: this.headers,
|
|
|
- success: function(data)
|
|
|
- {
|
|
|
- if (data.status === 0)
|
|
|
- {
|
|
|
- privatebin.showStatus(i18n._('Comment posted.'), false);
|
|
|
- $.ajax({
|
|
|
- type: 'GET',
|
|
|
- url: privatebin.scriptLocation() + '?' + privatebin.pasteID(),
|
|
|
- dataType: 'json',
|
|
|
- headers: privatebin.headers,
|
|
|
- success: function(data)
|
|
|
- {
|
|
|
- if (data.status === 0)
|
|
|
- {
|
|
|
- privatebin.displayMessages(privatebin.pageKey(), data);
|
|
|
- }
|
|
|
- else if (data.status === 1)
|
|
|
- {
|
|
|
- privatebin.showError(i18n._('Could not refresh display: %s', data.message));
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- privatebin.showError(i18n._('Could not refresh display: %s', i18n._('unknown status')));
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .fail(function() {
|
|
|
- privatebin.showError(i18n._('Could not refresh display: %s', i18n._('server error or not responding')));
|
|
|
- });
|
|
|
- }
|
|
|
- else if (data.status === 1)
|
|
|
- {
|
|
|
- privatebin.showError(i18n._('Could not post comment: %s', data.message));
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- privatebin.showError(i18n._('Could not post comment: %s', i18n._('unknown status')));
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .fail(function() {
|
|
|
- privatebin.showError(i18n._('Could not post comment: %s', i18n._('server error or not responding')));
|
|
|
- });
|
|
|
- },
|
|
|
|
|
|
/**
|
|
|
- * Send a new paste to server
|
|
|
+ * init navigation manager
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * preloads jQuery elements
|
|
|
+ *
|
|
|
+ * @name Model.init
|
|
|
+ * @function
|
|
|
*/
|
|
|
- sendData: function(event)
|
|
|
+ me.init = function()
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- var file = document.getElementById('file'),
|
|
|
- files = (file && file.files) ? file.files : null; // FileList object
|
|
|
-
|
|
|
- // Do not send if no data.
|
|
|
- if (this.message.val().length === 0 && !(files && files[0]))
|
|
|
- {
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- // If sjcl has not collected enough entropy yet, display a message.
|
|
|
- if (!sjcl.random.isReady())
|
|
|
- {
|
|
|
- this.showStatus(i18n._('Sending paste (Please move your mouse for more entropy)...'), true);
|
|
|
- sjcl.random.addEventListener('seeded', function() {
|
|
|
- this.sendData(event);
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
+ $cipherData = $('#cipherdata');
|
|
|
+ $templates = $('#templates');
|
|
|
+ }
|
|
|
|
|
|
- $('.navbar-toggle').click();
|
|
|
- this.password.addClass('hidden');
|
|
|
- this.showStatus(i18n._('Sending paste...'), true);
|
|
|
+ return me;
|
|
|
+ })();
|
|
|
|
|
|
- var randomkey = sjcl.codec.base64.fromBits(sjcl.random.randomWords(8, 0), 0);
|
|
|
- var password = this.passwordInput.val();
|
|
|
- if(files && files[0])
|
|
|
- {
|
|
|
- if(typeof FileReader === undefined)
|
|
|
- {
|
|
|
- this.showError(i18n._('Your browser does not support uploading encrypted files. Please use a newer browser.'));
|
|
|
- return;
|
|
|
- }
|
|
|
- var reader = new FileReader();
|
|
|
- // Closure to capture the file information.
|
|
|
- reader.onload = (function(theFile)
|
|
|
- {
|
|
|
- return function(e) {
|
|
|
- privatebin.sendDataContinue(
|
|
|
- randomkey,
|
|
|
- filter.cipher(randomkey, password, e.target.result),
|
|
|
- filter.cipher(randomkey, password, theFile.name)
|
|
|
- );
|
|
|
- };
|
|
|
- })(files[0]);
|
|
|
- reader.readAsDataURL(files[0]);
|
|
|
- }
|
|
|
- else if(this.attachmentLink.attr('href'))
|
|
|
- {
|
|
|
- this.sendDataContinue(
|
|
|
- randomkey,
|
|
|
- filter.cipher(randomkey, password, this.attachmentLink.attr('href')),
|
|
|
- this.attachmentLink.attr('download')
|
|
|
- );
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- this.sendDataContinue(randomkey, '', '');
|
|
|
- }
|
|
|
- },
|
|
|
+ /**
|
|
|
+ * Helper functions for user interface
|
|
|
+ *
|
|
|
+ * everything directly UI-related, which fits nowhere else
|
|
|
+ *
|
|
|
+ * @name UiHelper
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var UiHelper = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
|
|
|
/**
|
|
|
- * Send a new paste to server, step 2
|
|
|
+ * handle history (pop) state changes
|
|
|
*
|
|
|
- * @param string randomkey
|
|
|
- * @param encrypted string cipherdata_attachment
|
|
|
- * @param encrypted string cipherdata_attachment_name
|
|
|
+ * currently this does only handle redirects to the home page.
|
|
|
+ *
|
|
|
+ * @name UiHelper.historyChange
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
*/
|
|
|
- sendDataContinue: function(randomkey, cipherdata_attachment, cipherdata_attachment_name)
|
|
|
+ function historyChange(event)
|
|
|
{
|
|
|
- var cipherdata = filter.cipher(randomkey, this.passwordInput.val(), this.message.val());
|
|
|
- var data_to_send = {
|
|
|
- data: cipherdata,
|
|
|
- expire: $('#pasteExpiration').val(),
|
|
|
- formatter: $('#pasteFormatter').val(),
|
|
|
- burnafterreading: this.burnAfterReading.is(':checked') ? 1 : 0,
|
|
|
- opendiscussion: this.openDiscussion.is(':checked') ? 1 : 0
|
|
|
- };
|
|
|
- if (cipherdata_attachment.length > 0)
|
|
|
- {
|
|
|
- data_to_send.attachment = cipherdata_attachment;
|
|
|
- if (cipherdata_attachment_name.length > 0)
|
|
|
- {
|
|
|
- data_to_send.attachmentname = cipherdata_attachment_name;
|
|
|
- }
|
|
|
+ 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;
|
|
|
}
|
|
|
- $.ajax({
|
|
|
- type: 'POST',
|
|
|
- url: this.scriptLocation(),
|
|
|
- data: data_to_send,
|
|
|
- dataType: 'json',
|
|
|
- headers: this.headers,
|
|
|
- success: function(data)
|
|
|
- {
|
|
|
- if (data.status === 0) {
|
|
|
- privatebin.stateExistingPaste();
|
|
|
- var url = privatebin.scriptLocation() + '?' + data.id + '#' + randomkey;
|
|
|
- var deleteUrl = privatebin.scriptLocation() + '?pasteid=' + data.id + '&deletetoken=' + data.deletetoken;
|
|
|
- privatebin.showStatus('', false);
|
|
|
- privatebin.errorMessage.addClass('hidden');
|
|
|
-
|
|
|
- $('#pastelink').html(
|
|
|
- i18n._(
|
|
|
- 'Your paste is <a id="pasteurl" href="%s">%s</a> <span id="copyhint">(Hit [Ctrl]+[c] to copy)</span>',
|
|
|
- url, url
|
|
|
- ) + privatebin.shortenUrl(url)
|
|
|
- );
|
|
|
- var shortenButton = $('#shortenbutton');
|
|
|
- if (shortenButton) {
|
|
|
- shortenButton.click($.proxy(privatebin.sendToShortener, privatebin));
|
|
|
- }
|
|
|
- $('#deletelink').html('<a href="' + deleteUrl + '">' + i18n._('Delete data') + '</a>');
|
|
|
- privatebin.pasteResult.removeClass('hidden');
|
|
|
- // We pre-select the link so that the user only has to [Ctrl]+[c] the link.
|
|
|
- helper.selectText('pasteurl');
|
|
|
- privatebin.showStatus('', false);
|
|
|
- privatebin.formatPaste(data_to_send.formatter, privatebin.message.val());
|
|
|
- }
|
|
|
- else if (data.status === 1)
|
|
|
- {
|
|
|
- privatebin.showError(i18n._('Could not create paste: %s', data.message));
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- privatebin.showError(i18n._('Could not create paste: %s', i18n._('unknown status')));
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .fail(function()
|
|
|
- {
|
|
|
- privatebin.showError(i18n._('Could not create paste: %s', i18n._('server error or not responding')));
|
|
|
- });
|
|
|
- },
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Check if a URL shortener was defined and create HTML containing a link to it.
|
|
|
+ * reload the page
|
|
|
+ *
|
|
|
+ * This takes the user to the PrivateBin homepage.
|
|
|
*
|
|
|
- * @param string url
|
|
|
- * @return string html
|
|
|
+ * @name UiHelper.reloadHome
|
|
|
+ * @function
|
|
|
*/
|
|
|
- shortenUrl: function(url)
|
|
|
+ me.reloadHome = function()
|
|
|
{
|
|
|
- var shortenerHtml = $('#shortenbutton');
|
|
|
- if (shortenerHtml) {
|
|
|
- this.shortenerUrl = shortenerHtml.data('shortener');
|
|
|
- this.createdPasteUrl = url;
|
|
|
- return ' ' + $('<div />').append(shortenerHtml.clone()).html();
|
|
|
- }
|
|
|
- return '';
|
|
|
- },
|
|
|
+ window.location.href = Helper.baseUri();
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Put the screen in "New paste" mode.
|
|
|
+ * checks whether the element is currently visible in the viewport (so
|
|
|
+ * the user can actually see it)
|
|
|
+ *
|
|
|
+ * @see {@link https://stackoverflow.com/a/40658647}
|
|
|
+ * @name UiHelper.isVisible
|
|
|
+ * @function
|
|
|
+ * @param {jQuery} $element The link hash to move to.
|
|
|
*/
|
|
|
- stateNewPaste: function()
|
|
|
+ me.isVisible = function($element)
|
|
|
{
|
|
|
- this.message.text('');
|
|
|
- this.attachment.addClass('hidden');
|
|
|
- this.cloneButton.addClass('hidden');
|
|
|
- this.rawTextButton.addClass('hidden');
|
|
|
- this.remainingTime.addClass('hidden');
|
|
|
- this.pasteResult.addClass('hidden');
|
|
|
- this.clearText.addClass('hidden');
|
|
|
- this.discussion.addClass('hidden');
|
|
|
- this.prettyMessage.addClass('hidden');
|
|
|
- this.sendButton.removeClass('hidden');
|
|
|
- this.expiration.removeClass('hidden');
|
|
|
- this.formatter.removeClass('hidden');
|
|
|
- this.burnAfterReadingOption.removeClass('hidden');
|
|
|
- this.openDisc.removeClass('hidden');
|
|
|
- this.newButton.removeClass('hidden');
|
|
|
- this.password.removeClass('hidden');
|
|
|
- this.attach.removeClass('hidden');
|
|
|
- this.message.removeClass('hidden');
|
|
|
- this.preview.removeClass('hidden');
|
|
|
- this.message.focus();
|
|
|
- },
|
|
|
+ var elementTop = $element.offset().top;
|
|
|
+ var elementBottom = elementTop + $element.outerHeight();
|
|
|
+
|
|
|
+ var viewportTop = $(window).scrollTop();
|
|
|
+ var viewportBottom = viewportTop + $(window).height();
|
|
|
+
|
|
|
+ return (elementTop > viewportTop && elementTop < viewportBottom);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Put the screen in "Existing paste" mode.
|
|
|
+ * scrolls to a specific element
|
|
|
*
|
|
|
- * @param boolean preview (optional) : tell if the preview tabs should be displayed, defaults to false.
|
|
|
+ * @see {@link https://stackoverflow.com/questions/4198041/jquery-smooth-scroll-to-an-anchor#answer-12714767}
|
|
|
+ * @name UiHelper.scrollTo
|
|
|
+ * @function
|
|
|
+ * @param {jQuery} $element The link hash to move to.
|
|
|
+ * @param {(number|string)} animationDuration passed to jQuery .animate, when set to 0 the animation is skipped
|
|
|
+ * @param {string} animationEffect passed to jQuery .animate
|
|
|
+ * @param {function} finishedCallback function to call after animation finished
|
|
|
*/
|
|
|
- stateExistingPaste: function(preview)
|
|
|
+ me.scrollTo = function($element, animationDuration, animationEffect, finishedCallback)
|
|
|
{
|
|
|
- preview = preview || false;
|
|
|
+ var $body = $('html, body'),
|
|
|
+ margin = 50,
|
|
|
+ callbackCalled = false;
|
|
|
+
|
|
|
+ //calculate destination place
|
|
|
+ var dest = 0;
|
|
|
+ // if it would scroll out of the screen at the bottom only scroll it as
|
|
|
+ // far as the screen can go
|
|
|
+ if ($element.offset().top > $(document).height() - $(window).height()) {
|
|
|
+ dest = $(document).height() - $(window).height();
|
|
|
+ } else {
|
|
|
+ dest = $element.offset().top - margin;
|
|
|
+ }
|
|
|
+ // skip animation if duration is set to 0
|
|
|
+ if (animationDuration === 0) {
|
|
|
+ window.scrollTo(0, dest);
|
|
|
+ } else {
|
|
|
+ // stop previous animation
|
|
|
+ $body.stop();
|
|
|
+ // scroll to destination
|
|
|
+ $body.animate({
|
|
|
+ scrollTop: dest
|
|
|
+ }, animationDuration, animationEffect);
|
|
|
+ }
|
|
|
+
|
|
|
+ // as we have finished we can enable scrolling again
|
|
|
+ $body.queue(function (next) {
|
|
|
+ if (!callbackCalled) {
|
|
|
+ // call user function if needed
|
|
|
+ if (typeof finishedCallback !== 'undefined') {
|
|
|
+ finishedCallback();
|
|
|
+ }
|
|
|
|
|
|
- if (!preview)
|
|
|
- {
|
|
|
- // No "clone" for IE<10.
|
|
|
- if ($('#oldienotice').is(":visible"))
|
|
|
- {
|
|
|
- this.cloneButton.addClass('hidden');
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- this.cloneButton.removeClass('hidden');
|
|
|
+ // prevent calling this function twice
|
|
|
+ callbackCalled = true;
|
|
|
}
|
|
|
-
|
|
|
- this.rawTextButton.removeClass('hidden');
|
|
|
- this.sendButton.addClass('hidden');
|
|
|
- this.attach.addClass('hidden');
|
|
|
- this.expiration.addClass('hidden');
|
|
|
- this.formatter.addClass('hidden');
|
|
|
- this.burnAfterReadingOption.addClass('hidden');
|
|
|
- this.openDisc.addClass('hidden');
|
|
|
- this.newButton.removeClass('hidden');
|
|
|
- this.preview.addClass('hidden');
|
|
|
- }
|
|
|
-
|
|
|
- this.pasteResult.addClass('hidden');
|
|
|
- this.message.addClass('hidden');
|
|
|
- this.clearText.addClass('hidden');
|
|
|
- this.prettyMessage.addClass('hidden');
|
|
|
- },
|
|
|
+ next();
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * If "burn after reading" is checked, disable discussion.
|
|
|
+ * initialize
|
|
|
+ *
|
|
|
+ * @name UiHelper.init
|
|
|
+ * @function
|
|
|
*/
|
|
|
- changeBurnAfterReading: function()
|
|
|
+ me.init = function()
|
|
|
{
|
|
|
- if (this.burnAfterReading.is(':checked') )
|
|
|
- {
|
|
|
- this.openDisc.addClass('buttondisabled');
|
|
|
- this.openDiscussion.attr({checked: false, disabled: true});
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- this.openDisc.removeClass('buttondisabled');
|
|
|
- this.openDiscussion.removeAttr('disabled');
|
|
|
- }
|
|
|
- },
|
|
|
+ // update link to home page
|
|
|
+ $('.reloadlink').prop('href', Helper.baseUri());
|
|
|
+
|
|
|
+ $(window).on('popstate', historyChange);
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Alert/error manager
|
|
|
+ *
|
|
|
+ * @name Alert
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var Alert = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $errorMessage,
|
|
|
+ $loadingIndicator,
|
|
|
+ $statusMessage,
|
|
|
+ $remainingTime;
|
|
|
+
|
|
|
+ var currentIcon = [
|
|
|
+ 'glyphicon-time', // loading icon
|
|
|
+ 'glyphicon-info-sign', // status icon
|
|
|
+ '', // resevered for warning, not used yet
|
|
|
+ 'glyphicon-alert' // error icon
|
|
|
+ ];
|
|
|
+
|
|
|
+ var alertType = [
|
|
|
+ 'loading', // not in bootstrap, but using a good value here
|
|
|
+ 'info', // status icon
|
|
|
+ 'warning', // not used yet
|
|
|
+ 'danger' // error icon
|
|
|
+ ];
|
|
|
+
|
|
|
+ var customHandler;
|
|
|
|
|
|
/**
|
|
|
- * If discussion is checked, disable "burn after reading".
|
|
|
+ * forwards a request to the i18n module and shows the element
|
|
|
+ *
|
|
|
+ * @name Alert.handleNotification
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {int} id - id of notification
|
|
|
+ * @param {jQuery} $element - jQuery object
|
|
|
+ * @param {string|array} args
|
|
|
+ * @param {string|null} icon - optional, icon
|
|
|
*/
|
|
|
- changeOpenDisc: function()
|
|
|
+ function handleNotification(id, $element, args, icon)
|
|
|
{
|
|
|
- if (this.openDiscussion.is(':checked') )
|
|
|
- {
|
|
|
- this.burnAfterReadingOption.addClass('buttondisabled');
|
|
|
- this.burnAfterReading.attr({checked: false, disabled: true});
|
|
|
+ // basic parsing/conversion of parameters
|
|
|
+ if (typeof icon === 'undefined') {
|
|
|
+ icon = null;
|
|
|
+ }
|
|
|
+ if (typeof args === 'undefined') {
|
|
|
+ args = null;
|
|
|
+ } else if (typeof args === 'string') {
|
|
|
+ // convert string to array if needed
|
|
|
+ args = [args];
|
|
|
+ }
|
|
|
+
|
|
|
+ // pass to custom handler if defined
|
|
|
+ if (typeof customHandler === 'function') {
|
|
|
+ var handlerResult = customHandler(alertType[id], $element, args, icon);
|
|
|
+ if (handlerResult === true) {
|
|
|
+ // if it returs true, skip own handler
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (handlerResult instanceof jQuery) {
|
|
|
+ // continue processing with new element
|
|
|
+ $element = handlerResult;
|
|
|
+ icon = null; // icons not supported in this case
|
|
|
+ }
|
|
|
}
|
|
|
- else
|
|
|
- {
|
|
|
- this.burnAfterReadingOption.removeClass('buttondisabled');
|
|
|
- this.burnAfterReading.removeAttr('disabled');
|
|
|
+
|
|
|
+ // handle icon
|
|
|
+ if (icon !== null && // icon was passed
|
|
|
+ icon !== currentIcon[id] // and it differs from current icon
|
|
|
+ ) {
|
|
|
+ var $glyphIcon = $element.find(':first');
|
|
|
+
|
|
|
+ // remove (previous) icon
|
|
|
+ $glyphIcon.removeClass(currentIcon[id]);
|
|
|
+
|
|
|
+ // any other thing as a string (e.g. 'null') (only) removes the icon
|
|
|
+ if (typeof icon === 'string') {
|
|
|
+ // set new icon
|
|
|
+ currentIcon[id] = 'glyphicon-' + icon;
|
|
|
+ $glyphIcon.addClass(currentIcon[id]);
|
|
|
+ }
|
|
|
}
|
|
|
- },
|
|
|
+
|
|
|
+ // show text
|
|
|
+ if (args !== null) {
|
|
|
+ // add jQuery object to it as first parameter
|
|
|
+ args.unshift($element);
|
|
|
+ // pass it to I18n
|
|
|
+ I18n._.apply(this, args);
|
|
|
+ }
|
|
|
+
|
|
|
+ // show notification
|
|
|
+ $element.removeClass('hidden');
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Forward to URL shortener.
|
|
|
+ * display a status message
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * This automatically passes the text to I18n for translation.
|
|
|
+ *
|
|
|
+ * @name Alert.showStatus
|
|
|
+ * @function
|
|
|
+ * @param {string|array} message string, use an array for %s/%d options
|
|
|
+ * @param {string|null} icon optional, the icon to show,
|
|
|
+ * default: leave previous icon
|
|
|
+ * @param {bool} dismissable optional, whether the notification
|
|
|
+ * can be dismissed (closed), default: false
|
|
|
+ * @param {bool|int} autoclose optional, after how many seconds the
|
|
|
+ * notification should be hidden automatically;
|
|
|
+ * default: disabled (0); use true for default value
|
|
|
*/
|
|
|
- sendToShortener: function(event)
|
|
|
+ me.showStatus = function(message, icon, dismissable, autoclose)
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- window.location.href = this.shortenerUrl + encodeURIComponent(this.createdPasteUrl);
|
|
|
- },
|
|
|
+ console.log('status shown: ', message);
|
|
|
+ // @TODO: implement dismissable
|
|
|
+ // @TODO: implement autoclose
|
|
|
+
|
|
|
+ handleNotification(1, $statusMessage, message, icon);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Reload the page.
|
|
|
+ * display an error message
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * This automatically passes the text to I18n for translation.
|
|
|
+ *
|
|
|
+ * @name Alert.showError
|
|
|
+ * @function
|
|
|
+ * @param {string|array} message string, use an array for %s/%d options
|
|
|
+ * @param {string|null} icon optional, the icon to show, default:
|
|
|
+ * leave previous icon
|
|
|
+ * @param {bool} dismissable optional, whether the notification
|
|
|
+ * can be dismissed (closed), default: false
|
|
|
+ * @param {bool|int} autoclose optional, after how many seconds the
|
|
|
+ * notification should be hidden automatically;
|
|
|
+ * default: disabled (0); use true for default value
|
|
|
*/
|
|
|
- reloadPage: function(event)
|
|
|
+ me.showError = function(message, icon, dismissable, autoclose)
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- window.location.href = this.scriptLocation();
|
|
|
- },
|
|
|
+ console.error('error message shown: ', message);
|
|
|
+ // @TODO: implement dismissable (bootstrap add-on has it)
|
|
|
+ // @TODO: implement autoclose
|
|
|
+
|
|
|
+ handleNotification(3, $errorMessage, message, icon);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Return raw text.
|
|
|
+ * display remaining message
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * This automatically passes the text to I18n for translation.
|
|
|
+ *
|
|
|
+ * @name Alert.showRemaining
|
|
|
+ * @function
|
|
|
+ * @param {string|array} message string, use an array for %s/%d options
|
|
|
*/
|
|
|
- rawText: function(event)
|
|
|
+ me.showRemaining = function(message)
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- var paste = $('#pasteFormatter').val() === 'markdown' ?
|
|
|
- this.prettyPrint.text() : this.clearText.text();
|
|
|
- history.pushState(
|
|
|
- null, document.title, this.scriptLocation() + '?' +
|
|
|
- this.pasteID() + '#' + this.pageKey()
|
|
|
- );
|
|
|
- // 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>' + paste + '</pre>');
|
|
|
- newDoc.close();
|
|
|
- },
|
|
|
+ console.log('remaining message shown: ', message);
|
|
|
+ handleNotification(1, $remainingTime, message);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Clone the current paste.
|
|
|
+ * shows a loading message, optionally with a percentage
|
|
|
+ *
|
|
|
+ * This automatically passes all texts to the i10s module.
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name Alert.showLoading
|
|
|
+ * @function
|
|
|
+ * @param {string|array|null} message optional, use an array for %s/%d options, default: 'Loading…'
|
|
|
+ * @param {int} percentage optional, default: null
|
|
|
+ * @param {string|null} icon optional, the icon to show, default: leave previous icon
|
|
|
*/
|
|
|
- clonePaste: function(event)
|
|
|
+ me.showLoading = function(message, percentage, icon)
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- this.stateNewPaste();
|
|
|
-
|
|
|
- // Erase the id and the key in url
|
|
|
- history.replaceState(null, document.title, this.scriptLocation());
|
|
|
+ if (typeof message !== 'undefined' && message !== null) {
|
|
|
+ console.log('status changed: ', message);
|
|
|
+ }
|
|
|
|
|
|
- this.showStatus('', false);
|
|
|
- if (this.attachmentLink.attr('href'))
|
|
|
- {
|
|
|
- this.clonedFile.removeClass('hidden');
|
|
|
- this.fileWrap.addClass('hidden');
|
|
|
+ // default message text
|
|
|
+ if (typeof message === 'undefined') {
|
|
|
+ message = 'Loading…';
|
|
|
}
|
|
|
- this.message.text(
|
|
|
- $('#pasteFormatter').val() === 'markdown' ?
|
|
|
- this.prettyPrint.text() : this.clearText.text()
|
|
|
- );
|
|
|
- $('.navbar-toggle').click();
|
|
|
- },
|
|
|
|
|
|
- /**
|
|
|
- * Set the expiration on bootstrap templates.
|
|
|
- *
|
|
|
- * @param Event event
|
|
|
- */
|
|
|
- setExpiration: function(event)
|
|
|
- {
|
|
|
- event.preventDefault();
|
|
|
- var target = $(event.target);
|
|
|
- $('#pasteExpiration').val(target.data('expiration'));
|
|
|
- $('#pasteExpirationDisplay').text(target.text());
|
|
|
- },
|
|
|
+ // currently percentage parameter is ignored
|
|
|
+ // // @TODO handle it here…
|
|
|
+
|
|
|
+ handleNotification(0, $loadingIndicator, message, icon);
|
|
|
+
|
|
|
+ // show loading status (cursor)
|
|
|
+ $('body').addClass('loading');
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Set the format on bootstrap templates.
|
|
|
+ * hides the loading message
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name Alert.hideLoading
|
|
|
+ * @function
|
|
|
*/
|
|
|
- setFormat: function(event)
|
|
|
+ me.hideLoading = function()
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- var target = $(event.target);
|
|
|
- $('#pasteFormatter').val(target.data('format'));
|
|
|
- $('#pasteFormatterDisplay').text(target.text());
|
|
|
+ $loadingIndicator.addClass('hidden');
|
|
|
|
|
|
- if (this.messagePreview.parent().hasClass('active')) {
|
|
|
- this.viewPreview(event);
|
|
|
- }
|
|
|
- },
|
|
|
+ // hide loading cursor
|
|
|
+ $('body').removeClass('loading');
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Set the language on bootstrap templates.
|
|
|
+ * hides any status/error messages
|
|
|
*
|
|
|
- * Sets the language cookie and reloads the page.
|
|
|
+ * This does not include the loading message.
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name Alert.hideMessages
|
|
|
+ * @function
|
|
|
*/
|
|
|
- setLanguage: function(event)
|
|
|
+ me.hideMessages = function()
|
|
|
{
|
|
|
- document.cookie = 'lang=' + $(event.target).data('lang');
|
|
|
- this.reloadPage(event);
|
|
|
- },
|
|
|
+ // also possible: $('.statusmessage').addClass('hidden');
|
|
|
+ $statusMessage.addClass('hidden');
|
|
|
+ $errorMessage.addClass('hidden');
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Support input of tab character.
|
|
|
+ * set a custom handler, which gets all notifications.
|
|
|
+ *
|
|
|
+ * This handler gets the following arguments:
|
|
|
+ * alertType (see array), $element, args, icon
|
|
|
+ * If it returns true, the own processing will be stopped so the message
|
|
|
+ * will not be displayed. Otherwise it will continue.
|
|
|
+ * As an aditional feature it can return q jQuery element, which will
|
|
|
+ * then be used to add the message there. Icons are not supported in
|
|
|
+ * that case and will be ignored.
|
|
|
+ * Pass 'null' to reset/delete the custom handler.
|
|
|
+ * Note that there is no notification when a message is supposed to get
|
|
|
+ * hidden.
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name Alert.setCustomHandler
|
|
|
+ * @function
|
|
|
+ * @param {function|null} newHandler
|
|
|
*/
|
|
|
- supportTabs: function(event)
|
|
|
+ me.setCustomHandler = function(newHandler)
|
|
|
{
|
|
|
- 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;
|
|
|
- }
|
|
|
- },
|
|
|
+ customHandler = newHandler;
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * View the editor tab.
|
|
|
+ * init status manager
|
|
|
+ *
|
|
|
+ * preloads jQuery elements
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name Alert.init
|
|
|
+ * @function
|
|
|
*/
|
|
|
- viewEditor: function(event)
|
|
|
+ me.init = function()
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- this.messagePreview.parent().removeClass('active');
|
|
|
- this.messageEdit.parent().addClass('active');
|
|
|
- this.message.focus();
|
|
|
- this.stateNewPaste();
|
|
|
- },
|
|
|
+ // hide "no javascript" error message
|
|
|
+ $('#noscript').hide();
|
|
|
+
|
|
|
+ // not a reset, but first set of the elements
|
|
|
+ $errorMessage = $('#errormessage');
|
|
|
+ $loadingIndicator = $('#loadingindicator');
|
|
|
+ $statusMessage = $('#status');
|
|
|
+ $remainingTime = $('#remainingtime');
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * handles paste status/result
|
|
|
+ *
|
|
|
+ * @name PasteStatus
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var PasteStatus = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $pasteSuccess,
|
|
|
+ $pasteUrl,
|
|
|
+ $remainingTime,
|
|
|
+ $shortenButton;
|
|
|
|
|
|
/**
|
|
|
- * View the preview tab.
|
|
|
+ * forward to URL shortener
|
|
|
*
|
|
|
- * @param Event event
|
|
|
+ * @name PasteStatus.sendToShortener
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
*/
|
|
|
- viewPreview: function(event)
|
|
|
+ function sendToShortener(event)
|
|
|
{
|
|
|
- event.preventDefault();
|
|
|
- this.messageEdit.parent().removeClass('active');
|
|
|
- this.messagePreview.parent().addClass('active');
|
|
|
- this.message.focus();
|
|
|
- this.stateExistingPaste(true);
|
|
|
- this.formatPaste($('#pasteFormatter').val(), this.message.val());
|
|
|
- },
|
|
|
+ window.location.href = $shortenButton.data('shortener')
|
|
|
+ + encodeURIComponent($pasteUrl.attr('href'));
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Create a new paste.
|
|
|
+ * 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 PasteStatus.pasteLinkClick
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
*/
|
|
|
- newPaste: function()
|
|
|
+ function pasteLinkClick(event)
|
|
|
{
|
|
|
- this.stateNewPaste();
|
|
|
- this.showStatus('', false);
|
|
|
- this.message.text('');
|
|
|
- this.changeBurnAfterReading();
|
|
|
- this.changeOpenDisc();
|
|
|
- },
|
|
|
+ // 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);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Removes an attachment.
|
|
|
+ * creates a notification after a successfull paste upload
|
|
|
+ *
|
|
|
+ * @name PasteStatus.createPasteNotification
|
|
|
+ * @function
|
|
|
+ * @param {string} url
|
|
|
+ * @param {string} deleteUrl
|
|
|
*/
|
|
|
- removeAttachment: function()
|
|
|
+ me.createPasteNotification = function(url, deleteUrl)
|
|
|
{
|
|
|
- this.clonedFile.addClass('hidden');
|
|
|
- // removes the saved decrypted file data
|
|
|
- this.attachmentLink.attr('href', '');
|
|
|
- // the only way to deselect the file is to recreate the input
|
|
|
- this.fileWrap.html(this.fileWrap.html());
|
|
|
- this.fileWrap.removeClass('hidden');
|
|
|
- },
|
|
|
+ $('#pastelink').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]);
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Display an error message
|
|
|
- * (We use the same function for paste and reply to comments)
|
|
|
+ * shows the remaining time
|
|
|
*
|
|
|
- * @param string message : text to display
|
|
|
+ * @name PasteStatus.showRemainingTime
|
|
|
+ * @function
|
|
|
+ * @param {object} pasteMetaData
|
|
|
*/
|
|
|
- showError: function(message)
|
|
|
+ me.showRemainingTime = function(pasteMetaData)
|
|
|
{
|
|
|
- if (this.status.length)
|
|
|
- {
|
|
|
- this.status.addClass('errorMessage').text(message);
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- this.errorMessage.removeClass('hidden');
|
|
|
- helper.setMessage(this.errorMessage, message);
|
|
|
- }
|
|
|
- if (typeof this.replyStatus !== 'undefined') {
|
|
|
- this.replyStatus.addClass('errorMessage');
|
|
|
- this.replyStatus.addClass(this.errorMessage.attr('class'));
|
|
|
- if (this.status.length)
|
|
|
- {
|
|
|
- this.replyStatus.html(this.status.html());
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- this.replyStatus.html(this.errorMessage.html());
|
|
|
- }
|
|
|
+ if (pasteMetaData.burnafterreading) {
|
|
|
+ // display paste "for your eyes only" if it is deleted
|
|
|
+
|
|
|
+ // actually remove paste, before we claim it is deleted
|
|
|
+ Controller.removePaste(Model.getPasteId(), 'burnafterreading');
|
|
|
+
|
|
|
+ Alert.showRemaining("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.'
|
|
|
+ ];
|
|
|
+
|
|
|
+ Alert.showRemaining([expirationLabel, expiration[0]]);
|
|
|
+ $remainingTime.removeClass('foryoureyesonly')
|
|
|
+ } else {
|
|
|
+ // never expires
|
|
|
+ return;
|
|
|
}
|
|
|
- },
|
|
|
+
|
|
|
+ // in the end, display notification
|
|
|
+ $remainingTime.removeClass('hidden');
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * Display a status message
|
|
|
- * (We use the same function for paste and reply to comments)
|
|
|
+ * hides the remaining time and successful upload notification
|
|
|
*
|
|
|
- * @param string message : text to display
|
|
|
- * @param boolean spin (optional) : tell if the "spinning" animation should be displayed.
|
|
|
+ * @name PasteStatus.hideRemainingTime
|
|
|
+ * @function
|
|
|
*/
|
|
|
- showStatus: function(message, spin)
|
|
|
+ me.hideMessages = function()
|
|
|
{
|
|
|
- if (typeof this.replyStatus !== 'undefined') {
|
|
|
- this.replyStatus.removeClass('errorMessage').text(message);
|
|
|
- }
|
|
|
- if (!message)
|
|
|
- {
|
|
|
- this.status.html(' ');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (message === '')
|
|
|
- {
|
|
|
- this.status.html(' ');
|
|
|
- return;
|
|
|
- }
|
|
|
- this.status.removeClass('errorMessage').text(message);
|
|
|
- if (spin)
|
|
|
- {
|
|
|
- var img = '<img src="img/busy.gif" style="width:16px;height:9px;margin:0 4px 0 0;" />';
|
|
|
- this.status.prepend(img);
|
|
|
- if (typeof this.replyStatus !== 'undefined') {
|
|
|
- this.replyStatus.prepend(img);
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
+ $remainingTime.addClass('hidden');
|
|
|
+ $pasteSuccess.addClass('hidden');
|
|
|
+ }
|
|
|
|
|
|
/**
|
|
|
- * bind events to DOM elements
|
|
|
+ * init status manager
|
|
|
+ *
|
|
|
+ * preloads jQuery elements
|
|
|
+ *
|
|
|
+ * @name PasteStatus.init
|
|
|
+ * @function
|
|
|
*/
|
|
|
- bindEvents: function()
|
|
|
+ me.init = function()
|
|
|
{
|
|
|
- this.burnAfterReading.change($.proxy(this.changeBurnAfterReading, this));
|
|
|
- this.openDisc.change($.proxy(this.changeOpenDisc, this));
|
|
|
- this.sendButton.click($.proxy(this.sendData, this));
|
|
|
- this.cloneButton.click($.proxy(this.clonePaste, this));
|
|
|
- this.rawTextButton.click($.proxy(this.rawText, this));
|
|
|
- this.fileRemoveButton.click($.proxy(this.removeAttachment, this));
|
|
|
- $('.reloadlink').click($.proxy(this.reloadPage, this));
|
|
|
- this.message.keydown(this.supportTabs);
|
|
|
- this.messageEdit.click($.proxy(this.viewEditor, this));
|
|
|
- this.messagePreview.click($.proxy(this.viewPreview, this));
|
|
|
+ $pasteSuccess = $('#pasteSuccess');
|
|
|
+ // $pasteUrl is saved in me.createPasteNotification() after creation
|
|
|
+ $remainingTime = $('#remainingtime');
|
|
|
+ $shortenButton = $('#shortenbutton');
|
|
|
|
|
|
- // bootstrap template drop downs
|
|
|
- $('ul.dropdown-menu li a', $('#expiration').parent()).click($.proxy(this.setExpiration, this));
|
|
|
- $('ul.dropdown-menu li a', $('#formatter').parent()).click($.proxy(this.setFormat, this));
|
|
|
- $('#language ul.dropdown-menu li a').click($.proxy(this.setLanguage, this));
|
|
|
+ // bind elements
|
|
|
+ $shortenButton.click(sendToShortener);
|
|
|
+ }
|
|
|
|
|
|
- // page template drop down
|
|
|
- $('#language select option').click($.proxy(this.setLanguage, this));
|
|
|
- },
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * password prompt
|
|
|
+ *
|
|
|
+ * @name Prompt
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var Prompt = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $passwordDecrypt,
|
|
|
+ $passwordForm,
|
|
|
+ $passwordModal;
|
|
|
+
|
|
|
+ var password = '';
|
|
|
|
|
|
/**
|
|
|
- * main application
|
|
|
+ * submit a password in the modal dialog
|
|
|
+ *
|
|
|
+ * @name Prompt.submitPasswordModal
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
*/
|
|
|
- init: function()
|
|
|
+ function submitPasswordModal(event)
|
|
|
{
|
|
|
- // hide "no javascript" message
|
|
|
- $('#noscript').hide();
|
|
|
+ event.preventDefault();
|
|
|
|
|
|
- // preload jQuery wrapped DOM elements and bind events
|
|
|
- this.attach = $('#attach');
|
|
|
- this.attachment = $('#attachment');
|
|
|
- this.attachmentLink = $('#attachment a');
|
|
|
- this.burnAfterReading = $('#burnafterreading');
|
|
|
- this.burnAfterReadingOption = $('#burnafterreadingoption');
|
|
|
- this.cipherData = $('#cipherdata');
|
|
|
- this.clearText = $('#cleartext');
|
|
|
- this.cloneButton = $('#clonebutton');
|
|
|
- this.clonedFile = $('#clonedfile');
|
|
|
- this.comments = $('#comments');
|
|
|
- this.discussion = $('#discussion');
|
|
|
- this.errorMessage = $('#errormessage');
|
|
|
- this.expiration = $('#expiration');
|
|
|
- this.fileRemoveButton = $('#fileremovebutton');
|
|
|
- this.fileWrap = $('#filewrap');
|
|
|
- this.formatter = $('#formatter');
|
|
|
- this.image = $('#image');
|
|
|
- this.message = $('#message');
|
|
|
- this.messageEdit = $('#messageedit');
|
|
|
- this.messagePreview = $('#messagepreview');
|
|
|
- this.newButton = $('#newbutton');
|
|
|
- this.openDisc = $('#opendisc');
|
|
|
- this.openDiscussion = $('#opendiscussion');
|
|
|
- this.password = $('#password');
|
|
|
- this.passwordInput = $('#passwordinput');
|
|
|
- this.pasteResult = $('#pasteresult');
|
|
|
- this.prettyMessage = $('#prettymessage');
|
|
|
- this.prettyPrint = $('#prettyprint');
|
|
|
- this.preview = $('#preview');
|
|
|
- this.rawTextButton = $('#rawtextbutton');
|
|
|
- this.remainingTime = $('#remainingtime');
|
|
|
- this.sendButton = $('#sendbutton');
|
|
|
- this.status = $('#status');
|
|
|
- this.bindEvents();
|
|
|
-
|
|
|
- // Display status returned by php code if any (eg. Paste was properly deleted.)
|
|
|
- if (this.status.text().length > 0)
|
|
|
- {
|
|
|
- this.showStatus(this.status.text(), false);
|
|
|
+ // get input
|
|
|
+ password = $passwordDecrypt.val();
|
|
|
+
|
|
|
+ // hide modal
|
|
|
+ $passwordModal.modal('hide');
|
|
|
+
|
|
|
+ PasteDecrypter.run();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * ask the user for the password and set it
|
|
|
+ *
|
|
|
+ * @name Prompt.requestPassword
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.requestPassword = function()
|
|
|
+ {
|
|
|
+ // show new bootstrap method (if available)
|
|
|
+ if ($passwordModal.length !== 0) {
|
|
|
+ $passwordModal.modal({
|
|
|
+ backdrop: 'static',
|
|
|
+ keyboard: false
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // fallback to 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…
|
|
|
+ return me.requestPassword();
|
|
|
+ }
|
|
|
+
|
|
|
+ password = newPassword;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * getthe cached password
|
|
|
+ *
|
|
|
+ * If you do not get a password with this function
|
|
|
+ * (returns an empty string), use requestPassword.
|
|
|
+ *
|
|
|
+ * @name Prompt.getPassword
|
|
|
+ * @function
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+ me.getPassword = function()
|
|
|
+ {
|
|
|
+ return password;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * init status manager
|
|
|
+ *
|
|
|
+ * preloads jQuery elements
|
|
|
+ *
|
|
|
+ * @name Prompt.init
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.init = function()
|
|
|
+ {
|
|
|
+ $passwordDecrypt = $('#passworddecrypt');
|
|
|
+ $passwordForm = $('#passwordform');
|
|
|
+ $passwordModal = $('#passwordmodal');
|
|
|
+
|
|
|
+ // bind events
|
|
|
+
|
|
|
+ // focus password input when it is shown
|
|
|
+ $passwordModal.on('shown.bs.Model', function () {
|
|
|
+ $passwordDecrypt.focus();
|
|
|
+ });
|
|
|
+ // handle Model 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.
|
|
|
+ *
|
|
|
+ * @name Editor
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var Editor = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $editorTabs,
|
|
|
+ $messageEdit,
|
|
|
+ $messagePreview,
|
|
|
+ $message;
|
|
|
+
|
|
|
+ var isPreview = false;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * support input of tab character
|
|
|
+ *
|
|
|
+ * @name Editor.supportTabs
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
+ * @this $message (but not used, so it is jQuery-free, possibly faster)
|
|
|
+ */
|
|
|
+ function supportTabs(event)
|
|
|
+ {
|
|
|
+ var keyCode = event.keyCode || event.which;
|
|
|
+ // tab was pressed
|
|
|
+ if (keyCode === 9) {
|
|
|
+ // 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;
|
|
|
+ // prevent the textarea to lose focus
|
|
|
+ event.preventDefault();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 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
|
|
|
+ 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();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * sets a new text
|
|
|
+ *
|
|
|
+ * @name Editor.setText
|
|
|
+ * @function
|
|
|
+ * @param {string} newText
|
|
|
+ */
|
|
|
+ me.setText = function(newText)
|
|
|
+ {
|
|
|
+ $message.val(newText);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 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()
|
|
|
+ {
|
|
|
+ $editorTabs = $('#editorTabs');
|
|
|
+ $message = $('#message');
|
|
|
+
|
|
|
+ // 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.
|
|
|
+ *
|
|
|
+ * @name PasteViewer
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var PasteViewer = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $placeholder,
|
|
|
+ $prettyMessage,
|
|
|
+ $prettyPrint,
|
|
|
+ $plainText;
|
|
|
+
|
|
|
+ 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
|
|
|
+ *
|
|
|
+ * @name PasteViewer.parsePaste
|
|
|
+ * @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
|
|
|
+ *
|
|
|
+ * @name PasteViewer.showPaste
|
|
|
+ * @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} newFormat the the new format
|
|
|
+ */
|
|
|
+ me.setFormat = function(newFormat)
|
|
|
+ {
|
|
|
+ // skip if there is no update
|
|
|
+ if (format === newFormat) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // needs to update display too, if from or to Markdown is switched
|
|
|
+ if (format === 'markdown' || newFormat === 'markdown') {
|
|
|
+ isDisplayed = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ format = newFormat;
|
|
|
+ isChanged = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * returns the current format
|
|
|
+ *
|
|
|
+ * @name PasteViewer.getFormat
|
|
|
+ * @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 PasteViewer.setText
|
|
|
+ * @function
|
|
|
+ * @param {string} newText the text to show
|
|
|
+ */
|
|
|
+ me.setText = function(newText)
|
|
|
+ {
|
|
|
+ if (text !== newText) {
|
|
|
+ text = newText;
|
|
|
+ isChanged = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * gets the current cached text
|
|
|
+ *
|
|
|
+ * @name PasteViewer.getText
|
|
|
+ * @function
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+ me.getText = function(newText)
|
|
|
+ {
|
|
|
+ return text;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 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 PasteViewer.init
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.init = function()
|
|
|
+ {
|
|
|
+ $placeholder = $('#placeholder');
|
|
|
+ $plainText = $('#plaintext');
|
|
|
+ $prettyMessage = $('#prettymessage');
|
|
|
+ $prettyPrint = $('#prettyprint');
|
|
|
+
|
|
|
+ // check requirements
|
|
|
+ if (typeof prettyPrintOne !== 'function') {
|
|
|
+ Alert.showError([
|
|
|
+ 'The library %s is not available. This may cause display errors.',
|
|
|
+ 'pretty print'
|
|
|
+ ]);
|
|
|
+ }
|
|
|
+ if (typeof showdown !== 'object') {
|
|
|
+ Alert.showError([
|
|
|
+ 'The library %s is not available. This may cause display errors.',
|
|
|
+ 'showdown'
|
|
|
+ ]);
|
|
|
+ }
|
|
|
+
|
|
|
+ // get default option from template/HTML or fall back to set value
|
|
|
+ format = Model.getFormatDefault() || format;
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * (view) Show attachment and preview if possible
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var AttachmentViewer = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $attachmentLink,
|
|
|
+ $attachmentPreview,
|
|
|
+ $attachment;
|
|
|
+
|
|
|
+ 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 attachment
|
|
|
+ *
|
|
|
+ * This automatically hides the attachment containers to, to
|
|
|
+ * prevent an inconsistent display.
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer.removeAttachment
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.removeAttachment = function()
|
|
|
+ {
|
|
|
+ me.hideAttachment();
|
|
|
+ me.hideAttachmentPreview();
|
|
|
+ $attachmentLink.prop('href', '');
|
|
|
+ $attachmentLink.prop('download', '');
|
|
|
+ $attachmentPreview.html('');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * hides the attachment
|
|
|
+ *
|
|
|
+ * This will not hide the preview (see AttachmentViewer.hideAttachmentPreview
|
|
|
+ * for that) nor will it hide the attachment link if it was moved somewhere
|
|
|
+ * else (see AttachmentViewer.moveAttachmentTo).
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer.hideAttachment
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.hideAttachment = function()
|
|
|
+ {
|
|
|
+ $attachment.addClass('hidden');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * hides the attachment preview
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer.hideAttachmentPreview
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.hideAttachmentPreview = function()
|
|
|
+ {
|
|
|
+ $attachmentPreview.addClass('hidden');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * checks if there is an attachment
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer.hasAttachment
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.hasAttachment = function()
|
|
|
+ {
|
|
|
+ return ($attachmentLink.prop('href') !== '')
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * return the attachment
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer.getAttachment
|
|
|
+ * @function
|
|
|
+ * @returns {array}
|
|
|
+ */
|
|
|
+ me.getAttachment = function()
|
|
|
+ {
|
|
|
+ return [
|
|
|
+ $attachmentLink.prop('href'),
|
|
|
+ $attachmentLink.prop('download')
|
|
|
+ ];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * moves the attachment link to another element
|
|
|
+ *
|
|
|
+ * It is advisable to hide the attachment afterwards (AttachmentViewer.hideAttachment)
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer.moveAttachmentTo
|
|
|
+ * @function
|
|
|
+ * @param {jQuery} $element - the wrapper/container element where this should be moved to
|
|
|
+ * @param {string} label - the text to show (%s will be replaced with the file name), will automatically be translated
|
|
|
+ */
|
|
|
+ me.moveAttachmentTo = function($element, label)
|
|
|
+ {
|
|
|
+ // move elemement to new place
|
|
|
+ $attachmentLink.appendTo($element);
|
|
|
+
|
|
|
+ // update text
|
|
|
+ I18n._($attachmentLink, label, $attachmentLink.attr('download'));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * initiate
|
|
|
+ *
|
|
|
+ * preloads jQuery elements
|
|
|
+ *
|
|
|
+ * @name AttachmentViewer.init
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.init = function()
|
|
|
+ {
|
|
|
+ $attachment = $('#attachment');
|
|
|
+ $attachmentLink = $('#attachment a');
|
|
|
+ $attachmentPreview = $('#attachmentPreview');
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * (view) Shows discussion thread and handles replies
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var DiscussionViewer = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var $commentTail,
|
|
|
+ $discussion,
|
|
|
+ $reply,
|
|
|
+ $replyMessage,
|
|
|
+ $replyNickname,
|
|
|
+ $replyStatus,
|
|
|
+ $commentContainer;
|
|
|
+
|
|
|
+ var replyCommentId;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * initializes the templates
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.initTemplates
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ function initTemplates()
|
|
|
+ {
|
|
|
+ $reply = Model.getTemplate('reply');
|
|
|
+ $replyMessage = $reply.find('#replymessage');
|
|
|
+ $replyNickname = $reply.find('#nickname');
|
|
|
+ $replyStatus = $reply.find('#replystatus');
|
|
|
+
|
|
|
+ // cache jQuery elements
|
|
|
+ $commentTail = Model.getTemplate('commenttail');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * open the comment entry when clicking the "Reply" button of a comment
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.openReply
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
+ */
|
|
|
+ function openReply(event)
|
|
|
+ {
|
|
|
+ var $source = $(event.target);
|
|
|
+
|
|
|
+ // clear input
|
|
|
+ $replyMessage.val('');
|
|
|
+ $replyNickname.val('');
|
|
|
+
|
|
|
+ // get comment id from source element
|
|
|
+ replyCommentId = $source.parent().prop('id').split('_')[1];
|
|
|
+
|
|
|
+ // move to correct position
|
|
|
+ $source.after($reply);
|
|
|
+
|
|
|
+ // show
|
|
|
+ $reply.removeClass('hidden');
|
|
|
+ $replyMessage.focus();
|
|
|
+
|
|
|
+ event.preventDefault();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * custom handler for displaying notifications in own status message area
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.handleNotification
|
|
|
+ * @function
|
|
|
+ * @param {string} alertType
|
|
|
+ * @param {jQuery} $element
|
|
|
+ * @param {string|array} args
|
|
|
+ * @param {string|null} icon
|
|
|
+ * @return {bool|jQuery}
|
|
|
+ */
|
|
|
+ me.handleNotification = function(alertType, $element, args, icon)
|
|
|
+ {
|
|
|
+ // ignore loading messages
|
|
|
+ if (alertType === 'loading') {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (alertType === 'danger') {
|
|
|
+ $replyStatus.removeClass('alert-info');
|
|
|
+ $replyStatus.addClass('alert-danger');
|
|
|
+ $replyStatus.find(':first').removeClass('glyphicon-alert');
|
|
|
+ $replyStatus.find(':first').addClass('glyphicon-info-sign');
|
|
|
+ } else {
|
|
|
+ $replyStatus.removeClass('alert-danger');
|
|
|
+ $replyStatus.addClass('alert-info');
|
|
|
+ $replyStatus.find(':first').removeClass('glyphicon-info-sign');
|
|
|
+ $replyStatus.find(':first').addClass('glyphicon-alert');
|
|
|
+ }
|
|
|
+
|
|
|
+ return $replyStatus;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * adds another comment
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.addComment
|
|
|
+ * @function
|
|
|
+ * @param {object} comment
|
|
|
+ * @param {string} commentText
|
|
|
+ * @param {jQuery} $place - optional, tries to find the best position otherwise
|
|
|
+ */
|
|
|
+ me.addComment = function(comment, commentText, nickname, $place)
|
|
|
+ {
|
|
|
+ if (typeof $place === 'undefined') {
|
|
|
+ // starting point (default value/fallback)
|
|
|
+ $place = $commentContainer;
|
|
|
+
|
|
|
+ // if parent comment exists
|
|
|
+ var $parentComment = $('#comment_' + comment.parentid);
|
|
|
+ if ($parentComment.length) {
|
|
|
+ // use parent as position for noew comment, so it shifted
|
|
|
+ // to the right
|
|
|
+ $place = $parentComment;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (commentText === '') {
|
|
|
+ commentText = 'comment decryption failed';
|
|
|
+ }
|
|
|
+
|
|
|
+ // create new comment based on template
|
|
|
+ var $commentEntry = Model.getTemplate('comment');
|
|
|
+ $commentEntry.prop('id', 'comment_' + comment.id);
|
|
|
+ var $commentEntryData = $commentEntry.find('div.commentdata');
|
|
|
+
|
|
|
+ // set & parse text
|
|
|
+ Helper.setElementText($commentEntryData, commentText);
|
|
|
+ Helper.urls2links($commentEntryData);
|
|
|
+
|
|
|
+ // set nickname
|
|
|
+ if (nickname.length > 0) {
|
|
|
+ $commentEntry.find('span.nickname').text(nickname);
|
|
|
+ } else {
|
|
|
+ $commentEntry.find('span.nickname').html('<i></i>');
|
|
|
+ I18n._($commentEntry.find('span.nickname i'), 'Anonymous');
|
|
|
+ }
|
|
|
+
|
|
|
+ // set date
|
|
|
+ $commentEntry.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) {
|
|
|
+ $commentEntry.find('span.nickname')
|
|
|
+ .before(
|
|
|
+ '<img src="' + comment.meta.vizhash + '" class="vizhash" /> '
|
|
|
+ );
|
|
|
+ $(document).on('languageLoaded', function () {
|
|
|
+ $commentEntry.find('img.vizhash')
|
|
|
+ .prop('title', I18n._('Avatar generated from IP address'));
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ // finally append comment
|
|
|
+ $place.append($commentEntry);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * finishes the discussion area after last comment
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.finishDiscussion
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.finishDiscussion = function()
|
|
|
+ {
|
|
|
+ // add 'add new comment' area
|
|
|
+ $commentContainer.append($commentTail);
|
|
|
+
|
|
|
+ // show discussions
|
|
|
+ $discussion.removeClass('hidden');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * shows the discussion area
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.showDiscussion
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.showDiscussion = function()
|
|
|
+ {
|
|
|
+ $discussion.removeClass('hidden');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * removes the old discussion and prepares everything for creating a new
|
|
|
+ * one.
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.prepareNewDisucssion
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.prepareNewDisucssion = function()
|
|
|
+ {
|
|
|
+ $commentContainer.html('');
|
|
|
+ $discussion.addClass('hidden');
|
|
|
+
|
|
|
+ // (re-)init templates
|
|
|
+ initTemplates();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * returns the user put into the reply form
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.getReplyData
|
|
|
+ * @function
|
|
|
+ * @return {array}
|
|
|
+ */
|
|
|
+ me.getReplyData = function()
|
|
|
+ {
|
|
|
+ return [
|
|
|
+ $replyMessage.val(),
|
|
|
+ $replyNickname.val()
|
|
|
+ ];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * highlights a specific comment and scrolls to it if necessary
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.highlightComment
|
|
|
+ * @function
|
|
|
+ * @param {string} commentId
|
|
|
+ * @param {bool} fadeOut - whether to fade out the comment
|
|
|
+ */
|
|
|
+ me.highlightComment = function(commentId, fadeOut)
|
|
|
+ {
|
|
|
+ var $comment = $('#comment_' + commentId);
|
|
|
+ // in case comment does not exist, cancel
|
|
|
+ if ($comment.length === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var highlightComment = function () {
|
|
|
+ $comment.addClass('highlight');
|
|
|
+ if (fadeOut === true) {
|
|
|
+ setTimeout(function () {
|
|
|
+ $comment.removeClass('highlight');
|
|
|
+ }, 300);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (UiHelper.isVisible($comment)) {
|
|
|
+ return highlightComment();
|
|
|
+ }
|
|
|
+
|
|
|
+ UiHelper.scrollTo($comment, 100, 'swing', highlightComment);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * returns the id of the parent comment the user is replying to
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.getReplyCommentId
|
|
|
+ * @function
|
|
|
+ * @return {int|undefined}
|
|
|
+ */
|
|
|
+ me.getReplyCommentId = function()
|
|
|
+ {
|
|
|
+ return replyCommentId;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * initiate
|
|
|
+ *
|
|
|
+ * preloads jQuery elements
|
|
|
+ *
|
|
|
+ * @name DiscussionViewer.init
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.init = function()
|
|
|
+ {
|
|
|
+ // bind events to templates (so they are later cloned)
|
|
|
+ $('#commenttailtemplate, #commenttemplate').find('button').on('click', openReply);
|
|
|
+ $('#replytemplate').find('button').on('click', PasteEncrypter.sendComment);
|
|
|
+
|
|
|
+ $commentContainer = $('#commentcontainer');
|
|
|
+ $discussion = $('#discussion');
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Manage top (navigation) bar
|
|
|
+ *
|
|
|
+ * @name TopNav
|
|
|
+ * @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,
|
|
|
+ $customAttachment,
|
|
|
+ $expiration,
|
|
|
+ $fileRemoveButton,
|
|
|
+ $fileWrap,
|
|
|
+ $formatter,
|
|
|
+ $newButton,
|
|
|
+ $openDiscussion,
|
|
|
+ $openDiscussionOption,
|
|
|
+ $password,
|
|
|
+ $passwordInput,
|
|
|
+ $rawTextButton,
|
|
|
+ $sendButton;
|
|
|
+
|
|
|
+ var pasteExpiration = '1week';
|
|
|
+
|
|
|
+ /**
|
|
|
+ * set the expiration on bootstrap templates in dropdown
|
|
|
+ *
|
|
|
+ * @name TopNav.updateExpiration
|
|
|
+ * @private
|
|
|
+ * @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
|
|
|
+ * @private
|
|
|
+ * @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
|
|
|
+ * @private
|
|
|
+ * @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
|
|
|
+ * @private
|
|
|
+ * @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
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
+ */
|
|
|
+ function rawText(event)
|
|
|
+ {
|
|
|
+ TopNav.hideAllButtons();
|
|
|
+ Alert.showLoading('Showing raw text…', 0, 'time');
|
|
|
+ var paste = PasteViewer.getText();
|
|
|
+
|
|
|
+ // push a new state to allow back navigation with browser back button
|
|
|
+ history.pushState(
|
|
|
+ {type: 'raw'},
|
|
|
+ document.title,
|
|
|
+ // recreate paste URL
|
|
|
+ Helper.baseUri() + '?' + Model.getPasteId() + '#' +
|
|
|
+ Model.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 $head = $('head').children().not('noscript, script, link[type="text/css"]');
|
|
|
+ var newDoc = document.open('text/html', 'replace');
|
|
|
+ newDoc.write('<!DOCTYPE html><html><head>');
|
|
|
+ for (var i = 0; i < $head.length; i++) {
|
|
|
+ newDoc.write($head[i].outerHTML);
|
|
|
+ }
|
|
|
+ newDoc.write('</head><body><pre>' + Helper.htmlEntities(paste) + '</pre></body></html>');
|
|
|
+ newDoc.close();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * saves the language in a cookie and reloads the page
|
|
|
+ *
|
|
|
+ * @name TopNav.setLanguage
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
+ */
|
|
|
+ function setLanguage(event)
|
|
|
+ {
|
|
|
+ document.cookie = 'lang=' + $(event.target).data('lang');
|
|
|
+ UiHelper.reloadHome();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * hides all messages and creates a new paste
|
|
|
+ *
|
|
|
+ * @name TopNav.clickNewPaste
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
+ */
|
|
|
+ function clickNewPaste(event)
|
|
|
+ {
|
|
|
+ Controller.hideStatusMessages();
|
|
|
+ Controller.newPaste();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * removes the existing attachment
|
|
|
+ *
|
|
|
+ * @name TopNav.removeAttachment
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
+ */
|
|
|
+ function removeAttachment(event)
|
|
|
+ {
|
|
|
+ // if custom attachment is used, remove it first
|
|
|
+ if (!$customAttachment.hasClass('hidden')) {
|
|
|
+ AttachmentViewer.removeAttachment();
|
|
|
+ $customAttachment.addClass('hidden');
|
|
|
+ $fileWrap.removeClass('hidden');
|
|
|
+ }
|
|
|
+
|
|
|
+ // our up-to-date jQuery can handle it :)
|
|
|
+ $fileWrap.find('input').val('');
|
|
|
+
|
|
|
+ // pevent '#' from appearing in the URL
|
|
|
+ event.preventDefault();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Shows all elements belonging to viwing an existing pastes
|
|
|
+ *
|
|
|
+ * @name TopNav.showViewButtons
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.showViewButtons = function()
|
|
|
+ {
|
|
|
+ if (viewButtonsDisplayed) {
|
|
|
+ console.log('showViewButtons: view buttons are already displayed');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ $newButton.removeClass('hidden');
|
|
|
+ $cloneButton.removeClass('hidden');
|
|
|
+ $rawTextButton.removeClass('hidden');
|
|
|
+
|
|
|
+ viewButtonsDisplayed = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Hides all elements belonging to existing pastes
|
|
|
+ *
|
|
|
+ * @name TopNav.hideViewButtons
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.hideViewButtons = function()
|
|
|
+ {
|
|
|
+ if (!viewButtonsDisplayed) {
|
|
|
+ console.log('hideViewButtons: view buttons are already hidden');
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- // Keep line height even if content empty.
|
|
|
- this.status.html(' ');
|
|
|
+ $newButton.addClass('hidden');
|
|
|
+ $cloneButton.addClass('hidden');
|
|
|
+ $rawTextButton.addClass('hidden');
|
|
|
+
|
|
|
+ viewButtonsDisplayed = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Hides all elements belonging to existing pastes
|
|
|
+ *
|
|
|
+ * @name TopNav.hideAllButtons
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.hideAllButtons = function()
|
|
|
+ {
|
|
|
+ me.hideViewButtons();
|
|
|
+ me.hideCreateButtons();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * shows all elements needed when creating a new paste
|
|
|
+ *
|
|
|
+ * @name TopNav.showCreateButtons
|
|
|
+ * @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');
|
|
|
+
|
|
|
+ createButtonsDisplayed = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * shows all elements needed when creating a new paste
|
|
|
+ *
|
|
|
+ * @name TopNav.hideCreateButtons
|
|
|
+ * @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');
|
|
|
+
|
|
|
+ createButtonsDisplayed = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * only shows the "new paste" button
|
|
|
+ *
|
|
|
+ * @name TopNav.showNewPasteButton
|
|
|
+ * @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');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * hides the file selector in attachment
|
|
|
+ *
|
|
|
+ * @name TopNav.hideFileSelector
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.hideFileSelector = function()
|
|
|
+ {
|
|
|
+ $fileWrap.addClass('hidden');
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * shows the custom attachment
|
|
|
+ *
|
|
|
+ * @name TopNav.showCustomAttachment
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.showCustomAttachment = function()
|
|
|
+ {
|
|
|
+ $customAttachment.removeClass('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();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * returns the element where custom attachments can be placed
|
|
|
+ *
|
|
|
+ * Used by AttachmentViewer when an attachment is cloned here.
|
|
|
+ *
|
|
|
+ * @name TopNav.getCustomAttachment
|
|
|
+ * @function
|
|
|
+ * @return {jQuery}
|
|
|
+ */
|
|
|
+ me.getCustomAttachment = function()
|
|
|
+ {
|
|
|
+ return $customAttachment;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * init navigation manager
|
|
|
+ *
|
|
|
+ * preloads jQuery elements
|
|
|
+ *
|
|
|
+ * @name TopNav.init
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.init = function()
|
|
|
+ {
|
|
|
+ $attach = $('#attach');
|
|
|
+ $burnAfterReading = $('#burnafterreading');
|
|
|
+ $burnAfterReadingOption = $('#burnafterreadingoption');
|
|
|
+ $cloneButton = $('#clonebutton');
|
|
|
+ $customAttachment = $('#customattachment');
|
|
|
+ $expiration = $('#expiration');
|
|
|
+ $fileRemoveButton = $('#fileremovebutton');
|
|
|
+ $fileWrap = $('#filewrap');
|
|
|
+ $formatter = $('#formatter');
|
|
|
+ $newButton = $('#newbutton');
|
|
|
+ $openDiscussion = $('#opendiscussion');
|
|
|
+ $openDiscussionOption = $('#opendiscussionoption');
|
|
|
+ $password = $('#password');
|
|
|
+ $passwordInput = $('#passwordinput');
|
|
|
+ $rawTextButton = $('#rawtextbutton');
|
|
|
+ $sendButton = $('#sendbutton');
|
|
|
+
|
|
|
+ // bootstrap template drop down
|
|
|
+ $('#language ul.dropdown-menu li a').click(setLanguage);
|
|
|
+ // page template drop down
|
|
|
+ $('#language select option').click(setLanguage);
|
|
|
+
|
|
|
+ // bind events
|
|
|
+ $burnAfterReading.change(changeBurnAfterReading);
|
|
|
+ $openDiscussionOption.change(changeOpenDiscussion);
|
|
|
+ $newButton.click(clickNewPaste);
|
|
|
+ $sendButton.click(PasteEncrypter.sendPaste);
|
|
|
+ $cloneButton.click(Controller.clonePaste);
|
|
|
+ $rawTextButton.click(rawText);
|
|
|
+ $fileRemoveButton.click(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 = Model.getExpirationDefault() || pasteExpiration;
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Responsible for AJAX requests, transparently handles encryption…
|
|
|
+ *
|
|
|
+ * @name Uploader
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var Uploader = (function () {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var successFunc = null,
|
|
|
+ failureFunc = null,
|
|
|
+ url,
|
|
|
+ data,
|
|
|
+ symmetricKey,
|
|
|
+ password;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * public variable ('constant') for errors to prevent magic numbers
|
|
|
+ *
|
|
|
+ * @name Uploader.error
|
|
|
+ * @readonly
|
|
|
+ * @enum {Object}
|
|
|
+ */
|
|
|
+ me.error = {
|
|
|
+ okay: 0,
|
|
|
+ custom: 1,
|
|
|
+ unknown: 2,
|
|
|
+ serverError: 3
|
|
|
+ };
|
|
|
+
|
|
|
+ /**
|
|
|
+ * ajaxHeaders to send in AJAX requests
|
|
|
+ *
|
|
|
+ * @name Uploader.ajaxHeaders
|
|
|
+ * @private
|
|
|
+ * @readonly
|
|
|
+ * @enum {Object}
|
|
|
+ */
|
|
|
+ var ajaxHeaders = {'X-Requested-With': 'JSONHttpRequest'};
|
|
|
+
|
|
|
+ /**
|
|
|
+ * called after successful upload
|
|
|
+ *
|
|
|
+ * @name Uploader.checkCryptParameters
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @throws {string}
|
|
|
+ */
|
|
|
+ function checkCryptParameters()
|
|
|
+ {
|
|
|
+ // workaround for this nasty 'bug' in ECMAScript
|
|
|
+ // see https://stackoverflow.com/questions/18808226/why-is-typeof-null-object
|
|
|
+ var typeOfKey = typeof symmetricKey;
|
|
|
+ if (symmetricKey === null) {
|
|
|
+ typeOfKey = 'null';
|
|
|
+ }
|
|
|
+
|
|
|
+ // in case of missing preparation, throw error
|
|
|
+ switch (typeOfKey) {
|
|
|
+ case 'string':
|
|
|
+ // already set, all right
|
|
|
+ return;
|
|
|
+ case 'null':
|
|
|
+ // needs to be generated auto-generate
|
|
|
+ symmetricKey = CryptTool.getSymmetricKey();
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ console.error('current invalid symmetricKey:', symmetricKey);
|
|
|
+ throw 'symmetricKey is invalid, probably the module was not prepared';
|
|
|
+ }
|
|
|
+ // password is optional
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * called after successful upload
|
|
|
+ *
|
|
|
+ * @name Uploader.success
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {int} status
|
|
|
+ * @param {int} data - optional
|
|
|
+ */
|
|
|
+ function success(status, result)
|
|
|
+ {
|
|
|
+ // add useful data to result
|
|
|
+ result.encryptionKey = symmetricKey;
|
|
|
+ result.requestData = data;
|
|
|
+
|
|
|
+ if (successFunc !== null) {
|
|
|
+ successFunc(status, result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * called after a upload failure
|
|
|
+ *
|
|
|
+ * @name Uploader.fail
|
|
|
+ * @private
|
|
|
+ * @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.setUrl
|
|
|
+ * @function
|
|
|
+ * @param {function} func
|
|
|
+ */
|
|
|
+ me.setUrl = function(newUrl)
|
|
|
+ {
|
|
|
+ url = newUrl;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * sets the password to use (first value) and optionally also the
|
|
|
+ * encryption key (not recommend, it is automatically generated).
|
|
|
+ *
|
|
|
+ * Note: Call this after prepare() as prepare() resets these values.
|
|
|
+ *
|
|
|
+ * @name Uploader.setCryptValues
|
|
|
+ * @function
|
|
|
+ * @param {string} newPassword
|
|
|
+ * @param {string} newKey - optional
|
|
|
+ */
|
|
|
+ me.setCryptParameters = function(newPassword, newKey)
|
|
|
+ {
|
|
|
+ password = newPassword;
|
|
|
+
|
|
|
+ if (typeof newKey !== 'undefined') {
|
|
|
+ symmetricKey = newKey;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * set success function
|
|
|
+ *
|
|
|
+ * @name Uploader.setSuccess
|
|
|
+ * @function
|
|
|
+ * @param {function} func
|
|
|
+ */
|
|
|
+ me.setSuccess = function(func)
|
|
|
+ {
|
|
|
+ successFunc = func;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * set failure function
|
|
|
+ *
|
|
|
+ * @name Uploader.setFailure
|
|
|
+ * @function
|
|
|
+ * @param {function} func
|
|
|
+ */
|
|
|
+ me.setFailure = function(func)
|
|
|
+ {
|
|
|
+ failureFunc = func;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * prepares a new upload
|
|
|
+ *
|
|
|
+ * Call this when doing a new upload to reset any data from potential
|
|
|
+ * previous uploads. Must be called before any other method of this
|
|
|
+ * module.
|
|
|
+ *
|
|
|
+ * @name Uploader.prepare
|
|
|
+ * @function
|
|
|
+ * @return {object}
|
|
|
+ */
|
|
|
+ me.prepare = function()
|
|
|
+ {
|
|
|
+ // entropy should already be checked!
|
|
|
+
|
|
|
+ // reset password
|
|
|
+ password = '';
|
|
|
+
|
|
|
+ // reset key, so it a new one is generated when it is used
|
|
|
+ symmetricKey = null;
|
|
|
+
|
|
|
+ // 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)
|
|
|
+ {
|
|
|
+ checkCryptParameters();
|
|
|
+ data[index] = CryptTool.cipher(symmetricKey, 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);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Helper, which parses shows a general error message based on the result of the Uploader
|
|
|
+ *
|
|
|
+ * @name Uploader.parseUploadError
|
|
|
+ * @function
|
|
|
+ * @param {int} status
|
|
|
+ * @param {object} data
|
|
|
+ * @param {string} doThisThing - a human description of the action, which was tried
|
|
|
+ * @return {array}
|
|
|
+ */
|
|
|
+ me.parseUploadError = function(status, data, doThisThing) {
|
|
|
+ var errorArray = ['Error while parsing error message.'];
|
|
|
+
|
|
|
+ switch (status) {
|
|
|
+ case Uploader.error['custom']:
|
|
|
+ errorArray = ['Could not ' + doThisThing + ': %s', data.message];
|
|
|
+ break;
|
|
|
+ case Uploader.error['unknown']:
|
|
|
+ errorArray = ['Could not ' + doThisThing + ': %s', I18n._('unknown status')];
|
|
|
+ break;
|
|
|
+ case Uploader.error['serverError']:
|
|
|
+ errorArray = ['Could not ' + doThisThing + ': %s', I18n._('server error or not responding')]; break;
|
|
|
+ default:
|
|
|
+ errorArray = ['Could not ' + doThisThing + ': %s', I18n._('unknown error')];
|
|
|
+ break;
|
|
|
+ }
|
|
|
+
|
|
|
+ return errorArray;
|
|
|
+ }
|
|
|
|
|
|
- // Display an existing paste
|
|
|
- if (this.cipherData.text().length > 1)
|
|
|
- {
|
|
|
- // Missing decryption key in URL?
|
|
|
- if (window.location.hash.length === 0)
|
|
|
- {
|
|
|
- this.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?)'));
|
|
|
+ /**
|
|
|
+ * init Uploader
|
|
|
+ *
|
|
|
+ * @name Uploader.init
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.init = function()
|
|
|
+ {
|
|
|
+ // nothing yet
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })();
|
|
|
+
|
|
|
+ /**
|
|
|
+ * (controller) Responsible for encrypting paste and sending it to server.
|
|
|
+ *
|
|
|
+ * Does upload, encryption is done transparently by Uploader.
|
|
|
+ *
|
|
|
+ * @name PasteEncrypter
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var PasteEncrypter = (function () {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ var requirementsChecked = false;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * checks whether there is a suitable amount of entrophy
|
|
|
+ *
|
|
|
+ * @name PasteEncrypter.checkRequirements
|
|
|
+ * @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 true;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!CryptTool.isEntropyReady()) {
|
|
|
+ // display a message and wait
|
|
|
+ Alert.showStatus('Please move your mouse for more entropy…');
|
|
|
+
|
|
|
+ CryptTool.addEntropySeedListener(retryCallback);
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ requirementsChecked = true;
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * called after successful paste upload
|
|
|
+ *
|
|
|
+ * @name PasteEncrypter.showCreatedPaste
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {int} status
|
|
|
+ * @param {object} data
|
|
|
+ */
|
|
|
+ function showCreatedPaste(status, data) {
|
|
|
+ Alert.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.sendPaste())
|
|
|
+ PasteViewer.run();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * called after successful comment upload
|
|
|
+ *
|
|
|
+ * @name PasteEncrypter.showUploadedComment
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {int} status
|
|
|
+ * @param {object} data
|
|
|
+ */
|
|
|
+ function showUploadedComment(status, data) {
|
|
|
+ // show success message
|
|
|
+ // Alert.showStatus('Comment posted.');
|
|
|
+
|
|
|
+ // reload paste
|
|
|
+ Controller.refreshPaste(function () {
|
|
|
+ // highlight sent comment
|
|
|
+ DiscussionViewer.highlightComment(data.id, true);
|
|
|
+ // reset error handler
|
|
|
+ Alert.setCustomHandler(null);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * adds attachments to the Uploader
|
|
|
+ *
|
|
|
+ * @name PasteEncrypter.encryptAttachments
|
|
|
+ * @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('Your browser does not support uploading encrypted files. Please use a newer browser.');
|
|
|
+ // cancels process as it does not execute callback
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- // List of messages to display.
|
|
|
- var data = $.parseJSON(this.cipherData.text());
|
|
|
+ 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
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+
|
|
|
+ // actually read first file
|
|
|
+ reader.readAsDataURL(file);
|
|
|
+ } else if (AttachmentViewer.hasAttachment()) {
|
|
|
+ // fall back to cloned part
|
|
|
+ var attachment = AttachmentViewer.getAttachment();
|
|
|
|
|
|
- // Show proper elements on screen.
|
|
|
- this.stateExistingPaste();
|
|
|
+ Uploader.setData('attachment', attachment[0]);
|
|
|
+ Uploader.setData('attachmentname', attachment[1]);
|
|
|
+ return callback();
|
|
|
+ } else {
|
|
|
+ // if there are no attachments, this is of course still successful
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- this.displayMessages(this.pageKey(), data);
|
|
|
+ /**
|
|
|
+ * send a reply in a discussion
|
|
|
+ *
|
|
|
+ * @name PasteEncrypter.sendComment
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.sendComment = function()
|
|
|
+ {
|
|
|
+ Alert.hideMessages();
|
|
|
+ Alert.setCustomHandler(DiscussionViewer.handleNotification);
|
|
|
+
|
|
|
+ // UI loading state
|
|
|
+ TopNav.hideAllButtons();
|
|
|
+ Alert.showLoading('Sending comment…', 0, 'cloud-upload');
|
|
|
+
|
|
|
+ // get data, note that "var [x, y] = " structures aren't supported in all JS environments
|
|
|
+ var replyData = DiscussionViewer.getReplyData(),
|
|
|
+ plainText = replyData[0],
|
|
|
+ nickname = replyData[1],
|
|
|
+ parentid = DiscussionViewer.getReplyCommentId();
|
|
|
+
|
|
|
+ // do not send if there is no data
|
|
|
+ if (plainText.length === 0) {
|
|
|
+ // revert loading status…
|
|
|
+ Alert.hideLoading();
|
|
|
+ Alert.setCustomHandler(null);
|
|
|
+ TopNav.showViewButtons();
|
|
|
+ return;
|
|
|
}
|
|
|
- // Display error message from php code.
|
|
|
- else if (this.errorMessage.text().length > 1)
|
|
|
- {
|
|
|
- this.showError(this.errorMessage.text());
|
|
|
+
|
|
|
+ // check entropy
|
|
|
+ if (!checkRequirements(function () {
|
|
|
+ me.sendComment();
|
|
|
+ })) {
|
|
|
+ return; // to prevent multiple executions
|
|
|
}
|
|
|
- // Create a new paste.
|
|
|
- else
|
|
|
- {
|
|
|
- this.newPaste();
|
|
|
+ Alert.showLoading(null, 10);
|
|
|
+
|
|
|
+ // prepare Uploader
|
|
|
+ Uploader.prepare();
|
|
|
+ Uploader.setCryptParameters(Prompt.getPassword(), Model.getPasteKey());
|
|
|
+
|
|
|
+ // set success/fail functions
|
|
|
+ Uploader.setSuccess(showUploadedComment);
|
|
|
+ Uploader.setFailure(function (status, data) {
|
|
|
+ // revert loading status…
|
|
|
+ Alert.hideLoading();
|
|
|
+ TopNav.showViewButtons();
|
|
|
+
|
|
|
+ // show error message
|
|
|
+ Alert.showError(Uploader.parseUploadError(status, data, 'post comment'));
|
|
|
+
|
|
|
+ // reset error handler
|
|
|
+ Alert.setCustomHandler(null);
|
|
|
+ });
|
|
|
+
|
|
|
+ // fill it with unencrypted params
|
|
|
+ Uploader.setUnencryptedData('pasteid', Model.getPasteId());
|
|
|
+ if (typeof parentid === 'undefined') {
|
|
|
+ // if parent id is not set, this is the top-most comment, so use
|
|
|
+ // paste id as parent @TODO is this really good?
|
|
|
+ Uploader.setUnencryptedData('parentid', Model.getPasteId());
|
|
|
+ } else {
|
|
|
+ Uploader.setUnencryptedData('parentid', parentid);
|
|
|
+ }
|
|
|
+
|
|
|
+ // encrypt data
|
|
|
+ Uploader.setData('data', plainText);
|
|
|
+
|
|
|
+ if (nickname.length > 0) {
|
|
|
+ Uploader.setData('nickname', nickname);
|
|
|
+ }
|
|
|
+
|
|
|
+ Uploader.run();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * sends a new paste to server
|
|
|
+ *
|
|
|
+ * @name PasteEncrypter.sendPaste
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.sendPaste = function()
|
|
|
+ {
|
|
|
+ // hide previous (error) messages
|
|
|
+ Controller.hideStatusMessages();
|
|
|
+
|
|
|
+ // UI loading state
|
|
|
+ TopNav.hideAllButtons();
|
|
|
+ Alert.showLoading('Sending paste…', 0, 'cloud-upload');
|
|
|
+ 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…
|
|
|
+ Alert.hideLoading();
|
|
|
+ TopNav.showCreateButtons();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ Alert.showLoading(null, 10);
|
|
|
+
|
|
|
+ // check entropy
|
|
|
+ if (!checkRequirements(function () {
|
|
|
+ me.sendPaste();
|
|
|
+ })) {
|
|
|
+ return; // to prevent multiple executions
|
|
|
}
|
|
|
+
|
|
|
+ // prepare Uploader
|
|
|
+ Uploader.prepare();
|
|
|
+ Uploader.setCryptParameters(TopNav.getPassword());
|
|
|
+
|
|
|
+ // set success/fail functions
|
|
|
+ Uploader.setSuccess(showCreatedPaste);
|
|
|
+ Uploader.setFailure(function (status, data) {
|
|
|
+ // revert loading status…
|
|
|
+ Alert.hideLoading();
|
|
|
+ TopNav.showCreateButtons();
|
|
|
+
|
|
|
+ // show error message
|
|
|
+ Alert.showError(Uploader.parseUploadError(status, data, 'create paste'));
|
|
|
+ });
|
|
|
+
|
|
|
+ // 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;
|
|
|
+ })();
|
|
|
|
|
|
/**
|
|
|
- * main application start, called when DOM is fully loaded
|
|
|
- * runs privatebin when translations were loaded
|
|
|
+ * (controller) Responsible for decrypting cipherdata and passing data to view.
|
|
|
+ *
|
|
|
+ * Only decryption, no download.
|
|
|
+ *
|
|
|
+ * @name PasteDecrypter
|
|
|
+ * @class
|
|
|
*/
|
|
|
- i18n.loadTranslations($.proxy(privatebin.init, privatebin));
|
|
|
-});
|
|
|
+ var PasteDecrypter = (function () {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ /**
|
|
|
+ * decrypt data or prompts for password in cvase of failure
|
|
|
+ *
|
|
|
+ * @name PasteDecrypter.decryptOrPromptPassword
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {string} key
|
|
|
+ * @param {string} password - optional, may be an empty string
|
|
|
+ * @param {string} cipherdata
|
|
|
+ * @throws {string}
|
|
|
+ * @return {false|string} false, when unsuccessful or string (decrypted data)
|
|
|
+ */
|
|
|
+ function decryptOrPromptPassword(key, password, cipherdata)
|
|
|
+ {
|
|
|
+ // try decryption without password
|
|
|
+ var plaindata = CryptTool.decipher(key, password, cipherdata);
|
|
|
+
|
|
|
+ // if it fails, request password
|
|
|
+ if (plaindata.length === 0 && password.length === 0) {
|
|
|
+ // try to get cached password first
|
|
|
+ password = Prompt.getPassword();
|
|
|
+
|
|
|
+ // if password is there, re-try
|
|
|
+ if (password.length === 0) {
|
|
|
+ password = Prompt.requestPassword();
|
|
|
+ }
|
|
|
+ // recursive
|
|
|
+ // note: an infinite loop is prevented as the previous if
|
|
|
+ // clause checks whether a password is already set and ignores
|
|
|
+ // errors when a password has been passed
|
|
|
+ return decryptOrPromptPassword.apply(key, password, cipherdata);
|
|
|
+ }
|
|
|
+
|
|
|
+ // if all tries failed, we can only return an error
|
|
|
+ if (plaindata.length === 0) {
|
|
|
+ throw 'failed to decipher data';
|
|
|
+ }
|
|
|
+
|
|
|
+ return plaindata;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * decrypt the actual paste text
|
|
|
+ *
|
|
|
+ * @name PasteDecrypter.decryptOrPromptPassword
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {object} paste - paste data in object form
|
|
|
+ * @param {string} key
|
|
|
+ * @param {string} password
|
|
|
+ * @param {bool} ignoreError - ignore decryption errors iof set to true
|
|
|
+ * @return {bool} whether action was successful
|
|
|
+ * @throws {string}
|
|
|
+ */
|
|
|
+ function decryptPaste(paste, key, password, ignoreError)
|
|
|
+ {
|
|
|
+ var plaintext
|
|
|
+ if (ignoreError === true) {
|
|
|
+ plaintext = CryptTool.decipher(key, password, paste.data);
|
|
|
+ } else {
|
|
|
+ try {
|
|
|
+ plaintext = decryptOrPromptPassword(key, password, paste.data);
|
|
|
+ } catch (err) {
|
|
|
+ throw 'failed to decipher paste text: ' + err
|
|
|
+ }
|
|
|
+ if (plaintext === false) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 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
|
|
|
+ *
|
|
|
+ * @name PasteDecrypter.decryptAttachment
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {object} paste - paste data in object form
|
|
|
+ * @param {string} key
|
|
|
+ * @param {string} password
|
|
|
+ * @return {bool} whether action was successful
|
|
|
+ * @throws {string}
|
|
|
+ */
|
|
|
+ function decryptAttachment(paste, key, password)
|
|
|
+ {
|
|
|
+ // decrypt attachment
|
|
|
+ try {
|
|
|
+ var attachment = decryptOrPromptPassword(key, password, paste.attachment);
|
|
|
+ } catch (err) {
|
|
|
+ throw 'failed to decipher attachment: ' + err
|
|
|
+ }
|
|
|
+ if (attachment === false) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ // decrypt attachment name
|
|
|
+ var attachmentName;
|
|
|
+ if (paste.attachmentname) {
|
|
|
+ try {
|
|
|
+ attachmentName = decryptOrPromptPassword(key, password, paste.attachmentname);
|
|
|
+ } catch (err) {
|
|
|
+ throw 'failed to decipher attachment name: ' + err
|
|
|
+ }
|
|
|
+ if (attachmentName === false) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ AttachmentViewer.setAttachment(attachment, attachmentName);
|
|
|
+ AttachmentViewer.showAttachment();
|
|
|
+
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * decrypts all comments and shows them
|
|
|
+ *
|
|
|
+ * @name PasteDecrypter.decryptComments
|
|
|
+ * @private
|
|
|
+ * @function
|
|
|
+ * @param {object} paste - paste data in object form
|
|
|
+ * @param {string} key
|
|
|
+ * @param {string} password
|
|
|
+ * @return {bool} whether action was successful
|
|
|
+ */
|
|
|
+ function decryptComments(paste, key, password)
|
|
|
+ {
|
|
|
+ // remove potentially previous discussion
|
|
|
+ DiscussionViewer.prepareNewDisucssion();
|
|
|
+
|
|
|
+ // iterate over comments
|
|
|
+ for (var i = 0; i < paste.comments.length; ++i) {
|
|
|
+ var comment = paste.comments[i];
|
|
|
+
|
|
|
+ DiscussionViewer.addComment(
|
|
|
+ comment,
|
|
|
+ CryptTool.decipher(key, password, comment.data),
|
|
|
+ CryptTool.decipher(key, password, comment.meta.nickname)
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ DiscussionViewer.finishDiscussion();
|
|
|
+ DiscussionViewer.showDiscussion();
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 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)
|
|
|
+ {
|
|
|
+ Alert.hideMessages();
|
|
|
+ Alert.showLoading('Decrypting paste…', 0, 'cloud-download'); // @TODO icon maybe rotation-lock, but needs full Glyphicons
|
|
|
+
|
|
|
+ if (typeof paste === 'undefined') {
|
|
|
+ paste = $.parseJSON(Model.getCipherData());
|
|
|
+ }
|
|
|
+
|
|
|
+ var key = Model.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 {
|
|
|
+ // decrypt attachments
|
|
|
+ if (paste.attachment) {
|
|
|
+ // try to decrypt paste and if it fails (because the password is
|
|
|
+ // missing) return to let JS continue and wait for user
|
|
|
+ if (!decryptAttachment(paste, key, password)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // ignore empty paste, as this is allowed when pasting attachments
|
|
|
+ decryptPaste(paste, key, password, true);
|
|
|
+ } else {
|
|
|
+ decryptPaste(paste, key, password);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // shows the remaining time (until) deletion
|
|
|
+ PasteStatus.showRemainingTime(paste.meta);
|
|
|
+
|
|
|
+ // if the discussion is opened on this paste, display it
|
|
|
+ if (paste.meta.opendiscussion) {
|
|
|
+ decryptComments(paste, key, password);
|
|
|
+ }
|
|
|
+
|
|
|
+ Alert.hideLoading();
|
|
|
+ TopNav.showViewButtons();
|
|
|
+ } catch(err) {
|
|
|
+ Alert.hideLoading();
|
|
|
+
|
|
|
+ // log and show error
|
|
|
+ console.error(err);
|
|
|
+ Alert.showError('Could not decrypt data (Wrong key?)');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * initialize
|
|
|
+ *
|
|
|
+ * @name PasteDecrypter.init
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.init = function()
|
|
|
+ {
|
|
|
+ // nothing yet
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })();
|
|
|
+
|
|
|
+ /**
|
|
|
+ * (controller) main PrivateBin logic
|
|
|
+ *
|
|
|
+ * @name Controller
|
|
|
+ * @param {object} window
|
|
|
+ * @param {object} document
|
|
|
+ * @class
|
|
|
+ */
|
|
|
+ var Controller = (function (window, document) {
|
|
|
+ var me = {};
|
|
|
+
|
|
|
+ /**
|
|
|
+ * hides all status messages no matter which module showed them
|
|
|
+ *
|
|
|
+ * @name Controller.hideStatusMessages
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.hideStatusMessages = function()
|
|
|
+ {
|
|
|
+ PasteStatus.hideMessages();
|
|
|
+ Alert.hideMessages();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * creates a new paste
|
|
|
+ *
|
|
|
+ * @name Controller.newPaste
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.newPaste = function()
|
|
|
+ {
|
|
|
+ // Important: This *must not* run Alert.hideMessages() as previous
|
|
|
+ // errors from viewing a paste should be shown.
|
|
|
+ TopNav.hideAllButtons();
|
|
|
+ Alert.showLoading('Preparing new paste…', 0, 'time');
|
|
|
+
|
|
|
+ PasteStatus.hideMessages();
|
|
|
+ PasteViewer.hide();
|
|
|
+ Editor.resetInput();
|
|
|
+ Editor.show();
|
|
|
+ Editor.focusInput();
|
|
|
+
|
|
|
+ TopNav.showCreateButtons();
|
|
|
+ Alert.hideLoading();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * shows the loaded paste
|
|
|
+ *
|
|
|
+ * @name Controller.showPaste
|
|
|
+ * @function
|
|
|
+ */
|
|
|
+ me.showPaste = function()
|
|
|
+ {
|
|
|
+ try {
|
|
|
+ Model.getPasteId();
|
|
|
+ Model.getPasteKey();
|
|
|
+ } catch (err) {
|
|
|
+ console.error(err);
|
|
|
+
|
|
|
+ // missing decryption key (or paste ID) in URL?
|
|
|
+ if (window.location.hash.length === 0) {
|
|
|
+ Alert.showError('Cannot decrypt paste: Decryption key missing in URL (Did you use a redirector or an URL shortener which strips part of the URL?)');
|
|
|
+ // @TODO adjust error message as it is less specific now, probably include thrown exception for a detailed error
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // show proper elements on screen
|
|
|
+ PasteDecrypter.run();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * refreshes the loaded paste to show potential new data
|
|
|
+ *
|
|
|
+ * @name Controller.refreshPaste
|
|
|
+ * @function
|
|
|
+ * @param {function} callback
|
|
|
+ */
|
|
|
+ me.refreshPaste = function(callback)
|
|
|
+ {
|
|
|
+ // save window position to restore it later
|
|
|
+ var orgPosition = $(window).scrollTop();
|
|
|
+
|
|
|
+ Uploader.prepare();
|
|
|
+ Uploader.setUrl(Helper.baseUri() + '?' + Model.getPasteId());
|
|
|
+
|
|
|
+ Uploader.setFailure(function (status, data) {
|
|
|
+ // revert loading status…
|
|
|
+ Alert.hideLoading();
|
|
|
+ TopNav.showViewButtons();
|
|
|
+
|
|
|
+ // show error message
|
|
|
+ Alert.showError(Uploader.parseUploadError(status, data, 'refresh display'));
|
|
|
+ })
|
|
|
+ Uploader.setSuccess(function (status, data) {
|
|
|
+ PasteDecrypter.run(data);
|
|
|
+
|
|
|
+ // restore position
|
|
|
+ window.scrollTo(0, orgPosition);
|
|
|
+
|
|
|
+ callback();
|
|
|
+ })
|
|
|
+ Uploader.run();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * clone the current paste
|
|
|
+ *
|
|
|
+ * @name Controller.clonePaste
|
|
|
+ * @function
|
|
|
+ * @param {Event} event
|
|
|
+ */
|
|
|
+ me.clonePaste = function(event)
|
|
|
+ {
|
|
|
+ TopNav.collapseBar();
|
|
|
+ TopNav.hideAllButtons();
|
|
|
+ Alert.showLoading('Cloning paste…', 0, 'transfer');
|
|
|
+
|
|
|
+ // hide messages from previous paste
|
|
|
+ me.hideStatusMessages();
|
|
|
+
|
|
|
+ // erase the id and the key in url
|
|
|
+ history.pushState({type: 'clone'}, document.title, Helper.baseUri());
|
|
|
+
|
|
|
+ if (AttachmentViewer.hasAttachment()) {
|
|
|
+ AttachmentViewer.moveAttachmentTo(
|
|
|
+ TopNav.getCustomAttachment(),
|
|
|
+ 'Cloned: \'%s\''
|
|
|
+ );
|
|
|
+ TopNav.hideFileSelector();
|
|
|
+ AttachmentViewer.hideAttachment();
|
|
|
+ // NOTE: it also looks nice without removing the attachment
|
|
|
+ // but for a consistent display we remove it…
|
|
|
+ AttachmentViewer.hideAttachmentPreview();
|
|
|
+ TopNav.showCustomAttachment();
|
|
|
+
|
|
|
+ // show another status message to make the user aware that the
|
|
|
+ // file was cloned too!
|
|
|
+ Alert.showStatus(
|
|
|
+ [
|
|
|
+ 'The cloned file \'%s\' was attached to this paste.',
|
|
|
+ AttachmentViewer.getAttachment()[1]
|
|
|
+ ], 'copy', true, true);
|
|
|
+ }
|
|
|
+
|
|
|
+ Editor.setText(PasteViewer.getText())
|
|
|
+ PasteViewer.hide();
|
|
|
+ Editor.show();
|
|
|
+
|
|
|
+ Alert.hideLoading();
|
|
|
+ TopNav.showCreateButtons();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 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();
|
|
|
+ Model.init();
|
|
|
+
|
|
|
+ AttachmentViewer.init();
|
|
|
+ DiscussionViewer.init();
|
|
|
+ Editor.init();
|
|
|
+ PasteDecrypter.init();
|
|
|
+ PasteEncrypter.init();
|
|
|
+ PasteStatus.init();
|
|
|
+ PasteViewer.init();
|
|
|
+ Prompt.init();
|
|
|
+ TopNav.init();
|
|
|
+ UiHelper.init();
|
|
|
+ Uploader.init();
|
|
|
+
|
|
|
+ // display an existing paste
|
|
|
+ if (Model.hasCipherData()) {
|
|
|
+ return me.showPaste();
|
|
|
+ }
|
|
|
+
|
|
|
+ // otherwise create a new paste
|
|
|
+ me.newPaste();
|
|
|
+ }
|
|
|
+
|
|
|
+ return me;
|
|
|
+ })(window, document);
|
|
|
+
|
|
|
+ return {
|
|
|
+ Helper: Helper,
|
|
|
+ I18n: I18n,
|
|
|
+ CryptTool: CryptTool,
|
|
|
+ Model: Model,
|
|
|
+ UiHelper: UiHelper,
|
|
|
+ Alert: Alert,
|
|
|
+ PasteStatus: PasteStatus,
|
|
|
+ Prompt: Prompt,
|
|
|
+ Editor: Editor,
|
|
|
+ PasteViewer: PasteViewer,
|
|
|
+ AttachmentViewer: AttachmentViewer,
|
|
|
+ DiscussionViewer: DiscussionViewer,
|
|
|
+ TopNav: TopNav,
|
|
|
+ Uploader: Uploader,
|
|
|
+ PasteEncrypter: PasteEncrypter,
|
|
|
+ PasteDecrypter: PasteDecrypter,
|
|
|
+ Controller: Controller
|
|
|
+ };
|
|
|
+}(jQuery, sjcl, Base64, RawDeflate);
|
Stefano Martinelli
