remove table refresh button. listen for changes and refresh automatically

customize.dist/index.html

@@ -72,9 +72,7 @@
                 <th>Link</th>
                 <th>Created</th>
                 <th>Last Accessed</th>
-                <th class="table-refresh" title="refresh list">
-                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 861.143 861.144" style="enable-background:new 0 0 861.143 861.144;" xml:space="preserve"><path d="M803.661,613.847c21.129-49.956,31.842-102.991,31.842-157.634c0-46.664-7.883-92.431-23.43-136.031   c-15.025-42.134-36.846-81.294-64.859-116.393c-27.734-34.751-60.746-64.539-98.117-88.534   c-38.072-24.445-79.621-42.192-123.492-52.748c-28.191-6.782-56.543,10.571-63.326,38.761s10.572,56.542,38.762,63.325   c64.291,15.47,122.572,52.651,164.109,104.694c20.75,26.001,36.908,54.99,48.023,86.162c11.5,32.249,17.332,66.151,17.332,100.764   c0,80.114-31.197,155.435-87.848,212.083c-56.65,56.649-131.971,87.848-212.084,87.848c-80.114,0-155.434-31.198-212.083-87.849   c-56.65-56.648-87.848-131.969-87.848-212.083c0-59.197,17.208-116.435,49.763-165.521c28.053-42.3,66.007-76.562,110.547-100.007   v58.027c0,28.995,23.505,52.5,52.5,52.5s52.5-23.505,52.5-52.5V52.5c0-28.995-23.505-52.5-52.5-52.5H144.567   c-28.995,0-52.5,23.505-52.5,52.5c0,28.995,23.505,52.5,52.5,52.5h84.328C174.456,136.276,127.939,179.822,92.9,232.655   c-44.001,66.346-67.259,143.65-67.259,223.557c0,54.643,10.714,107.679,31.843,157.634c20.398,48.225,49.587,91.524,86.759,128.695   c37.171,37.171,80.471,66.361,128.696,86.759c49.956,21.13,102.991,31.844,157.634,31.844c54.644,0,107.677-10.714,157.634-31.844   c48.225-20.397,91.523-49.587,128.695-86.759C754.073,705.371,783.262,662.071,803.661,613.847z"/></svg>
-                </th> <!-- remove column -->
+                <th></th>
             </tr>
 
             </tbody>

customize.dist/main.js

@@ -8,6 +8,10 @@ define([
 ], function (Messages, DecorateToolbar, Cryptpad, LilUri, Email) {
     var $ = window.$;
 
+    var APP = window.APP = {
+        Cryptpad: Cryptpad,
+    };
+
     var email = Email.makeScrambler(1);
 
     // slip past the spammers, then unscramble mailto links
@@ -22,14 +26,6 @@ define([
     DecorateToolbar.main($('#bottom-bar'));
     Cryptpad.styleAlerts();
 
-    var $table = $('table.scroll');
-    var $tbody = $table.find('tbody');
-    var $tryit = $('#tryit');
-    var now = new Date();
-    var hasRecent = false;
-
-    var forgetPad = Cryptpad.forgetPad;
-
     var padTypes = {
         '/pad/': 'Pad',
         '/code/': 'Code',
@@ -37,16 +33,13 @@ define([
         '/slide/': 'Presentation',
     };
 
-    var truncateTitle = function (title, len) {
-        if (typeof(title) === 'string' && title.length > len) {
-            return title.slice(0, len) + '…';
-        }
-        return title;
-    };
+    var $table = $('table.scroll');
+    var $tbody = $table.find('tbody');
+    var $tryit = $('#tryit');
+    var now = new Date();
+    var hasRecent = false;
 
-    var fixHTML = function (html) {
-        return html.replace(/</g, '&lt;');
-    };
+    var forgetPad = Cryptpad.forgetPad;
 
     var makeRecentPadsTable = function (recentPads) {
         if (!recentPads.length) { return; }
@@ -68,7 +61,7 @@ define([
             var name = padTypes[uri.path()];
 
             var title = pad.title || uri.parts.hash.slice(0,8);
-            var shortTitle = truncateTitle(pad.title, 48);
+            var shortTitle = Cryptpad.truncate(pad.title, 48);
 
             var date = new Date(pad.atime).toLocaleDateString();
             var created = new Date(pad.ctime).toLocaleDateString();
@@ -87,7 +80,7 @@ define([
                 'class': 'remove',
                 title: "forget '"+shortTitle + "'"
             }).text('✖').click(function () {
-                Cryptpad.confirm(Messages.forgetPrompt + ' (' + fixHTML(shortTitle) + ')', function (yes) {
+                Cryptpad.confirm(Messages.forgetPrompt + ' (' + Cryptpad.fixHTML(shortTitle) + ')', function (yes) {
                     if (!yes) { return; }
                     forgetPad(pad.href, function (err, data) {
                         if (err) {
@@ -142,7 +135,14 @@ define([
     Cryptpad.ready(function () {
         console.log("ready");
         refreshTable();
-        $('.table-refresh').click(refreshTable);
+
+        if (Cryptpad.store && Cryptpad.store.change) {
+            Cryptpad.store.change(function (data) {
+                if (data.key === 'CryptPad_RECENTPADS') {
+                    refreshTable();
+                }
+            });
+        }
     });
 });