add URI shortener modal window with shortened URIs list

8 years ago · 36155be0cf
6 changed files with 252 additions and 1 deletions
--- a/css/style.css
+++ b/css/style.css
@ -1935,6 +1935,42 @@ ol.toptrends-list {
				@@ -1935,6 +1935,42 @@ ol.toptrends-list {
    color: rgba( 0, 0, 0, .6 );
 }

+/*************************************
+********* URI SHORTENER MODAL ********
+**************************************/
+
+.uri-shortener-modal .uris-list {
+    font-size: 12px;
+    overflow-x: hidden;
+}
+
+.uri-shortener-modal .uris-list li {
+    padding-left: 2%;
+    padding-right: 2%;
+    margin-bottom: 4px;
+}
+
+.uri-shortener-modal .uris-list li:last-child {
+    margin-bottom: 16px;
+}
+
+.uri-shortener-modal .uris-list li.highlighted,
+.uri-shortener-modal .uris-list li:hover {
+    background-color: #FEFEDF;
+}
+
+.uri-shortener-modal .uris-list .short {
+    background-color: #F0EFCC;
+    display: inline-block;
+    width: 26%;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+.uri-shortener-modal .uris-list .long {
+    margin-left: 4px;
+}
+
 /*************************************
 ************ POPUP PROMPT ************
 **************************************/
--- a/home.html
+++ b/home.html
@ -793,6 +793,18 @@
				@@ -793,6 +793,18 @@
            </div>
        </div>
    </div>
+
+    <div id="template-uri-shortener-modal-content">
+        <div class="uri-shortener-control b-buttons">
+            <button class="shorten-uri">Shorten URL</button>
+            <button class="clear-cache">Clear cache</button>
+        </div>
+        <ol class="uris-list"></ol>
+    </div>
+
+    <div id="template-uri-shortener-uris-list-item">
+        <li><span class="short"></span><a class="long"></a></li>
+    </div>
  </div>
  <!-- TEMPLATES END -->

--- a/js/interface_common.js
+++ b/js/interface_common.js
@ -737,6 +737,30 @@ function openWhoToFollowModal() {
				@@ -737,6 +737,30 @@ function openWhoToFollowModal() {
    fillWhoToFollowModal(tmplist, hlist, 0);
 }

+function openModalUriShortener()
+{
+    var modal = openModal({
+        classAdd: 'uri-shortener-modal',
+        content: twister.tmpl.uriShortenerMC.clone(true),
+        title: polyglot.t('URI_shortener')
+    });
+
+    modal.content.find('.uri-shortener-control .shorten-uri').text(polyglot.t('shorten_URI'));
+    modal.content.find('.uri-shortener-control .clear-cache').text(polyglot.t('clear_cache'));
+
+    var urisList = modal.content.find('.uris-list');
+    //var i = 0;
+    for (var short in twister.URIs) {
+        //i++;
+        var long = twister.URIs[short] instanceof Array ? twister.URIs[short][0] : twister.URIs[short];
+        var item = twister.tmpl.uriShortenerUrisListItem.clone(true);
+        item.find('.short').text(short);
+        item.find('.long').text(long).attr('href', long);
+        item.appendTo(urisList);
+    }
+    //i + URIs are cached
+}
+
 function newConversationModal(peerAlias, resource) {
    var content = $('#hashtag-modal-template').children().clone(true);

@ -1148,6 +1172,8 @@ function loadModalFromHash() {
				@@ -1148,6 +1172,8 @@ function loadModalFromHash() {
        openGroupMessagesJoinGroupModal();
    else if (hashstring === '#whotofollow')
        openWhoToFollowModal();
+    else if (hashstring === '#/uri-shortener')
+        openModalUriShortener();
 }

 function initHashWatching() {
@ -2343,6 +2369,56 @@ function replaceDashboards() {
				@@ -2343,6 +2369,56 @@ function replaceDashboards() {

 function initInterfaceCommon() {
    twister.tmpl.commonDMsList = extractTemplate('#template-direct-messages-list');
+    twister.tmpl.uriShortenerMC = extractTemplate('#template-uri-shortener-modal-content');
+    twister.tmpl.uriShortenerMC
+        .find('.shorten-uri').on('click',
+            {cbFunc:
+                function (long, short) {
+                    if (short) {
+                        var urisList = getElem('.uri-shortener-modal .uris-list');
+                        if (urisList.length) {
+                            var item = urisList.find('.short:contains("' + short + '")').closest('li');
+                            if (!item.length) {
+                                item = twister.tmpl.uriShortenerUrisListItem.clone(true);
+                                item.find('.short').text(short);
+                                item.find('.long').text(long).attr('href', long);
+                                item.appendTo(urisList);
+                            }
+                            urisList.children('.highlighted').removeClass('highlighted');
+                            item.addClass('highlighted');
+                            var mc = urisList.closest('.modal-content');
+                            mc.scrollTop(item.offset().top - mc.offset().top + mc.scrollTop());
+                        }
+                        showURIPair(long, short);
+                    } else
+                        showURIShortenerErrorRPC(short);
+                }
+            },
+            function (event) {
+                muteEvent(event);
+                openRequestShortURIForm(event);
+            }
+        )
+        .siblings('.clear-cache').on('click',
+            function () {
+                confirmPopup({
+                    txtMessage: polyglot.t('confirm_uri_shortener_clear_cache'),
+                    cbConfirm: function () {
+                        twister.URIs = {};
+                        $.localStorage.set('twistaURIs', twister.URIs);
+                        getElem('.uri-shortener-modal .uris-list').empty();
+                    }
+                });
+            }
+        )
+    ;
+    twister.tmpl.uriShortenerUrisListItem = extractTemplate('#template-uri-shortener-uris-list-item')
+        .on('click', function (event) {
+            var elem = $(event.target);
+            elem.closest('.uris-list').children('.highlighted').removeClass('highlighted');
+            elem.addClass('highlighted');
+        })
+    ;

    $('.modal-close, .modal-blackout').not('.prompt-close').on('click', closeModal);

@ -2445,7 +2521,7 @@ function initInterfaceCommon() {
				@@ -2445,7 +2521,7 @@ function initInterfaceCommon() {
    $('.tox-ctc').on('click', promptCopyAttrData);
    $('.bitmessage-ctc').on('click', promptCopyAttrData);

-    $('.uri-shortener').on('click', openRequestShortURIForm);  // FIXME implement Uri Shortener Center with links library etc
+    $('.uri-shortener').on('mouseup', {route: '#/uri-shortener'}, routeOnClick);

    $('.post-area-new textarea')
        .on('focus',
--- a/js/interface_localization.js
+++ b/js/interface_localization.js
@ -45,6 +45,7 @@ if(preferredLanguage == "en"){
				@@ -45,6 +45,7 @@ if(preferredLanguage == "en"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Cancel",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -54,6 +55,7 @@ if(preferredLanguage == "en"){
				@@ -54,6 +55,7 @@ if(preferredLanguage == "en"){
            "Do you want to check [Network Status page](%{page}) instead?",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Change user",
      "Checking...": "Checking...", // checking if username is available
      "Collapse": "Collapse", // smaller view of a post
@ -175,6 +177,7 @@ if(preferredLanguage == "en"){
				@@ -175,6 +177,7 @@ if(preferredLanguage == "en"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "The File APIs are not fully supported in this browser.",
      "time_ago": "%{time} ago", // 5 minutes ago
      "Time of the last block:": "Time of the last block: ",
@ -379,6 +382,7 @@ if(preferredLanguage == "es"){
				@@ -379,6 +382,7 @@ if(preferredLanguage == "es"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Cancelar",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -388,6 +392,7 @@ if(preferredLanguage == "es"){
				@@ -388,6 +392,7 @@ if(preferredLanguage == "es"){
            "¿Quieres comprobar la [página de estado de la red](%{page}) en su lugar?",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Cambiar de usuario",
      "Checking...": "Comprobando ...", // checking if username is available
      "Collapse": "Colapsar", // smaller view of a post
@ -509,6 +514,7 @@ if(preferredLanguage == "es"){
				@@ -509,6 +514,7 @@ if(preferredLanguage == "es"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "Las API de archivos no son totalmente compatibles con este navegador.",
      "time_ago": "hace %{time}", // 5 minutes ago
      "Time of the last block:": "Hora del último bloque: ",
@ -697,6 +703,7 @@ if(preferredLanguage == "uk"){
				@@ -697,6 +703,7 @@ if(preferredLanguage == "uk"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Відміна",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -706,6 +713,7 @@ if(preferredLanguage == "uk"){
				@@ -706,6 +713,7 @@ if(preferredLanguage == "uk"){
            "Чи бажаєте ви перевірити [сторінку зі статусом мережі](%{page})?",
      "confirm_terminate_daemon": "Ви впевнені, що бажаєте завершити роботу?\nКлієнт Twister буде зупинено допоки ви не запустите його знову.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Змінити користувача",
      "Checking...": "Перевірка...", // checking if username is available
      "Collapse": "Згорнути", // smaller view of a post
@ -828,6 +836,7 @@ if(preferredLanguage == "uk"){
				@@ -828,6 +836,7 @@ if(preferredLanguage == "uk"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "File APIs не повністю підтримується браузером.",
      "time_ago": "%{time} тому", // 5 minutes ago
      "Time of the last block:": "Час останнього блоку: ",
@ -1014,6 +1023,7 @@ if(preferredLanguage == "zh-CN"){
				@@ -1014,6 +1023,7 @@ if(preferredLanguage == "zh-CN"){
      "busted_avowal": "系统检测到此用户试图在这里注入恶意代码",
      "btn_ok": "Okay",
      "Cancel": "取消",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -1023,6 +1033,7 @@ if(preferredLanguage == "zh-CN"){
				@@ -1023,6 +1033,7 @@ if(preferredLanguage == "zh-CN"){
            "你要跳转到[网络状态页](%{page})吗？",
      "confirm_terminate_daemon": "你确定要退出后台进程？\nTwister 客户端将停止工作。",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "切换用户",
      "Checking...": "检查中...", // checking if username is available
      "Collapse": "折叠", // smaller view of a post
@ -1144,6 +1155,7 @@ if(preferredLanguage == "zh-CN"){
				@@ -1144,6 +1155,7 @@ if(preferredLanguage == "zh-CN"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "这个浏览器不能完全支持 File API。",
      "time_ago": "%{time} 之前", // 5 minutes ago
      "Time of the last block:": "最新区块的时间：",
@ -1348,6 +1360,7 @@ if(preferredLanguage == "nl"){
				@@ -1348,6 +1360,7 @@ if(preferredLanguage == "nl"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Annuleren",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -1357,6 +1370,7 @@ if(preferredLanguage == "nl"){
				@@ -1357,6 +1370,7 @@ if(preferredLanguage == "nl"){
            "Do you want to check [Network Status page](%{page}) instead?",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Gebruiker wijzigen",
      "Checking...": "Controleren...", // checking if username is available
      "Collapse": "Uitklappen", // smaller view of a post
@ -1478,6 +1492,7 @@ if(preferredLanguage == "nl"){
				@@ -1478,6 +1492,7 @@ if(preferredLanguage == "nl"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "The File APIs are not fully supported in this browser.",
      "time_ago": "%{time} geleden", // 5 minutes ago
      "Time of the last block:": "Tijd van de laatste block: ",
@ -1666,6 +1681,7 @@ if(preferredLanguage == "it"){
				@@ -1666,6 +1681,7 @@ if(preferredLanguage == "it"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Cancella",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -1675,6 +1691,7 @@ if(preferredLanguage == "it"){
				@@ -1675,6 +1691,7 @@ if(preferredLanguage == "it"){
            "Vuoi controllare lo [stato della rete Twister](%{page}), invece?",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Cambia utente",
      "Checking...": "Controllo in corso...", // checking if username is available
      "Collapse": "Chiudi", // smaller view of a post
@ -1796,6 +1813,7 @@ if(preferredLanguage == "it"){
				@@ -1796,6 +1813,7 @@ if(preferredLanguage == "it"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "Le API File non sono interamente supportate da questo browser.",
      "time_ago": "%{time} fa", // 5 minutes ago
      "Time of the last block:": "Orario del blocco più recente: ",
@ -1982,6 +2000,7 @@ if(preferredLanguage == "fr"){
				@@ -1982,6 +2000,7 @@ if(preferredLanguage == "fr"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Annuler",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -1991,6 +2010,7 @@ if(preferredLanguage == "fr"){
				@@ -1991,6 +2010,7 @@ if(preferredLanguage == "fr"){
            "Voulez-vous consulter la [page d'état du réseau](%{page}) à la place?",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Changer d'utilisateur",
      "Checking...": "Vérification...", // checking if username is available
      "Collapse": "Fermer", // smaller view of a post
@ -2112,6 +2132,7 @@ if(preferredLanguage == "fr"){
				@@ -2112,6 +2132,7 @@ if(preferredLanguage == "fr"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "L'API de fichier n'est pas entièrement pris en charge dans votre navigateur.",
      "time_ago": "Il y a %{time}", // 5 minutes ago
      "Time of the last block:": "Heure du dernier bloc: ",
@ -2302,6 +2323,7 @@ if(preferredLanguage == "ru"){
				@@ -2302,6 +2323,7 @@ if(preferredLanguage == "ru"){
       "busted_avowal": "я пойман на попытке вставить этот подозрительный код здесь",
       "btn_ok": "Лады́",
       "Cancel": "Отмена",
+       "clear_cache": "Очистить кэш",
       "Confirm": "Несомненно",
       "сonfirm_group_leaving_header": "Подтверждение ухода из группы",
       "сonfirm_group_leaving_body": "Воистину покинуть группу %{alias}?",
@ -2311,6 +2333,7 @@ if(preferredLanguage == "ru"){
				@@ -2311,6 +2333,7 @@ if(preferredLanguage == "ru"){
            "Не хотите перейти на [страницу настройки сети](%{page})?",
       "confirm_terminate_daemon": "Вы уверены, что хотите выключить демон?\nTwister клиент перестанет работать.",
       "confirm_unfollow_@": "Действительно отписаться от @%{alias}?",
+       "confirm_uri_shortener_clear_cache": "В самом деле очистить кэш сокращённых URI в браузере?",
       "Change user": "Сменить пользователя",
       "Checking...": "Проверка...",
       "Collapse": "Свернуть",
@ -2432,6 +2455,7 @@ if(preferredLanguage == "ru"){
				@@ -2432,6 +2455,7 @@ if(preferredLanguage == "ru"){
        + "Примечание: в результате сокращения URL получается 'пустой' твист, содержащий эту URL.\n"
        + "Этот особый твист не отображается клиентами твистера, но учитывается в числе твоих твистов.",
       "shorten_URI_its_public_is_it_ok": "Ссылка будет общедоступной! Это приемлимо для тебя?",
+       "URI_shortener": "Сокращалка URI",
       "The File APIs are not fully supported in this browser.": "File APIs не полностью поддерживается этим браузером.",
       "time_ago": "%{time} назад", // 5 minutes ago
       "Time of the last block:": "Время последнего блока: ",
@ -2624,6 +2648,7 @@ if(preferredLanguage == "de"){
				@@ -2624,6 +2648,7 @@ if(preferredLanguage == "de"){
      "busted_avowal": "Ich bin ertappt, habe versucht, hier Schadcode einzugeben!",
      "btn_ok": "Okay",
      "Cancel": "Abbrechen",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -2633,6 +2658,7 @@ if(preferredLanguage == "de"){
				@@ -2633,6 +2658,7 @@ if(preferredLanguage == "de"){
            "Möchtest du stattdessen den [Netzwerkstatus](%{page}) überprüfen?",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Benutzer wechseln",
      "Checking...": "Überprüfe...", // checking if username is available
      "Collapse": "Einklappen", // smaller view of a post
@ -2755,6 +2781,7 @@ if(preferredLanguage == "de"){
				@@ -2755,6 +2781,7 @@ if(preferredLanguage == "de"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "Die File-API's werden von diesem Browser nicht vollständig unterstützt.",
      "time_ago": "vor %{time}", // 5 minutes ago
      "Time of the last block:": "Zeit des letzten Blocks: ",
@ -2944,6 +2971,7 @@ if(preferredLanguage == "ja"){
				@@ -2944,6 +2971,7 @@ if(preferredLanguage == "ja"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "キャンセル",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -2953,6 +2981,7 @@ if(preferredLanguage == "ja"){
				@@ -2953,6 +2981,7 @@ if(preferredLanguage == "ja"){
            "[ネットワーク状態ペー](%{page})ジへ移動して確認しますか？",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "ユーザーを変更",
      "Checking...": "チェック...", // checking if username is available
      "Collapse": "閉じる", // smaller view of a post
@ -3074,6 +3103,7 @@ if(preferredLanguage == "ja"){
				@@ -3074,6 +3103,7 @@ if(preferredLanguage == "ja"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "ご使用のブラウザーは完全にファイルAPIに対応していません。",
      "time_ago": "%{time}前", // 5 minutes ago
      "Time of the last block:": "最新ブロックの生成日時: ",
@ -3260,6 +3290,7 @@ if(preferredLanguage == "pt-BR"){
				@@ -3260,6 +3290,7 @@ if(preferredLanguage == "pt-BR"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Cancelar",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -3269,6 +3300,7 @@ if(preferredLanguage == "pt-BR"){
				@@ -3269,6 +3300,7 @@ if(preferredLanguage == "pt-BR"){
            "Gostaria de verificar o [Estado da Rede](%{page}) ao invés disso?",
      "confirm_terminate_daemon": "Are you sure you want to exit the daemon?\nThe Twister client will stop working.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Trocar usuário",
      "Checking...": "Verificando...", // checking if username is available
      "Collapse": "Recolher", // smaller view of a post
@ -3391,6 +3423,7 @@ if(preferredLanguage == "pt-BR"){
				@@ -3391,6 +3423,7 @@ if(preferredLanguage == "pt-BR"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "O gerenciamento de arquivos não é completamente suportado neste navegador.",
      "time_ago": "%{time} atrás", // 5 minutes ago
      "Time of the last block:": "Horário do último bloco: ",
@ -3399,6 +3432,7 @@ if(preferredLanguage == "pt-BR"){
				@@ -3399,6 +3432,7 @@ if(preferredLanguage == "pt-BR"){
      "Update": "Atualizar",
      "Auto updating": "Auto updating",
      "Updating status...": "Atualizando estado da Cadeia de Blocos...", // status of block chain
+      "URI_shortener_caption": "URI Shortener",
      "user_not_yet_accepted": "Outros nós ainda não aceitaram este novo usuário.\n" +
                "Infelizmente não é possível salvar o perfil\n" +
                "ou realizar postagens neste estado.\n\n" +
@ -3580,6 +3614,7 @@ if(preferredLanguage == "tr"){
				@@ -3580,6 +3614,7 @@ if(preferredLanguage == "tr"){
      "busted_avowal": "Şüpheli bir şeyler iliştirmeye çalışırken enselendim.",
      "btn_ok": "Tamam",
      "Cancel": "İptal",
+      "clear_cache": "Clear cache",
      "Confirm": "Onayla",
      "сonfirm_group_leaving_header": "Gruptan ayrılmayı onayla",
      "сonfirm_group_leaving_body": "%{alias} grubundan ayrılmak istiyor musun?",
@ -3589,6 +3624,7 @@ if(preferredLanguage == "tr"){
				@@ -3589,6 +3624,7 @@ if(preferredLanguage == "tr"){
            "Bunun yerine [Ağ Durumu sayfasını](%{page}) kontrol etmek ister misiniz?",
      "confirm_terminate_daemon": "Hizmeti sonlandırmak istiyor musun?\nTwister istemcisi çalışmayacak.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Kullanıcı değiştir",
      "Checking...": "Denetleniyor...", // checking if username is available
      "Collapse": "Kapat", // smaller view of a post
@ -3710,6 +3746,7 @@ if(preferredLanguage == "tr"){
				@@ -3710,6 +3746,7 @@ if(preferredLanguage == "tr"){
        + "Not: URL kısaltma işlemi tam URL'i barındıran 'boş' bir twist oluşturacak.\n"
        + "Bu özel twist görüntülenmeyecek, fakat gönderi sayınızda hesaba katılacak.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "Dosya API'si tarayıcınızda tam olarak desteklenmiyor.",
      "time_ago": "%{time} önce", // 5 minutes ago
      "Time of the last block:": "Son blok saati: ",
@ -3897,6 +3934,7 @@ if(preferredLanguage == "cs"){
				@@ -3897,6 +3934,7 @@ if(preferredLanguage == "cs"){
      "busted_avowal": "I\'m busted trying inject this suspicious stuff here",
      "btn_ok": "Okay",
      "Cancel": "Zrušit",
+      "clear_cache": "Clear cache",
      "Confirm": "Confirm",
      "сonfirm_group_leaving_header": "Confirm group leaving",
      "сonfirm_group_leaving_body": "Are you sure want to leave %{alias} group?",
@ -3906,6 +3944,7 @@ if(preferredLanguage == "cs"){
				@@ -3906,6 +3944,7 @@ if(preferredLanguage == "cs"){
            "Chcete se místo toho podívat na [stav sítě](%{page})?",
      "confirm_terminate_daemon": "Skutečně chcete ukončit server?\nTwister tím vypnete.",
      "confirm_unfollow_@": "Are you sure you want to unfollow @%{alias}?",
+      "confirm_uri_shortener_clear_cache": "Are you sure you want to clear browser cache of shortened URIs?",
      "Change user": "Změnit uživatele",
      "Checking...": "Ověřuji...", // checking if username is available
      "Collapse": "Složit", // smaller view of a post
@ -4028,6 +4067,7 @@ if(preferredLanguage == "cs"){
				@@ -4028,6 +4067,7 @@ if(preferredLanguage == "cs"){
        + "Note: shortening an URL will produce an 'empty' twist on your behalf containing the full URL.\n"
        + "This special twist is not displayed by twister clients, but your twist counter will increase.",
      "shorten_URI_its_public_is_it_ok": "Your link will be public available! Are you OK with that?",
+      "URI_shortener": "URI Shortener",
      "The File APIs are not fully supported in this browser.": "Upozornění: váš webový prohlížeč nepodporuje File API.",
      "time_ago": "před %{time}", // 5 minutes ago
      "Time of the last block:": "Čas posledního bloku: ",
--- a/theme_calm/css/style.css
+++ b/theme_calm/css/style.css
@ -2342,6 +2342,42 @@ textarea.splited-post {
				@@ -2342,6 +2342,42 @@ textarea.splited-post {
    color: rgba( 0, 0, 0, .6 );
 }

+/*************************************
+********* URI SHORTENER MODAL ********
+**************************************/
+
+.uri-shortener-modal .uris-list {
+    font-size: 12px;
+    overflow-x: hidden;
+}
+
+.uri-shortener-modal .uris-list li {
+    padding-left: 2%;
+    padding-right: 2%;
+    margin-bottom: 4px;
+}
+
+.uri-shortener-modal .uris-list li:last-child {
+    margin-bottom: 16px;
+}
+
+.uri-shortener-modal .uris-list li.highlighted,
+.uri-shortener-modal .uris-list li:hover {
+    background-color: #FEFEDF;
+}
+
+.uri-shortener-modal .uris-list .short {
+    background-color: #F0EFCC;
+    display: inline-block;
+    width: 26%;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+.uri-shortener-modal .uris-list .long {
+    margin-left: 4px;
+}
+
 /*************************************
 ************ POPUP PROMPT ************
 **************************************/
--- a/theme_nin/css/style.css
+++ b/theme_nin/css/style.css
@ -3134,6 +3134,57 @@ ol.toptrends-list a:hover {
				@@ -3134,6 +3134,57 @@ ol.toptrends-list a:hover {
  font-style: italic;
 }

+/*************************************
+********* URI SHORTENER MODAL ********
+**************************************/
+
+.modal-wrapper.uri-shortener-modal {
+  width: 520px;
+  height: 720px;
+  margin: -360px 0 0 -260px;
+}
+
+.uri-shortener-modal .modal-content {
+  padding: 20px;
+}
+
+.uri-shortener-control.b-buttons {
+    padding: 4px;
+}
+
+.uri-shortener-modal .uris-list {
+    font-size: 12px;
+    overflow-x: hidden;
+}
+
+.uri-shortener-modal .uris-list li {
+    background-color: #FFF;
+    padding-left: 2%;
+    padding-right: 2%;
+    margin-bottom: 2px;
+}
+
+.uri-shortener-modal .uris-list li:last-child {
+    margin-bottom: 16px;
+}
+
+.uri-shortener-modal .uris-list li.highlighted,
+.uri-shortener-modal .uris-list li:hover {
+    background-color: #FEFEDF;
+}
+
+.uri-shortener-modal .uris-list .short {
+    background-color: #EEE;
+    display: inline-block;
+    width: 26%;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+.uri-shortener-modal .uris-list .long {
+    margin-left: 4px;
+}
+
 /******* LOADER ************ */
 /* line 978, ../sass/style.sass */
 .postboard-loading, .loading-roller {