完成网址复制内容

public/index.html

@@ -62,5 +62,6 @@
         <script src="/scripts/externe/ng-infinite-scroll.min.js"></script>
         <script src="/scripts/externe/angular-sortable-view.min.js"></script>
         <script src="/scripts/externe/ngDialog.min.js"></script>
+        <script src="/scripts/externe/clipboard.min.js"></script>
     </body>
 </html>

public/scripts/controllers/bookmark-info-controller.js

@@ -41,6 +41,24 @@ app.controller('bookmarkInfoCtr', ['$scope', '$state', '$timeout', '$sce', '$win
         }
     }
 
+    $scope.copy = function(id, url) {
+        var clipboard = new Clipboard('#detailurl'+id, {
+            text: function() {
+                return url;
+            }
+        });
+
+        clipboard.on('success', function(e) {
+            toastr.success(url + '<br/>已复制到您的剪切板', "提示");
+            clipboard.destroy();
+        });
+
+        clipboard.on('error', function(e) {
+            toastr.error(url + '<br/>复制失败', "提示");
+            clipboard.destroy();
+        });
+    }
+
     function transition() {
         var data = ['scale', 'fade', 'fade up', 'fade down', 'fade left', 'fade right', 'horizontal flip',
             'vertical flip', 'drop', 'fly left', 'fly right', 'fly up', 'fly down', 'swing left', 'swing right', 'swing up',

public/scripts/controllers/bookmarks-controller.js

@@ -105,6 +105,24 @@ app.controller('bookmarksCtr', ['$scope', '$state', '$stateParams', '$filter', '
         });
     }
 
+    $scope.copy = function(id, url) {
+        var clipboard = new Clipboard('#url'+id, {
+            text: function() {
+                return url;
+            }
+        });
+
+        clipboard.on('success', function(e) {
+            toastr.success(url + '<br/>已复制到您的剪切板', "提示");
+            clipboard.destroy();
+        });
+
+        clipboard.on('error', function(e) {
+            toastr.error(url + '<br/>复制失败', "提示");
+            clipboard.destroy();
+        });
+    }
+
     $scope.jumpToTags = function(tagId) {
         $state.go('tags', {
             tagId: tagId,
@@ -180,32 +198,30 @@ app.controller('bookmarksCtr', ['$scope', '$state', '$stateParams', '$filter', '
                     login: true,
                     index: 0
                 });
-                // transition();
+                transition();
             })
             .catch((err) => console.log('getBookmarks err', err));
     }
 
 
     function transition() {
-        setTimeout(function() {
+        var data = ['scale', 'fade', 'fade up', 'fade down', 'fade left', 'fade right', 'horizontal flip',
-            var data = ['scale', 'fade', 'fade up', 'fade down', 'fade left', 'fade right', 'horizontal flip',
+            'vertical flip', 'drop', 'fly left', 'fly right', 'fly up', 'fly down', 'swing left', 'swing right', 'swing up',
-                'vertical flip', 'drop', 'fly left', 'fly right', 'fly up', 'fly down', 'swing left', 'swing right', 'swing up',
+            'swing down', 'browse', 'browse right', 'slide down', 'slide up', 'slide left', 'slide right'
-                'swing down', 'browse', 'browse right', 'slide down', 'slide up', 'slide left', 'slide right'
+        ];
-            ];
+        var t = data[parseInt(Math.random() * 1000) % data.length];
-            var t = data[parseInt(Math.random() * 1000) % data.length];
 
-            var className = 'js-segment-navigate';
+        var className = 'js-segment-navigate';
-            if ($scope.showStyle == 'card') {
+        if ($scope.showStyle == 'card') {
-                className = 'js-segment-card'
+            className = 'js-segment-card'
-            } else if ($scope.showStyle == 'table') {
+        } else if ($scope.showStyle == 'table') {
-                className = 'js-table-bookmarks'
+            className = 'js-table-bookmarks'
-            }
+        }
-            $('.' + className).transition('hide');
+        $('.' + className).transition('hide');
-            $('.' + className).transition({
+        $('.' + className).transition({
-                animation: t,
+            animation: t,
-                duration: 500,
+            duration: 500,
-            });
+        });
-        }, 10)
     }
     // TODO: 我要将编辑按钮固定在容器的右上角
     $(window).resize(updateEditPos);

public/scripts/controllers/search-controller.js

@@ -108,6 +108,24 @@ app.controller('searchCtr', ['$scope', '$state', '$stateParams', '$filter', '$wi
         pubSubService.publish('TagCtr.storeBookmark', b);
     }
 
+    $scope.copy = function(id, url) {
+        var clipboard = new Clipboard('#searchurl'+id, {
+            text: function() {
+                return url;
+            }
+        });
+
+        clipboard.on('success', function(e) {
+            toastr.success(url + '<br/>已复制到您的剪切板', "提示");
+            clipboard.destroy();
+        });
+
+        clipboard.on('error', function(e) {
+            toastr.error(url + '<br/>复制失败', "提示");
+            clipboard.destroy();
+        });
+    }
+
     $scope.search = function(page) {
         var params = {}
         params.userRange = $('.js-user-range').dropdown('get value');

public/scripts/controllers/tags-controller.js

@@ -126,6 +126,24 @@ app.controller('tagsCtr', ['$scope', '$filter', '$window', '$stateParams', '$tim
         });
     }
 
+    $scope.copy = function(id, url) {
+        var clipboard = new Clipboard('#tagurl'+id, {
+            text: function() {
+                return url;
+            }
+        });
+
+        clipboard.on('success', function(e) {
+            toastr.success(url + '<br/>已复制到您的剪切板', "提示");
+            clipboard.destroy();
+        });
+
+        clipboard.on('error', function(e) {
+            toastr.error(url + '<br/>复制失败', "提示");
+            clipboard.destroy();
+        });
+    }
+
     $scope.toggleMode = function() {
         $scope.edit = !$scope.edit;
         if (!$scope.edit) {

public/views/bookmark-info.html

@@ -20,7 +20,7 @@
                                 ng-click="jumpToUrl(bookmark.url, bookmark.id)"
                                 favicon-err="./images/favicon/{{bookmark.id}}.ico"
                                 title="点击跳转到原页面">
-                            <span ng-click="jumpToUrl(bookmark.url, bookmark.id)" style="cursor:pointer;" title="点击跳转到原页面">网页地址</span>：{{bookmark.url}}
+                            <span ng-click="jumpToUrl(bookmark.url, bookmark.id)" style="cursor:pointer;" title="点击跳转到原页面">网页地址</span>：<span  title="点击复制链接" ng-click="copy(bookmark.id, bookmark.url)" id="detailurl{{bookmark.id}}" style="cursor:default;">{{bookmark.url}}<span>
                         </div>
                     </div>
                     <div class="two column row">

public/views/bookmarks.html

@@ -68,7 +68,7 @@
                 </span>
             </td>
             <td>
-                <span title="{{bookmark.url}}">{{ bookmark.url }}</span>
+                <span title="{{bookmark.url}} 点击复制链接" ng-click="copy(bookmark.id, bookmark.url)" id="url{{bookmark.id}}" style="cursor:default;">{{ bookmark.url }}</span>
             </td>
             <td>{{ bookmark.click_count }}</td>
             <td>{{ bookmark.created_at }}</td>

public/views/search.html

@@ -136,7 +136,7 @@
                 </span>
             </td>
             <td>
-                <span title="{{bookmark.url}}">{{ bookmark.url }}</span>
+                <span  title="{{bookmark.url}} 点击复制链接" ng-click="copy(bookmark.id, bookmark.url)" id="searchurl{{bookmark.id}}" style="cursor:default;">{{ bookmark.url }}</span>
             </td>
             <td>{{ bookmark.click_count }}</td>
             <td>{{ bookmark.created_at }}</td>

public/views/tags.html

@@ -69,7 +69,7 @@
                 </span>
             </td>
             <td>
-                <span title="{{bookmark.url}}">{{ bookmark.url }}</span>
+                <span title="{{bookmark.url}} 点击复制链接" ng-click="copy(bookmark.id, bookmark.url)" id="tagurl{{bookmark.id}}" style="cursor:default;">{{ bookmark.url }}</span>
             </td>
             <td>{{ bookmark.click_count }}</td>
             <td>{{ bookmark.created_at }}</td>