From 692aaa0502ff1c33bc6c82c00cf3846b5f38b96d Mon Sep 17 00:00:00 2001
From: Thibaut Horel <thibaut.horel@gmail.com>
Date: Mon, 17 Jan 2011 18:35:14 +0100
Subject: Add jQuery UI. Change connect system to use a dialog (it's just a
 test, of course not definitive design).

---
 webclient/lib/basic.js | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

(limited to 'webclient/lib/basic.js')

diff --git a/webclient/lib/basic.js b/webclient/lib/basic.js
index f8b24e7..bfeff88 100644
--- a/webclient/lib/basic.js
+++ b/webclient/lib/basic.js
@@ -135,18 +135,25 @@ function onConnect(status)
     } else if ( status == Strophe.Status.CONNFAIL )
     {
         log('Strophe failed to connect.');
-        $('#connect').get(0).value = 'connect';
     } else if ( status == Strophe.Status.DISCONNECTING )
     {
         log('Strophe is disconnecting.');
     } else if ( status == Strophe.Status.DISCONNECTED )
     {
         log('Strophe is disconnected.');
-        $('#connect').get(0).value = 'connect';
     } else if ( status == Strophe.Status.CONNECTED )
     {
         log('Strophe is connected.');
         getRoster();
+        $('#password').val('');
+        $('#login').dialog('close');
+        $('#status').append($('<a href="#" id="connect">Disconnect</a>'));
+        $('#connect').click(function(){
+            connection.disconnect();
+            $('#roster ul').empty();
+            $('#login').dialog('open');
+            $(this).remove();
+         });
     }
 }
 
@@ -155,21 +162,18 @@ $(document).ready(function(){
    connection.rawInput = rawInput;
    connection.rawOutput = rawOutput;
 
-   $('#connect').bind('click', function(){
-       var button = $('#connect').get(0);
-       if ( button.value == 'connect' )
-       {
-           button.value = 'disconnect';
-           connection.connect($('#jid').get(0).value,
-                              $('#pass').get(0).value,
-                              onConnect);
-       } else
-       {
-           button.value = 'connect';
-           connection.disconnect();
+   $('#login').dialog({
+       autoOpen: true,
+       modal: true,
+       title: 'Connect',
+       buttons: { 
+           'Connect' : function () {
+               connection.connect($('#jid').get(0).value,
+                                  $('#pass').get(0).value,
+                                  onConnect);}
        }
    });
-
+   
    $('#bottomup').click(function(){
        $(this).next().slideToggle();
    });
-- 
cgit v1.2.3-70-g09d2