增加赞赏模块

This commit is contained in:
luchenqun 2017-04-23 20:35:58 +08:00
parent cb7322bb05
commit 49b4242167
7 changed files with 173 additions and 81 deletions

BIN
public/images/wx.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

BIN
public/images/zfb.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

View File

@ -1,85 +1,84 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<!-- 百度统计 --> <!-- 百度统计 -->
<script> <script>
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function() { (function () {
var hm = document.createElement("script"); var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?01351b0343ccf42968923cff21a4a851"; hm.src = "https://hm.baidu.com/hm.js?01351b0343ccf42968923cff21a4a851";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})(); })();
</script> </script>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="bookmark"> <meta name="description" content="bookmark">
<meta name="author" content="luchenqun"> <meta name="author" content="luchenqun">
<title>在线书签管理工具-我的书签</title> <title>在线书签管理工具-我的书签</title>
<link href="/css/externe/semantic.min.css " rel="stylesheet" /> <link href="/css/externe/semantic.min.css " rel="stylesheet"/>
<link href="/css/externe/calendar.min.css" rel="stylesheet" /> <link href="/css/externe/calendar.min.css" rel="stylesheet"/>
<link href="/css/externe/toastr.min.css" rel="stylesheet" /> <link href="/css/externe/toastr.min.css" rel="stylesheet"/>
<link href="/css/style.css " rel="stylesheet" /> <link href="/css/style.css " rel="stylesheet"/>
<link href="/css/externe/uploadfile.css" rel="stylesheet"> <link href="/css/externe/uploadfile.css" rel="stylesheet">
<link href="/css/externe/ngDialog.css" rel="stylesheet"> <link href="/css/externe/ngDialog.css" rel="stylesheet">
<link href="/css/externe/ngDialog-theme-default.css" rel="stylesheet"> <link href="/css/externe/ngDialog-theme-default.css" rel="stylesheet">
<link href="/css/externe/ngDialog-theme-plain.css" rel="stylesheet"> <link href="/css/externe/ngDialog-theme-plain.css" rel="stylesheet">
<link href="/css/externe/medium-editor.css" rel="stylesheet"> <link href="/css/externe/medium-editor.css" rel="stylesheet">
<base href="/"> <base href="/">
</head> </head>
<body ng-app="bookmarkApp">
<body ng-app="bookmarkApp">
<div class="ui container">
<!-- directive菜单 -->
<menus></menus>
<div class="ui container" style="width:100%;height:10px"></div>
<div class="ui container"> <div class="ui container">
<div ui-view></div> <!-- directive菜单 -->
</div> <menus></menus>
<div class="ui container" style="width:100%;height:10px"></div> <div class="ui container" style="width:100%;height:10px"></div>
<div class="foot" style="margin-bottom:10px;"> <div class="ui container">
<div class="ui segment container"> <div ui-view></div>
&nbsp;&nbsp;&nbsp;&nbsp;Copyleft ©All Rights Reserved LCQ(假装网站有个页脚)&nbsp;&nbsp;|&nbsp;&nbsp;联系我(QQ:530485521)&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://github.com/luchenqun/my-bookmark" target="_blank">网站源码</a>&nbsp;&nbsp;|&nbsp;&nbsp;V1.3.0&nbsp;&nbsp;|&nbsp;&nbsp;<span>由于使用国外服务器如果加载失败请按F5你懂的(●'◡'●)</span>
</div> </div>
<div class="ui container" style="width:100%;height:10px"></div>
<div class="foot" style="margin-bottom:10px;">
<div class="ui segment container">
&nbsp;&nbsp;&nbsp;&nbsp;Copyleft ©All Rights Reserved LCQ(假装网站有个页脚)&nbsp;&nbsp;|&nbsp;&nbsp;联系我(QQ:530485521)&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://github.com/luchenqun/my-bookmark" target="_blank">网站源码</a>&nbsp;&nbsp;|&nbsp;&nbsp;V1.3.0&nbsp;&nbsp;|&nbsp;&nbsp;<span>由于使用国外服务器如果加载失败请按F5你懂的(●'◡'●)</span>
</div>
</div>
<!-- directive书签编辑 -->
<edit></edit>
<!-- directive书签信息 -->
<bookmarkinfo></bookmarkinfo>
</div> </div>
<!-- directive书签编辑 --> <script src="/scripts/externe/jquery-3.1.1.min.js"></script>
<edit></edit> <script src="/scripts/externe/toastr.min.js"></script>
<!-- directive书签信息 --> <script src="/scripts/externe/angular.min.js"></script>
<bookmarkinfo></bookmarkinfo> <script src="/scripts/externe/angular-ui-router.min.js"></script>
</div> <script src="/scripts/externe/angular-cookies.min.js"></script>
<script src="/scripts/externe/jquery-3.1.1.min.js"></script> <script src="/scripts/app-angular.js"></script>
<script src="/scripts/externe/toastr.min.js"></script> <script src="/scripts/services/bookmark-service.js"></script>
<script src="/scripts/externe/angular.min.js"></script> <script src="/scripts/services/data-service.js"></script>
<script src="/scripts/externe/angular-ui-router.min.js"></script> <script src="/scripts/services/pub-sub-service.js"></script>
<script src="/scripts/externe/angular-cookies.min.js"></script> <script src="/scripts/directives/module-directive.js"></script>
<script src="/scripts/app-angular.js"></script> <script src="/scripts/directives/js-init-directive.js"></script>
<script src="/scripts/services/bookmark-service.js"></script> <script src="/scripts/controllers/bookmarks-controller.js"></script>
<script src="/scripts/services/data-service.js"></script> <script src="/scripts/controllers/home-controller.js"></script>
<script src="/scripts/services/pub-sub-service.js"></script> <script src="/scripts/controllers/settings-controller.js"></script>
<script src="/scripts/directives/module-directive.js"></script> <script src="/scripts/controllers/login-controller.js"></script>
<script src="/scripts/directives/js-init-directive.js"></script> <script src="/scripts/controllers/tags-controller.js"></script>
<script src="/scripts/controllers/bookmarks-controller.js"></script> <script src="/scripts/controllers/advice-controller.js"></script>
<script src="/scripts/controllers/home-controller.js"></script> <script src="/scripts/controllers/menus-controller.js"></script>
<script src="/scripts/controllers/settings-controller.js"></script> <script src="/scripts/controllers/edit-controller.js"></script>
<script src="/scripts/controllers/login-controller.js"></script> <script src="/scripts/controllers/bookmark-info-controller.js"></script>
<script src="/scripts/controllers/tags-controller.js"></script> <script src="/scripts/controllers/search-controller.js"></script>
<script src="/scripts/controllers/advice-controller.js"></script> <script src="/scripts/controllers/hot-controller.js"></script>
<script src="/scripts/controllers/menus-controller.js"></script> <script src="/scripts/controllers/praise-controller.js"></script>
<script src="/scripts/controllers/edit-controller.js"></script> <script src="/scripts/externe/semantic.min.js"></script>
<script src="/scripts/controllers/bookmark-info-controller.js"></script> <script src="/scripts/externe/calendar.min.js"></script>
<script src="/scripts/controllers/search-controller.js"></script> <script src="/scripts/externe/jquery.uploadfile.min.js"></script>
<script src="/scripts/controllers/hot-controller.js"></script> <script src="/scripts/externe/ng-infinite-scroll.min.js"></script>
<script src="/scripts/externe/semantic.min.js"></script> <script src="/scripts/externe/angular-sortable-view.min.js"></script>
<script src="/scripts/externe/calendar.min.js"></script> <script src="/scripts/externe/ngDialog.min.js"></script>
<script src="/scripts/externe/jquery.uploadfile.min.js"></script> <script src="/scripts/externe/clipboard.min.js"></script>
<script src="/scripts/externe/ng-infinite-scroll.min.js"></script> <script src="/scripts/externe/angular-medium-editor.min.js"></script>
<script src="/scripts/externe/angular-sortable-view.min.js"></script> <script src="/scripts/externe/medium-editor.min.js"></script>
<script src="/scripts/externe/ngDialog.min.js"></script> <script src="/scripts/externe/timeago.min.js"></script>
<script src="/scripts/externe/clipboard.min.js"></script> <!-- <script count="120" src="/scripts/externe/canvas-nest.min.js"></script> -->
<script src="/scripts/externe/angular-medium-editor.min.js"></script> </body>
<script src="/scripts/externe/medium-editor.min.js"></script>
<script src="/scripts/externe/timeago.min.js"></script>
<!-- <script count="120" src="/scripts/externe/canvas-nest.min.js"></script> -->
</body>
</html> </html>

View File

@ -19,6 +19,11 @@ app.config(function($stateProvider, $urlRouterProvider, $httpProvider) {
templateUrl: '/views/hot.html', templateUrl: '/views/hot.html',
controller: 'hotCtr' controller: 'hotCtr'
}) })
.state('praise', {
url: '/praise',
templateUrl: '/views/praise.html',
controller: 'praiseCtr'
})
.state('search', { .state('search', {
url: '/search', url: '/search',
templateUrl: '/views/search.html', templateUrl: '/views/search.html',

View File

@ -31,6 +31,9 @@ app.controller('menuCtr', ['$scope', '$stateParams', '$state', '$window', '$time
}, { }, {
uiSref: 'hot', uiSref: 'hot',
title: '热门收藏' title: '热门收藏'
}, {
uiSref: 'praise',
title: '赞赏'
}]; }];
// 未登陆显示的菜单数据 // 未登陆显示的菜单数据
@ -43,6 +46,9 @@ app.controller('menuCtr', ['$scope', '$stateParams', '$state', '$window', '$time
}, { }, {
uiSref: 'hot', uiSref: 'hot',
title: '热门收藏' title: '热门收藏'
}, {
uiSref: 'praise',
title: '赞赏'
}]; }];
/** /**
@ -69,7 +75,9 @@ app.controller('menuCtr', ['$scope', '$stateParams', '$state', '$window', '$time
$window.open('http://www.baidu.com/s?tn=mybookmark.cn&ch=3&ie=utf-8&wd=' + encodeURIComponent(searchWord), '_blank'); $window.open('http://www.baidu.com/s?tn=mybookmark.cn&ch=3&ie=utf-8&wd=' + encodeURIComponent(searchWord), '_blank');
} }
if(!searchWord){ return; } if (!searchWord) {
return;
}
var newItem = { var newItem = {
t: searchOption, t: searchOption,
@ -188,7 +196,7 @@ app.controller('menuCtr', ['$scope', '$stateParams', '$state', '$window', '$time
.then((data) => { .then((data) => {
$scope.searchHistory = JSON.parse(data.search_history || '[]'); $scope.searchHistory = JSON.parse(data.search_history || '[]');
var count = 1; var count = 1;
var id = setInterval(function () { var id = setInterval(function() {
var items = $('.search-item').popup({ var items = $('.search-item').popup({
on: 'focus', on: 'focus',
inline: true inline: true

View File

@ -0,0 +1,40 @@
app.controller('praiseCtr', ['$scope', '$state', '$stateParams', '$filter', '$window', '$timeout', 'ngDialog', 'bookmarkService', 'pubSubService', function($scope, $state, $stateParams, $filter, $window, $timeout, ngDialog, bookmarkService, pubSubService) {
console.log("Hello praiseCtr...", $stateParams);
bookmarkService.autoLogin()
.then((data) => {
var login = data.logined;
var index = login ? 5 : 3;
pubSubService.publish('Common.menuActive', {
login: login,
index: index
});
})
.catch((err) => {
console.log('autoLogin err', err)
});
function animation() {
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',
'browse', 'browse right', 'slide down', 'slide up', 'slide left', 'slide right'
];
var t = data[parseInt(Math.random() * 1000) % data.length];
return t;
}
function transition() {
$timeout(function() {
timeagoInstance.cancel();
timeagoInstance.render(document.querySelectorAll('.need_to_be_rendered'), 'zh_CN');
}, 100)
var className = 'js-table-search';
$('.' + className).transition('hide');
$('.' + className).transition({
animation: animation(),
duration: 500,
});
}
}]);

40
public/views/praise.html Normal file
View File

@ -0,0 +1,40 @@
<div class="ui segment js-segment-praise">
<div class="ui container js-p-info">
<h3 class="ui dividing header">赞赏说明</h3>
<p>赞赏金额主要用于服务器的租用与域名的费用,对于赞赏有以下几点说明:</p>
<p>1、目前租用的服务器Vultr每月5$折合人名币大概35元/月。如果有新用户想购买Vultr服务器的可以点击<a href="http://www.vultr.com/?ref=6902013" target="_blank">链接</a>进行购买这样你我将都能得到10$。域名mybookmark.cn我花151元买了五年2021年11月份到期。</p>
<p>2、由于目前的服务器在国外导致有时候访问比较慢如果赞赏金融余额超过1000将在国内租用一个服务器提高访问速度。如果有能提供国内免费服务器的更佳</p>
<p>3、对于开发计划优先开发赞赏用户提出的需求当然需要我自己同意加入开发计划。</p>
<p>4、赞赏用户的一些其他特权暂未开发可以自定义网站背景可自定义更多的分类目前上限为30个</p>
<p>5、赞赏之后我会及时将赞赏信息更新到网站上如果有遗漏可联系我微信QQ530485521或者在留言版块说明。</p>
<h3 class="ui dividing header">赞赏二维码</h3>
<div class="ui grid">
<div class="one wide column"></div>
<div class="five wide column"><img class="ui rounded left floated medium image" src="./images/wx.jpg"></div>
<div class="two wide column"></div>
<div class="five wide column"><img class="ui rounded right floated medium image" src="./images/zfb.jpg"></div>
<div class="one wide column"></div>
</div>
<h3 class="ui dividing header">赞赏排行版</h3>
<table class="ui selectable celled table">
<thead>
<tr>
<th>用户</th>
<th>昵称</th>
<th>赞赏日期</th>
<th>赞赏金融(人民币)</th>
<th>留言说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>lcq</td>
<td>泥巴</td>
<td>2017-03-01 12:03:08</td>
<td>210</td>
<td>本人用于服务器租用</td>
</tr>
</tbody>
</table>
</div>
</div>