From 82f58160f24c16ce947ab43fe3275c1f80f17759 Mon Sep 17 00:00:00 2001 From: luchenqun Date: Tue, 21 Feb 2017 22:38:05 +0800 Subject: [PATCH] =?UTF-8?q?=E5=81=9A=E4=BA=86=E4=B8=80=E4=B8=8B=E5=8D=A1?= =?UTF-8?q?=E7=89=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/style.css | 4 +++ public/index.html | 1 + public/scripts/app-angular.js | 2 +- .../controllers/bookmarks-controller.js | 21 +++++++++++-- .../scripts/externe/ng-infinite-scroll.min.js | 2 ++ public/views/bookmarks.html | 24 +++++++++++---- routes/api.js | 30 +++++++++---------- 7 files changed, 59 insertions(+), 25 deletions(-) create mode 100644 public/scripts/externe/ng-infinite-scroll.min.js diff --git a/public/css/style.css b/public/css/style.css index 5d34d06..28363e1 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -30,6 +30,7 @@ code { display: -webkit-box; -webkit-box-orient: vertical; height: 40px; + line-height: 20px; } .bookmarkNormalHover { white-space: nowrap; @@ -44,6 +45,9 @@ code { .bookmarkOperaterHover { cursor: pointer; } +.tags { + cursor: default; +} .bookmarkEditHover { white-space: nowrap; text-overflow: ellipsis; diff --git a/public/index.html b/public/index.html index 2640db3..3342b13 100644 --- a/public/index.html +++ b/public/index.html @@ -56,5 +56,6 @@ + diff --git a/public/scripts/app-angular.js b/public/scripts/app-angular.js index 3e8601f..38de50e 100644 --- a/public/scripts/app-angular.js +++ b/public/scripts/app-angular.js @@ -1,4 +1,4 @@ -var app = angular.module('bookmarkApp', ['ui.router', 'ngCookies']); +var app = angular.module('bookmarkApp', ['ui.router', 'ngCookies', 'infinite-scroll']); app.config(function($stateProvider, $urlRouterProvider, $httpProvider) { $httpProvider.interceptors.push('httpInterceptor'); diff --git a/public/scripts/controllers/bookmarks-controller.js b/public/scripts/controllers/bookmarks-controller.js index b0570a3..f313b7a 100644 --- a/public/scripts/controllers/bookmarks-controller.js +++ b/public/scripts/controllers/bookmarks-controller.js @@ -4,14 +4,15 @@ app.controller('bookmarksCtr', ['$scope', '$state', '$stateParams', '$filter', ' $scope.showSearch = false; // 搜索对话框 $scope.bookmarkNormalHover = false; $scope.bookmarkEditHover = false; - $scope.showStyle = ($stateParams && $stateParams.showStyle) || 'navigate'; // 显示风格'navigate', 'card', 'table' + $scope.showStyle = 'card'; + ($stateParams && $stateParams.showStyle) || 'navigate'; // 显示风格'navigate', 'card', 'table' $('.js-radio-' + $scope.showStyle).checkbox('set checked'); $scope.edit = false; const perPageItems = 20; $scope.totalPages = 0; $scope.currentPage = 1; $scope.inputPage = ''; - + $scope.loadBusy = false; $scope.changeCurrentPage = function(currentPage) { currentPage = parseInt(currentPage) || 0; console.log(currentPage); @@ -93,6 +94,13 @@ app.controller('bookmarksCtr', ['$scope', '$state', '$stateParams', '$filter', ' $(".js-msg").remove(); } + $scope.loadCardData = function() { + console.log('loadCardData.........') + $scope.currentPage += 1; + $scope.changeCurrentPage($scope.currentPage); + $scope.loadBusy = true; + } + pubSubService.subscribe('EditCtr.inserBookmarsSuccess', $scope, function(event, params) { params.showStyle = $scope.showStyle; console.log('subscribe EditCtr.inserBookmarsSuccess', params); @@ -113,7 +121,14 @@ app.controller('bookmarksCtr', ['$scope', '$state', '$stateParams', '$filter', ' toastr.info('您还没有书签，请点击菜单栏的添加按钮进行添加', "提示"); } } else { - $scope.bookmarks = data; + if (params.showStyle == 'card') { + console.log('loadCardData end.........') + $scope.bookmarks = $scope.bookmarks.concat(data); + $scope.loadBusy = false; + } else { + $scope.bookmarks = data; + } + if ($scope.bookmarks.length <= 2) { $(".js-msg").removeClass("hidden"); } diff --git a/public/scripts/externe/ng-infinite-scroll.min.js b/public/scripts/externe/ng-infinite-scroll.min.js new file mode 100644 index 0000000..d4410b9 --- /dev/null +++ b/public/scripts/externe/ng-infinite-scroll.min.js @@ -0,0 +1,2 @@ +/* ng-infinite-scroll - v1.0.0 - 2013-02-23 */ +var mod;mod=angular.module("infinite-scroll",[]),mod.directive("infiniteScroll",["$rootScope","$window","$timeout",function(i,n,e){return{link:function(t,l,o){var r,c,f,a;return n=angular.element(n),f=0,null!=o.infiniteScrollDistance&&t.$watch(o.infiniteScrollDistance,function(i){return f=parseInt(i,10)}),a=!0,r=!1,null!=o.infiniteScrollDisabled&&t.$watch(o.infiniteScrollDisabled,function(i){return a=!i,a&&r?(r=!1,c()):void 0}),c=function(){var e,c,u,d;return d=n.height()+n.scrollTop(),e=l.offset().top+l.height(),c=e-d,u=n.height()*f>=c,u&&a?i.$$phase?t.$eval(o.infiniteScroll):t.$apply(o.infiniteScroll):u?r=!0:void 0},n.on("scroll",c),t.$on("$destroy",function(){return n.off("scroll",c)}),e(function(){return o.infiniteScrollImmediateCheck?t.$eval(o.infiniteScrollImmediateCheck)?c():void 0:c()},0)}}}]); \ No newline at end of file diff --git a/public/views/bookmarks.html b/public/views/bookmarks.html index d19e62a..1f11ecf 100644 --- a/public/views/bookmarks.html +++ b/public/views/bookmarks.html @@ -92,19 +92,31 @@
-
-
-
+
+
+
-
+
{{bookmark.title}}
-
- {{ bookmark.created_at }} +
+
+
+ {{ tag.name }}
+
+ + +
diff --git a/routes/api.js b/routes/api.js index 80bcd00..da737e8 100644 --- a/routes/api.js +++ b/routes/api.js @@ -8,14 +8,6 @@ var multer = require('multer'); var webshot = require('webshot'); var fs = require('fs'); -var webshotOptions = { - shotSize: { - width: 320, - height: 320 - }, - timeout: 50000, -}; - var storage = multer.diskStorage({ destination: function(req, file, cb) { cb(null, 'uploads/') @@ -535,13 +527,13 @@ api.post('/uploadBookmarkFile', upload.single('bookmark'), function(req, res) { var tags = []; item.tags.forEach((tag) => { - allTags.forEach((at) => { - if (at.name == tag) { - tags.push(at.id); - } - }) + allTags.forEach((at) => { + if (at.name == tag) { + tags.push(at.id); + } }) - // 插入书签 + }) + // 插入书签 db.addBookmark(userId, bookmark) // 插入书签 .then((bookmark_id) => { db.delBookmarkTags(bookmark_id); // 不管3721，先删掉旧的分类 @@ -627,6 +619,7 @@ api.post('/getTitle', function(req, response) { api.getSnapByTimer = function() { console.log('getSnapByTimer...........'); + var timeout = 5000 setInterval(function() { var today = new Date().getDate(); db.getBookmarkWaitSnap(today) @@ -644,6 +637,13 @@ api.getSnapByTimer = function() { db.updateBookmarkSnapState(id, today + 31); return; } + var webshotOptions = { + shotSize: { + width: 320, + height: 160 + }, + timeout: timeout, + }; webshot(url, finePath, webshotOptions, function(err) { var newSnapState = -1; if (err) { @@ -661,7 +661,7 @@ api.getSnapByTimer = function() { } }) .catch((err) => console.log('getBookmarkWaitSnap err', err)); - }, 60000); + }, timeout + 1000); } function md5(str) {