From 86921a5db88b89cdcf23ae5c6168c5a4fa40e47d Mon Sep 17 00:00:00 2001
From: Darren <darren@darrenwhitlen.com>
Date: Fri, 28 Oct 2011 09:53:37 +0100
Subject: [PATCH] Further mobile client dev.

---
 client/js/mobile.html | 18 ++++++++++--------
 client/js/mobile.js   | 29 +++++++++++++++++++++++++++--
 2 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/client/js/mobile.html b/client/js/mobile.html
index 95806ae..7f3e241 100644
--- a/client/js/mobile.html
+++ b/client/js/mobile.html
@@ -17,7 +17,7 @@
     $(function () {
         console.log('starting');
         kiwi.init();
-        kiwi.gateway.nick = "efhoerufre";
+        kiwi.gateway.nick = "mobwok"+Math.floor(Math.random()*500);
         kiwi.gateway.start('/kiwi');
     });
 
@@ -29,11 +29,11 @@
 <style type='text/css'> 
 * { margin:0px; padding:0px; }
 
-body { font-family:arial; font-size:14px; color:rgb(233,242,237); background:rgb(138,150,143); }
+body { font-family:arial; font-size:14px; color:rgb(233,242,237); background:#EBEBEB; }
 
-.fixed { position:fixed; width:100%; background:rgb(138,150,143); z-index:1; }
+.fixed { position:fixed; width:100%; background:#1B1B1B; top:0px; left:0px; z-index:1; }
 #hover_top { top:0px; }
-#hover_bottom { bottom:0px; background:red; }
+#hover_bottom { bottom:0px; top:auto; padding-top:3px; background:#1B1B1B; }
 
 #nav { padding:10px 1em 0px 1em; }
 #nav a { display:block; float:right; margin-right:1em; }
@@ -49,11 +49,13 @@ body { font-family:arial; font-size:14px; color:rgb(233,242,237); background:rgb
 #msgs { position:absolute; width:100%; top:0px; z-index:0; }
 #msgs > div { display:none; }
 #msgs > div.active { display:block; }
-.msg { border-bottom:1px solid gray; padding:4px 3px; }
-.msg .time { color: gray; display:block; font-size:0.9em; display:none; }
+.msg { border-bottom:1px solid #CCC; padding:4px 3px; }
+.msg .time { color: gray; display:block; font-size:0.9em; color:#777; display:none; }
 .msg .nick { color: rgb(199,199,199); }
-.msg .body { margin-left:2em; white-space:pre-wrap; word-wrap:break-word; }
-
+.msg .body { margin-left:2em; white-space:pre-wrap; word-wrap:break-word; color:#333; }
+.msg.motd .body { color:#666; }
+.msg.join .body { color: #009900; }
+.msg.part .body { color: #990000; }
 #msginp { width:100%; border:0px; margin:0px; padding:5px 3px; }
 </style>  
 </head> 
diff --git a/client/js/mobile.js b/client/js/mobile.js
index 65d0aea..bcb70b2 100644
--- a/client/js/mobile.js
+++ b/client/js/mobile.js
@@ -226,6 +226,7 @@ kiwi.ui = {
             }
             tab = kiwi.objects.MessageView.getCurrent();
             if (tab.title !== 'server') {
+                console.log(tab.title);
                 kiwi.gateway.privmsg(tab.title, msg);
                 tab.addMsg(kiwi.gateway.nick, msg);
             }
@@ -304,6 +305,20 @@ kiwi.init = function () {
         }
         tab.addMsg(data.nick, data.msg);
     });
+    gateway.bind('onjoin', function (e, data) {
+        var tab = kiwi.objects.MessageView.get(data.channel);
+        if (!tab) {
+            tab = new kiwi.objects.MessageView(data.channel);
+        }
+        tab.addMsg('', '--> ' + data.nick + ' has joined', 'join');
+    });
+    gateway.bind('onpart', function (e, data) {
+        var tab = kiwi.objects.MessageView.get(data.channel);
+        if (!tab) {
+            tab = new kiwi.objects.MessageView(data.channel);
+        }
+        tab.addMsg('', '<-- ' + data.nick + ' has left (' + data.message + ')', 'part');
+    });
 };
 
 
@@ -355,11 +370,15 @@ kiwi.objects.MessageView = function (name) {
     kiwi.ui.views[name.toLowerCase()] = this;
 }
 kiwi.objects.MessageView.prototype = new kiwi.objects.View();
-kiwi.objects.MessageView.prototype.addMsg = function (nick, text) {
+kiwi.objects.MessageView.prototype.msg_count = 0;
+kiwi.objects.MessageView.prototype.addMsg = function (nick, text, msg_class) {
     var msg, d = new Date(),
         time;
     
-    msg = $('<div class="msg"><span class="time"></span><span class="nick"></span><span class="body"></span></div>');
+    // The CSS class to use
+    msg_class = msg_class || '';
+
+    msg = $('<div class="msg ' + msg_class + '"><span class="time"></span><span class="nick"></span><span class="body"></span></div>');
     time = d.getHours().toString().lpad(2, "0") + ":" + d.getMinutes().toString().lpad(2, "0") + ":" + d.getSeconds().toString().lpad(2, "0");
 
     $('.time', msg).text(time);
@@ -367,6 +386,12 @@ kiwi.objects.MessageView.prototype.addMsg = function (nick, text) {
     $('.body', msg).text(kiwi.ui.formatIRCMsg(text));
     this.content.append(msg);
 
+    this.msg_count++;
+    if (this.msg_count > 5) {
+        $('.msg:first', this.content).remove();
+        this.msg_count--;
+    }
+
     this.scrollBottom();
 }
 // Static functions
-- 
2.25.1