From 2e4c6f3e34b99ab4b07760f4b613f3f387585c9b Mon Sep 17 00:00:00 2001
From: Ates Goral <ates.g@myplanetdigital.com>
Date: Tue, 31 Mar 2015 20:38:21 -0400
Subject: [PATCH] Introduced custom theme slug + storing of colours in hash

---
 source/javascripts/all.js.erb | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/source/javascripts/all.js.erb b/source/javascripts/all.js.erb
index 4498299..8da8e17 100644
--- a/source/javascripts/all.js.erb
+++ b/source/javascripts/all.js.erb
@@ -15,9 +15,9 @@ app.config(['$stateProvider', '$urlRouterProvider',
         $urlRouterProvider.otherwise('/<%= themes.first.slug %>');
     }]);
 
-app.controller('ThemeController', ['$scope', '$stateParams', '$state',
-    function($scope, $stateParams, $state) {
-        var colors = {
+app.controller('ThemeController', ['$scope', '$stateParams', '$state', '$location',
+    function($scope, $stateParams, $state, $location) {
+        var themes = {
           <%= themes.map do |theme|
             "'#{theme.slug}': '#{theme.colors}'"
           end.join ",\n" %>
@@ -31,7 +31,14 @@ app.controller('ThemeController', ['$scope', '$stateParams', '$state',
             if (!slug) {
                 return;
             }
-            $scope.colors = colors[$scope.slug];
+            if (slug === 'custom') {
+                $scope.colors = $location.hash().split(',').map(function(part) {
+                    return '#' + part;
+                }).join(',');
+
+                return;
+            }
+            $scope.colors = themes[$scope.slug];
             $state.go('theme', { slug: slug });
         });
 
@@ -48,5 +55,17 @@ app.controller('ThemeController', ['$scope', '$stateParams', '$state',
             $scope.text_color = parts[5];
             $scope.active_presence = parts[6];
             $scope.mention_badge = parts[7];
+
+            function updateHash() {
+                $location.hash(parts.map(function(part) {
+                    return part.replace('#', '');
+                }));
+            }
+
+            if ($scope.slug === 'custom') {
+                updateHash();
+            } else if (colors !== themes[$scope.slug]) {
+                $state.go('theme', { slug: 'custom' }).then(updateHash);
+            }
         });
     }]);