From 055386767fa843d0d8e411f937d2ee3d87241629 Mon Sep 17 00:00:00 2001
From: SirStendec <sir@stendec.me>
Date: Tue, 22 Aug 2017 20:18:47 -0400
Subject: [PATCH] 3.5.512. Fix blocked games in social bar. Dark CSS tweaks.

---
 changelog.html         | 19 ++++++-------------
 dark.css               | 28 ++++++++++++++++++++++++++++
 old_changes.html       | 13 +++++++++++++
 src/ember/directory.js | 11 ++++++++++-
 src/ember/sidebar.js   | 11 +++++++++++
 src/main.js            |  2 +-
 6 files changed, 69 insertions(+), 15 deletions(-)

diff --git a/changelog.html b/changelog.html
index 7897095e..745b7370 100644
--- a/changelog.html
+++ b/changelog.html
@@ -1,3 +1,9 @@
+<div class="list-header">3.5.512 <time datetime="2017-08-18">(2017-08-18)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Blocked Games feature not properly hiding channels from the social bar.</li>
+	<li>Fixed: Dark CSS tweaks for the dashboard.</li>
+</ul>
+
 <div class="list-header">3.5.511 <time datetime="2017-08-12">(2017-08-12)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>Fixed: Bits rendering after Twitch removed the Ember bits-tags service.</li>
@@ -50,18 +56,5 @@
 	<li>Fixed: Use the <code>user-emotes</code> service in all places since <code>tmiSession</code>'s emote parser has been removed.</li>
 </ul>
 
-<div class="list-header">3.5.502 <time datetime="2017-07-13">(2017-07-13)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Dark theme for chat.</li>
-	<li>Yes. Again. Twitch reverted their changes within hours.</li>
-	<li>&nbsp;</li>
-	<li>Removed: Net neutrality support code.</li>
-</ul>
-
-<div class="list-header">3.5.501 <time datetime="2017-07-12">(2017-07-12)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Dark theme for chat.</li>
-</ul>
-
 <div class="list-header" id="ffz-old-news-button"><a href="#">View Older</a></div>
 <div id="ffz-old-news"></div>
\ No newline at end of file
diff --git a/dark.css b/dark.css
index 6983d3ee..4e0e35e8 100644
--- a/dark.css
+++ b/dark.css
@@ -401,6 +401,12 @@ body.ffz-dark:not([data-page="teams#show"]),
 	background-color: #444;
 }
 
+.ffz-dark .c-background-graph { background-color: #444 !important }
+
+.ffz-dark .shadow-border--bottom-right {
+	box-shadow: 1px 0 0 0 #474747, 0 1px 0 0 #474747;
+}
+
 .ffz-dark .switch,
 .ffz-dark .button,
 .ffz-dark .pl-button--hollow,
@@ -1934,6 +1940,7 @@ body.ffz-dark:not([data-page="teams#show"]),
 
 /* Video Uploads */
 
+.ffz-dark .vod-vertical-nav + div .card > div[style],
 .ffz-dark #video-manager .card > div[style],
 .ffz-dark .videos.uploads .card > div[style] {
 	background-color: #101010 !important;
@@ -1944,6 +1951,7 @@ body.ffz-dark:not([data-page="teams#show"]),
 	background-color: #161616;
 }
 
+.ffz-dark .drop-zone__border,
 .ffz-dark .subscription-modal__right,
 .ffz-dark .subscription-modal__bar {
 	border-color: rgba(255,255,255,0.2);
@@ -2176,4 +2184,24 @@ body.ffz-dark:not([data-page="teams#show"]),
 .ffz-dark .clmgr-table__cell-wrapper:nth-child(even) .clmgr-table__cell--collapsed:hover,
 .ffz-dark .clmgr-table__cell--collapsed:hover {
 	background-color: rgba(255,255,255,0.2);
+}
+
+.ffz-dark .stats-table__header {
+	background-color: #101010;
+}
+
+.ffz-dark .border,
+.ffz-dark .stats-table__cell,
+.ffz-dark .stats-table {
+	border-color: #474747;
+}
+
+.ffz-dark .stats-table__cell { color: #ccc }
+
+.ffz-dark .stats-table__row:nth-child(even) {
+	background-color: #191919;
+}
+
+.ffz-dark .stats-table__row:hover {
+	background-color: #333;
 }
\ No newline at end of file
diff --git a/old_changes.html b/old_changes.html
index 7635c2db..e7ae9d4a 100644
--- a/old_changes.html
+++ b/old_changes.html
@@ -1,3 +1,16 @@
+<div class="list-header">3.5.502 <time datetime="2017-07-13">(2017-07-13)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Dark theme for chat.</li>
+	<li>Yes. Again. Twitch reverted their changes within hours.</li>
+	<li>&nbsp;</li>
+	<li>Removed: Net neutrality support code.</li>
+</ul>
+
+<div class="list-header">3.5.501 <time datetime="2017-07-12">(2017-07-12)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Dark theme for chat.</li>
+</ul>
+
 <div class="list-header">3.5.500 <time datetime="2017-07-12">(2017-07-12)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>This version is half-way between 0 and 1000.</li>
diff --git a/src/ember/directory.js b/src/ember/directory.js
index 3ad8a9b1..9041833c 100644
--- a/src/ember/directory.js
+++ b/src/ember/directory.js
@@ -116,7 +116,16 @@ FFZ.settings_info.banned_games = {
 
 	on_update: function() {
 		var banned = this.settings.banned_games,
-			els = document.querySelectorAll('.ffz-directory-preview');
+			els = document.querySelectorAll('.ffz-directory-preview'),
+			SidebarThing = utils.ember_resolve('component:social-column/followed-channel'),
+			views = utils.ember_views();
+
+		if ( SidebarThing )
+			for(var key in views)
+				if ( views[key] instanceof SidebarThing )
+					try {
+						views[key].ffzUpdateVisibility();
+					} catch(err) { }
 
 		for(var i=0; i < els.length; i++) {
 			var el = els[i],
diff --git a/src/ember/sidebar.js b/src/ember/sidebar.js
index 8ed418f5..c1ffd809 100644
--- a/src/ember/sidebar.js
+++ b/src/ember/sidebar.js
@@ -379,12 +379,23 @@ FFZ._sc_followed_tooltip_id = 0;
 FFZ.prototype.modify_social_followed_channel = function(component) {
 	var f = this;
 	utils.ember_reopen_view(component, {
+		ffzUpdateVisibility: function() {
+			var el = this.get('element'),
+				game = this.get('stream.game'),
+				is_blocked = game ? f.settings.banned_games.indexOf(game.toLowerCase()) !== -1 : false;
+
+			el && el.classList.toggle('hidden', is_blocked);
+
+		}.observes('stream.game'),
+
 		ffz_init: function() {
 			var t = this,
 				el = this.get('element'),
 				card = jQuery('.js-sc-card', el),
 				data = card && card.data('tipsy');
 
+			this.ffzUpdateVisibility();
+
 			if ( ! data || ! data.options )
 				return;
 
diff --git a/src/main.js b/src/main.js
index 4219e288..5870647d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -61,7 +61,7 @@ FFZ.channel_metadata = {};
 
 // Version
 var VER = FFZ.version_info = {
-	major: 3, minor: 5, revision: 511,
+	major: 3, minor: 5, revision: 512,
 	toString: function() {
 		return [VER.major, VER.minor, VER.revision].join(".") + (VER.extra || "");
 	}