From: Darren <darren@darrenwhitlen.com>
Date: Mon, 17 Sep 2012 17:06:11 +0000 (+0100)
Subject: Basic channel listing
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=21536e7be7166129a27c03d44ecb5049bb70397e;p=KiwiIRC.git

Basic channel listing
---

diff --git a/client_backbone/dev/model_application.js b/client_backbone/dev/model_application.js
index 672ec7d..4af03ba 100644
--- a/client_backbone/dev/model_application.js
+++ b/client_backbone/dev/model_application.js
@@ -426,6 +426,35 @@ kiwi.model.Application = Backbone.Model.extend(new (function () {
         });
 
 
+        gw.on('onlist_start', function (data) {
+            if (kiwi.app.channel_list) {
+                kiwi.app.channel_list.view.remove();
+                delete kiwi.app.channel_list;
+            }
+
+            var panel = new kiwi.model.Applet(),
+                list = new ChannelList();
+
+            panel.set('title', 'Channel List');
+            panel.view.$el.append(list.view);
+            
+            kiwi.app.panels.add(panel);
+            panel.view.show();
+
+            kiwi.app.channel_list = list;
+        });
+
+
+        gw.on('onlist_channel', function (data) {
+            kiwi.app.channel_list.addChannel(data.chans);
+        });
+
+
+        gw.on('onlist_end', function (data) {
+            delete kiwi.app.channel_list;
+        });
+
+
         gw.on('onirc_error', function (data) {
             var panel, tmp;
 
diff --git a/client_backbone/dev/utils.js b/client_backbone/dev/utils.js
index 26f164e..a62872f 100644
--- a/client_backbone/dev/utils.js
+++ b/client_backbone/dev/utils.js
@@ -204,6 +204,84 @@ function InputPreProcessor () {
 
 
 
+
+
+
+
+
+
+
+
+
+function ChannelList () {
+    /*globals Utilityview */
+    var chanList, view, table, obj, renderTable, waiting;
+    chanList = [];
+
+    view = $($('#tmpl_channel_list').html());
+    table = view; //$('table', view);
+
+    waiting = false;
+    /**
+    *   @inner
+    */
+    renderTable = function () {
+        var tbody;
+        tbody = table.children('tbody:first').detach();
+        /*tbody.children().each(function (child) {
+            var i, chan;
+            child = $(child);
+            chan = child.children('td:first').text();
+            for (i = 0; i < chanList.length; i++) {
+                if (chanList[i].channel === chan) {
+                    chanList[i].html = child.detach();
+                    break;
+                }
+            }
+        });*/
+        _.each(chanList, function (chan) {
+            chan.html = $(chan.html).appendTo(tbody);
+        });
+        table = table.append(tbody);
+        waiting = false;
+    };
+    /**
+    *   @lends ChannelList
+    */
+    return {
+        /**
+        *   Adds a channel or channels to the list
+        *   @param  {Object}    channels    The channel or Array of channels to add
+        */
+        addChannel: function (channels) {
+            if (!_.isArray(channels)) {
+                channels = [channels];
+            }
+            _.each(channels, function (chan) {
+                var html, channel;
+                html = $('<tr><td><a class="chan">' + chan.channel + '</a></td><td class="num_users" style="text-align: center;">' + chan.num_users + '</td><td style="padding-left: 2em;">' + formatIRCMsg(chan.topic) + '</td></tr>');
+                chan.html = html;
+                chanList.push(chan);
+            });
+            chanList.sort(function (a, b) {
+                return b.num_users - a.num_users;
+            });
+            if (!waiting) {
+                waiting = true;
+                _.defer(renderTable);
+            }
+        },
+
+        view: view
+    };
+}
+
+
+
+
+
+
+
 /**
  * Convert HSL to RGB formatted colour
  */
diff --git a/client_backbone/dev/view.js b/client_backbone/dev/view.js
index 80bde05..4e0be2a 100644
--- a/client_backbone/dev/view.js
+++ b/client_backbone/dev/view.js
@@ -260,11 +260,12 @@ kiwi.view.Panel = Backbone.View.extend({
         // Show this panels memberlist
         var members = this.model.get("members");
         if (members) {
+            $('#memberlists').show();
             members.view.show();
             this.$container.parent().css('right', '200px');
         } else {
             // Memberlist not found for this panel, hide any active ones
-            $('#memberlists').children().removeClass('active');
+            $('#memberlists').hide().children().removeClass('active');
             this.$container.parent().css('right', '0');
         }
 
diff --git a/client_backbone/index.html b/client_backbone/index.html
index 47bdd9f..d771d90 100644
--- a/client_backbone/index.html
+++ b/client_backbone/index.html
@@ -86,6 +86,21 @@
     </script>
 
 
+    <script type="text/x=x-jquery-tmpl" id="tmpl_channel_list">
+        <table style="margin:1em 2em;">
+            <thead style="font-weight: bold;">
+                <tr>
+                    <td>Channel Name</td>
+                    <td>Users</td>
+                    <td style="padding-left: 2em;">Topic</td>
+                </tr>
+            </thead>
+            <tbody style="vertical-align: top;">
+            </tbody>
+        </table>
+    </script>
+
+
 <script>
 /* Script loader (https://github.com/ded/script.js) */
 (function(a,b,c){typeof c["module"]!="undefined"&&c.module.exports?c.module.exports=b():typeof c["define"]!="undefined"&&c["define"]=="function"&&c.define.amd?define(a,b):c[a]=b()})("$script",function(){function p(a,b){for(var c=0,d=a.length;c<d;++c)if(!b(a[c]))return j;return 1}function q(a,b){p(a,function(a){return!b(a)})}function r(a,b,i){function o(a){return a.call?a():d[a]}function t(){if(!--n){d[m]=1,l&&l();for(var a in f)p(a.split("|"),o)&&!q(f[a],o)&&(f[a]=[])}}a=a[k]?a:[a];var j=b&&b.call,l=j?b:i,m=j?a.join(""):b,n=a.length;return setTimeout(function(){q(a,function(a){if(h[a])return m&&(e[m]=1),h[a]==2&&t();h[a]=1,m&&(e[m]=1),s(!c.test(a)&&g?g+a+".js":a,t)})},0),r}function s(c,d){var e=a.createElement("script"),f=j;e.onload=e.onerror=e[o]=function(){if(e[m]&&!/^c|loade/.test(e[m])||f)return;e.onload=e[o]=null,f=1,h[c]=2,d()},e.async=1,e.src=c,b.insertBefore(e,b.firstChild)}var a=document,b=a.getElementsByTagName("head")[0],c=/^https?:\/\//,d={},e={},f={},g,h={},i="string",j=!1,k="push",l="DOMContentLoaded",m="readyState",n="addEventListener",o="onreadystatechange";return!a[m]&&a[n]&&(a[n](l,function t(){a.removeEventListener(l,t,j),a[m]="complete"},j),a[m]="loading"),r.get=s,r.order=function(a,b,c){(function d(e){e=a.shift(),a.length?r(e,d):r(e,b,c)})()},r.path=function(a){g=a},r.ready=function(a,b,c){a=a[k]?a:[a];var e=[];return!q(a,function(a){d[a]||e[k](a)})&&p(a,function(a){return d[a]})?b():!function(a){f[a]=f[a]||[],f[a][k](b),c&&c(e)}(a.join("|")),r},r},this)