316 lines
12 KiB
JavaScript
316 lines
12 KiB
JavaScript
app.controller('hotCtr', ['$scope', '$state', '$stateParams', '$filter', '$window', '$timeout', '$document', 'ngDialog', 'bookmarkService', 'pubSubService', 'dataService', function($scope, $state, $stateParams, $filter, $window, $timeout, $document, ngDialog, bookmarkService, pubSubService, dataService) {
|
||
console.log("Hello hotCtr...");
|
||
|
||
$scope.hoverBookmark = null;
|
||
$scope.bookmarks = []; // 书签数据
|
||
$scope.bookmarkNormalHover = false;
|
||
$scope.bookmarkEditHover = false;
|
||
const perPageItems = 20;
|
||
$scope.totalPages = 0;
|
||
$scope.currentPage = 1;
|
||
$scope.inputPage = '';
|
||
$scope.loadBusy = false;
|
||
$scope.curDay = 0;
|
||
$scope.toastrId = 0;
|
||
$scope.random = 0;
|
||
|
||
bookmarkService.autoLogin()
|
||
.then((data) => {
|
||
var login = data.logined;
|
||
var index = login ? dataService.LoginIndexHot : dataService.NotLoginIndexHot;
|
||
pubSubService.publish('Common.menuActive', {
|
||
login: login,
|
||
index: index
|
||
});
|
||
})
|
||
.catch((err) => {
|
||
console.log('autoLogin err', err)
|
||
});
|
||
|
||
getHotBookmarks();
|
||
|
||
$scope.jumpToUrl = function(url) {
|
||
$window.open(url, '_blank');
|
||
}
|
||
|
||
$scope.favoriteBookmark = function(b) {
|
||
var menusScope = $('div[ng-controller="menuCtr"]').scope();
|
||
var login = (menusScope && menusScope.login) || false;
|
||
if (!login) {
|
||
$scope.toastrId = toastr.info('请先登录再收藏书签！', "提示");
|
||
return;
|
||
}
|
||
|
||
var bookmark = {}
|
||
bookmark.description = '';
|
||
bookmark.title = b.title;
|
||
bookmark.url = b.url;
|
||
bookmark.public = 1;
|
||
bookmark.click_count = 1;
|
||
|
||
bookmarkService.favoriteBookmark(bookmark)
|
||
.then((data) => {
|
||
pubSubService.publish('EditCtr.inserBookmarsSuccess', data);
|
||
if (data.title) {
|
||
toastr.success('[ ' + data.title + ' ] 收藏成功！', "提示");
|
||
} else {
|
||
toastr.error('[ ' + bookmark.title + ' ] 收藏失败！', "提示");
|
||
}
|
||
})
|
||
.catch((err) => {
|
||
toastr.error('[ ' + bookmark.title + ' ] 收藏失败，' + JSON.stringify(err), "提示");
|
||
});
|
||
}
|
||
|
||
$scope.storeBookmark = function(bookmark) {
|
||
var menusScope = $('div[ng-controller="menuCtr"]').scope();
|
||
var login = (menusScope && menusScope.login) || false;
|
||
if (!login) {
|
||
$scope.toastrId = toastr.info('请先登录再转存书签！', "提示");
|
||
} else {
|
||
var b = $.extend(true, {}, bookmark); // 利用jQuery执行深度拷贝
|
||
b.tags = [{
|
||
name: b.created_by
|
||
}]
|
||
pubSubService.publish('TagCtr.storeBookmark', b);
|
||
}
|
||
}
|
||
|
||
$scope.copy = function(url) {
|
||
clipboard.copy(url).then(
|
||
function() {
|
||
toastr.success(url + '<br/>已复制到您的剪切板', "提示");
|
||
},
|
||
function(err) {
|
||
toastr.error(url + '<br/>复制失败', "提示");
|
||
}
|
||
);
|
||
}
|
||
|
||
$scope.detailBookmark = function(b) {
|
||
var bookmark = $.extend(true, {}, b); // 利用jQuery执行深度拷贝
|
||
bookmark.own = false;
|
||
bookmark.tags = [{
|
||
id: -1,
|
||
name: '热门收藏'
|
||
}];
|
||
console.log(JSON.stringify(bookmark));
|
||
pubSubService.publish('TagCtr.showBookmarkInfo', bookmark);
|
||
}
|
||
|
||
$scope.loadHotBookmarks = function() {
|
||
if (!$scope.loadBusy && !$scope.random) {
|
||
console.log('begin loadHotBookmarks.........')
|
||
var menusScope = $('div[ng-controller="menuCtr"]').scope();
|
||
var login = (menusScope && menusScope.login) || false;
|
||
if (login) {
|
||
getHotBookmarks();
|
||
} else {
|
||
toastr.remove();
|
||
$scope.toastrId = toastr.info('想要查看更多热门标签，请先登录！', "提示");
|
||
}
|
||
}
|
||
}
|
||
|
||
// 快捷键r随机推荐
|
||
$document.bind("keydown", function(event) {
|
||
$scope.$apply(function() {
|
||
// console.log(event.keyCode);
|
||
var menusScope = $('div[ng-controller="menuCtr"]').scope();
|
||
var login = (menusScope && menusScope.login) || false;
|
||
var blur = (menusScope && menusScope.blur) || false;
|
||
// r按键，显示
|
||
if (event.keyCode == 82 && login && (!blur)) {
|
||
$scope.randomHotBookmarks();
|
||
}
|
||
})
|
||
});
|
||
|
||
$scope.randomHotBookmarks = function() {
|
||
var menusScope = $('div[ng-controller="menuCtr"]').scope();
|
||
var login = (menusScope && menusScope.login) || false;
|
||
if (login) {
|
||
$scope.random = true;
|
||
var beginDay = new Date(2016, 7, 15); // 注意日期是从0 ~ 11
|
||
var now = new Date();
|
||
var dayGap = parseInt(Math.abs(now - beginDay) / (1000 * 60 * 60 * 24)) + 1;
|
||
$scope.curDay = -(parseInt(Math.random() * 1000000) % dayGap);
|
||
$scope.bookmarks = [];
|
||
getHotBookmarks();
|
||
} else {
|
||
$scope.toastrId = toastr.info('您只有先登录，才能使用查看随机热门标签', "提示");
|
||
}
|
||
}
|
||
|
||
$scope.setHoverBookmark = function(bookmark) {
|
||
$scope.hoverBookmark = bookmark;
|
||
}
|
||
|
||
// 在输入文字的时候也会触发，所以不要用Ctrl,Shift之类的按键
|
||
$document.bind("keydown", function(event) {
|
||
$scope.$apply(function() {
|
||
var key = event.key.toUpperCase();
|
||
if ($scope.hoverBookmark && dataService.keyShortcuts()) {
|
||
if (key == 'I') {
|
||
$scope.detailBookmark($scope.hoverBookmark)
|
||
} else if (key == 'C') {
|
||
$scope.copy($scope.hoverBookmark.url)
|
||
}
|
||
}
|
||
})
|
||
});
|
||
|
||
function getHotBookmarks() {
|
||
getHotBookmarksbyAPI(); // 先实时获取，实时获取失败再从缓存中获取
|
||
|
||
var menusScope = $('div[ng-controller="menuCtr"]').scope();
|
||
var login = (menusScope && menusScope.login) || false;
|
||
var index = login ? dataService.LoginIndexHot : dataService.NotLoginIndexHot;
|
||
pubSubService.publish('Common.menuActive', {
|
||
login: login,
|
||
index: index
|
||
});
|
||
}
|
||
|
||
function getHotBookmarksbyAPI() {
|
||
$scope.loadBusy = true;
|
||
var requireData = {
|
||
userId: null,
|
||
lastupdataTime: new Date().getTime(),
|
||
pageNo: 1,
|
||
pageSize: 1000,
|
||
sort: 'desc',
|
||
renderType: 0,
|
||
date: curentDate($scope.curDay, "yyyy年M月d日"),
|
||
idfa: "d4995f8a0c9b2ad9182369016e376278",
|
||
os: "ios",
|
||
osv: "9.3.5"
|
||
}
|
||
var api = "https://api.shouqu.me/api_service/api/v1/daily/dailyMark";
|
||
$.ajax({
|
||
url: api,
|
||
type: 'post',
|
||
data: requireData,
|
||
success: function(json) {
|
||
// console.log('success............', json, JSON.stringify(json.data.list[0]) );
|
||
$scope.loadBusy = false;
|
||
var alterRex = "/mmbiz.qpic.cn|images.jianshu.io|zhimg.com/g";
|
||
var defaultSnap = "./images/snap/default.png"
|
||
var defaultFavicon = "./images/favicon/default.ico"
|
||
$timeout(function() {
|
||
if (json.code == 200) {
|
||
var bookmarkList = json.data.list;
|
||
bookmarkList.forEach((bookmark) => {
|
||
var b = {};
|
||
b.title = bookmark.title;
|
||
b.url = bookmark.url;
|
||
b.favicon_url = bookmark.sourceLogo || defaultFavicon;
|
||
b.created_by = bookmark.sourceName;
|
||
b.snap_url = defaultSnap;
|
||
if (bookmark.imageList.length >= 1) {
|
||
if (bookmark.imageList[0].url) {
|
||
b.snap_url = (json.data.pageNo == 1 ? (bookmark.imageList[0].url.match(alterRex) != null ? defaultSnap : bookmark.imageList[0].url) : defaultSnap);
|
||
} else {
|
||
for (var i = 0; i < bookmark.images.length; i++) {
|
||
if (bookmark.images[i]) {
|
||
b.snap_url = bookmark.images[i];
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
b.fav_count = bookmark.favCount;
|
||
b.created_at = $filter('date')(new Date(bookmark.createtime < bookmark.updatetime ? bookmark.createtime : bookmark.updatetime), "yyyy-MM-dd HH:mm:ss");
|
||
b.last_click = $filter('date')(new Date(bookmark.createtime > bookmark.updatetime ? bookmark.createtime : bookmark.updatetime), "yyyy-MM-dd HH:mm:ss");
|
||
b.id = bookmark.articleId;
|
||
|
||
b.edit = false;
|
||
$scope.bookmarks.push(b);
|
||
})
|
||
$scope.curDay--;
|
||
updateEditPos();
|
||
} else {
|
||
toastr.error('获取热门书签失败！失败原因：' + json.message + "。将尝试从缓存中获取！", "提示");
|
||
getHotBookmarksbyCache();
|
||
}
|
||
}, 100);
|
||
},
|
||
error: function(json) {
|
||
$scope.loadBusy = false;
|
||
toastr.error('获取热门书签失败！失败原因：' + json.message + "。将尝试从缓存中获取！", "提示");
|
||
getHotBookmarksbyCache();
|
||
}
|
||
});
|
||
}
|
||
|
||
function getHotBookmarksbyCache() {
|
||
$scope.loadBusy = true;
|
||
var date = curentDate($scope.curDay, "yyyyMMdd");
|
||
if (date < "20160715") {
|
||
toastr.info('您已将将所有的热门标签都加载完了！', "提示");
|
||
$scope.loadBusy = false;
|
||
return; // 这是最早的了。
|
||
}
|
||
var params = {
|
||
date: date,
|
||
}
|
||
bookmarkService.getHotBookmarks(params)
|
||
.then((data) => {
|
||
data.forEach((bookmark) => {
|
||
bookmark.created_at = $filter('date')(new Date(bookmark.updatetime), "yyyy-MM-dd HH:mm:ss");
|
||
bookmark.last_click = $filter('date')(new Date(bookmark.createtime), "yyyy-MM-dd HH:mm:ss");
|
||
bookmark.edit = false;
|
||
$scope.bookmarks.push(bookmark);
|
||
})
|
||
$scope.curDay--;
|
||
$scope.loadBusy = false;
|
||
if (data && data.length == 0) {
|
||
getHotBookmarksbyCache(); // 没有继续请求
|
||
}
|
||
updateEditPos();
|
||
})
|
||
.catch((err) => {
|
||
toastr.error("getHotBookmarksbyCache: " + JSON.stringify(err), "提示");
|
||
$scope.curDay--;
|
||
$scope.loadBusy = false;
|
||
getHotBookmarksbyCache(); // 没有继续请求
|
||
updateEditPos();
|
||
});
|
||
}
|
||
|
||
// TODO: 我要将编辑按钮固定在容器的右上角
|
||
$(window).resize(updateEditPos);
|
||
updateEditPos();
|
||
|
||
function curentDate(i, format) {
|
||
if (i == undefined) {
|
||
i = 0;
|
||
}
|
||
if (format == undefined) {
|
||
format = 'yyyyMMddhhmmss'
|
||
}
|
||
var now = new Date();
|
||
now.setTime(now.getTime() + i * 24 * 60 * 60 * 1000);
|
||
clock = $filter('date')(now, format);
|
||
return clock;
|
||
}
|
||
|
||
function updateEditPos() {
|
||
for (var i = 1; i <= 100; i += 10) {
|
||
setTimeout(function() {
|
||
var offset = $('.js-hot-card').offset();
|
||
if (offset) {
|
||
var t = offset.top;
|
||
var l = offset.left;
|
||
var w = $('.js-hot-card').width();
|
||
$('.js-hot-random').offset({
|
||
top: t + 10,
|
||
left: l + w - 10,
|
||
})
|
||
}
|
||
}, 100 * i)
|
||
}
|
||
}
|
||
|
||
}]);
|