Add option to show/hide sidebar

Author: StyledStrike

lua/custom_chat/client/config.lua

@@ -11,6 +11,7 @@ function Config:Reset()
     self.fontSize = 18
     self.allowAnyURL = false
     self.timestamps = false
+    self.hideSidebar = false
     self.themeId = "default"
 end
 
@@ -78,6 +79,7 @@ function Config:Load()
     SetNumber( self, "fontSize", data.font_size, 10, 64 )
     SetBool( self, "timestamps", data.timestamps )
     SetBool( self, "allowAnyURL", data.allow_any_url )
+    SetBool( self, "hideSidebar", data.hide_sidebar )
 
     self.themeId = CustomChat.IsStringValid( data.theme_id ) and data.theme_id or "default"
 end
@@ -100,8 +102,9 @@ function Config:Save( immediate )
         offset_bottom	= self.offsetBottom,
 
         font_size		= self.fontSize,
-        allow_any_url 	= self.allowAnyURL,
         timestamps      = self.timestamps,
+        allow_any_url 	= self.allowAnyURL,
+        hide_sidebar    = self.hideSidebar,
         theme_id        = self.themeId
     } ) )
 end

lua/custom_chat/client/main.lua

@@ -135,6 +135,7 @@ function CustomChat:CreateFrame()
     self.frame:SetScreenLock( true )
     self.frame:SetMinWidth( 250 )
     self.frame:SetMinHeight( 150 )
+    self.frame:SetSidebarEnabled( not Config.hideSidebar )
 
     self.frame._MouseReleased = self.frame.OnMouseReleased
 
@@ -314,6 +315,16 @@ function CustomChat:OpenContextMenu( data )
 
     optionsMenu:AddSpacer()
 
+    optionsMenu:AddOption( L"channel.open_dm", function()
+        self.frame:OpenDirectMessage()
+    end ):SetIcon( "icon16/add.png" )
+
+    optionsMenu:AddOption( L( Config.hideSidebar and "side_bar.show" or "side_bar.hide" ), function()
+        Config.hideSidebar = not Config.hideSidebar
+        Config:Save()
+        self.frame:SetSidebarEnabled( not Config.hideSidebar )
+    end ):SetIcon( Config.hideSidebar and "icon16/application_side_expand.png" or "icon16/application_side_contract.png" )
+
     optionsMenu:AddOption( L( Config.timestamps and "timestamps.disable" or "timestamps.enable" ), function()
         Config.timestamps = not Config.timestamps
         Config:Save()

lua/custom_chat/client/vgui/chat_frame.lua

@@ -7,30 +7,7 @@ function PANEL:Init()
 
     self.channels = {}
     self.channelIndexes = {}
-
-    self.channelList = vgui.Create( "DPanel", self )
-    self.channelList:SetWide( 30 )
-    self.channelList:Dock( LEFT )
-    self.channelList:DockMargin( 0, -24, 4, 0 )
-    self.channelList:DockPadding( 2, 2, 2, 2 )
-    self.channelList._backgroundColor = Color( 0, 0, 0 )
-
-    self.channelList.Paint = function( s, w, h )
-        surface.SetDrawColor( s._backgroundColor:Unpack() )
-        surface.DrawRect( 0, 0, w, h )
-    end
-
-    local buttonOpenDM = vgui.Create( "DButton", self.channelList )
-    buttonOpenDM:SetText( "" )
-    buttonOpenDM:SetIcon( "icon16/add.png" )
-    buttonOpenDM:SetTall( 26 )
-    buttonOpenDM:SetTooltip( L"channel.open_dm" )
-    buttonOpenDM:SetPaintBackground( false )
-    buttonOpenDM:Dock( BOTTOM )
-
-    buttonOpenDM.DoClick = function()
-        self:OpenDirectMessage()
-    end
+    self.channelListBackgroundColor = Color( 0, 0, 0 )
 
     self.history = vgui.Create( "CustomChat_History", self )
     self.history:Dock( FILL )
@@ -153,6 +130,64 @@ function PANEL:Init()
     self:CloseChat()
 end
 
+function PANEL:SetSidebarEnabled( enable )
+    if not enable then
+        if IsValid( self.channelList ) then
+            self.channelList:Remove()
+        end
+
+        self.channelList = nil
+        return
+    end
+
+    self.channelList = vgui.Create( "DPanel", self )
+    self.channelList:SetWide( 30 )
+    self.channelList:Dock( LEFT )
+    self.channelList:DockMargin( 0, -24, 4, 0 )
+    self.channelList:DockPadding( 2, 2, 2, 2 )
+
+    self.channelList.Paint = function( _, w, h )
+        surface.SetDrawColor( self.channelListBackgroundColor:Unpack() )
+        surface.DrawRect( 0, 0, w, h )
+    end
+
+    self:UpdateChannelList()
+end
+
+function PANEL:UpdateChannelList()
+    if not self.channelList then return end
+
+    self.channelList:Clear()
+    self.channelList:SetVisible( self.isChatOpen )
+
+    for _, id in ipairs( self.channelIndexes ) do
+        local channel = self.channels[id]
+
+        local button = vgui.Create( "CustomChat_ChannelButton", self.channelList )
+        button:SetTall( 28 )
+        button:SetTooltip( channel.name )
+        button:SetIcon( channel.icon )
+        button:Dock( TOP )
+        button:DockMargin( 0, 0, 0, 2 )
+        button.channelId = id
+        button.isSelected = channel.isSelected
+        button.colorSelected = self.highlightColor
+        button.notificationCount = channel.notificationCount
+    end
+
+    local buttonOpenDM = vgui.Create( "DButton", self.channelList )
+    buttonOpenDM:SetText( "" )
+    buttonOpenDM:SetIcon( "icon16/add.png" )
+    buttonOpenDM:SetTall( 26 )
+    buttonOpenDM:SetTooltip( L"channel.open_dm" )
+    buttonOpenDM:SetPaintBackground( false )
+    buttonOpenDM:Dock( BOTTOM )
+
+    buttonOpenDM.DoClick = function()
+        self:OpenDirectMessage()
+    end
+end
+
 function PANEL:OpenChat()
     self.entryDock:SetTall( 20 )
     self.history:ScrollToBottom()
@@ -219,7 +254,7 @@ function PANEL:NextChannel()
     local currentIndex = 1
 
     for i, id in ipairs( self.channelIndexes ) do
-        if self.channels[id].button.isSelected then
+        if self.channels[id].isSelected then
             currentIndex = i
             break
         end
@@ -239,8 +274,9 @@ function PANEL:CreateChannel( id, name, icon )
 
     if channel then
         channel.name = name
-        channel.button:SetTooltip( name )
-        channel.button:SetIcon( icon )
+        channel.icon = icon
+
+        self:UpdateChannelList()
 
         return channel
     end
@@ -249,20 +285,14 @@ function PANEL:CreateChannel( id, name, icon )
 
     channel = {
         name = name,
-        missedCount = 0
+        icon = icon,
+        missedCount = 0,
+        notificationCount = 0
     }
 
-    channel.button = vgui.Create( "CustomChat_ChannelButton", self.channelList )
-    channel.button:SetTall( 28 )
-    channel.button:SetTooltip( name )
-    channel.button:SetIcon( icon )
-    channel.button:Dock( TOP )
-    channel.button:DockMargin( 0, 0, 0, 2 )
-    channel.button.channelId = id
-    channel.button.colorSelected = self.highlightColor
-
     self.channels[id] = channel
     self.channelIndexes[#self.channelIndexes + 1] = id
+    self:UpdateChannelList()
 
     return channel
 end
@@ -276,10 +306,10 @@ function PANEL:RemoveChannel( id )
 
     self.history:QueueJavascript( "RemoveChannel('" .. id .. "');" )
 
-    self.channels[id].button:Remove()
-    self.channels[id] = nil
-
     table.RemoveByValue( self.channelIndexes, id )
+
+    self.channels[id] = nil
+    self:UpdateChannelList()
 end
 
 function PANEL:SetActiveChannel( id )
@@ -296,7 +326,7 @@ function PANEL:SetActiveChannel( id )
     end
 
     for chid, c in pairs( self.channels ) do
-        c.button.isSelected = chid == id
+        c.isSelected = chid == id
     end
 
     if id == "team" then
@@ -318,12 +348,14 @@ function PANEL:SetActiveChannel( id )
 
     if self.isChatOpen then
         self.entry:RequestFocus()
+        self:UpdateChannelList()
     end
 end
 
 function PANEL:SetChannelNotificationCount( id, count )
     if self.channels[id] then
-        self.channels[id].button.notificationCount = count
+        self.channels[id].notificationCount = count
+        self:UpdateChannelList()
     end
 end
 
@@ -352,12 +384,9 @@ function PANEL:LoadThemeData( data )
     self.entry:SetHighlightColor( self.highlightColor )
 
     self.entryDock._backgroundColor = self.inputBackgroundColor
-    self.channelList._backgroundColor = self.inputBackgroundColor
-
-    for _, c in pairs( self.channels ) do
-        c.button.colorSelected = self.highlightColor
-    end
+    self.channelListBackgroundColor = self.inputBackgroundColor
 
+    self:UpdateChannelList()
     self:InvalidateChildren()
 end
 

resource/localization/en/custom_chat.properties

@@ -152,4 +152,6 @@ custom_chat.time.hours=hours
 custom_chat.time.minutes=minutes
 custom_chat.time.seconds=seconds
 custom_chat.last_seen2=ago.
-custom_chat.server_dms_disabled=Direct messages are disabled on this server.
+custom_chat.server_dms_disabled=Direct messages are disabled on this server.
+custom_chat.side_bar.show=Show sidebar
+custom_chat.side_bar.hide=Hide sidebar

resource/localization/pt-br/custom_chat.properties

@@ -152,4 +152,6 @@ custom_chat.time.hours=horas
 custom_chat.time.minutes=minutos
 custom_chat.time.seconds=segundos
 custom_chat.last_seen2=atrás.
-custom_chat.server_dms_disabled=Conversas privadas estão desabilitadas neste servidor.
+custom_chat.server_dms_disabled=Conversas privadas estão desabilitadas neste servidor.
+custom_chat.side_bar.show=Mostrar barra lateral
+custom_chat.side_bar.hide=Esconder barra lateral

resource/localization/ru/custom_chat.properties

@@ -152,4 +152,6 @@ custom_chat.time.hours=ч.
 custom_chat.time.minutes=мин.
 custom_chat.time.seconds=сек.
 custom_chat.last_seen2=назад.
-custom_chat.server_dms_disabled=На этом сервере отключены личные переписки.
+custom_chat.server_dms_disabled=На этом сервере отключены личные переписки.
+custom_chat.side_bar.show=Показать боковую панель
+custom_chat.side_bar.hide=Скрыть боковую панель

resource/localization/tr/custom_chat.properties

@@ -152,4 +152,6 @@ custom_chat.time.hours=saat
 custom_chat.time.minutes=dakika
 custom_chat.time.seconds=saniye
 custom_chat.last_seen2=önce oynadı.
-custom_chat.server_dms_disabled=Bu sunucuda Doğrudan Mesajlar devre dışı bırakıldı.
+custom_chat.server_dms_disabled=Bu sunucuda Doğrudan Mesajlar devre dışı bırakıldı.
+custom_chat.side_bar.show=Kenar çubuğunu göster
+custom_chat.side_bar.hide=Kenar çubuğunu gizle