Added copy button to mix

client/app/app.js

@@ -15,13 +15,14 @@ angular.module('dssWebApp', [
         'infinite-scroll',
         'angularFileUpload',
         'angulartics',
+        'ngClipboard',
         'angular-jwt',
         'http-auth-interceptor',
         'angular-smilies',
         'angulartics.google.analytics'
     ])
     .config(function ($stateProvider, $sceDelegateProvider, $httpProvider, $urlRouterProvider, $locationProvider, $provide,
-                      jwtInterceptorProvider, $analyticsProvider, dialogsProvider, DSProvider, DSHttpAdapterProvider,
+                      ngClipProvider, jwtInterceptorProvider, $analyticsProvider, dialogsProvider, DSProvider, DSHttpAdapterProvider,
                       SERVER_CONFIG, STORAGE) {
         $urlRouterProvider
             .otherwise('/');
@@ -30,6 +31,8 @@ angular.module('dssWebApp', [
         $httpProvider.defaults.useXDomain = true;
         $httpProvider.interceptors.push('AuthInterceptor');
 
+        ngClipProvider.setPath("bower_components/zeroclipboard/dist/ZeroClipboard.swf");
+
         $analyticsProvider.firstPageview(true);
         $analyticsProvider.withAutoBase(true);
 

client/app/main.controller.js

@@ -100,6 +100,19 @@ angular.module('dssWebApp')
             SocketService.removeHandler('site:broadcast');
         });
 
+        $scope.getMixUrl = function(mix){
+            var port = window.location.port;
+            return window.location.protocol +
+                "//" + window.location.hostname +
+                (port === '80' ? '' : ':' + port) +
+                $state.href('root.user.mix', {user: mix.user.slug, mix: mix.slug});
+        };
+
+        $scope.copyUrl = function(mix){
+            var url = getMixUrl(mix);
+            console.log("Copied URL", url);
+        };
+
         $scope.showChatbar = function () {
             $scope.chatVisible = !$scope.chatVisible;
         };

client/app/views/mixes/mixes.directive.html

@@ -2,13 +2,13 @@
     <div class="box-title">
         <a ui-sref="root.user.mix({user: mix.user.slug, mix: mix.slug})"><h3><i class="fa fa-headphones"></i>{{mix.title}}</h3></a>
         <div class="actions">
-            <a ng-click="copyUrl(mix)" class="btn btn-mini content-refresh" data-toggle="tooltip" data-title="Copy Link">
+            <btn clip-copy="getMixUrl(mix)" clip-click="copyUrl(mix)" class="btn btn-mini content-refresh" data-toggle="tooltip" data-title="Copy Link">
                 <i class="fa fa-copy"></i>
-            </a>
-            <a ng-if="mix.can_edit" ng-click="editMix(mix)" class="btn btn-mini content-refresh" data-toggle="tooltip" data-title="Edit">
+            </btn>
+            <a ng-show="mix.can_edit" ng-click="editMix(mix)" class="btn btn-mini content-refresh" data-toggle="tooltip" data-title="Edit">
                 <i class="fa fa-pencil"></i>
             </a>
-            <a ng-if="mix.can_edit" ng-click="deleteMix(mix)" class="btn btn-mini content-remove" data-toggle="tooltip" data-title="Delete">
+            <a ng-show="mix.can_edit" ng-click="deleteMix(mix)" class="btn btn-mini content-remove" data-toggle="tooltip" data-title="Delete">
                 <i class="fa fa-times"></i>
             </a>
         </div>

client/index.html

@@ -133,6 +133,8 @@
 
 <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
 <script src="bower_components/jasny-bootstrap/dist/js/jasny-bootstrap.js"></script>
+<script src="bower_components/zeroclipboard/dist/ZeroClipboard.min.js"></script>
+<script src="bower_components/ng-clip/dest/ng-clip.min.js"></script>
 
 <script src="bower_components/angular-deferred-bootstrap/angular-deferred-bootstrap.js"></script>
 <script src="bower_components/SoundManager2/script/soundmanager2-nodebug.js"></script>