projects / KiwiIRC.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Progress on Issue #78: If nick is taken, show a box somewhere to change it
[KiwiIRC.git] / client_backbone / index.html
diff --git a/client_backbone/index.html b/client_backbone/index.html
old mode 100644 (file)
new mode 100755 (executable)
index e2fc0b5..07f01bd
--- a/client_backbone/index.html
+++ b/client_backbone/index.html
@@ -5,13 +5,16 @@
 
 <title> KiwiIRC </title>
 
-<link rel="stylesheet" type="text/css" href="style.css" />
+<link rel="stylesheet" type="text/css" href="css/style.css" />
 
 </head>
 <body>
     <div id="kiwi">
         <div id="toolbar">
-            <ul class="panellist channels"></ul>
+            <div id="tabs">
+                <ul class="panellist channels"></ul>
+                <ul class="panellist applets"></ul>
+            </div>
 
             <div id="topic">
                 <input type="text" />
@@ -40,6 +43,12 @@
             <a class="info">Info</a>
         </div>
     </script>
+    
+    <script type="text/x-jquery-tmpl" id="tmpl_nickchange">
+        <div class="nickchange">
+            <label for="nickchange">New nick:</label> <input id="nickchange" type="text" mozactionhint="done" autocomplete="off" spellcheck="false"/> <input type="button" class="btn_nickchange" value="Change Nick" />
+        </div>
+    </script>
 
     <script type="text/x-jquery-tmpl" id="tmpl_server_select">
         <div class="server_select">
@@ -59,11 +68,44 @@
                     <input type="text" class="server" id="server_select_server"> <br />
                     <label for="server_select_channel">Channel</label>
                     <input type="text" class="channel" id="server_select_channel"> <br />
+                    <br />
+                    <label for="server_select_port">Port</label>
+                    <input type="text" class="port" id="server_select_port"> <br />
+                    <label for="server_select_password">Password</label>
+                    <input type="text" class="password" id="server_select_password"> <br />
+                    <label for="server_select_ssl">SSL</label>
+                    <input type="checkbox" class="ssl" id="server_select_ssl">
                 </div>
             </form>
         </div>
     </script>
 
+    <script type="text/x-jquery-tmpl" id="tmpl_applet_settings">
+        <div>
+            <select class="theme">
+                <option value="default">Default</option>
+                <option value="relaxed">Relaxed</option>
+                <option value="cli">CLI</option>
+            </select>
+            <button class="save">Save</button>
+        </div>
+    </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) */
@@ -109,7 +151,13 @@
                 
                 [
                     'dev/model_channel.js',
-                    'dev/model_server.js'
+                    'dev/model_server.js',
+                    'dev/model_applet.js'
+                ],
+
+                [
+                    'dev/applet_settings.js',
+                    'dev/applet_nickserv.js'
                 ],
 
                 [
@@ -118,26 +166,28 @@
                 ]
             ]);
         } else {
-            scripts.push('kiwi.min.js');
+            scripts.push('kiwi.js');
         }
 
 
         // Run after all dependancies have been loaded
-        function startApp () {    
-            kiwi.app = new kiwi.model.Application({container: $('#kiwi')});
+        function startApp () {
+            var opts = {
+                container: $('#kiwi'),
 
-            // Override the kiwi_server to use. (Think: running on standalone client..)
-            kiwi.app.kiwi_server = 'http://192.168.1.13:7778';
-            //kiwi.app.kiwi_server = 'http://localhost:7778';
+                // Override the kiwi_server to use. (Think: running on standalone client..)
+                kiwi_server: 'https://192.168.1.10:7777'
+            };
 
-            // Start everything going
-            kiwi.app.start();
+            // Start the app by either the dev or closed environment
+            (kiwi && kiwi.global && kiwi.global.start(opts)) || (kiwi && kiwi.start(opts));
         }
 
 
         // Load each script
         var cur_script = 0;
         function loadNextScript () {
+            // Start the kiwi app if all scripts have been loaded
             if (cur_script === scripts.length) {
                 startApp();
                 return;