liweichun
/
my-bookmark
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完成网址复制内容

This commit is contained in:
luchenqun 2017-03-02 10:16:57 +08:00
parent 8db1fc1c06
commit 263d556c17
11 changed files with 101 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/copy.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
public/index.html
View File

@ -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>

18
public/scripts/controllers/bookmark-info-controller.js
View File

@ -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',

54
public/scripts/controllers/bookmarks-controller.js
View File

@ -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',
'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'
];
var t = data[parseInt(Math.random() * 1000) % data.length];
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',
'swing down', 'browse', 'browse right', 'slide down', 'slide up', 'slide left', 'slide right'
];
var t = data[parseInt(Math.random() * 1000) % data.length];
var className = 'js-segment-navigate';
if ($scope.showStyle == 'card') {
className = 'js-segment-card'
} else if ($scope.showStyle == 'table') {
className = 'js-table-bookmarks'
}
$('.' + className).transition('hide');
$('.' + className).transition({
animation: t,
duration: 500,
});
}, 10)
var className = 'js-segment-navigate';
if ($scope.showStyle == 'card') {
className = 'js-segment-card'
} else if ($scope.showStyle == 'table') {
className = 'js-table-bookmarks'
}
$('.' + className).transition('hide');
$('.' + className).transition({
animation: t,
duration: 500,
});
}
// TODO: 我要将编辑按钮固定在容器的右上角
$(window).resize(updateEditPos);

18
public/scripts/controllers/search-controller.js
View File

@ -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');

18
public/scripts/controllers/tags-controller.js
View File

@ -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) {

7
public/scripts/externe/clipboard.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
public/views/bookmark-info.html
View File

@ -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">

2
public/views/bookmarks.html
View File

@ -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>

2
public/views/search.html
View File

@ -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>

2
public/views/tags.html
View File

@ -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>