Interface edits, additions, and fixes:

* Added a new module for exiting the client (client_exit).
* Added tab spacing to the UITabBar class.
* Added tab popup menus for things like channel tabs.
* Impelemented channel tab popup menus (still need to be finished).
* Fixed UITabBar tab draging (will now change after dragged half way over the
  next tab, not 2 pixels).
* Fixes to the client_options module.
* Edited some UI settings.
* Changed game_cooldown and game_spelllist menu button icons.
* Fixed some typos.

modules/game_console/console.lua

@@ -77,6 +77,7 @@ function init()
   consoleContentPanel = consolePanel:getChildById('consoleContentPanel')
   consoleTabBar = consolePanel:getChildById('consoleTabBar')
   consoleTabBar:setContentWidget(consoleContentPanel)
+  consoleTabBar:setTabSpacing(0)
   channels = {}
 
   defaultTab = addTab(tr('Default'), true)
@@ -182,6 +183,11 @@ function clear()
   end
 end
 
+function clearChannel(consoleTabBar)
+  consoleTabBar:getCurrentTab().tabPanel:getChildById('consoleBuffer'):destroyChildren()
+  consoleTabBar:getCurrentTab().tabPanel:getChildById('consoleBufferHighlight'):destroyChildren()
+end
+
 function setTextEditText(text)
   consoleTextEdit:setText(text)
 end
@@ -195,7 +201,7 @@ function addTab(name, focus)
   if tab then -- is channel already open
     if not focus then focus = true end
   else
-    tab = consoleTabBar:addTab(name)
+    tab = consoleTabBar:addTab(name, nil, processChannelTabMenu)
   end
   if focus then
     consoleTabBar:selectTab(tab)
@@ -205,6 +211,23 @@ function addTab(name, focus)
   return tab
 end
 
+function removeTab(name)
+  local tab = consoleTabBar:getTab(name)
+  if tab == defaultTab or tab == serverTab then return end
+
+  -- notificate the server that we are leaving the channel
+  if tab.channelId then
+    for k, v in pairs(channels) do
+      if (k == tab.channelId) then channels[k] = nil end
+    end
+    g_game.leaveChannel(tab.channelId)
+  elseif tab:getText() == "NPCs" then
+    g_game.closeNpcChannel()
+  end
+
+  consoleTabBar:removeTab(tab)
+end
+
 function removeCurrentTab()
   local tab = consoleTabBar:getCurrentTab()
   if tab == defaultTab or tab == serverTab then return end
@@ -371,7 +394,7 @@ function addTabText(text, speaktype, tab, creatureName)
     labelHighlight:setText("")
   end
 
-  label.onMouseRelease = function (self, mousePos, mouseButton) popupMenu(mousePos, mouseButton, creatureName, text) end
+  label.onMouseRelease = function (self, mousePos, mouseButton) processMessageMenu(mousePos, mouseButton, creatureName, text) end
 
   if consoleBuffer:getChildCount() > MAX_LINES then
     consoleBuffer:getFirstChild():destroy()
@@ -382,7 +405,22 @@ function addTabText(text, speaktype, tab, creatureName)
   end
 end
 
-function popupMenu(mousePos, mouseButton, creatureName, text)
+function processChannelTabMenu(tab, mousePos, mouseButton)
+  local menu = g_ui.createWidget('PopupMenu')
+
+  channelName = tab:getText()
+  if tab ~= defaultTab and tab ~= serverTab then
+    menu:addOption(tr('Close'), function() removeTab(channelName) end)
+    --menu:addOption(tr('Show Server Messages'), function() --[[TODO]] end)
+    menu:addSeparator()
+  end
+  menu:addOption(tr('Clear Messages'), function() clearChannel(consoleTabBar) end)
+  --menu:addOption(tr('Save Messages'), function() --[[TODO]] end)
+
+  menu:display(mousePos)
+end
+
+function processMessageMenu(mousePos, mouseButton, creatureName, text)
   if mouseButton == MouseRightButton then
     local menu = g_ui.createWidget('PopupMenu')
     if creatureName then

modules/game_console/console.otui

@@ -6,8 +6,8 @@ ConsoleLabel < UILabel
   text-wrap: true
   text-auto-resize: true
 
-ConsoleTabBar < TabBarRounded
-ConsoleTabBarPanel < TabBarRoundedPanel
+ConsoleTabBar < TabBar
+ConsoleTabBarPanel < TabBarPanel
   id: consoleTab
 
   ScrollablePanel
@@ -57,7 +57,9 @@ ConsoleTabBarPanel < TabBarRoundedPanel
     step: 14
     pixels-scroll: true
 
-ConsoleTabBarButton < TabBarRoundedButton
+ConsoleTabBarButton < TabBarButton
+  height: 28
+  padding: 15
 
 Panel
   id: consolePanel
@@ -73,11 +75,12 @@ Panel
 
   ConsoleTabBar
     id: consoleTabBar
-    height: 20
+    height: 28
     anchors.left: prev.right
-    anchors.top: prev.top
+    anchors.top: parent.top
     anchors.right: next.left
     margin-left: 5
+    margin-top: 3
     moveable: true
 
   TabButton
@@ -109,8 +112,7 @@ Panel
     margin-top: 6
     @onClick: |
       local consoleTabBar = self:getParent():getChildById('consoleTabBar')
-      consoleTabBar:getCurrentTab().tabPanel:getChildById('consoleBuffer'):destroyChildren()
-      consoleTabBar:getCurrentTab().tabPanel:getChildById('consoleBufferHighlight'):destroyChildren()
+      clearChannel(consoleTabBar)
 
   TabButton
     id: channelsButton