Merge pull request #3110 from troggy/logo-directive

Add logo directive

src/css/main.css

@@ -168,12 +168,6 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
   top: 0;
 }
 
-.logo-setup {
-  text-align: center;
-  margin: 0 0 0.1rem 0;
-  color: #8597A7;
-}
-
 .box-setup-footer {
   overflow: hidden;
   margin-top: 1rem;
@@ -522,11 +516,6 @@ ul.pagination li.current a {
   background: #1ABC9C;
 }
 
-.logo {
-  background: transparent url('../img/logo-negative-beta.svg') no-repeat;
-  background-size: 130px 51px;
-}
-
 input {
   border-radius: 2px;
   background: #EDEDED;

src/js/directives/directives.js

@@ -302,4 +302,18 @@ angular.module('copayApp.directives')
       replace: true,
       templateUrl: 'views/includes/menu-toggle.html'
     }
+  })
+  .directive('logo', function() {
+    return {
+      restrict: 'E',
+      scope: {
+        width: "@",
+        negative: "="
+      },
+      controller: function($scope) {
+        $scope.logo_url = $scope.negative ? 'img/logo-negative.png' : 'img/logo.png';
+      },
+      replace: true,
+      template: '<img ng-src="{{ logo_url }}" alt="Copay">'
+    }
   });