/**
* This file is part of Threema Web.
*
* Threema Web is free software: you can redistribute it and/or modify it
* under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or (at
* your option) any later version.
*
* This program is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
* General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with Threema Web. If not, see .
*/
import {filter} from './helpers';
angular.module('3ema.filters', [])
/**
* Escape HTML by replacing special characters with HTML entities.
*/
.filter('escapeHtml', function() {
const map = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": ''',
};
return (text: string) => {
if (text === undefined || text === null) {
text = '';
}
return text.replace(/[&<>"']/g, (m) => map[m]);
};
})
/**
* Convert newline characters with a
tag.
*/
.filter('nlToBr', function() {
return (text, enabled: boolean) => {
if (enabled) {
text = text.replace(/\n/g, '
');
}
return text;
};
})
/**
* Replace formatting HTML with ASCII alternatives.
*/
.filter('htmlToAsciiMarkup', function() {
return (text) => {
let tags = [
['b', '*'],
['strong', '*'],
['i', '_'],
['em', '_'],
['strike', '~'],
['del', '~'],
['s', '~'],
];
let out = text;
for (let tag of tags) {
out = out.replace(new RegExp('<\\s*' + tag[0] + '(\\s[^>]*|\\s*)>', 'gi'), tag[1]);
out = out.replace(new RegExp('<\\s*\/\\s*' + tag[0] + '\\s*>', 'gi'), tag[1]);
}
return out;
};
})
/**
* Convert links in text to tags.
*/
.filter('linkify', function() {
const autolinker = new Autolinker({
// Open links in new window
newWindow: true,
// Don't strip protocol prefix
stripPrefix: false,
// Don't truncate links
truncate: 99999,
// Add class name to linked links
className: 'autolinked',
// Link urls
urls: true,
// Link e-mails
email: true,
// Don't link phone numbers (doesn't work reliably)
phone: false,
// Don't link twitter handles
twitter: false,
// Don't link hashtags
hashtag: false,
});
return (text) => autolinker.link(text);
})
/**
* Convert emoji unicode characters to images.
* Reference: http://git.emojione.com/demos/latest/index.html#js
*
* Set the `imgTag` parameter to `true` to use inline PNGs instead of sprites.
*/
.filter('emojify', function() {
return function(text, imgTag = false) {
if (text !== null) {
emojione.sprites = imgTag !== true;
emojione.imagePathPNG = 'img/emojione/';
emojione.imageType = 'png';
return emojione.unicodeToImage(text);
} else {
return text;
}
};
})
/**
* Convert markdown elements to html elements
*/
.filter('markify', function() {
return function(text) {
if (text !== null) {
text = text.replace(/\B\*([^\r\n]+?)\*\B/g, '$1');
text = text.replace(/\b_([^\r\n]+?)_\b/g, '$1');
text = text.replace(/\B~([^\r\n]+?)~\B/g, '$1');
return text;
}
return text;
};
})
/**
* Reverse an array.
*/
.filter('reverse', function() {
return (list) => list.slice().reverse();
})
/**
* Return whether receiver has corresponding data.
*/
.filter('hasData', function() {
return function(obj, receivers) {
const valid = (receiver) => receivers.get(receiver.type).has(receiver.id);
return filter(obj, valid);
};
})
/**
* Return whether item has a corresponding contact.
*/
.filter('hasContact', function() {
return function(obj, contacts) {
const valid = (item) => contacts.has(item.id);
return filter(obj, valid);
};
})
/**
* Return whether contact is not me.
*/
.filter('isNotMe', ['WebClientService', function(webClientService: threema.WebClientService) {
return function(obj: threema.Receiver) {
const valid = (contact: threema.Receiver) => contact.id !== webClientService.receivers.me.id;
return filter(obj, valid);
};
}])
/**
* Filter for duration formatting.
*/
.filter('duration', function() {
return function(seconds) {
const left = Math.floor(seconds / 60);
const right = seconds % 60;
const padLeft = left < 10 ? '0' : '';
const padRight = right < 10 ? '0' : '';
return padLeft + left + ':' + padRight + right;
};
})
.filter('bufferToUrl', ['$sce', '$log', function($sce, $log) {
const logTag = '[filters.bufferToUrl]';
return function(buffer: ArrayBuffer, mimeType) {
if (!buffer) {
$log.error(logTag, 'Could not apply bufferToUrl filter: buffer is', buffer);
return '';
}
let binary = '';
const bytes = new Uint8Array(buffer);
const len = bytes.byteLength;
for (let i = 0; i < len; i++) {
binary += String.fromCharCode(bytes[i]);
}
return $sce.trustAsResourceUrl('data:' + mimeType + ';base64,' + btoa(binary));
};
}])
.filter('mapLink', function() {
return function(location: threema.LocationInfo) {
return 'https://www.openstreetmap.org/?mlat='
+ location.lat + '&mlon='
+ location.lon;
};
})
/**
* Convert message state to material icon class.
*/
.filter('messageStateIcon', function() {
return (message: threema.Message) => {
if (!message) {
return '';
}
if (!message.isOutbox) {
switch (message.state) {
case 'user-ack':
return 'thumb_up';
case 'user-dec':
return 'thumb_down';
default:
return 'reply';
}
}
switch (message.state) {
case 'pending':
case 'sending':
return 'file_upload';
case 'sent':
return 'email';
case 'delivered':
return 'move_to_inbox';
case 'read':
return 'visibility';
case 'send-failed':
return 'report_problem';
case 'user-ack':
return 'thumb_up';
case 'user-dec':
return 'thumb_down';
default:
return '';
}
};
})
.filter('fileSize', function() {
return (size: number) => {
if (!size) {
return '';
}
let i = Math.floor( Math.log(size) / Math.log(1024) );
let x = (size / Math.pow(1024, i)).toFixed(2);
return (x + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]);
};
})
.filter('mimeType', ['MimeService', function(mimeService: threema.MimeService) {
return (mimeType: string, asText: boolean = true) => {
if (asText) {
return mimeService.getLabel(mimeType);
} else {
return mimeService.getIconUrl(mimeType);
}
};
}])
;