[add][Closes #11] follow room hashbangs links, and manage history

[add][Refs #9] room list bit of css

cli/ui.js

@@ -8,15 +8,19 @@ var
  * @return {Element}
 **/
 function createChanListItem(chan) {
-    var dom = document.createElement("li");
+    var dom = document.createElement("li")
+        ,link = document.createElement("a");
+
     dom.id = chan.id;
+    link.href = '#' +chan.id;
     if (chan.id[0] === 'D')
         dom.className = R.klass.chatList.entry + " " +R.klass.chatList.typeDirect;
     else if (chan.id[0] === 'G')
         dom.className = R.klass.chatList.entry + " " +R.klass.chatList.typeGroup;
     else if (chan.id[0] === 'C')
         dom.className = R.klass.chatList.entry + " " +R.klass.chatList.typeChannel;
-    dom.textContent = chan.name;
+    link.textContent = chan.name;
+    dom.appendChild(link);
     return dom;
 }
 
@@ -25,10 +29,14 @@ function createChanListItem(chan) {
  * @return {Element}
 **/
 function createImsListItem(ims) {
-    var dom = document.createElement("li");
+    var dom = document.createElement("li")
+        ,link = document.createElement("a");
+
     dom.id = ims.id;
+    link.href = '#' +ims.id;
     dom.className = R.klass.chatList.entry;
-    dom.textContent = ims.user.name;
+    link.textContent = ims.user.name;
+    dom.appendChild(link);
     return dom;
 }
 
@@ -63,6 +71,7 @@ function onContextUpdated() {
     });
     document.getElementById(R.id.chanList).textContent = "";
     document.getElementById(R.id.chanList).appendChild(chanListFram);
+    setRoomFromHashBang();
 }
 
 function onNetworkStateUpdated(isNetworkWorking) {
@@ -510,22 +519,6 @@ function onRoomUpdated() {
     content.scrollTop = content.scrollHeight -content.clientHeight;
 }
 
-function onChanClick(e) {
-    while (e.target !== e.currentTarget && e.target) {
-        if (e.target.classList.contains(R.klass.chatList.entry)) {
-            var room = (SLACK.context.channels[e.target.id] ||
-                SLACK.context.ims[e.target.id] ||
-                SLACK.context.groups[e.target.id]);
-
-            if (room && room !== SELECTED_ROOM) {
-                selectRoom(room);
-            }
-            return;
-        }
-        e.target = e.target.parentElement;
-    }
-}
-
 function chatClickDelegate(e) {
     var target = e.target
         ,getMessageId = function(e, target) {
@@ -566,9 +559,24 @@ function focusInput() {
     document.getElementById(R.id.message.input).focus();
 }
 
+function setRoomFromHashBang() {
+    var hashId = document.location.hash.substr(1)
+        ,room = SLACK.context.getChannel(hashId)
+        ,user = SLACK.context.getMember(hashId);
+
+    if (room && room !== SELECTED_ROOM)
+        selectRoom(room);
+    else if (user && user.ims)
+        selectRoom(user.ims);
+}
+
 document.addEventListener('DOMContentLoaded', function() {
-    document.getElementById(R.id.chatList).addEventListener("click", onChanClick);
     document.getElementById(R.id.currentRoom.content).addEventListener("click", chatClickDelegate);
+    window.addEventListener("hashchange", function(e) {
+        if (document.location.hash && document.location.hash[0] === '#') {
+            setRoomFromHashBang();
+        }
+    });
     document.getElementById(R.id.message.file.cancel).addEventListener("click", function(e) {
         e.preventDefault();
         document.getElementById(R.id.message.file.error).classList.add(R.klass.hidden);

srv/public/slack.min.js

@@ -1,30 +1,31 @@
-function h(a){this.id=a.id;this.name=a.name}function l(a,b){this.id=a.id;this.name=a.name;this.b=parseFloat(a.last_read);this.a={};if(a.members)for(var e=0,c=a.members.length;e<c;e++){var f=t(b,a.members[e]);this.a[f.id]=f;f.f[this.id]=this}}function u(a,b){var e=[];this.id=b.id;this.a={};for(var c=0,f=b.members.length;c<f;c++){var d=t(a,b.members[c]);this.a[b.members[c]]=d;d.f[this.id]=this;e.push(d.name)}this.name=e.join(", ");this.b=parseFloat(b.last_read)}
-function v(a,b){this.id=b.id;this.c=a;this.b=parseFloat(b.last_read)}function w(a){this.id=a.id;this.name=a.name;this.status=a.status;this.b={B:a.profile.image_24,C:a.profile.image_32,l:a.profile.image_48,s:a.profile.image_72,A:a.profile.image_192,F:a.profile.image_512};this.f={};this.a=null}function x(a){this.id=a.id;this.name=a.name;this.b={D:a.icons.image_36,l:a.icons.image_48,s:a.icons.image_72};this.f={};this.a=null}
-function A(){this.i=null;this.f={};this.b={};this.g={};this.a={};this.c=null;this.h={}}function t(a,b){return a.a[b]||a.h[b]||null}function D(a,b){return a.f[b]||a.g[b]||a.b[b]||null}"undefined"!==typeof module&&(module.o.u=A);function E(a){this.g=a.user;this.b=parseFloat(a.ts);this.type=a.type;this.c=a.subtype;this.a=a}function G(a,b,e){this.id="string"===typeof a?a:a.id;this.a=[];this.b=b;e&&H(this,e)}function H(a,b){var e=0;b.forEach(function(a){e=Math.max(this.push(a),e)}.bind(a));I(a)}G.prototype.push=function(a){for(var b=parseFloat(a.ts),e=0,c=this.a.length;e<c;e++)if(this.a[e].b===b)return b;for(this.a.push(new E(a));this.a.length>this.b;)this.a.shift();return b};
-function I(a){a.a.sort(function(a,e){return a.b-e.b})}"undefined"!==typeof module&&(module.o.w=G);var J=null;
-function aa(){var a=document.createDocumentFragment(),b=K.a.c?Object.keys(K.a.c.f):[];b.sort(function(a,b){return a[0]!==b[0]?a[0]-b[0]:(K.a.f[a]||K.a.b[a]).name.localeCompare((K.a.f[b]||K.a.b[b]).name)});b.forEach(function(b){b=K.a.f[b]||K.a.b[b];var c=document.createElement("li");c.id=b.id;"D"===b.id[0]?c.className="slack-context-room slack-ims":"G"===b.id[0]?c.className="slack-context-room slack-group":"C"===b.id[0]&&(c.className="slack-context-room slack-channel");c.textContent=b.name;c&&a.appendChild(c)});
-b=K.a.a?Object.keys(K.a.a):[];b.sort(function(a,b){return K.a.a[a].name.localeCompare(K.a.a[b].name)});b.forEach(function(b){b=K.a.a[b].a;var c=document.createElement("li");c.id=b.id;c.className="slack-context-room";c.textContent=b.c.name;c&&a.appendChild(c)});document.getElementById("chanList").textContent="";document.getElementById("chanList").appendChild(a)}function L(a){a?document.body.classList.remove("no-network"):document.body.classList.add("no-network")}
-function M(){if(J){document.body.classList.add("replyingTo");var a=document.getElementById("replyToContainer"),b=document.createElement("a");b.addEventListener("click",function(){J=null;M()});b.className="replyto-close";b.textContent="x";a.textContent="";a.appendChild(b);a.appendChild(N("reply_"+O.id,J,!0))}else document.body.classList.remove("replyingTo")}
-function P(a,b,e){var c=document.createElement("div"),f=document.createElement("div"),d=document.createElement("div"),k=document.createElement("div"),g=document.createElement("img"),n=document.createElement("span"),p=document.createElement("ul"),r=document.createElement("li"),m=document.createElement("ul"),q=b.a.user?K.a.a[b.a.user]:K.a.h[b.a.bot_id];c.id=a+"_"+b.b;c.className="slackmsg-item";f.className="slackmsg-ts";d.className="slackmsg-msg";k.className="slackmsg-author";g.className="slackmsg-author-img";
-n.className="slackmsg-author-name";p.className="slackmsg-hover";r.className="slackmsg-hover-reply";f.innerHTML=Q(b.b);d.innerHTML=R(b.a.text||"");n.textContent=q?q.name:b.a.username||"?";q||b.a.username||(d.textContent=b.a.subtype||JSON.stringify(b.a));g.src=q?q.b.l:"";k.appendChild(g);k.appendChild(n);p.appendChild(r);c.appendChild(k);c.appendChild(d);c.appendChild(f);c.appendChild(m);m.className="slackmsg-attachments";!0!==e&&b.a.attachments&&b.a.attachments.forEach(function(a){var b=document.createElement("li"),
-c=document.createElement("div"),e=document.createElement("div"),d=document.createElement("a"),f=document.createElement("div"),g=document.createElement("img"),k=document.createElement("a"),F=document.createElement("div"),n=document.createElement("div"),p=document.createElement("img"),q=document.createElement("img"),r=document.createElement("div"),y=document.createElement("img"),B=document.createElement("span"),C=document.createElement("span");b.className="slackmsg-attachment";var z="#e3e4e6";a.color&&
-("#"===a.color[0]?z=a.color[0]:"good"===a.color?z="#2fa44f":"warning"===a.color?z="#de9e31":"danger"===a.color&&(z="#d50200"));c.style.borderColor=z;e.className="slackmsg-attachment-pretext";a.pretext?e.innerHTML=R(a.pretext):e.classList.add("hidden");d.target="_blank";a.title?(d.innerHTML=R(a.title),a.title_link&&(d.href=a.title_link),d.className="slackmsg-attachment-title"):d.className="hidden slackmsg-attachment-title";k.target="_blank";f.className="slackmsg-author";a.author_name?(k.innerHTML=
-R(a.author_name),k.href=a.author_link||"",k.className="slackmsg-author-name",g.className="slackmsg-author-img",a.author_icon?g.src=a.author_icon:g.classList.add("hidden")):f.classList.add("hidden");n.innerHTML=R(a.text||"");n.a="slackmsg-attachment-text";p.className="slackmsg-attachment-thumb";a.thumb_url?p.src=a.thumb_url:p.classList.add("hidden");q.className="slackmsg-attachment-img";a.image_url?q.src=a.image_url:q.classList.add("hidden");r.className="slackmsg-attachment-footer";B.className="slackmsg-attachment-footer-text";
-y.className="slackmsg-attachment-footer-icon";a.footer?(B.innerHTML=R(a.footer),a.footer_icon?y.src=a.footer_icon:y.classList.add("hidden")):(y.classList.add("hidden"),B.classList.add("hidden"));C.className="slackmsg-ts";a.ts?C.innerHTML=Q(a.ts):C.classList.add("hidden");f.appendChild(g);f.appendChild(k);F.appendChild(n);F.appendChild(p);r.appendChild(y);r.appendChild(B);r.appendChild(C);c.appendChild(d);c.appendChild(f);c.appendChild(F);c.appendChild(q);c.appendChild(r);b.appendChild(e);b.appendChild(c);
-b&&m.appendChild(b)});c.appendChild(p);return c}function Q(a){"string"!==typeof a&&(a=parseFloat(a));return(new Date(1E3*a)).toLocaleTimeString()}
-function R(a){a=a.split(/\r?\n/g);for(var b=0,e=a.length;b<e;b++){for(var c=a[b],f="",d={},k=!1,g=0,n=c.length,p=function(a,b,c){for(;a[b];){if(" "!=a[b]&&a[b]!=c&&a[b+1]==c)return!0;b++}return!1},r=function(a){return Object.keys(d).length?'<span class="'+Object.keys(a).join(" ")+'">':""};g<n&&(" "===c[g]||"\t"===c[g]);)g++;"&gt;"===c.substr(g,4)&&(k=!0,g+=4);for(;g<n;g++){var m=c[g];if(!d["slackmsg-style-bold"]&&"*"===m&&c[g+1]&&p(c,g,m))Object.keys(d).length&&(f+="</span>"),d["slackmsg-style-bold"]=
-!0,f+=r(d);else if(!d["slackmsg-style-strike"]&&"~"===m&&c[g+1]&&p(c,g,m))Object.keys(d).length&&(f+="</span>"),d["slackmsg-style-strike"]=!0,f+=r(d);else if(!d["slackmsg-style-code"]&&"`"===m&&c[g+1]&&p(c,g,m))Object.keys(d).length&&(f+="</span>"),d["slackmsg-style-code"]=!0,f+=r(d);else if(!d["slackmsg-style-italic"]&&"_"===m&&c[g+1]&&p(c,g,m))Object.keys(d).length&&(f+="</span>"),d["slackmsg-style-italic"]=!0,f+=r(d);else{var q=!1,f=f+m;do{if(d["slackmsg-style-bold"]&&"*"!==m&&"*"===c[g+1])delete d["slackmsg-style-bold"],
-q=!0;else if(d["slackmsg-style-strike"]&&"~"!==m&&"~"===c[g+1])delete d["slackmsg-style-strike"],q=!0;else if(d["slackmsg-style-code"]&&"`"!==m&&"`"===c[g+1])delete d["slackmsg-style-code"],q=!0;else if(d["slackmsg-style-italic"]&&"_"!==m&&"_"===c[g+1])delete d["slackmsg-style-italic"],q=!0;else break;m=c[++g]}while(g<n);q&&(f+="</span>"+r(d))}}d&&(f+="</span>");f=f.replace(RegExp("<([@#]?)([^>]*)>","g"),function(a,b,c){c=c.split("|");if("@"===b)c[1]?"@"!==c[1][0]&&(c[1]="@"+c[1]):(a=t(K.a,c[0]),
-c[1]=a?"@"+a.name:"Unknown member"),c[0]="#"+c[0],c[2]="slackmsg-link slackmsg-link-user";else if("#"===b)c[1]?"#"!==c[1][0]&&(c[1]="#"+c[1]):(a=D(K.a,c[0]),c[1]=a?"#"+a.name:"Unknown channel"),c[0]="#"+c[0],c[2]="slackmsg-link slackmsg-link-chan";else if(-1!==c[0].indexOf("://"))c[1]||(c[1]=c[0]),c[2]="slackmsg-link";else return a;return'<a href="'+c[0]+'" class="'+c[2]+'"'+(b?"":' target="_blank"')+">"+c[1]+"</a>"});a[b]=k?'<span class="slackmsg-style-quote">'+f+"</span>":f}return a.join("<br/>")}
-function N(a,b,e){"me_message"===b.c?(a=P(a,b,e),a.classList.add("slackmsg-me_message")):a=P(a,b,e);return a}function S(){var a=0,b=0,e,c;for(c in T)T.hasOwnProperty(c)&&(a+=T[c].m,b+=T[c].j);b&&(e="(!"+b);a&&(e=(e?e+" - ":"(")+a);e=e?e+(") "+K.a.i.name):K.a.i.name;document.title=e}
-function U(){var a=document.createDocumentFragment(),b=O.id;document.getElementById("chatWindow").textContent="";K.b[b]&&K.b[b].a.forEach(function(c){"message"===c.type&&(c=N(b,c),a.appendChild(c))});var e=document.getElementById("chatWindow");e.appendChild(a);e.scrollTop=e.scrollHeight-e.clientHeight}
-function ba(a){for(;a.target!==a.currentTarget&&a.target;){if(a.target.classList.contains("slack-context-room")){if((a=K.a.f[a.target.id]||K.a.g[a.target.id]||K.a.b[a.target.id])&&a!==O){O&&document.getElementById(O.id).classList.remove("selected");document.getElementById(a.id).classList.add("selected");document.body.classList.remove("no-room-selected");O=a;a=void 0;var b=O.name||(O.c?O.c.name:void 0);if(!b){b=[];for(a in O.a)b.push(O.a[a].name);b=b.join(", ")}document.getElementById("currentRoomTitle").textContent=
-b;U();V();document.getElementById("fileUploadContainer").classList.add("hidden");W();J&&(J=null,M());O.b&&!K.b[O.id]&&(a=new XMLHttpRequest,a.open("GET","api/hist?room="+O.id,!0),a.send(null))}break}a.target=a.target.parentElement}}
-function ca(a){for(var b=a.target;b!==a.currentTarget&&b&&!b.classList.contains("slackmsg-hover");){if(b.classList.contains("slackmsg-hover-reply")){a:{for(b=b||a.target;b!==a.currentTarget&&b;){if(b.classList.contains("slackmsg-item")){a=b.id;break a}b=b.parentElement}a=void 0}if(a){a=parseFloat(a.split("_")[1]);for(var b=K.b[O.id].a,e=0,c=b.length;e<c&&b[e].b<=a;e++)if(b[e].b===a){J!==b[e]&&(J=b[e],M());break}}break}b=b.parentElement}}function V(){document.getElementById("msgInput").focus()}
-document.addEventListener("DOMContentLoaded",function(){document.getElementById("chatList").addEventListener("click",ba);document.getElementById("chatWindow").addEventListener("click",ca);document.getElementById("fileUploadCancel").addEventListener("click",function(a){a.preventDefault();document.getElementById("fileUploadError").classList.add("hidden");document.getElementById("fileUploadContainer").classList.add("hidden");document.getElementById("fileUploadInput").value="";return!1});document.getElementById("fileUploadForm").addEventListener("submit",
-function(a){a.preventDefault();a=document.getElementById("fileUploadInput");var b=a.value;b&&(b=b.substr(b.lastIndexOf("\\")+1),da(b,a.files[0],function(a){var b=document.getElementById("fileUploadError");a?(b.textContent=a,b.classList.remove("hidden")):(b.classList.add("hidden"),document.getElementById("fileUploadInput").value="",document.getElementById("fileUploadContainer").classList.add("hidden"))}));return!1});document.getElementById("attachFile").addEventListener("click",function(a){a.preventDefault();
-O&&document.getElementById("fileUploadContainer").classList.remove("hidden");return!1});document.getElementById("msgForm").addEventListener("submit",function(a){a.preventDefault();a=document.getElementById("msgInput");if(O&&a.value){var b=O,e=J,c=new XMLHttpRequest,f="api/msg?room="+b.id+"&text="+encodeURIComponent(a.value);if(e){var d=t(K.a,e.g),k="Message";"C"===b.id[0]?k="Channel message":"D"===b.id[0]?k="Direct message":"G"===b.id[0]&&(k="Group message");f+="&attachments="+encodeURIComponent(JSON.stringify([{fallback:e.a.text||
-"",author_name:"<@"+d.id+"|"+d.name+">",author_icon:d.b.l,text:e.a.text||"",footer:k,ts:e.b}]))}c.open("POST",f,!0);c.send(null);a.value="";J&&(J=null,M())}V();return!1});window.addEventListener("blur",function(){window.hasFocus=!1});window.addEventListener("focus",function(){window.hasFocus=!0;O&&W();V()});window.hasFocus=!0;X()});var K,T={};function ea(a,b){if(a&&(a!==O||!window.hasFocus)){var e=new RegExp("<@"+K.a.c.id),c=!1;T[a.id]||(T[a.id]={j:0,m:0});b.forEach(function(b){"message"===b.type&&b.text&&("D"===a.id[0]||b.text.match(e)?(T[a.id].j++,c=!0):T[a.id].m++)});S();document.getElementById(a.id).classList.add("unread");c&&document.getElementById(a.id).classList.add("unreadHi")}}
-function W(){var a=O;T[a.id]&&(T[a.id]={j:0,m:0},S());a=document.getElementById(a.id);a.classList.remove("unread");a.classList.remove("unreadHi")}K=new function(){this.c=0;this.a=new A;this.b={}};var Y=0,O=null;function Z(a){var b=new XMLHttpRequest;b.timeout=6E4;b.onreadystatechange=function(){if(4===b.readyState)if(b.status){var e=null,c=2===Math.floor(b.status/100);if(c){Y&&(Y=0,L(!0));e=b.response;try{e=JSON.parse(e)}catch(f){e=null}}else Y?(Y+=Math.floor((Y||5)/2),Y=Math.min(60,Y)):(Y=5,L(!1));a(c,e)}else Y&&(Y=0,L(!0)),Z(a)};b.open("GET","api?v="+K.c,!0);b.send(null)}
-function fa(a,b){if(a){if(b){var e=K;b.v&&(e.c=b.v);if(b["static"]){for(var c=e.a,f=b["static"],d=0,k=f.bots.length;d<k;d++)c.h[f.bots[d].id]=new x(f.bots[d]);d=0;for(k=f.users.length;d<k;d++)c.a[f.users[d].id]=new w(f.users[d]);d=0;for(k=f.ims.length;d<k;d++){var g=t(c,f.ims[d].user);g&&(g.a=new v(g,f.ims[d]),c.g[g.a.id]=g.a)}d=0;for(k=f.channels.length;d<k;d++)c.f[f.channels[d].id]=new l(f.channels[d],c);d=0;for(k=f.groups.length;d<k;d++)c.b[f.groups[d].id]=new u(c,f.groups[d]);c.i=new h(f.team);
-c.c=t(c,f.self.id);aa()}if(b.live){for(var n in b.live)(c=e.b[n])?H(c,b.live[n]):e.b[n]=new G(n,250,b.live[n]);for(var p in b.live)ea(D(e.a,p),b.live[p]),O&&b.live[O.id]&&U()}}X()}else setTimeout(X,1E3*Y)}function X(){Z(fa)}function da(a,b,e){var c=O;new FileReader;var f=new FormData,d=new XMLHttpRequest;f.append("file",b);f.append("filename",a);d.onreadystatechange=function(){4===d.readyState&&(204===d.status?e(null):e(d.statusText))};d.open("POST","api/file?room="+c.id);d.send(f)};
+function h(a){this.id=a.id;this.name=a.name}function l(a,b){this.id=a.id;this.name=a.name;this.b=parseFloat(a.last_read);this.a={};if(a.members)for(var d=0,c=a.members.length;d<c;d++){var f=t(b,a.members[d]);this.a[f.id]=f;f.f[this.id]=this}}function u(a,b){var d=[];this.id=b.id;this.a={};for(var c=0,f=b.members.length;c<f;c++){var e=t(a,b.members[c]);this.a[b.members[c]]=e;e.f[this.id]=this;d.push(e.name)}this.name=d.join(", ");this.b=parseFloat(b.last_read)}
+function v(a,b){this.id=b.id;this.c=a;this.b=parseFloat(b.last_read)}function w(a){this.id=a.id;this.name=a.name;this.status=a.status;this.b={B:a.profile.image_24,C:a.profile.image_32,j:a.profile.image_48,s:a.profile.image_72,A:a.profile.image_192,F:a.profile.image_512};this.f={};this.a=null}function x(a){this.id=a.id;this.name=a.name;this.b={D:a.icons.image_36,j:a.icons.image_48,s:a.icons.image_72};this.f={};this.a=null}
+function A(){this.h=null;this.f={};this.b={};this.m={};this.a={};this.c=null;this.g={}}function t(a,b){return a.a[b]||a.g[b]||null}function D(a,b){return a.f[b]||a.m[b]||a.b[b]||null}"undefined"!==typeof module&&(module.o.u=A);function aa(a){this.g=a.user;this.b=parseFloat(a.ts);this.type=a.type;this.c=a.subtype;this.a=a}function E(a,b,d){this.id="string"===typeof a?a:a.id;this.a=[];this.b=b;d&&F(this,d)}function F(a,b){var d=0;b.forEach(function(a){d=Math.max(this.push(a),d)}.bind(a));ba(a)}E.prototype.push=function(a){for(var b=parseFloat(a.ts),d=0,c=this.a.length;d<c;d++)if(this.a[d].b===b)return b;for(this.a.push(new aa(a));this.a.length>this.b;)this.a.shift();return b};
+function ba(a){a.a.sort(function(a,d){return a.b-d.b})}"undefined"!==typeof module&&(module.o.w=E);var H=null;
+function ca(){var a=document.createDocumentFragment(),b=I.a.c?Object.keys(I.a.c.f):[];b.sort(function(a,b){return a[0]!==b[0]?a[0]-b[0]:(I.a.f[a]||I.a.b[a]).name.localeCompare((I.a.f[b]||I.a.b[b]).name)});b.forEach(function(b){b=I.a.f[b]||I.a.b[b];var c=document.createElement("li"),d=document.createElement("a");c.id=b.id;d.href="#"+b.id;"D"===b.id[0]?c.className="slack-context-room slack-ims":"G"===b.id[0]?c.className="slack-context-room slack-group":"C"===b.id[0]&&(c.className="slack-context-room slack-channel");d.textContent=
+b.name;c.appendChild(d);c&&a.appendChild(c)});b=I.a.a?Object.keys(I.a.a):[];b.sort(function(a,b){return I.a.a[a].name.localeCompare(I.a.a[b].name)});b.forEach(function(b){b=I.a.a[b].a;var c=document.createElement("li"),d=document.createElement("a");c.id=b.id;d.href="#"+b.id;c.className="slack-context-room";d.textContent=b.c.name;c.appendChild(d);c&&a.appendChild(c)});document.getElementById("chanList").textContent="";document.getElementById("chanList").appendChild(a);J()}
+function K(a){a?document.body.classList.remove("no-network"):document.body.classList.add("no-network")}function L(){if(H){document.body.classList.add("replyingTo");var a=document.getElementById("replyToContainer"),b=document.createElement("a");b.addEventListener("click",function(){H=null;L()});b.className="replyto-close";b.textContent="x";a.textContent="";a.appendChild(b);a.appendChild(M("reply_"+N.id,H,!0))}else document.body.classList.remove("replyingTo")}
+function O(a,b,d){var c=document.createElement("div"),f=document.createElement("div"),e=document.createElement("div"),k=document.createElement("div"),g=document.createElement("img"),n=document.createElement("span"),p=document.createElement("ul"),r=document.createElement("li"),m=document.createElement("ul"),q=b.a.user?I.a.a[b.a.user]:I.a.g[b.a.bot_id];c.id=a+"_"+b.b;c.className="slackmsg-item";f.className="slackmsg-ts";e.className="slackmsg-msg";k.className="slackmsg-author";g.className="slackmsg-author-img";
+n.className="slackmsg-author-name";p.className="slackmsg-hover";r.className="slackmsg-hover-reply";f.innerHTML=P(b.b);e.innerHTML=Q(b.a.text||"");n.textContent=q?q.name:b.a.username||"?";q||b.a.username||(e.textContent=b.a.subtype||JSON.stringify(b.a));g.src=q?q.b.j:"";k.appendChild(g);k.appendChild(n);p.appendChild(r);c.appendChild(k);c.appendChild(e);c.appendChild(f);c.appendChild(m);m.className="slackmsg-attachments";!0!==d&&b.a.attachments&&b.a.attachments.forEach(function(a){var b=document.createElement("li"),
+c=document.createElement("div"),d=document.createElement("div"),e=document.createElement("a"),f=document.createElement("div"),g=document.createElement("img"),k=document.createElement("a"),G=document.createElement("div"),n=document.createElement("div"),p=document.createElement("img"),q=document.createElement("img"),r=document.createElement("div"),y=document.createElement("img"),B=document.createElement("span"),C=document.createElement("span");b.className="slackmsg-attachment";var z="#e3e4e6";a.color&&
+("#"===a.color[0]?z=a.color[0]:"good"===a.color?z="#2fa44f":"warning"===a.color?z="#de9e31":"danger"===a.color&&(z="#d50200"));c.style.borderColor=z;d.className="slackmsg-attachment-pretext";a.pretext?d.innerHTML=Q(a.pretext):d.classList.add("hidden");e.target="_blank";a.title?(e.innerHTML=Q(a.title),a.title_link&&(e.href=a.title_link),e.className="slackmsg-attachment-title"):e.className="hidden slackmsg-attachment-title";k.target="_blank";f.className="slackmsg-author";a.author_name?(k.innerHTML=
+Q(a.author_name),k.href=a.author_link||"",k.className="slackmsg-author-name",g.className="slackmsg-author-img",a.author_icon?g.src=a.author_icon:g.classList.add("hidden")):f.classList.add("hidden");n.innerHTML=Q(a.text||"");n.a="slackmsg-attachment-text";p.className="slackmsg-attachment-thumb";a.thumb_url?p.src=a.thumb_url:p.classList.add("hidden");q.className="slackmsg-attachment-img";a.image_url?q.src=a.image_url:q.classList.add("hidden");r.className="slackmsg-attachment-footer";B.className="slackmsg-attachment-footer-text";
+y.className="slackmsg-attachment-footer-icon";a.footer?(B.innerHTML=Q(a.footer),a.footer_icon?y.src=a.footer_icon:y.classList.add("hidden")):(y.classList.add("hidden"),B.classList.add("hidden"));C.className="slackmsg-ts";a.ts?C.innerHTML=P(a.ts):C.classList.add("hidden");f.appendChild(g);f.appendChild(k);G.appendChild(n);G.appendChild(p);r.appendChild(y);r.appendChild(B);r.appendChild(C);c.appendChild(e);c.appendChild(f);c.appendChild(G);c.appendChild(q);c.appendChild(r);b.appendChild(d);b.appendChild(c);
+b&&m.appendChild(b)});c.appendChild(p);return c}function P(a){"string"!==typeof a&&(a=parseFloat(a));return(new Date(1E3*a)).toLocaleTimeString()}
+function Q(a){a=a.split(/\r?\n/g);for(var b=0,d=a.length;b<d;b++){for(var c=a[b],f="",e={},k=!1,g=0,n=c.length,p=function(a,b,c){for(;a[b];){if(" "!=a[b]&&a[b]!=c&&a[b+1]==c)return!0;b++}return!1},r=function(a){return Object.keys(e).length?'<span class="'+Object.keys(a).join(" ")+'">':""};g<n&&(" "===c[g]||"\t"===c[g]);)g++;"&gt;"===c.substr(g,4)&&(k=!0,g+=4);for(;g<n;g++){var m=c[g];if(!e["slackmsg-style-bold"]&&"*"===m&&c[g+1]&&p(c,g,m))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-bold"]=
+!0,f+=r(e);else if(!e["slackmsg-style-strike"]&&"~"===m&&c[g+1]&&p(c,g,m))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-strike"]=!0,f+=r(e);else if(!e["slackmsg-style-code"]&&"`"===m&&c[g+1]&&p(c,g,m))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-code"]=!0,f+=r(e);else if(!e["slackmsg-style-italic"]&&"_"===m&&c[g+1]&&p(c,g,m))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-italic"]=!0,f+=r(e);else{var q=!1,f=f+m;do{if(e["slackmsg-style-bold"]&&"*"!==m&&"*"===c[g+1])delete e["slackmsg-style-bold"],
+q=!0;else if(e["slackmsg-style-strike"]&&"~"!==m&&"~"===c[g+1])delete e["slackmsg-style-strike"],q=!0;else if(e["slackmsg-style-code"]&&"`"!==m&&"`"===c[g+1])delete e["slackmsg-style-code"],q=!0;else if(e["slackmsg-style-italic"]&&"_"!==m&&"_"===c[g+1])delete e["slackmsg-style-italic"],q=!0;else break;m=c[++g]}while(g<n);q&&(f+="</span>"+r(e))}}e&&(f+="</span>");f=f.replace(RegExp("<([@#]?)([^>]*)>","g"),function(a,b,c){c=c.split("|");if("@"===b)c[1]?"@"!==c[1][0]&&(c[1]="@"+c[1]):(a=t(I.a,c[0]),
+c[1]=a?"@"+a.name:"Unknown member"),c[0]="#"+c[0],c[2]="slackmsg-link slackmsg-link-user";else if("#"===b)c[1]?"#"!==c[1][0]&&(c[1]="#"+c[1]):(a=D(I.a,c[0]),c[1]=a?"#"+a.name:"Unknown channel"),c[0]="#"+c[0],c[2]="slackmsg-link slackmsg-link-chan";else if(-1!==c[0].indexOf("://"))c[1]||(c[1]=c[0]),c[2]="slackmsg-link";else return a;return'<a href="'+c[0]+'" class="'+c[2]+'"'+(b?"":' target="_blank"')+">"+c[1]+"</a>"});a[b]=k?'<span class="slackmsg-style-quote">'+f+"</span>":f}return a.join("<br/>")}
+function M(a,b,d){"me_message"===b.c?(a=O(a,b,d),a.classList.add("slackmsg-me_message")):a=O(a,b,d);return a}function R(){var a=0,b=0,d,c;for(c in S)S.hasOwnProperty(c)&&(a+=S[c].l,b+=S[c].i);b&&(d="(!"+b);a&&(d=(d?d+" - ":"(")+a);d=d?d+(") "+I.a.h.name):I.a.h.name;document.title=d}
+function T(){var a=document.createDocumentFragment(),b=N.id;document.getElementById("chatWindow").textContent="";I.b[b]&&I.b[b].a.forEach(function(c){"message"===c.type&&(c=M(b,c),a.appendChild(c))});var d=document.getElementById("chatWindow");d.appendChild(a);d.scrollTop=d.scrollHeight-d.clientHeight}
+function da(a){for(var b=a.target;b!==a.currentTarget&&b&&!b.classList.contains("slackmsg-hover");){if(b.classList.contains("slackmsg-hover-reply")){a:{for(b=b||a.target;b!==a.currentTarget&&b;){if(b.classList.contains("slackmsg-item")){a=b.id;break a}b=b.parentElement}a=void 0}if(a){a=parseFloat(a.split("_")[1]);for(var b=I.b[N.id].a,d=0,c=b.length;d<c&&b[d].b<=a;d++)if(b[d].b===a){H!==b[d]&&(H=b[d],L());break}}break}b=b.parentElement}}function U(){document.getElementById("msgInput").focus()}
+function J(){var a=document.location.hash.substr(1),b=D(I.a,a),a=t(I.a,a);b&&b!==N?V(b):a&&a.a&&V(a.a)}
+document.addEventListener("DOMContentLoaded",function(){document.getElementById("chatWindow").addEventListener("click",da);window.addEventListener("hashchange",function(){document.location.hash&&"#"===document.location.hash[0]&&J()});document.getElementById("fileUploadCancel").addEventListener("click",function(a){a.preventDefault();document.getElementById("fileUploadError").classList.add("hidden");document.getElementById("fileUploadContainer").classList.add("hidden");document.getElementById("fileUploadInput").value=
+"";return!1});document.getElementById("fileUploadForm").addEventListener("submit",function(a){a.preventDefault();a=document.getElementById("fileUploadInput");var b=a.value;b&&(b=b.substr(b.lastIndexOf("\\")+1),ea(b,a.files[0],function(a){var b=document.getElementById("fileUploadError");a?(b.textContent=a,b.classList.remove("hidden")):(b.classList.add("hidden"),document.getElementById("fileUploadInput").value="",document.getElementById("fileUploadContainer").classList.add("hidden"))}));return!1});
+document.getElementById("attachFile").addEventListener("click",function(a){a.preventDefault();N&&document.getElementById("fileUploadContainer").classList.remove("hidden");return!1});document.getElementById("msgForm").addEventListener("submit",function(a){a.preventDefault();a=document.getElementById("msgInput");if(N&&a.value){var b=N,d=H,c=new XMLHttpRequest,f="api/msg?room="+b.id+"&text="+encodeURIComponent(a.value);if(d){var e=t(I.a,d.g),k="Message";"C"===b.id[0]?k="Channel message":"D"===b.id[0]?
+k="Direct message":"G"===b.id[0]&&(k="Group message");f+="&attachments="+encodeURIComponent(JSON.stringify([{fallback:d.a.text||"",author_name:"<@"+e.id+"|"+e.name+">",author_icon:e.b.j,text:d.a.text||"",footer:k,ts:d.b}]))}c.open("POST",f,!0);c.send(null);a.value="";H&&(H=null,L())}U();return!1});window.addEventListener("blur",function(){window.hasFocus=!1});window.addEventListener("focus",function(){window.hasFocus=!0;N&&W();U()});window.hasFocus=!0;X()});var I,S={};function fa(a,b){if(a&&(a!==N||!window.hasFocus)){var d=new RegExp("<@"+I.a.c.id),c=!1;S[a.id]||(S[a.id]={i:0,l:0});b.forEach(function(b){"message"===b.type&&b.text&&("D"===a.id[0]||b.text.match(d)?(S[a.id].i++,c=!0):S[a.id].l++)});R();document.getElementById(a.id).classList.add("unread");c&&document.getElementById(a.id).classList.add("unreadHi")}}
+function W(){var a=N;S[a.id]&&(S[a.id]={i:0,l:0},R());a=document.getElementById(a.id);a.classList.remove("unread");a.classList.remove("unreadHi")}I=new function(){this.c=0;this.a=new A;this.b={}};var Y=0,N=null;function Z(a){var b=new XMLHttpRequest;b.timeout=6E4;b.onreadystatechange=function(){if(4===b.readyState)if(b.status){var d=null,c=2===Math.floor(b.status/100);if(c){Y&&(Y=0,K(!0));d=b.response;try{d=JSON.parse(d)}catch(f){d=null}}else Y?(Y+=Math.floor((Y||5)/2),Y=Math.min(60,Y)):(Y=5,K(!1));a(c,d)}else Y&&(Y=0,K(!0)),Z(a)};b.open("GET","api?v="+I.c,!0);b.send(null)}
+function ga(a,b){if(a){if(b){var d=I;b.v&&(d.c=b.v);if(b["static"]){for(var c=d.a,f=b["static"],e=0,k=f.bots.length;e<k;e++)c.g[f.bots[e].id]=new x(f.bots[e]);e=0;for(k=f.users.length;e<k;e++)c.a[f.users[e].id]=new w(f.users[e]);e=0;for(k=f.ims.length;e<k;e++){var g=t(c,f.ims[e].user);g&&(g.a=new v(g,f.ims[e]),c.m[g.a.id]=g.a)}e=0;for(k=f.channels.length;e<k;e++)c.f[f.channels[e].id]=new l(f.channels[e],c);e=0;for(k=f.groups.length;e<k;e++)c.b[f.groups[e].id]=new u(c,f.groups[e]);c.h=new h(f.team);
+c.c=t(c,f.self.id);ca()}if(b.live){for(var n in b.live)(c=d.b[n])?F(c,b.live[n]):d.b[n]=new E(n,250,b.live[n]);for(var p in b.live)fa(D(d.a,p),b.live[p]),N&&b.live[N.id]&&T()}}X()}else setTimeout(X,1E3*Y)}function X(){Z(ga)}
+function V(a){N&&document.getElementById(N.id).classList.remove("selected");document.getElementById(a.id).classList.add("selected");document.body.classList.remove("no-room-selected");N=a;a=N.name||(N.c?N.c.name:void 0);if(!a){a=[];for(var b in N.a)a.push(N.a[b].name);a=a.join(", ")}document.getElementById("currentRoomTitle").textContent=a;T();U();document.getElementById("fileUploadContainer").classList.add("hidden");W();H&&(H=null,L());N.b&&!I.b[N.id]&&(b=new XMLHttpRequest,b.open("GET","api/hist?room="+
+N.id,!0),b.send(null))}function ea(a,b,d){var c=N;new FileReader;var f=new FormData,e=new XMLHttpRequest;f.append("file",b);f.append("filename",a);e.onreadystatechange=function(){4===e.readyState&&(204===e.status?d(null):d(e.statusText))};e.open("POST","api/file?room="+c.id);e.send(f)};

srv/public/style.css

@@ -12,7 +12,8 @@ body {
     left: 0;
     width: 250px;
     overflow-x: hidden;
-    overflow-y: scroll;
+    overflow-y: auto;
+    background-color: #4D394B;
 }
 
 .slack-chat-container {
@@ -23,11 +24,13 @@ body {
     left: 250px;
     right: 0;
     overflow: hidden;
+    padding: 0 10px;
 }
 
-.slack-context-room.selected {
-    background-color: lightgrey;
-}
+.slack-context-channellist { padding-left: 0; list-style: none; }
+.slack-context-room > a { display: block; padding: 3px 0 3px 1.5em; text-decoration: none; color: #AB9BA9; margin-right: 15px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
+.slack-context-room > a:hover { background-color: #3e313c; }
+.slack-context-room.selected > a { background-color: #4c9689; color: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
 
 .hidden { display: none; }
 .error { display: none; position: fixed; top: 0; left: 0; right: 0; height: 2em; line-height: 2em; background: #ffa2a2; padding: 0.5em 1em; }
@@ -38,7 +41,7 @@ body {
 .slack-chat-control { display: inline-block; position: relative; width: 100%; height: 2em; padding: 1.5em 0; }
 .slack-chat-control > * { display: inline-block; height: 100%; }
 .slack-context-room.unread { font-weight: bold; }
-.slack-context-room.slack-channel + .slack-context-room:not(.slack-channel), .slack-context-room.slack-group + .slack-context-room:not(.slack-group) { margin-top: 1em; border-top: 1px solid grey; }
+.slack-context-room.slack-channel + .slack-context-room:not(.slack-channel), .slack-context-room.slack-group + .slack-context-room:not(.slack-group) { margin-top: 1em; }
 .slackmsg-item { position: relative; background: #eee; }
 .slackmsg-item:not(:first-child) { margin-top: 15px; }
 .slackmsg-author { display: inline-block; }