Browse Source

[add][Refs #9] moar css

B Thibault 8 years ago
parent
commit
a9d300e489
5 changed files with 83 additions and 75 deletions
  1. 1 0
      cli/resources.js
  2. 12 12
      cli/ui.js
  3. 1 0
      srv/public/index.html
  4. 50 50
      srv/public/slack.min.js
  5. 19 13
      srv/public/style.css

+ 1 - 0
cli/resources.js

@@ -60,6 +60,7 @@ var R = {
         }
         ,msg: {
             item: "slackmsg-item"
+            ,content: "slackmsg-content"
             ,meMessage: "slackmsg-me_message"
             ,ts: "slackmsg-ts"
             ,author: "slackmsg-author"

+ 12 - 12
cli/ui.js

@@ -52,7 +52,7 @@ function createImsListItem(ims) {
 
     dom.id = ims.id;
     link.href = '#' +ims.id;
-    dom.className = R.klass.chatList.entry;
+    dom.className = R.klass.chatList.entry + " " +R.klass.chatList.typeDirect;
     link.textContent = ims.user.name;
     dom.appendChild(link);
     return dom;
@@ -211,9 +211,9 @@ window['toggleReaction'] = function(chanId, msgId, reaction) {
 **/
 function doCreateMessageDom(channelId, msg, skipAttachment) {
     var dom = document.createElement("div")
+        ,msgBlock = document.createElement("div")
         ,ts = document.createElement("div")
         ,text = document.createElement("div")
-        ,author = document.createElement("div")
         ,authorImg = document.createElement("img")
         ,authorName = document.createElement("span")
         ,hover = document.createElement("ul")
@@ -226,7 +226,6 @@ function doCreateMessageDom(channelId, msg, skipAttachment) {
     dom.className = R.klass.msg.item;
     ts.className = R.klass.msg.ts;
     text.className = R.klass.msg.msg;
-    author.className = R.klass.msg.author;
     authorImg.className = R.klass.msg.authorAvatar;
     authorName.className = R.klass.msg.authorname;
     hover.className = R.klass.msg.hover.container;
@@ -235,8 +234,6 @@ function doCreateMessageDom(channelId, msg, skipAttachment) {
     text.innerHTML = formatSlackText(msg.text);
     authorName.textContent = sender ? sender.name : (msg.username || "?");
     authorImg.src = sender ? sender.icons.image_48 : "";
-    author.appendChild(authorImg);
-    author.appendChild(authorName);
     hover.appendChild(hoverReply);
     if ('makeEmoji' in window) {
         var hoverReaction = document.createElement("li")
@@ -281,17 +278,19 @@ function doCreateMessageDom(channelId, msg, skipAttachment) {
             hover.appendChild(hoverRemove);
         }
     }
-    dom.appendChild(author);
-    dom.appendChild(text);
-    dom.appendChild(ts);
-    dom.appendChild(attachments);
+    dom.appendChild(authorImg);
+    msgBlock.appendChild(authorName);
+    msgBlock.appendChild(text);
+    msgBlock.appendChild(ts);
+    msgBlock.appendChild(attachments);
     if (msg.edited) {
         var edited = document.createElement("div");
         edited.textContent = locale.edited;
         edited.className = R.klass.msg.edited;
-        dom.appendChild(edited);
+        msgBlock.appendChild(edited);
     }
-    dom.appendChild(reactions);
+    msgBlock.appendChild(reactions);
+    msgBlock.className = R.klass.msg.content;
     attachments.className = R.klass.msg.attachment.list;
     reactions.className = R.klass.msg.reactions.container;
     if (skipAttachment !== true) {
@@ -305,6 +304,7 @@ function doCreateMessageDom(channelId, msg, skipAttachment) {
                 attachments.appendChild(domAttachment);
         });
     }
+    dom.appendChild(msgBlock);
     dom.appendChild(hover);
     return dom;
 }
@@ -379,7 +379,7 @@ function formatSlackText(fullText) {
     var msgContents = fullText.split(/\r?\n/g);
 
     for (var msgContentIndex=0, nbMsgContents = msgContents.length; msgContentIndex < nbMsgContents; msgContentIndex++) {
-        var msgContent = msgContents[msgContentIndex]
+        var msgContent = msgContents[msgContentIndex].trim()
             ,_msgContent = ""
             ,currentMods = {}
             ,quote = false

+ 1 - 0
srv/public/index.html

@@ -1,5 +1,6 @@
 <html>
     <head>
+        <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
         <link href="style.css" rel="stylesheet"/>
         <link href="emojione.sprites.css" rel="stylesheet"/>
         <link href="favicon_err.png" type="image/png" rel="icon" id="linkFavicon" />

+ 50 - 50
srv/public/slack.min.js

@@ -1,51 +1,51 @@
 function aa(a){this.id=a;this.a={O:"",R:"",T:"",U:"",I:"",J:"",L:"",V:""}}function ba(a){this.id=a;this.a={}}function ca(a){this.id=a;this.a={}}function da(a,b){this.id=a;this.f=b}function ea(a){this.id=a;this.a={M:"",N:"",m:"",s:"",K:"",S:""};this.f={};this.c=this.b=null}function fa(){this.b={};this.a=[]}function ga(a,b){a.b=JSON.parse(b.emoji_use);b.highlight_words?a.a=(b.highlight_words||"").split(",").filter(function(a){return""!==a.trim()}):b.highlights&&(a.a=b.highlights)}
-function ha(a){this.id=a;this.a={P:"",m:"",s:""};this.c=this.b=null}function n(){this.f=null;this.h={};this.l={};this.w={};this.b={};this.a=null;this.j={};this.c={}}function r(a,b){return a.b[b]||a.j[b]||null}function x(a,b){return a.h[b]||a.w[b]||a.l[b]||null}"undefined"!==typeof module&&(module.H.W=n);function ia(a,b){this.c=a.user||a.bot_id;this.j=a.username;this.id=a.ts;this.b=b||parseFloat(a.ts);this.text=a.text||"";this.h=a.attachments||[];this.i=!!a.edited;this.f=a.removed||!1;this.l="me_message"===a.subtype||a.isMeMessage;this.a={};this.version=this.b;var d=this;a.reactions&&a.reactions.forEach(function(a){d.a[a.name]=[];a.users.forEach(function(b){d.a[a.name].push(b)})})}
-function ja(a,b,d){b?(a.text=b.text||"",b.attachments&&(a.h=b.attachments),a.i=!!b.edited,a.f=!!b.removed,b.reactions&&(a.a={},b.reactions.forEach(function(b){a.a[b.name]=[];b.users.forEach(function(c){a.a[b.name].push(c)})}))):a.f=!0;a.version=d}function y(a,b,d){this.id="string"===typeof a?a:a.id;this.a=[];this.b=b;d&&z(this,d)}function ka(a,b,d,c){var f=!1;a.a[b]&&(1===a.a[b].length&&a.a[b][0]===d?(delete a.a[b],f=!0):a.a[b]=a.a[b].filter(function(a){return a!==d?!1:f=!0}));f&&(a.version=c)}
-function z(a,b){var d=0;b.forEach(function(a){d=Math.max(this.push(a),d)}.bind(a));la(a)}
-y.prototype.push=function(a){var b=parseFloat(a.ts);if(a.type&&"message"!==a.type)if("reaction_added"===a.type){var d=A(this,a.item.ts);if(d){var c=a.reaction;a=a.user;d.a[c]||(d.a[c]=[]);d.a[c].push(a);d.version=b}}else if("reaction_removed"===a.type)(d=A(this,a.item.ts))&&ka(d,a.reaction,a.user,b);else return 0;else{var d=!1,c=a.ts,f=a;"message_changed"===a.subtype&&a.previous_message?(c=a.previous_message.ts,f=a.message):"message_deleted"===a.subtype&&a.previous_message&&(c=a.previous_message.ts,
-f=null);for(var e=0,l=this.a.length;e<l;e++)if(this.a[e].id===c){ja(this.a[e],f,b);d=!0;break}d||this.a.push(new ia(a,b))}for(;this.a.length>this.b;)this.a.shift();return b};function ma(a){for(var b=B.b[D.id],d=0,c=b.a.length;d<c&&a>=b.a[d].b;d++)if(b.a[d].b===a)return b.a[d];return null}function A(a,b){for(var d=0,c=a.a.length;d<c;d++)if(a.a[d].id==b)return a.a[d];return null}function la(a){a.a.sort(function(a,d){return a.b-d.b})}"undefined"!==typeof module&&(module.H.X=y);var E={},F;function na(){var a;if(!a){for(var b=0,d=navigator.languages.length;b<d;b++)if(E.hasOwnProperty(navigator.languages[b])){a=navigator.languages[b];break}a||(a="en")}F=E[a];console.log("Loading language pack: "+a);if(F.g)for(b in F.g)document.getElementById(b).textContent=F.g[b]};E.fr={G:"Utilisateur inconnu",F:"Channel inconnu",B:"Nouveau message",A:"Reseau",i:"edit&eacute;",g:{fileUploadCancel:"Annuler",neterror:"Impossible de se connecter au chat !"}};E.en={G:"Unknown member",F:"Unknown channel",B:"New message",A:"Network",i:"edited",g:{fileUploadCancel:"Cancel",neterror:"Cannot connect to chat !"}};var I=null,J=0;
-function oa(){var a=document.createDocumentFragment(),b=B.a.a?Object.keys(B.a.a.f):[];b.sort(function(a,b){return a[0]!==b[0]?a[0]-b[0]:x(B.a,a).name.localeCompare(x(B.a,b).name)});b.forEach(function(b){b=x(B.a,b);if(!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=B.a.b?Object.keys(B.a.b):[];b.sort(function(a,b){return B.a.b[a].name.localeCompare(B.a.b[b].name)});b.forEach(function(b){b=r(B.a,b);if(!b.h){b=b.b;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.f.name;c.appendChild(d);c&&a.appendChild(c)}});document.getElementById("chanList").textContent="";document.getElementById("chanList").appendChild(a);M();N()}
-function O(a){a?document.body.classList.remove("no-network"):document.body.classList.add("no-network");N()}function P(){if(I){document.body.classList.add("replyingTo");var a=document.getElementById("replyToContainer"),b=document.createElement("a");b.addEventListener("click",function(){I=null;P()});b.className="replyto-close";b.textContent="x";a.textContent="";a.appendChild(b);a.appendChild(Q("reply_"+D.id,I,!0))}else document.body.classList.remove("replyingTo")}
-function pa(a,b,d,c){var f=S(d);if(f){for(var e=document.createElement("li"),l=document.createElement("a"),g=document.createElement("span"),h=document.createElement("span"),m=[],k=0,p=c.length;k<p;k++){var q=r(B.a,c[k]);q&&m.push(q.name)}m.sort();h.textContent=m.join(", ");g.appendChild(f);g.className="emoji-small";l.href="javascript:toggleReaction('"+a+"', '"+b+"', '"+d+"')";l.appendChild(g);l.appendChild(h);e.className="slackmsg-reaction-item";e.appendChild(l);return e}return null}
-window.toggleReaction=function(a,b,d){var c=B.b[a];if(c&&(c=A(c,b))){var f=B.a.a.id;c.a[d]&&-1!==c.a[d].indexOf(f)?(c=new XMLHttpRequest,c.open("DELETE","api/reaction?room="+a+"&msg="+b+"&reaction="+encodeURIComponent(d),!0),c.send(null)):T(a,b,d)}};
-function U(a,b,d){var c=document.createElement("div"),f=document.createElement("div"),e=document.createElement("div"),l=document.createElement("div"),g=document.createElement("img"),h=document.createElement("span"),m=document.createElement("ul"),k=document.createElement("li"),p=document.createElement("ul"),q=document.createElement("ul"),u=r(B.a,b.c);c.id=a+"_"+b.b;c.className="slackmsg-item";f.className="slackmsg-ts";e.className="slackmsg-msg";l.className="slackmsg-author";g.className="slackmsg-author-img";
-h.className="slackmsg-author-name";m.className="slackmsg-hover";k.className="slackmsg-hover-reply";f.innerHTML=qa(b.b);e.innerHTML=V(b.text);h.textContent=u?u.name:b.j||"?";g.src=u?u.a.m:"";l.appendChild(g);l.appendChild(h);m.appendChild(k);if("makeEmoji"in window){var h=document.createElement("li"),u=window.makeEmoji("arrow_heading_down"),t=window.makeEmoji("smile"),g=window.makeEmoji("x");h.className="slackmsg-hover-reaction";t?(h.classList.add("emoji-small"),h.appendChild(t)):h.style.backgroundImage=
-'url("smile.svg")';u?(k.classList.add("emoji-small"),k.appendChild(u)):k.style.backgroundImage='url("repl.svg")';m.appendChild(h);b.c===B.a.a.id&&(k=document.createElement("li"),k.className="slackmsg-hover-remove",g?k.classList.add("emoji-small"):k.style.backgroundImage='url("remove.svg")',k.appendChild(g),m.appendChild(k))}else k.style.backgroundImage='url("repl.svg")',b.c===B.a.a.id&&(k=document.createElement("li"),k.className="slackmsg-hover-remove",k.style.backgroundImage='url("remove.svg")',
-m.appendChild(k));c.appendChild(l);c.appendChild(e);c.appendChild(f);c.appendChild(p);b.i&&(f=document.createElement("div"),f.textContent=F.i,f.className="slackmsg-edited",c.appendChild(f));c.appendChild(q);p.className="slackmsg-attachments";q.className="slackmsg-reactions";if(!0!==d){if(b.a)for(var v in b.a)(d=pa(a,b.id,v,b.a[v]))&&q.appendChild(d);b.h.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"),h=document.createElement("a"),l=document.createElement("div"),v=document.createElement("div"),k=document.createElement("img"),u=document.createElement("img"),t=document.createElement("div"),m=document.createElement("img"),q=document.createElement("span"),w=document.createElement("span");b.className="slackmsg-attachment";var H="#e3e4e6";a.color&&("#"===a.color[0]?H=a.color[0]:"good"===a.color?H="#2fa44f":"warning"===a.color?H="#de9e31":
-"danger"===a.color&&(H="#d50200"));c.style.borderColor=H;d.className="slackmsg-attachment-pretext";a.pretext?d.innerHTML=V(a.pretext):d.classList.add("hidden");e.target="_blank";a.title?(e.innerHTML=V(a.title),a.title_link&&(e.href=a.title_link),e.className="slackmsg-attachment-title"):e.className="hidden slackmsg-attachment-title";h.target="_blank";f.className="slackmsg-author";a.author_name?(h.innerHTML=V(a.author_name),h.href=a.author_link||"",h.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");v.innerHTML=V(a.text||"");v.a="slackmsg-attachment-text";k.className="slackmsg-attachment-thumb";a.thumb_url?k.src=a.thumb_url:k.classList.add("hidden");u.className="slackmsg-attachment-img";a.image_url?u.src=a.image_url:u.classList.add("hidden");t.className="slackmsg-attachment-footer";q.className="slackmsg-attachment-footer-text";m.className="slackmsg-attachment-footer-icon";a.footer?(q.innerHTML=V(a.footer),
-a.footer_icon?m.src=a.footer_icon:m.classList.add("hidden")):(m.classList.add("hidden"),q.classList.add("hidden"));w.className="slackmsg-ts";a.ts?w.innerHTML=qa(a.ts):w.classList.add("hidden");f.appendChild(g);f.appendChild(h);l.appendChild(v);l.appendChild(k);t.appendChild(m);t.appendChild(q);t.appendChild(w);c.appendChild(e);c.appendChild(f);c.appendChild(l);c.appendChild(u);c.appendChild(t);b.appendChild(d);b.appendChild(c);b&&p.appendChild(b)})}c.appendChild(m);return c}
-function qa(a){"string"!==typeof a&&(a=parseFloat(a));return(new Date(1E3*a)).toLocaleTimeString()}function S(a){a:{for(var b=a,d={};!d[b];){if(a=B.a.c[b])if("alias:"==a.substr(0,6))d[b]=!0,b=a.substr(6);else{b=document.createElement("span");b.className="emoji-custom emoji";b.style.backgroundImage="url('"+a+"')";a=b;break a}break}a=b}"string"===typeof a&&"makeEmoji"in window&&(a=window.makeEmoji(a));return"string"===typeof a?null:a}
-function ra(a){return a.replace(/:([^ \t:]+):/g,function(b,d){var c=S(d);if(c){var f=document.createElement("span");f.className=b===a?"emoji-medium":"emoji-small";f.appendChild(c);return f.outerHTML}return b})}
-function V(a){a=a.split(/\r?\n/g);for(var b=0,d=a.length;b<d;b++){for(var c=a[b],f="",e={},l=!1,g=0,c=c.replace(RegExp("<([@#]?)([^>]*)>","g"),function(a,b,c){c=c.split("|");if("@"===b)c[1]?"@"!==c[1][0]&&(c[1]="@"+c[1]):(a=r(B.a,c[0]),c[1]=a?"@"+a.name:F.G),c[0]="#"+c[0],c[2]="slackmsg-link slackmsg-link-user";else if("#"===b)c[1]?"#"!==c[1][0]&&(c[1]="#"+c[1]):(a=x(B.a,c[0]),c[1]=a?"#"+a.name:F.F),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>"}),c=ra(c),h=c.length,m=function(a,b,c){for(;a[b];){if(" "!=a[b]&&a[b]!=c&&a[b+1]==c)return!0;b++}return!1},k=function(a){return Object.keys(e).length?'<span class="'+Object.keys(a).join(" ")+'">':""};g<h&&(" "===c[g]||"\t"===c[g]);)g++;"&gt;"===c.substr(g,4)&&(l=!0,g+=4);for(;g<h;g++){var p=c[g];if("<"===p){do f+=c[g++];while(">"!==c[g-1]);g--}else if(!e["slackmsg-style-bold"]&&
-"*"===p&&c[g+1]&&m(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-bold"]=!0,f+=k(e);else if(!e["slackmsg-style-strike"]&&"~"===p&&c[g+1]&&m(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-strike"]=!0,f+=k(e);else if(!e["slackmsg-style-code"]&&"`"===p&&c[g+1]&&m(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-code"]=!0,f+=k(e);else if(!e["slackmsg-style-italic"]&&"_"===p&&c[g+1]&&m(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-italic"]=
-!0,f+=k(e);else{var q=!1,f=f+p;do{if(e["slackmsg-style-bold"]&&"*"!==p&&"*"===c[g+1])delete e["slackmsg-style-bold"],q=!0;else if(e["slackmsg-style-strike"]&&"~"!==p&&"~"===c[g+1])delete e["slackmsg-style-strike"],q=!0;else if(e["slackmsg-style-code"]&&"`"!==p&&"`"===c[g+1])delete e["slackmsg-style-code"],q=!0;else if(e["slackmsg-style-italic"]&&"_"!==p&&"_"===c[g+1])delete e["slackmsg-style-italic"],q=!0;else break;p=c[++g]}while(g<h);q&&(f+="</span>"+k(e))}}e&&(f+="</span>");a[b]=l?'<span class="slackmsg-style-quote">'+
-f+"</span>":f}return a.join("<br/>")}function Q(a,b,d){b.l?(a=U(a,b,d),a.classList.add("slackmsg-me_message")):a=U(a,b,d);b.i&&a.classList.add("slackmsg-edited");return a}
-function N(){var a=0,b=0,d="";if(W)d="!"+F.A+" - ",document.getElementById("linkFavicon").href="favicon_err.png";else{for(var c in X)X.hasOwnProperty(c)&&(a+=X[c].u,b+=X[c].o);b?d="(!"+b+") - ":a&&(d="("+a+") - ");document.getElementById("linkFavicon").href=b||a?"favicon.png?h="+b+"&m="+a:"favicon_ok.png"}d+=B.a.f.name;document.title=d}
-function sa(){if("Notification"in window)if("granted"===Notification.permission){var a=Date.now();if(J+3E4<a){var b=new Notification(F.B);J=a;setTimeout(function(){b.close()},5E3)}}else"denied"!==Notification.permission&&Notification.requestPermission()}
-function ta(){var a=document.createDocumentFragment(),b=D.id;B.b[b]&&B.b[b].a.forEach(function(c){c.f||(c=Q(b,c),a.appendChild(c))});var d=document.getElementById("chatWindow");d.textContent="";d.appendChild(a);d.scrollTop=d.scrollHeight-d.clientHeight}
-function ua(a){function b(a,b){for(b=b||a.target;b!==a.currentTarget&&b;){if(b.classList.contains("slackmsg-item"))return b.id;b=b.parentElement}}for(var d=a.target;d!==a.currentTarget&&d&&!d.classList.contains("slackmsg-hover");){if(d.parentElement&&d.parentElement.classList.contains("slackmsg-hover")){if(a=b(a,d)){a=parseFloat(a.split("_")[1]);var c=ma(a);c&&d.classList.contains("slackmsg-hover-reply")?I!==c&&(I=c,P()):c&&d.classList.contains("slackmsg-hover-reaction")?va.D(document.body,function(a){a&&
-T(D.id,c.id,a)}):c&&d.classList.contains("slackmsg-hover-remove")&&(I&&(I=null,P()),wa(c))}break}d=d.parentElement}}function Y(){document.getElementById("msgInput").focus()}function M(){var a=document.location.hash.substr(1),b=x(B.a,a),a=r(B.a,a);b&&b!==D?xa(b):a&&a.b&&xa(a.b)}
-document.addEventListener("DOMContentLoaded",function(){na();document.getElementById("chatWindow").addEventListener("click",ua);window.addEventListener("hashchange",function(){document.location.hash&&"#"===document.location.hash[0]&&M()});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),ya(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();D&&document.getElementById("fileUploadContainer").classList.remove("hidden");return!1});document.getElementById("msgForm").addEventListener("submit",function(a){a.preventDefault();a=document.getElementById("msgInput");if(D&&a.value){var b=D,d=I,c=new XMLHttpRequest,f="api/msg?room="+b.id+"&text="+encodeURIComponent(a.value);if(d){var e=r(B.a,d.c),l="Message";"C"===b.id[0]?l="Channel message":"D"===b.id[0]?
-l="Direct message":"G"===b.id[0]&&(l="Group message");f+="&attachments="+encodeURIComponent(JSON.stringify([{fallback:d.text,author_name:"<@"+e.id+"|"+e.name+">",author_icon:e.a.m,text:d.text,footer:l,ts:d.b}]))}c.open("POST",f,!0);c.send(null);a.value="";I&&(I=null,P())}Y();return!1});window.addEventListener("blur",function(){window.hasFocus=!1});window.addEventListener("focus",function(){window.hasFocus=!0;J=0;D&&za();Y()});window.hasFocus=!0;(function(){var a=document.getElementById("emojiButton");
-if("makeEmoji"in window){var b=window.makeEmoji("smile");b?a.innerHTML="<span class='emoji-small'>"+b.outerHTML+"</span>":a.style.backgroundImage='url("smile.svg")';(b=window.makeEmoji("paperclip"))?document.getElementById("attachFile").innerHTML="<span class='emoji-small'>"+b.outerHTML+"</span>":document.getElementById("attachFile").style.backgroundImage='url("public/paperclip.svg")';a.addEventListener("click",function(){va.D(document.body,function(a){a&&(document.getElementById("msgInput").value+=
-":"+a+":");Y()})})}else a.classList.add("hidden")})();Z()});var va=function(){function a(a,b){for(var c=a.target;c!==h&&c&&"LI"!==c.nodeName;)c=c.parentElement;c&&"LI"===c.nodeName&&c.id&&"emojibar-"===c.id.substr(0,9)?b(c.id.substr(9)):b(null)}function b(){if(!d())return!1;G&&G(null);return!0}function d(){return h.parentElement?(h.parentElement.removeChild(m),h.parentElement.removeChild(h),!0):!1}function c(a){var b=0,c;a=void 0===a?u.value:a;if(g()){var d=window.searchEmojis(a);c=f(d);for(var h in t)t[h].visible&&(t[h].visible=!1,p.removeChild(t[h].g));
-h=0;for(var l=c.length;h<l;h++){var k=c[h].name,m=t[k];if(!m){var m=t,R=k,w=k,k=window.makeEmoji(d[k]),C=document.createElement("span");C.appendChild(k);C.className="emoji-medium";k=e(w,C);m=m[R]=k}m.visible||(m.visible=!0,p.appendChild(m.g));b++}}for(h in v)v[h].visible&&(v[h].visible=!1,q.removeChild(v[h].g));c=f(B.a.c);h=0;for(l=c.length;h<l;h++)k=c[h].name,""!==a&&k.substr(0,a.length)!==a||"alias:"===B.a.c[k].substr(0,6)||(m=v[k],m||(d=v,R=m=k,k=B.a.c[k],w=document.createElement("span"),C=document.createElement("span"),
-w.className="emoji emoji-custom",w.style.backgroundImage='url("'+k+'")',C.appendChild(w),C.className="emoji-medium",k=e(R,C),m=d[m]=k),m.visible||(m.visible=!0,q.appendChild(m.g)),b++);return b}function f(a){var b=B.a.a.c.b,c=[],d;for(d in a)c.push({name:d,C:0,count:b[d]||0});return c=c.sort(function(a,b){var c=b.count-a.count;return c?c:a.C-b.C})}function e(a,b){var c=document.createElement("li");c.appendChild(b);c.className="emojibar-list-item";c.id="emojibar-"+a;return{visible:!1,g:c}}function l(a){var b=
-document.createElement("img"),c=document.createElement("div");b.src=a;c.appendChild(b);c.className="emojibar-header";return c}function g(){return"searchEmojis"in window}var h=document.createElement("div"),m=document.createElement("div"),k=document.createElement("div"),p=document.createElement("ul"),q=document.createElement("ul"),u=document.createElement("input"),t={},v={},w=document.createElement("div"),K=document.createElement("span"),L=document.createElement("span"),G;m.addEventListener("click",
-function(a){var c=h.getBoundingClientRect();(a.screenY<c.top||a.screenY>c.bottom||a.screenX<c.left||a.screenX>c.right)&&b()});m.className="emojibar-overlay";h.className="emojibar";k.className="emojibar-emojis";w.className="emojibar-detail";K.className="emojibar-detail-img";L.className="emojibar-detail-name";p.className=q.className="emojibar-list";u.className="emojibar-search";w.appendChild(K);w.appendChild(L);k.appendChild(l(window.emojiProviderHeader));k.appendChild(p);k.appendChild(l("emojicustom.png"));
-k.appendChild(q);h.appendChild(k);h.appendChild(w);h.appendChild(u);u.addEventListener("keyup",function(){c()});h.addEventListener("mousemove",function(b){a(b,function(a){var b=a?t[a]||v[a]:null;b?(K.innerHTML=b.g.outerHTML,L.textContent=":"+a+":"):(K.textContent="",L.textContent="")})});h.addEventListener("click",function(b){a(b,function(a){a&&d()&&G&&G(a)})});return{isSupported:g,D:function(a,b){return g()?(G=b,a.appendChild(m),a.appendChild(h),u.value="",c(),u.focus(),!0):!1},search:c,close:b}}();var B,X={};
-function Aa(a,b){if(a!==D||!window.hasFocus){var d=new RegExp("<@"+B.a.a.id),c=!1,f=!1;X[a.id]||(X[a.id]={o:0,u:0});b.forEach(function(b){var e;if(!(e="D"===a.id[0]||b.text.match(d)))a:{b=b.text;e=B.a.a.c.a;for(var g=0,h=e.length;g<h;g++)if(-1!==b.indexOf(e[g])){console.log("Found highlight "+e[g]+" in "+b);e=!0;break a}e=!1}e?(f|=!X[a.id].o,X[a.id].o++,c=!0):X[a.id].u++});N();document.getElementById(a.id).classList.add("unread");c&&document.getElementById(a.id).classList.add("unreadHi");f&&!window.hasFocus&&
-sa()}}function za(){var a=D;X[a.id]&&(X[a.id]={o:0,u:0},N());a=document.getElementById(a.id);a.classList.remove("unread");a.classList.remove("unreadHi")}B=new function(){this.c=0;this.a=new n;this.b={}};var W=0,D=null;function Ba(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){W&&(W=0,O(!0));d=b.response;try{d=JSON.parse(d)}catch(f){d=null}}else W?(W+=Math.floor((W||5)/2),W=Math.min(60,W)):(W=5,O(!1));a(c,d)}else W&&(W=0,O(!0)),Ba(a)};b.open("GET","api?v="+B.c,!0);b.send(null)}
-function Ca(a,b){if(a){if(b){var d=B;b.v&&(d.c=b.v);if(b["static"]){var c=d.a,f=b["static"];if(f.bots)for(var e=0,l=f.bots.length;e<l;e++){var g=c.j[f.bots[e].id];g||(g=c.j[f.bots[e].id]=new ha(f.bots[e].id));var h=f.bots[e];g.h=h.deleted;g.name=h.name;g.a.P=h.icons.image_36;g.a.m=h.icons.image_48;g.a.s=h.icons.image_72}if(f.users)for(e=0,l=f.users.length;e<l;e++)(g=c.b[f.users[e].id])||(g=c.b[f.users[e].id]=new ea(f.users[e].id)),h=f.users[e],g.name=h.name,g.h=h.deleted,g.status=h.status,g.a.M=h.profile.image_24,
-g.a.N=h.profile.image_32,g.a.m=h.profile.image_48,g.a.s=h.profile.image_72,g.a.K=h.profile.image_192,g.a.S=h.profile.image_512;if(f.ims)for(e=0,l=f.ims.length;e<l;e++)if(h=r(c,f.ims[e].user))h.b||(c.w[f.ims[e].id]=h.b=new da(f.ims[e].id,h)),g=h.b,g.c=parseFloat(f.ims[e].last_read),g.b=h.h;if(f.channels)for(e=0,l=f.channels.length;e<l;e++){(g=c.h[f.channels[e].id])||(g=c.h[f.channels[e].id]=new ba(f.channels[e].id));var h=f.channels[e],m=c;g.name=h.name;g.b=h.is_archived;g.c=parseFloat(h.last_read);
-g.a={};if(h.members)for(var k=0,p=h.members.length;k<p;k++){var q=r(m,h.members[k]);g.a[q.id]=q;q.f[g.id]=g}}e=0;for(l=f.groups.length;e<l;e++){(g=c.l[f.groups[e].id])||(g=c.l[f.groups[e].id]=new ca(f.groups[e].id));h=c;m=f.groups[e];k=[];g.a={};p=0;for(q=m.members.length;p<q;p++){var u=r(h,m.members[p]);g.a[m.members[p]]=u;u.f[g.id]=g;k.push(u.name)}g.name=k.join(", ");g.b=m.is_archived;g.c=parseFloat(m.last_read)}f.emojis&&(c.c=f.emojis);c.f||(c.f=new aa(f.team.id));e=c.f;l=f.team;e.name=l.name;
-e.a.O=l.icon.image_34;e.a.R=l.icon.image_44;e.a.T=l.icon.image_68;e.a.U=l.icon.image_88;e.a.I=l.icon.image_102;e.a.J=l.icon.image_132;e.a.L=l.icon.image_230;e.a.V=l.icon.image_default;f.self&&(c.a=r(c,f.self.id),c.a.c||(c.a.c=new fa),ga(c.a.c,f.self.prefs));oa()}if(b.live){for(var t in b.live)(c=d.b[t])?z(c,b.live[t]):d.b[t]=new y(t,250,b.live[t]);for(var v in b.live)(t=x(d.a,v))&&!t.b&&(Aa(t,b.live[v]),D&&b.live[D.id]&&ta())}}Z()}else setTimeout(Z,1E3*W)}function Z(){Ba(Ca)}
-function xa(a){D&&document.getElementById(D.id).classList.remove("selected");document.getElementById(a.id).classList.add("selected");document.body.classList.remove("no-room-selected");D=a;a=D.name||(D.f?D.f.name:void 0);if(!a){a=[];for(var b in D.a)a.push(D.a[b].name);a=a.join(", ")}document.getElementById("currentRoomTitle").textContent=a;ta();Y();document.getElementById("fileUploadContainer").classList.add("hidden");za();I&&(I=null,P());D.c&&!B.b[D.id]&&(b=new XMLHttpRequest,b.open("GET","api/hist?room="+
-D.id,!0),b.send(null))}function ya(a,b,d){var c=D;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)}function wa(a){var b=new XMLHttpRequest;b.open("DELETE","api/msg?room="+D.id+"&ts="+a.id,!0);b.send(null)}
-function T(a,b,d){var c=new XMLHttpRequest;c.open("POST","api/reaction?room="+a+"&msg="+b+"&reaction="+encodeURIComponent(d),!0);c.send(null)};
+function ha(a){this.id=a;this.a={P:"",m:"",s:""};this.c=this.b=null}function n(){this.f=null;this.h={};this.l={};this.w={};this.b={};this.a=null;this.j={};this.c={}}function t(a,b){return a.b[b]||a.j[b]||null}function y(a,b){return a.h[b]||a.w[b]||a.l[b]||null}"undefined"!==typeof module&&(module.H.W=n);function ia(a,b){this.c=a.user||a.bot_id;this.j=a.username;this.id=a.ts;this.b=b||parseFloat(a.ts);this.text=a.text||"";this.h=a.attachments||[];this.i=!!a.edited;this.f=a.removed||!1;this.l="me_message"===a.subtype||a.isMeMessage;this.a={};this.version=this.b;var d=this;a.reactions&&a.reactions.forEach(function(a){d.a[a.name]=[];a.users.forEach(function(b){d.a[a.name].push(b)})})}
+function ja(a,b,d){b?(a.text=b.text||"",b.attachments&&(a.h=b.attachments),a.i=!!b.edited,a.f=!!b.removed,b.reactions&&(a.a={},b.reactions.forEach(function(b){a.a[b.name]=[];b.users.forEach(function(c){a.a[b.name].push(c)})}))):a.f=!0;a.version=d}function z(a,b,d){this.id="string"===typeof a?a:a.id;this.a=[];this.b=b;d&&A(this,d)}function ka(a,b,d,c){var f=!1;a.a[b]&&(1===a.a[b].length&&a.a[b][0]===d?(delete a.a[b],f=!0):a.a[b]=a.a[b].filter(function(a){return a!==d?!1:f=!0}));f&&(a.version=c)}
+function A(a,b){var d=0;b.forEach(function(a){d=Math.max(this.push(a),d)}.bind(a));la(a)}
+z.prototype.push=function(a){var b=parseFloat(a.ts);if(a.type&&"message"!==a.type)if("reaction_added"===a.type){var d=B(this,a.item.ts);if(d){var c=a.reaction;a=a.user;d.a[c]||(d.a[c]=[]);d.a[c].push(a);d.version=b}}else if("reaction_removed"===a.type)(d=B(this,a.item.ts))&&ka(d,a.reaction,a.user,b);else return 0;else{var d=!1,c=a.ts,f=a;"message_changed"===a.subtype&&a.previous_message?(c=a.previous_message.ts,f=a.message):"message_deleted"===a.subtype&&a.previous_message&&(c=a.previous_message.ts,
+f=null);for(var e=0,m=this.a.length;e<m;e++)if(this.a[e].id===c){ja(this.a[e],f,b);d=!0;break}d||this.a.push(new ia(a,b))}for(;this.a.length>this.b;)this.a.shift();return b};function ma(a){for(var b=C.b[D.id],d=0,c=b.a.length;d<c&&a>=b.a[d].b;d++)if(b.a[d].b===a)return b.a[d];return null}function B(a,b){for(var d=0,c=a.a.length;d<c;d++)if(a.a[d].id==b)return a.a[d];return null}function la(a){a.a.sort(function(a,d){return a.b-d.b})}"undefined"!==typeof module&&(module.H.X=z);var E={},F;function na(){var a;if(!a){for(var b=0,d=navigator.languages.length;b<d;b++)if(E.hasOwnProperty(navigator.languages[b])){a=navigator.languages[b];break}a||(a="en")}F=E[a];console.log("Loading language pack: "+a);if(F.g)for(b in F.g)document.getElementById(b).textContent=F.g[b]};E.fr={G:"Utilisateur inconnu",F:"Channel inconnu",B:"Nouveau message",A:"Reseau",i:"edit&eacute;",g:{fileUploadCancel:"Annuler",neterror:"Impossible de se connecter au chat !"}};E.en={G:"Unknown member",F:"Unknown channel",B:"New message",A:"Network",i:"edited",g:{fileUploadCancel:"Cancel",neterror:"Cannot connect to chat !"}};var H=null,I=0;
+function oa(){var a=document.createDocumentFragment(),b=C.a.a?Object.keys(C.a.a.f):[];b.sort(function(a,b){return a[0]!==b[0]?a[0]-b[0]:y(C.a,a).name.localeCompare(y(C.a,b).name)});b.forEach(function(b){b=y(C.a,b);if(!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=C.a.b?Object.keys(C.a.b):[];b.sort(function(a,b){return C.a.b[a].name.localeCompare(C.a.b[b].name)});b.forEach(function(b){b=t(C.a,b);if(!b.h){b=b.b;var c=document.createElement("li"),d=document.createElement("a");c.id=b.id;d.href="#"+b.id;c.className="slack-context-room slack-ims";d.textContent=b.f.name;c.appendChild(d);c&&a.appendChild(c)}});document.getElementById("chanList").textContent="";document.getElementById("chanList").appendChild(a);K();
+L()}function M(a){a?document.body.classList.remove("no-network"):document.body.classList.add("no-network");L()}function N(){if(H){document.body.classList.add("replyingTo");var a=document.getElementById("replyToContainer"),b=document.createElement("a");b.addEventListener("click",function(){H=null;N()});b.className="replyto-close";b.textContent="x";a.textContent="";a.appendChild(b);a.appendChild(O("reply_"+D.id,H,!0))}else document.body.classList.remove("replyingTo")}
+function pa(a,b,d,c){var f=Q(d);if(f){for(var e=document.createElement("li"),m=document.createElement("a"),g=document.createElement("span"),h=document.createElement("span"),l=[],k=0,p=c.length;k<p;k++){var q=t(C.a,c[k]);q&&l.push(q.name)}l.sort();h.textContent=l.join(", ");g.appendChild(f);g.className="emoji-small";m.href="javascript:toggleReaction('"+a+"', '"+b+"', '"+d+"')";m.appendChild(g);m.appendChild(h);e.className="slackmsg-reaction-item";e.appendChild(m);return e}return null}
+window.toggleReaction=function(a,b,d){var c=C.b[a];if(c&&(c=B(c,b))){var f=C.a.a.id;c.a[d]&&-1!==c.a[d].indexOf(f)?(c=new XMLHttpRequest,c.open("DELETE","api/reaction?room="+a+"&msg="+b+"&reaction="+encodeURIComponent(d),!0),c.send(null)):R(a,b,d)}};
+function S(a,b,d){var c=document.createElement("div"),f=document.createElement("div"),e=document.createElement("div"),m=document.createElement("div"),g=document.createElement("img"),h=document.createElement("span"),l=document.createElement("ul"),k=document.createElement("li"),p=document.createElement("ul"),q=document.createElement("ul"),u=t(C.a,b.c);c.id=a+"_"+b.b;c.className="slackmsg-item";e.className="slackmsg-ts";m.className="slackmsg-msg";g.className="slackmsg-author-img";h.className="slackmsg-author-name";
+l.className="slackmsg-hover";k.className="slackmsg-hover-reply";e.innerHTML=T(b.b);m.innerHTML=U(b.text);h.textContent=u?u.name:b.j||"?";g.src=u?u.a.m:"";l.appendChild(k);if("makeEmoji"in window){var r=document.createElement("li"),x=window.makeEmoji("arrow_heading_down"),v=window.makeEmoji("smile"),u=window.makeEmoji("x");r.className="slackmsg-hover-reaction";v?(r.classList.add("emoji-small"),r.appendChild(v)):r.style.backgroundImage='url("smile.svg")';x?(k.classList.add("emoji-small"),k.appendChild(x)):
+k.style.backgroundImage='url("repl.svg")';l.appendChild(r);b.c===C.a.a.id&&(k=document.createElement("li"),k.className="slackmsg-hover-remove",u?k.classList.add("emoji-small"):k.style.backgroundImage='url("remove.svg")',k.appendChild(u),l.appendChild(k))}else k.style.backgroundImage='url("repl.svg")',b.c===C.a.a.id&&(k=document.createElement("li"),k.className="slackmsg-hover-remove",k.style.backgroundImage='url("remove.svg")',l.appendChild(k));c.appendChild(g);f.appendChild(h);f.appendChild(m);f.appendChild(e);
+f.appendChild(p);b.i&&(e=document.createElement("div"),e.textContent=F.i,e.className="slackmsg-edited",f.appendChild(e));f.appendChild(q);f.className="slackmsg-content";p.className="slackmsg-attachments";q.className="slackmsg-reactions";if(!0!==d){if(b.a)for(var w in b.a)(d=pa(a,b.id,w,b.a[w]))&&q.appendChild(d);b.h.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"),h=document.createElement("a"),m=document.createElement("div"),x=document.createElement("div"),k=document.createElement("img"),u=document.createElement("img"),r=document.createElement("div"),l=document.createElement("img"),q=document.createElement("span"),v=document.createElement("span");b.className="slackmsg-attachment";var w="#e3e4e6";a.color&&("#"===a.color[0]?w=a.color[0]:"good"===a.color?w="#2fa44f":"warning"===a.color?w="#de9e31":"danger"===a.color&&(w="#d50200"));
+c.style.borderColor=w;d.className="slackmsg-attachment-pretext";a.pretext?d.innerHTML=U(a.pretext):d.classList.add("hidden");e.target="_blank";a.title?(e.innerHTML=U(a.title),a.title_link&&(e.href=a.title_link),e.className="slackmsg-attachment-title"):e.className="hidden slackmsg-attachment-title";h.target="_blank";f.className="slackmsg-author";a.author_name?(h.innerHTML=U(a.author_name),h.href=a.author_link||"",h.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");x.innerHTML=U(a.text||"");x.a="slackmsg-attachment-text";k.className="slackmsg-attachment-thumb";a.thumb_url?k.src=a.thumb_url:k.classList.add("hidden");u.className="slackmsg-attachment-img";a.image_url?u.src=a.image_url:u.classList.add("hidden");r.className="slackmsg-attachment-footer";q.className="slackmsg-attachment-footer-text";l.className="slackmsg-attachment-footer-icon";a.footer?(q.innerHTML=U(a.footer),a.footer_icon?l.src=
+a.footer_icon:l.classList.add("hidden")):(l.classList.add("hidden"),q.classList.add("hidden"));v.className="slackmsg-ts";a.ts?v.innerHTML=T(a.ts):v.classList.add("hidden");f.appendChild(g);f.appendChild(h);m.appendChild(x);m.appendChild(k);r.appendChild(l);r.appendChild(q);r.appendChild(v);c.appendChild(e);c.appendChild(f);c.appendChild(m);c.appendChild(u);c.appendChild(r);b.appendChild(d);b.appendChild(c);b&&p.appendChild(b)})}c.appendChild(f);c.appendChild(l);return c}
+function T(a){"string"!==typeof a&&(a=parseFloat(a));return(new Date(1E3*a)).toLocaleTimeString()}function Q(a){a:{for(var b=a,d={};!d[b];){if(a=C.a.c[b])if("alias:"==a.substr(0,6))d[b]=!0,b=a.substr(6);else{b=document.createElement("span");b.className="emoji-custom emoji";b.style.backgroundImage="url('"+a+"')";a=b;break a}break}a=b}"string"===typeof a&&"makeEmoji"in window&&(a=window.makeEmoji(a));return"string"===typeof a?null:a}
+function qa(a){return a.replace(/:([^ \t:]+):/g,function(b,d){var c=Q(d);if(c){var f=document.createElement("span");f.className=b===a?"emoji-medium":"emoji-small";f.appendChild(c);return f.outerHTML}return b})}
+function U(a){a=a.split(/\r?\n/g);for(var b=0,d=a.length;b<d;b++){for(var c=a[b].trim(),f="",e={},m=!1,g=0,c=c.replace(RegExp("<([@#]?)([^>]*)>","g"),function(a,b,c){c=c.split("|");if("@"===b)c[1]?"@"!==c[1][0]&&(c[1]="@"+c[1]):(a=t(C.a,c[0]),c[1]=a?"@"+a.name:F.G),c[0]="#"+c[0],c[2]="slackmsg-link slackmsg-link-user";else if("#"===b)c[1]?"#"!==c[1][0]&&(c[1]="#"+c[1]):(a=y(C.a,c[0]),c[1]=a?"#"+a.name:F.F),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>"}),c=qa(c),h=c.length,l=function(a,b,c){for(;a[b];){if(" "!=a[b]&&a[b]!=c&&a[b+1]==c)return!0;b++}return!1},k=function(a){return Object.keys(e).length?'<span class="'+Object.keys(a).join(" ")+'">':""};g<h&&(" "===c[g]||"\t"===c[g]);)g++;"&gt;"===c.substr(g,4)&&(m=!0,g+=4);for(;g<h;g++){var p=c[g];if("<"===p){do f+=c[g++];while(">"!==c[g-1]);g--}else if(!e["slackmsg-style-bold"]&&
+"*"===p&&c[g+1]&&l(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-bold"]=!0,f+=k(e);else if(!e["slackmsg-style-strike"]&&"~"===p&&c[g+1]&&l(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-strike"]=!0,f+=k(e);else if(!e["slackmsg-style-code"]&&"`"===p&&c[g+1]&&l(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-code"]=!0,f+=k(e);else if(!e["slackmsg-style-italic"]&&"_"===p&&c[g+1]&&l(c,g,p))Object.keys(e).length&&(f+="</span>"),e["slackmsg-style-italic"]=
+!0,f+=k(e);else{var q=!1,f=f+p;do{if(e["slackmsg-style-bold"]&&"*"!==p&&"*"===c[g+1])delete e["slackmsg-style-bold"],q=!0;else if(e["slackmsg-style-strike"]&&"~"!==p&&"~"===c[g+1])delete e["slackmsg-style-strike"],q=!0;else if(e["slackmsg-style-code"]&&"`"!==p&&"`"===c[g+1])delete e["slackmsg-style-code"],q=!0;else if(e["slackmsg-style-italic"]&&"_"!==p&&"_"===c[g+1])delete e["slackmsg-style-italic"],q=!0;else break;p=c[++g]}while(g<h);q&&(f+="</span>"+k(e))}}e&&(f+="</span>");a[b]=m?'<span class="slackmsg-style-quote">'+
+f+"</span>":f}return a.join("<br/>")}function O(a,b,d){b.l?(a=S(a,b,d),a.classList.add("slackmsg-me_message")):a=S(a,b,d);b.i&&a.classList.add("slackmsg-edited");return a}
+function L(){var a=0,b=0,d="";if(V)d="!"+F.A+" - ",document.getElementById("linkFavicon").href="favicon_err.png";else{for(var c in W)W.hasOwnProperty(c)&&(a+=W[c].u,b+=W[c].o);b?d="(!"+b+") - ":a&&(d="("+a+") - ");document.getElementById("linkFavicon").href=b||a?"favicon.png?h="+b+"&m="+a:"favicon_ok.png"}d+=C.a.f.name;document.title=d}
+function ra(){if("Notification"in window)if("granted"===Notification.permission){var a=Date.now();if(I+3E4<a){var b=new Notification(F.B);I=a;setTimeout(function(){b.close()},5E3)}}else"denied"!==Notification.permission&&Notification.requestPermission()}
+function X(){var a=document.createDocumentFragment(),b=D.id;C.b[b]&&C.b[b].a.forEach(function(c){c.f||(c=O(b,c),a.appendChild(c))});var d=document.getElementById("chatWindow");d.textContent="";d.appendChild(a);d.scrollTop=d.scrollHeight-d.clientHeight}
+function sa(a){function b(a,b){for(b=b||a.target;b!==a.currentTarget&&b;){if(b.classList.contains("slackmsg-item"))return b.id;b=b.parentElement}}for(var d=a.target;d!==a.currentTarget&&d&&!d.classList.contains("slackmsg-hover");){if(d.parentElement&&d.parentElement.classList.contains("slackmsg-hover")){if(a=b(a,d)){a=parseFloat(a.split("_")[1]);var c=ma(a);c&&d.classList.contains("slackmsg-hover-reply")?H!==c&&(H=c,N()):c&&d.classList.contains("slackmsg-hover-reaction")?ta.D(document.body,function(a){a&&
+R(D.id,c.id,a)}):c&&d.classList.contains("slackmsg-hover-remove")&&(H&&(H=null,N()),ua(c))}break}d=d.parentElement}}function Y(){document.getElementById("msgInput").focus()}function K(){var a=document.location.hash.substr(1),b=y(C.a,a),a=t(C.a,a);b&&b!==D?va(b):a&&a.b&&va(a.b)}
+document.addEventListener("DOMContentLoaded",function(){na();document.getElementById("chatWindow").addEventListener("click",sa);window.addEventListener("hashchange",function(){document.location.hash&&"#"===document.location.hash[0]&&K()});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),wa(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();D&&document.getElementById("fileUploadContainer").classList.remove("hidden");return!1});document.getElementById("msgForm").addEventListener("submit",function(a){a.preventDefault();a=document.getElementById("msgInput");if(D&&a.value){var b=D,d=H,c=new XMLHttpRequest,f="api/msg?room="+b.id+"&text="+encodeURIComponent(a.value);if(d){var e=t(C.a,d.c),m="Message";"C"===b.id[0]?m="Channel message":"D"===b.id[0]?
+m="Direct message":"G"===b.id[0]&&(m="Group message");f+="&attachments="+encodeURIComponent(JSON.stringify([{fallback:d.text,author_name:"<@"+e.id+"|"+e.name+">",author_icon:e.a.m,text:d.text,footer:m,ts:d.b}]))}c.open("POST",f,!0);c.send(null);a.value="";H&&(H=null,N())}Y();return!1});window.addEventListener("blur",function(){window.hasFocus=!1});window.addEventListener("focus",function(){window.hasFocus=!0;I=0;D&&xa();Y()});window.hasFocus=!0;(function(){var a=document.getElementById("emojiButton");
+if("makeEmoji"in window){var b=window.makeEmoji("smile");b?a.innerHTML="<span class='emoji-small'>"+b.outerHTML+"</span>":a.style.backgroundImage='url("smile.svg")';(b=window.makeEmoji("paperclip"))?document.getElementById("attachFile").innerHTML="<span class='emoji-small'>"+b.outerHTML+"</span>":document.getElementById("attachFile").style.backgroundImage='url("public/paperclip.svg")';a.addEventListener("click",function(){ta.D(document.body,function(a){a&&(document.getElementById("msgInput").value+=
+":"+a+":");Y()})})}else a.classList.add("hidden")})();Z()});var ta=function(){function a(a,b){for(var c=a.target;c!==h&&c&&"LI"!==c.nodeName;)c=c.parentElement;c&&"LI"===c.nodeName&&c.id&&"emojibar-"===c.id.substr(0,9)?b(c.id.substr(9)):b(null)}function b(){if(!d())return!1;G&&G(null);return!0}function d(){return h.parentElement?(h.parentElement.removeChild(l),h.parentElement.removeChild(h),!0):!1}function c(a){var b=0,c;a=void 0===a?u.value:a;if(g()){var d=window.searchEmojis(a);c=f(d);for(var h in r)r[h].visible&&(r[h].visible=!1,p.removeChild(r[h].g));
+h=0;for(var m=c.length;h<m;h++){var k=c[h].name,l=r[k];if(!l){var l=r,P=k,w=k,k=window.makeEmoji(d[k]),v=document.createElement("span");v.appendChild(k);v.className="emoji-medium";k=e(w,v);l=l[P]=k}l.visible||(l.visible=!0,p.appendChild(l.g));b++}}for(h in x)x[h].visible&&(x[h].visible=!1,q.removeChild(x[h].g));c=f(C.a.c);h=0;for(m=c.length;h<m;h++)k=c[h].name,""!==a&&k.substr(0,a.length)!==a||"alias:"===C.a.c[k].substr(0,6)||(l=x[k],l||(d=x,P=l=k,k=C.a.c[k],w=document.createElement("span"),v=document.createElement("span"),
+w.className="emoji emoji-custom",w.style.backgroundImage='url("'+k+'")',v.appendChild(w),v.className="emoji-medium",k=e(P,v),l=d[l]=k),l.visible||(l.visible=!0,q.appendChild(l.g)),b++);return b}function f(a){var b=C.a.a.c.b,c=[],d;for(d in a)c.push({name:d,C:0,count:b[d]||0});return c=c.sort(function(a,b){var c=b.count-a.count;return c?c:a.C-b.C})}function e(a,b){var c=document.createElement("li");c.appendChild(b);c.className="emojibar-list-item";c.id="emojibar-"+a;return{visible:!1,g:c}}function m(a){var b=
+document.createElement("img"),c=document.createElement("div");b.src=a;c.appendChild(b);c.className="emojibar-header";return c}function g(){return"searchEmojis"in window}var h=document.createElement("div"),l=document.createElement("div"),k=document.createElement("div"),p=document.createElement("ul"),q=document.createElement("ul"),u=document.createElement("input"),r={},x={},v=document.createElement("div"),w=document.createElement("span"),J=document.createElement("span"),G;l.addEventListener("click",
+function(a){var c=h.getBoundingClientRect();(a.screenY<c.top||a.screenY>c.bottom||a.screenX<c.left||a.screenX>c.right)&&b()});l.className="emojibar-overlay";h.className="emojibar";k.className="emojibar-emojis";v.className="emojibar-detail";w.className="emojibar-detail-img";J.className="emojibar-detail-name";p.className=q.className="emojibar-list";u.className="emojibar-search";v.appendChild(w);v.appendChild(J);k.appendChild(m(window.emojiProviderHeader));k.appendChild(p);k.appendChild(m("emojicustom.png"));
+k.appendChild(q);h.appendChild(k);h.appendChild(v);h.appendChild(u);u.addEventListener("keyup",function(){c()});h.addEventListener("mousemove",function(b){a(b,function(a){var b=a?r[a]||x[a]:null;b?(w.innerHTML=b.g.outerHTML,J.textContent=":"+a+":"):(w.textContent="",J.textContent="")})});h.addEventListener("click",function(b){a(b,function(a){a&&d()&&G&&G(a)})});return{isSupported:g,D:function(a,b){return g()?(G=b,a.appendChild(l),a.appendChild(h),u.value="",c(),u.focus(),!0):!1},search:c,close:b}}();var C,W={};
+function ya(a,b){if(a!==D||!window.hasFocus){var d=new RegExp("<@"+C.a.a.id),c=!1,f=!1;W[a.id]||(W[a.id]={o:0,u:0});b.forEach(function(b){var e;if(!(e="D"===a.id[0]||b.text.match(d)))a:{b=b.text;e=C.a.a.c.a;for(var g=0,h=e.length;g<h;g++)if(-1!==b.indexOf(e[g])){console.log("Found highlight "+e[g]+" in "+b);e=!0;break a}e=!1}e?(f|=!W[a.id].o,W[a.id].o++,c=!0):W[a.id].u++});L();document.getElementById(a.id).classList.add("unread");c&&document.getElementById(a.id).classList.add("unreadHi");f&&!window.hasFocus&&
+ra()}}function xa(){var a=D;W[a.id]&&(W[a.id]={o:0,u:0},L());a=document.getElementById(a.id);a.classList.remove("unread");a.classList.remove("unreadHi")}C=new function(){this.c=0;this.a=new n;this.b={}};var V=0,D=null;function za(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){V&&(V=0,M(!0));d=b.response;try{d=JSON.parse(d)}catch(f){d=null}}else V?(V+=Math.floor((V||5)/2),V=Math.min(60,V)):(V=5,M(!1));a(c,d)}else V&&(V=0,M(!0)),za(a)};b.open("GET","api?v="+C.c,!0);b.send(null)}
+function Aa(a,b){if(a){if(b){var d=C;b.v&&(d.c=b.v);if(b["static"]){var c=d.a,f=b["static"];if(f.bots)for(var e=0,m=f.bots.length;e<m;e++){var g=c.j[f.bots[e].id];g||(g=c.j[f.bots[e].id]=new ha(f.bots[e].id));var h=f.bots[e];g.h=h.deleted;g.name=h.name;g.a.P=h.icons.image_36;g.a.m=h.icons.image_48;g.a.s=h.icons.image_72}if(f.users)for(e=0,m=f.users.length;e<m;e++)(g=c.b[f.users[e].id])||(g=c.b[f.users[e].id]=new ea(f.users[e].id)),h=f.users[e],g.name=h.name,g.h=h.deleted,g.status=h.status,g.a.M=h.profile.image_24,
+g.a.N=h.profile.image_32,g.a.m=h.profile.image_48,g.a.s=h.profile.image_72,g.a.K=h.profile.image_192,g.a.S=h.profile.image_512;if(f.ims)for(e=0,m=f.ims.length;e<m;e++)if(h=t(c,f.ims[e].user))h.b||(c.w[f.ims[e].id]=h.b=new da(f.ims[e].id,h)),g=h.b,g.c=parseFloat(f.ims[e].last_read),g.b=h.h;if(f.channels)for(e=0,m=f.channels.length;e<m;e++){(g=c.h[f.channels[e].id])||(g=c.h[f.channels[e].id]=new ba(f.channels[e].id));var h=f.channels[e],l=c;g.name=h.name;g.b=h.is_archived;g.c=parseFloat(h.last_read);
+g.a={};if(h.members)for(var k=0,p=h.members.length;k<p;k++){var q=t(l,h.members[k]);g.a[q.id]=q;q.f[g.id]=g}}e=0;for(m=f.groups.length;e<m;e++){(g=c.l[f.groups[e].id])||(g=c.l[f.groups[e].id]=new ca(f.groups[e].id));h=c;l=f.groups[e];k=[];g.a={};p=0;for(q=l.members.length;p<q;p++){var u=t(h,l.members[p]);g.a[l.members[p]]=u;u.f[g.id]=g;k.push(u.name)}g.name=k.join(", ");g.b=l.is_archived;g.c=parseFloat(l.last_read)}f.emojis&&(c.c=f.emojis);c.f||(c.f=new aa(f.team.id));e=c.f;m=f.team;e.name=m.name;
+e.a.O=m.icon.image_34;e.a.R=m.icon.image_44;e.a.T=m.icon.image_68;e.a.U=m.icon.image_88;e.a.I=m.icon.image_102;e.a.J=m.icon.image_132;e.a.L=m.icon.image_230;e.a.V=m.icon.image_default;f.self&&(c.a=t(c,f.self.id),c.a.c||(c.a.c=new fa),ga(c.a.c,f.self.prefs));oa()}if(b.live){for(var r in b.live)(c=d.b[r])?A(c,b.live[r]):d.b[r]=new z(r,250,b.live[r]);for(var x in b.live)(r=y(d.a,x))&&!r.b&&(ya(r,b.live[x]),D&&b.live[D.id]&&X())}}Z()}else setTimeout(Z,1E3*V)}function Z(){za(Aa)}
+function va(a){D&&document.getElementById(D.id).classList.remove("selected");document.getElementById(a.id).classList.add("selected");document.body.classList.remove("no-room-selected");D=a;a=D.name||(D.f?D.f.name:void 0);if(!a){a=[];for(var b in D.a)a.push(D.a[b].name);a=a.join(", ")}document.getElementById("currentRoomTitle").textContent=a;X();Y();document.getElementById("fileUploadContainer").classList.add("hidden");xa();H&&(H=null,N());D.c&&!C.b[D.id]&&(b=new XMLHttpRequest,b.open("GET","api/hist?room="+
+D.id,!0),b.send(null))}function wa(a,b,d){var c=D;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)}function ua(a){var b=new XMLHttpRequest;b.open("DELETE","api/msg?room="+D.id+"&ts="+a.id,!0);b.send(null)}
+function R(a,b,d){var c=new XMLHttpRequest;c.open("POST","api/reaction?room="+a+"&msg="+b+"&reaction="+encodeURIComponent(d),!0);c.send(null)};

+ 19 - 13
srv/public/style.css

@@ -1,31 +1,35 @@
 
-body { display: flex; margin: 0; padding: 0; }
+body { display: flex; margin: 0; padding: 0; font-family: Lato, sans-serif; }
 
 .slack-context { display: inline-block; width: 250px; overflow-x: hidden; overflow-y: auto; background-color: #4D394B; }
-.slack-chat-container { display: flex; flex-direction: column; flex: 1; overflow: hidden; padding: 0 10px; }
+.slack-chat-container { display: flex; flex-direction: column; flex: 1; overflow: hidden; padding: 0; }
 
 .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; }
+.slack-context-room.slack-ims { font-style: italic; }
 
 .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; }
 .button { border: 1px solid black; background: white; cursor: pointer; font: 13.3333px Arial; margin: 0; padding: 1px 6px; }
 .no-network .error { display: inline-block; }
 .slack-chat-content { flex: 1; overflow: auto; }
-.slack-chat-title { display: inline-block; padding: 14px 0; font-size: 1.75em; font-style: italic; }
+.slack-chat-title { display: inline-block; padding: 14px 10px; font-size: 1.75em; font-style: italic; }
 .slack-chat-control { display: inline-block; width: 100%; height: 2em; padding: 14px 0; }
 .slack-chat-control > * { display: inline-block; height: 100%; }
 .slack-context-room.unread, .slack-context-room.unread > a { font-weight: bold; color: white; }
 .slack-context-room.unreadHi, .slack-context-room.unreadHi > a { font-weight: bold; color: #4c9689; }
 .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-item { display: flex; position: relative; padding: 10px; }
+.slackmsg-item:hover { background: #F9F9F9; }
+.slackmsg-content { display: inline-block; }
 .slackmsg-author { display: inline-block; }
-.slackmsg-author-img { margin-right: 15px; }
-.slackmsg-author-name { position: absolute; max-height: 1em; overflow: hidden; font-style: italic; }
-.slackmsg-msg { display: inline-block; vertical-align: top; margin-top: 1em; }
+.slackmsg-author-img { max-height: 48px; max-width: 48px; margin-right: 15px; }
+.slackmsg-author-name { display: block; font-style: italic; font-weight: bold; }
+.slackmsg-msg { display: inline-block; vertical-align: top; }
+.slackmsg-reactions:empty,.slackmsg-attachments:empty { display: none; }
+.slackmsg-reactions,.slackmsg-attachments { padding: 0 0 0 40px; }
 .slackmsg-ts {}
 
 .slackmsg-hover { display: none; position: absolute; top: 0; right: 0; margin: 0; list-style: none; padding: 0; }
@@ -34,15 +38,17 @@ body { display: flex; margin: 0; padding: 0; }
 .slackmsg-hover > li:first-child { border-bottom-left-radius: 5px; }
 .slackmsg-hover > li:last-child { border-top-right-radius: 5px; border-right: 1px; }
 .slack-chat-content .slackmsg-item:hover .slackmsg-hover { display: block; }
-.replyto-container { display: none; position: relative; height: 5em; width: 100%; }
+.replyto-container { display: none; width: 100%; }
 .replyingTo .replyto-container { display: inline-block; }
 .replyingTo .slack-chat-content { height: calc(100vh - 13em); }
 .replyto-container .replyto-close { position: absolute; display: inline-block; top: 15px; right: 0; height: 1.5em; width: 1.5em; text-align: center; cursor: pointer; z-index: 500; }
 
-.slackmsg-item.slackmsg-me_message { position: static; font-style: italic; }
-.slackmsg-item.slackmsg-me_message .slackmsg-author-name { position: static; }
+.slackmsg-item.slackmsg-me_message { font-style: italic; margin-right: 10px; }
+.slackmsg-item.slackmsg-me_message .slackmsg-author-name { position: static; display: inline; }
+.slackmsg-item.slackmsg-me_message .slackmsg-author-name::before { content: "* "; }
 .slackmsg-item.slackmsg-me_message .slackmsg-msg { margin: 0 0 0 1em; }
-.slackmsg-item.slackmsg-me_message .slackmsg-author-img, .slackmsg-item.slackmsg-me_message .slackmsg-ts { display: none; }
+.slackmsg-item.slackmsg-me_message .slackmsg-author-img { display: none; }
+.slackmsg-item.slackmsg-me_message .slackmsg-ts { display: block; }
 
 .slackmsg-style-bold { font-weight: bold; }
 .slackmsg-style-italic { font-style: italic; }
@@ -55,7 +61,7 @@ body { display: flex; margin: 0; padding: 0; }
 .slackmsg-attachment-img { max-height: 200px; max-width: 400px; }
 
 .attach-file-icon { height: 1.5em; vertical-align: bottom; }
-.msgform { display: flex; width: 100%; }
+.msgform { display: flex; margin: 0 10px; }
 .msgform-input { flex: 1; }
 .msgform-action { margin: 0 0 0 10px; }
 .msgform-action * { height: 1.5em; }