85 lines
3.4 KiB
JavaScript
85 lines
3.4 KiB
JavaScript
app.controller('bookmarkInfoCtr', ['$scope', '$state', '$timeout', '$sce', '$window', '$filter', '$document', 'bookmarkService', 'pubSubService', function($scope, $state, $timeout, $sce, $window, $filter, $document, bookmarkService, pubSubService) {
|
||
console.log("Hello bookmarkInfoCtr");
|
||
$scope.bookmark = {}
|
||
$scope.content = '';
|
||
$scope.loading = false;
|
||
|
||
pubSubService.subscribe('TagCtr.showBookmarkInfo', $scope, function(event, bookmark) {
|
||
console.log('subscribe TagCtr.showBookmarkInfo', bookmark);
|
||
$('.ui.modal.js-bookmark-info').modal({
|
||
closable: false,
|
||
}).modal('setting', 'transition', transition()).modal('show');
|
||
bookmark.favicon = bookmark.favicon || ('http://g.soz.im/'+bookmark.url +'/cdn.ico');
|
||
bookmark.image = bookmark.image || ('./images/snap/'+bookmark.id+'.png');
|
||
$scope.bookmark = bookmark;
|
||
$scope.bookmark.description = $sce.trustAsHtml(bookmark.description);
|
||
$scope.content = '';
|
||
var params = {
|
||
url: bookmark.url,
|
||
requestId: 1
|
||
}
|
||
$scope.loading = true;
|
||
setTimeout(function() {
|
||
$('.ui.modal.js-bookmark-info').modal("refresh");
|
||
}, 500);
|
||
bookmarkService.getArticle(params)
|
||
.then((data) => {
|
||
$scope.content = data.content ? $sce.trustAsHtml(data.content) : $sce.trustAsHtml('<p>数据获取失败，可能是服务器不允许获取，或者是https网站！</p>');
|
||
setTimeout(function() {
|
||
$('.ui.modal.js-bookmark-info').modal("refresh");
|
||
}, 100);
|
||
$scope.loading = false;
|
||
})
|
||
.catch((err) => {
|
||
$scope.content = $sce.trustAsHtml('<p>数据获取失败:' + JSON.stringify(err) + '</p>');
|
||
$scope.loading = false;
|
||
})
|
||
});
|
||
|
||
$scope.jumpToUrl = function(url, id) {
|
||
$window.open(url, '_blank');
|
||
if ($scope.bookmark.own) {
|
||
bookmarkService.clickBookmark({
|
||
id: id
|
||
});
|
||
$scope.bookmark.click_count += 1;
|
||
$scope.bookmark.last_click = $filter("date")(new Date(), "yyyy-MM-dd");
|
||
}
|
||
}
|
||
|
||
$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();
|
||
});
|
||
}
|
||
|
||
$document.bind("keydown", function(event) {
|
||
$scope.$apply(function() {
|
||
// Esc按键，退出
|
||
if (event.keyCode == 27) {
|
||
$('.ui.modal.js-bookmark-info').modal("hide");
|
||
}
|
||
})
|
||
});
|
||
|
||
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',
|
||
'swing down', 'browse', 'browse right', 'slide down', 'slide up', 'slide left', 'slide right'
|
||
];
|
||
return data[parseInt(Math.random() * 1000) % data.length];
|
||
}
|
||
}]);
|