Adding 'loaded' event to kiwi.events
[KiwiIRC.git] / client / src / index.html.tmpl
index f244e999b6c28961f7353c155c43a7ddb6cc3294..1d796fc7c5b9b2836b1f31eb3dd8405b6bfbf5ab 100644 (file)
@@ -9,11 +9,8 @@
 \r
 <link rel="shortcut icon" href="<%base_path%>/assets/img/favicon.ico">\r
 \r
-<link rel="stylesheet" type="text/css" href="<%base_path%>/assets/css/style.css" />\r
+<link rel="stylesheet" type="text/css" href="<%base_path%>/assets/css/style.css?t=<%build_time%>" />\r
 <link rel="stylesheet" type="text/css" href="<%base_path%>/assets/css/font-awesome.min.css" />\r
-<!--[if IE 7]>\r
-<link rel="stylesheet" type="text/css" href="/kiwi/assets/css/font-awesome-ie7.css" />\r
-<![endif]-->\r
 </head>\r
 <body>\r
 \r
@@ -22,8 +19,8 @@
             <div class="toolbar">\r
                 <div class="app_tools">\r
                     <ul class="main">\r
-                        <li class="settings"><i class="icon-cogs" title="Settings"></i></li>\r
-                        <li class="startup"><i class="icon-home" title="Home"></i></li>\r
+                        <li class="settings"><i class="fa fa-cogs" title="Settings"></i></li>\r
+                        <li class="startup"><i class="fa fa-home" title="Home"></i></li>\r
                         <li><a href="https://kiwiirc.com/" target="_blank"><img src="<%base_path%>/assets/img/ico.png" alt="KiwiIRC" title="KiwiIRC" /></a></li>\r
                     </ul>\r
                 </div>\r
             </div>\r
 \r
             <div class="right_bar disabled">\r
-                <div class="channel_tools">\r
-                    <i class="icon-info-sign channel_info" title="Channel Info"></i>\r
-                    <i class="icon-signout channel_part" title="Leave Channel"></i>\r
+                <div class="right-bar-toggle"><i class=""></i></div>\r
+                <div class="right-bar-content">\r
+                    <div class="channel_tools">\r
+                        <i class="fa fa-info-circle channel_info" title="Channel Info"></i>\r
+                        <i class="fa fa-sign-out channel_part" title="Leave Channel"></i>\r
+                        <i class="fa fa-angle-double-right right-bar-toggle-inner" title="Hide"></i>\r
+                    </div>\r
+                    <div class="memberlists"></div>\r
                 </div>\r
-                <div class="memberlists"></div>\r
             </div>\r
 \r
             <div class="controlbox">\r
 \r
 \r
                 <div class="control-group channel-banlist">\r
-                    <button class="show_banlist">Show banlist</button> <span class="banlist-status"></span>\r
+                    <button class="toggle_banlist">Toggle banlist</button> <span class="banlist-status"></span>\r
                     <table>\r
                         <thead>\r
                             <tr>\r
-                                <td>Bank Mask</td>\r
+                                <td>Ban Mask</td>\r
                                 <td>Added By</td>\r
                                 <td>Date Added</td>\r
                                 <td></td>\r
 \r
     <script type="text/html" id="tmpl_userbox">\r
         <div class="userbox">\r
-            <a class="close_menu if_op op"><i class="icon-star"></i><%= op %></a>\r
-            <a class="close_menu if_op deop"><i class="icon-star-empty"></i><%= de_op %></a>\r
-            <a class="close_menu if_op voice"><i class="icon-volume-up"></i><%= voice %></a>\r
-            <a class="close_menu if_op devoice"><i class="icon-volume-off"></i><%= de_voice %></a>\r
-            <a class="close_menu if_op kick"><i class="icon-remove"></i><%= kick %></a>\r
-            <a class="close_menu if_op ban"><i class="icon-ban-circle"></i><%= ban %></a>\r
-\r
-            <a class="close_menu query"><i class="icon-comment"></i><%= message %></a>\r
-            <a class="close_menu info"><i class="icon-info-sign"></i><%= info %></a>\r
+            <a class="close_menu if_op op"><i class="fa fa-star"></i><%= op %></a>\r
+            <a class="close_menu if_op deop"><i class="fa fa-star-o"></i><%= de_op %></a>\r
+            <a class="close_menu if_op voice"><i class="fa fa-volume-up"></i><%= voice %></a>\r
+            <a class="close_menu if_op devoice"><i class="fa fa-volume-off"></i><%= de_voice %></a>\r
+            <a class="close_menu if_op kick"><i class="fa fa-times"></i><%= kick %></a>\r
+            <a class="close_menu if_op ban"><i class="fa fa-ban"></i><%= ban %></a>\r
+\r
+            <a class="close_menu query"><i class="fa fa-comment"></i><%= message %></a>\r
+            <a class="close_menu info"><i class="fa fa-info-circle"></i><%= info %></a>\r
             <a class="close_menu ignore"><label><i><input type="checkbox" /></i><%= ignore %></label></a>\r
         </div>\r
     </script>\r
                                 <td>\r
                                     <div style="position:relative;">\r
                                         <input type="text" class="channel" id="server_select_channel">\r
-                                        <i class="icon-key" title="<%= channel_key %>"></i>\r
+                                        <i class="fa fa-key" title="<%= channel_key %>"></i>\r
                                     </div>\r
                                 </td>\r
                             </tr>\r
                             </tr>\r
                         </table>\r
 \r
-                        <a href="" onclick="return false;" class="show_more"><%= server_network %> <i class="icon-caret-down"></i></a>\r
+                        <a href="" onclick="return false;" class="show_more"><%= server_network %> <i class="fa fa-caret-down"></i></a>\r
                     </div>\r
 \r
 \r
                 #kiwi .script_editor .se_toolbar button i { font-size:1.2em; margin-left:3px; }\r
             </style>\r
             <div class="script_editor" style="height:100%; position:relative;">\r
-                <div class="se_toolbar"><button class="btn_save"><%= save %><i class="icon-save"></i></button><span class="status"></span></div>\r
+                <div class="se_toolbar"><button class="btn_save"><%= save %><i class="fa fa-floppy-o"></i></button><span class="status"></span></div>\r
                 <div class="editor" style="position:absolute;top:50px;bottom:0px;left:0px;right:0px;"></div>\r
             </div>\r
         </div>\r
 \r
         // If we're not interested in debug libs, start loading production files\r
         if (!getQueryVariable('debug')) {\r
-            scripts.push(['assets/libs/lodash.min.js']);\r
+            scripts.push(['assets/libs/lodash.min.js?t=<%build_time%>']);\r
             scripts.push([\r
-                'assets/libs/backbone.min.js',\r
-                'assets/libs/jed.js'\r
+                'assets/libs/backbone.min.js?t=<%build_time%>',\r
+                'assets/libs/jed.js?t=<%build_time%>'\r
             ]);\r
             scripts.push([\r
-                'assets/kiwi.min.js',\r
-                'assets/libs/engine.io.bundle.min.js'\r
+                'assets/kiwi.min.js?t=<%build_time%>',\r
+                'assets/libs/engine.io.bundle.min.js?t=<%build_time%>'\r
             ]);\r
 \r
             loadNextScript();\r
             opts.translations = data.translations;\r
             opts.locale = data.locale;\r
             opts.themes = data.themes;\r
-            opts.text_theme = data.server_settings.client.settings.text_theme;\r
 \r
             if (typeof data.kiwi_server !== 'undefined')\r
                 opts.kiwi_server = data.kiwi_server;\r