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

完成书签的分类显示

This commit is contained in:
B05BEE13.卢郴群 2020-09-01 17:41:22 +08:00
parent c4dba3cb18
commit 60b7ff714f
18 changed files with 901 additions and 933 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/404.html
View File

@ -52,7 +52,7 @@
<body> <body>
<div> <div>
<div id="content" style="height: 530px;"> <div id="content" style="height: 530px">
<p> <p>
对不起，您的风筝已掉线，请时光倒流回前一秒。<br /> 对不起，您的风筝已掉线，请时光倒流回前一秒。<br />
<span id="totalSecond">5</span>秒后自动 <span id="totalSecond">5</span>秒后自动
@ -69,7 +69,7 @@
} else { } else {
second = document.getElementById("totalSecond").textContent; second = document.getElementById("totalSecond").textContent;
} }
setInterval(function() { setInterval(function () {
if (second < 0) { if (second < 0) {
location.href = document.location.origin; location.href = document.location.origin;
} else { } else {

2
www/scripts/services/data-service.js
View File

@ -19,7 +19,7 @@ app.factory('dataService', [function () {
show: false show: false
}, { }, {
uiSref: 'tags', uiSref: 'tags',
title: '分类' title: '书签'
}, { }, {
uiSref: 'note', uiSref: 'note',
title: '备忘' title: '备忘'

6
www/views/advice.html
View File

@ -11,7 +11,7 @@
</div> </div>
</div> </div>
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui comments" style="max-width: 100%;"> <div class="ui comments" style="max-width: 100%">
<h3 class="ui header">最新100条留言</h3> <h3 class="ui header">最新100条留言</h3>
<div class="comment" ng-repeat="advice in advices"> <div class="comment" ng-repeat="advice in advices">
<a class="avatar"> <a class="avatar">
@ -27,7 +27,5 @@
</div> </div>
</div> </div>
</div> </div>
<div class="ui huge text centered inline loader" style="margin-top: 10px;" ng-class="{active:loading, disabled: !loading}"> <div class="ui huge text centered inline loader" style="margin-top: 10px" ng-class="{active:loading, disabled: !loading}">正在加载中...</div>
正在加载中...
</div>
</div> </div>

3
www/views/bookmarks.html
View File

@ -1,5 +1,4 @@
<div class="ui segment" style="text-align: center;"> <div class="ui segment" style="text-align: center">
<img src="./images/developing.png" /> <img src="./images/developing.png" />
<div>正在开发中...</div> <div>正在开发中...</div>
</div> </div>

2
www/views/dialog-del-bookmark.html
View File

@ -2,7 +2,7 @@
<h3>删除提示</h3> <h3>删除提示</h3>
<div class="ui divider"></div> <div class="ui divider"></div>
<p ng-show="ngDialogId">您确认要删除书签: <code>{{ waitDelBookmark.title }}</code>吗？</p> <p ng-show="ngDialogId">您确认要删除书签: <code>{{ waitDelBookmark.title }}</code>吗？</p>
<p style="color:#F00">如果删除该书签，那么再也无法查看到。</p> <p style="color: #f00">如果删除该书签，那么再也无法查看到。</p>
</div> </div>
<div class="ngdialog-buttons"> <div class="ngdialog-buttons">
<button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirmDelBookmark(waitDelBookmark.id)">确定删除</button> <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirmDelBookmark(waitDelBookmark.id)">确定删除</button>

4
www/views/dialog-del-note.html
View File

@ -1,8 +1,8 @@
<div class="ngdialog-message"> <div class="ngdialog-message">
<h3>删除提示</h3> <h3>删除提示</h3>
<div class="ui divider"></div> <div class="ui divider"></div>
<pre ng-show="ngDialogId" class="note-content" style="margin-top:0px;">{{ content | characters:600:false }}</pre> <pre ng-show="ngDialogId" class="note-content" style="margin-top: 0px">{{ content | characters:600:false }}</pre>
<p style="color:#F00">如果删除该备忘，那么再也无法查看到。</p> <p style="color: #f00">如果删除该备忘，那么再也无法查看到。</p>
</div> </div>
<div class="ngdialog-buttons"> <div class="ngdialog-buttons">
<button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirmDelNote()">确定删除</button> <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirmDelNote()">确定删除</button>

2
www/views/dialog-del-tag.html
View File

@ -4,7 +4,7 @@
<p ng-show="ngDialogId">您确认要删除分类: <code>{{ waitDelTag.name }}</code>吗？</p> <p ng-show="ngDialogId">您确认要删除分类: <code>{{ waitDelTag.name }}</code>吗？</p>
<p ng-show="waitDelTag.name == '未分类'"><code>未分类</code>为系统默认分类，只允许删除该分类下面的书签，不允许删除该分类信息</p> <p ng-show="waitDelTag.name == '未分类'"><code>未分类</code>为系统默认分类，只允许删除该分类下面的书签，不允许删除该分类信息</p>
<p ng-show="waitDelTag.name == '收藏'"><code>收藏</code>为系统默认分类，只允许删除该分类下面的书签，不允许删除该分类信息</p> <p ng-show="waitDelTag.name == '收藏'"><code>收藏</code>为系统默认分类，只允许删除该分类下面的书签，不允许删除该分类信息</p>
<p style="color:#F00">如果删除该分类，那么该分类下的所有书签都会删掉哦！数据无价，谨慎操作！且删且珍惜！</p> <p style="color: #f00">如果删除该分类，那么该分类下的所有书签都会删掉哦！数据无价，谨慎操作！且删且珍惜！</p>
</div> </div>
<div class="ngdialog-buttons"> <div class="ngdialog-buttons">
<button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirmDelTag(waitDelTag.id, waitDelTag.name)">确定删除</button> <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirmDelTag(waitDelTag.id, waitDelTag.name)">确定删除</button>

14
www/views/edit.html
View File

@ -1,8 +1,6 @@
<div class="ui long modal js-add-bookmark" ng-controller="editCtr"> <div class="ui long modal js-add-bookmark" ng-controller="editCtr">
<!-- <i class="close icon"></i> --> <!-- <i class="close icon"></i> -->
<div class="header"> <div class="header">{{ add ? '添加书签' : '编辑书签'}}</div>
{{ add ? '添加书签' : '编辑书签'}}
</div>
<div class="content"> <div class="content">
<div class="ui form"> <div class="ui form">
<div class="required field"> <div class="required field">
@ -30,9 +28,9 @@
<div class="ui active inverted dimmer" ng-class="{active:loadTags, disabled: !loadTags}"> <div class="ui active inverted dimmer" ng-class="{active:loadTags, disabled: !loadTags}">
<div class="ui text loader">正在获取分类...</div> <div class="ui text loader">正在获取分类...</div>
</div> </div>
<div class="ui label" style="margin:3px 10px 8px 0px;cursor:default;" ng-class="{green:tag.clicked}" ng-repeat="tag in tags" ng-click="clickTag(tag.id, !tag.clicked)" ng-show="!loadTags">{{ tag.name }}</div> <div class="ui label" style="margin: 3px 10px 8px 0px; cursor: default" ng-class="{green:tag.clicked}" ng-repeat="tag in tags" ng-click="clickTag(tag.id, !tag.clicked)" ng-show="!loadTags">{{ tag.name }}</div>
<div class="ui label" style="margin:3px 10px 8px 0px;cursor:default;" title="添加新分类" ng-click="showAddTag()" ng-show="!loadTags"> <div class="ui label" style="margin: 3px 10px 8px 0px; cursor: default" title="添加新分类" ng-click="showAddTag()" ng-show="!loadTags">
<i style="margin-left:10px;" class="plus icon"></i> <i style="margin-left: 10px" class="plus icon"></i>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
@ -48,7 +46,7 @@
</div> </div>
</div> </div>
<div class="actions"> <div class="actions">
<div class="ui cancel button" ng-click="cancel()" style="cursor:default;">取消</div> <div class="ui cancel button" ng-click="cancel()" style="cursor: default">取消</div>
<div class="ui green button" ng-click="ok()" style="cursor:default;">发送</div> <div class="ui green button" ng-click="ok()" style="cursor: default">发送</div>
</div> </div>
</div> </div>

42
www/views/hot.html
View File

@ -1,35 +1,31 @@
<!-- 高度至少要设置1000，元素少时才能触发滚动条事件 --> <!-- 高度至少要设置1000，元素少时才能触发滚动条事件 -->
<div class="ui segment js-hot-card js-weixin-articles"> <div class="ui segment js-hot-card js-weixin-articles">
<div class="ui container" style="cursor: default;"> <div class="ui container" style="cursor: default">
<div class="ui label" style="margin: 3px 15px 8px 0px; cursor: default;" ng-class="{green:channel.id===channelId}" ng-repeat="channel in channels" ng-click="getWeixinArticles(channel.id, 1)">{{ channel.name }}</div> <div class="ui label" style="margin: 3px 15px 8px 0px; cursor: default" ng-class="{green:channel.id===channelId}" ng-repeat="channel in channels" ng-click="getWeixinArticles(channel.id, 1)">{{ channel.name }}</div>
</div> </div>
<div class="ui massive text centered inline loader js-hot-loader" style="margin: 50px 0px 120px 0px;" ng-class="{active:loading, disabled:!loading}"> <div class="ui massive text centered inline loader js-hot-loader" style="margin: 50px 0px 120px 0px" ng-class="{active:loading, disabled:!loading}">正在加载中...</div>
正在加载中...
</div>
<div class="ui divider" style="margin: 3px 0px 8px 0px;"></div> <div class="ui divider" style="margin: 3px 0px 8px 0px"></div>
<div class="ui five stackable cards" ng-if="!loading"> <div class="ui five stackable cards" ng-if="!loading">
<div class="card" ng-repeat="bookmark in bookmarks" ng-mouseover="setHoverBookmark(bookmark)" ng-mouseleave="setHoverBookmark(null)"> <div class="card" ng-repeat="bookmark in bookmarks" ng-mouseover="setHoverBookmark(bookmark)" ng-mouseleave="setHoverBookmark(null)">
<div class="content" style="max-height: 70px; cursor: pointer;" ng-click="detailBookmark(bookmark)"> <div class="content" style="max-height: 70px; cursor: pointer" ng-click="detailBookmark(bookmark)">
<div class="description bookmarkTitle" title="{{bookmark.title}}"> <div class="description bookmarkTitle" title="{{bookmark.title}}">{{bookmark.title}}</div>
{{bookmark.title}}
</div>
</div> </div>
<div class="image hot-image" href="{{ bookmark.url }}" style="cursor: pointer;" ng-click="detailBookmark(bookmark)"> <div class="image hot-image" href="{{ bookmark.url }}" style="cursor: pointer" ng-click="detailBookmark(bookmark)">
<img ng-src="{{bookmark.snap}}" err-src="{{bookmark.snap.startsWith('https://') ? bookmark.snap.replace('https://', 'http://') : './images/default.jpg'}}" /> <img ng-src="{{bookmark.snap}}" err-src="{{bookmark.snap.startsWith('https://') ? bookmark.snap.replace('https://', 'http://') : './images/default.jpg'}}" />
</div> </div>
<div class="extra content" ng-show="!bookmark.edit"> <div class="extra content" ng-show="!bookmark.edit">
<img class="ui avatar image" style="width: 16px; height: 16px;" ng-src="{{bookmark.icon}}" /> <img class="ui avatar image" style="width: 16px; height: 16px" ng-src="{{bookmark.icon}}" />
<span class="sourceName" title="{{ bookmark.tagName }}">{{ bookmark.tagName }}</span> <span class="sourceName" title="{{ bookmark.tagName }}">{{ bookmark.tagName }}</span>
<span class="clickCount" ng-if="bookmark.clickCount">·{{ bookmark.clickCount }}人收藏</span> <span class="clickCount" ng-if="bookmark.clickCount">·{{ bookmark.clickCount }}人收藏</span>
<i class="ellipsis horizontal icon right floated" style="margin-top: 6px;" ng-mouseover="bookmark.edit=true;"></i> <i class="ellipsis horizontal icon right floated" style="margin-top: 6px" ng-mouseover="bookmark.edit=true;"></i>
</div> </div>
<div class="extra content" ng-show="bookmark.edit" ng-mouseleave="bookmark.edit=false;"> <div class="extra content" ng-show="bookmark.edit" ng-mouseleave="bookmark.edit=false;">
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px;" ng-src="./images/favorite.png" ng-click="favoriteBookmark(bookmark)" title="一键收藏" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px" ng-src="./images/favorite.png" ng-click="favoriteBookmark(bookmark)" title="一键收藏" />
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px;" ng-src="./images/store-bookmark.png" ng-click="storeBookmark(bookmark)" title="转存到我的书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px" ng-src="./images/store-bookmark.png" ng-click="storeBookmark(bookmark)" title="转存到我的书签" />
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px;" ng-src="./images/copy.png" ng-click="copy(bookmark.url)" title="复制链接" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px" ng-src="./images/copy.png" ng-click="copy(bookmark.url)" title="复制链接" />
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px;" ng-src="./images/detail.png" ng-click="detailBookmark(bookmark)" title="书签详情" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px; margin-top: 4px" ng-src="./images/detail.png" ng-click="detailBookmark(bookmark)" title="书签详情" />
</div> </div>
</div> </div>
</div> </div>
@ -37,8 +33,8 @@
<i class="close icon" ng-click="close()"></i> <i class="close icon" ng-click="close()"></i>
<div class="header">{{ bookmark.title }}</div> <div class="header">{{ bookmark.title }}</div>
<div class="scrolling content js-main-content"> <div class="scrolling content js-main-content">
<div class="ui center aligned container" style="margin: 10px 0px;"> <div class="ui center aligned container" style="margin: 10px 0px">
<span style="color: #4383bf;" title="公众号名称">{{bookmark.tagName}}</span> <span style="color: #4383bf" title="公众号名称">{{bookmark.tagName}}</span>
&nbsp;&nbsp; &nbsp;&nbsp;
<span title="公众号账号">{{bookmark.account}}</span> <span title="公众号账号">{{bookmark.account}}</span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
@ -48,16 +44,16 @@
<p ng-bind-html="bookmark.content"></p> <p ng-bind-html="bookmark.content"></p>
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui container"> <div class="ui container">
<img class="ui middle aligned mini image" ng-src="{{bookmark.icon}}" style="width: 16px; height: 16px; padding: 0; cursor: pointer;" ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="点击跳转到原页面(如果过期，需要在微信中才能打开)" /> <img class="ui middle aligned mini image" ng-src="{{bookmark.icon}}" style="width: 16px; height: 16px; padding: 0; cursor: pointer" ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="点击跳转到原页面(如果过期，需要在微信中才能打开)" />
<span title="点击复制链接" ng-click="copy(bookmark.url)" class="urlSpan">{{bookmark.url}} </span> <span title="点击复制链接" ng-click="copy(bookmark.url)" class="urlSpan">{{bookmark.url}} </span>
</div> </div>
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui grid" ng-if="bookmark.content"> <div class="ui grid" ng-if="bookmark.content">
<div class="eight wide column"> <div class="eight wide column">
<div style="float: left; cursor: pointer;" ng-click="detailBookmark(bookmarks[bookmark.index-1])" ng-if="bookmarks[bookmark.index-1]"><i class="chevron left icon"></i> {{ bookmarks[bookmark.index-1].title }}</div> <div style="float: left; cursor: pointer" ng-click="detailBookmark(bookmarks[bookmark.index-1])" ng-if="bookmarks[bookmark.index-1]"><i class="chevron left icon"></i> {{ bookmarks[bookmark.index-1].title }}</div>
</div> </div>
<div class="eight wide column"> <div class="eight wide column">
<div style="float: right; cursor: pointer;" ng-click="detailBookmark(bookmarks[bookmark.index+1])" ng-if="bookmarks[bookmark.index+1]">{{ bookmarks[bookmark.index+1].title }} <i class="chevron right icon"></i></div> <div style="float: right; cursor: pointer" ng-click="detailBookmark(bookmarks[bookmark.index+1])" ng-if="bookmarks[bookmark.index+1]">{{ bookmarks[bookmark.index+1].title }} <i class="chevron right icon"></i></div>
</div> </div>
</div> </div>
</div> </div>
@ -67,7 +63,7 @@
</div> </div>
<div class="ui grid"> <div class="ui grid">
<div class="four wide column"> <div class="four wide column">
<div ng-if="count" style="margin-top: 14px;">共计 {{count}} 个</div> <div ng-if="count" style="margin-top: 14px">共计 {{count}} 个</div>
</div> </div>
<div class="twelve wide column"> <div class="twelve wide column">
<pagination></pagination> <pagination></pagination>

50
www/views/menus.html
View File

@ -1,47 +1,47 @@
<div class="js-menu" ng-controller="menuCtr"> <div class="js-menu" ng-controller="menuCtr">
<div class="ui huge menu js-login-in" ng-if="login"> <div class="ui huge menu js-login-in" ng-if="login">
<a class="item js-single-menu" ng-class="{selected:$index===selectLoginIndex}" style="cursor: default;" ui-sref-opts="{reload: true}" ng-repeat="menu in loginMenus" ui-sref="{{ menu.uiSref }}({searchWord:null})" ng-show="menu.show !== false" js-menu-init> <a class="item js-single-menu" ng-class="{selected:$index===selectLoginIndex}" style="cursor: default" ui-sref-opts="{reload: true}" ng-repeat="menu in loginMenus" ui-sref="{{ menu.uiSref }}({searchWord:null})" ng-show="menu.show !== false" js-menu-init>
<div>{{ menu.title }}</div> <div>{{ menu.title }}</div>
</a> </a>
<div id="js-search" style="width: 1500px;"> <div id="js-search" style="width: 1500px">
<div class="ui transparent fluid icon input" style="height: 100%; margin-left: 10px;"> <div class="ui transparent fluid icon input" style="height: 100%; margin-left: 10px">
<input id="sInput" style="padding-left: 0px;" class="prompt search-item js-search-input" type="text" ng-model="searchWord" placeholder="search..." ng-keypress="($event.which === 13)?search(searchWord, 0):0" ng-focus="toggleReady(true)" ng-blur="toggleReady(false)" data-position="bottom left" data-variation="large" /> <input id="sInput" style="padding-left: 0px" class="prompt search-item js-search-input" type="text" ng-model="searchWord" placeholder="search..." ng-keypress="($event.which === 13)?search(searchWord, 0):0" ng-focus="toggleReady(true)" ng-blur="toggleReady(false)" data-position="bottom left" data-variation="large" />
<div class="ui fluid popup top left transition hidden js-popup-search js-history-popup" ng-if="searchHistory.length > 0" style="margin-left: 2px; margin-top: -1px;"> <div class="ui fluid popup top left transition hidden js-popup-search js-history-popup" ng-if="searchHistory.length > 0" style="margin-left: 2px; margin-top: -1px">
<div class="ui internally grid"> <div class="ui internally grid">
<div class="row js-history-word" style="height: 20px;" ng-repeat="item in searchHistory"> <div class="row js-history-word" style="height: 20px" ng-repeat="item in searchHistory">
<div class="sixteen wide column js-search-again" style="margin: -10px 0px 0px -8px; cursor: default;" ng-click="searchByHistory(item.t, item.d)"> <div class="sixteen wide column js-search-again" style="margin: -10px 0px 0px -8px; cursor: default" ng-click="searchByHistory(item.t, item.d)">
<i class="{{ item.icon }}" style="cursor: default;"></i> <i class="{{ item.icon }}" style="cursor: default"></i>
<span style="color: #7b77c5;">{{ item.d}}</span> <span style="color: #7b77c5">{{ item.d}}</span>
</div> </div>
</div> </div>
<div class="row" style="height: 20px; background: #f2f2f2;" ng-click="delHistory()"> <div class="row" style="height: 20px; background: #f2f2f2" ng-click="delHistory()">
<div class="center aligned sixteen wide column" style="margin: -10px 0px 0px 0px; padding: 0px;"> <div class="center aligned sixteen wide column" style="margin: -10px 0px 0px 0px; padding: 0px">
<div style="cursor: pointer; float: right;">清空全部</div> <div style="cursor: pointer; float: right">清空全部</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div style="margin-top: 13px;"> <div style="margin-top: 13px">
<span style="display: none;" class="searchIcon"> <span style="display: none" class="searchIcon">
<span style="margin-left: -25px;"><i class="book link icon" title="书签搜索(输入关键字按回车键默认搜索引擎)" ng-click="search(searchWord, 0)" style="cursor: default; margin-right: 8px;"></i></span> <span style="margin-left: -25px"><i class="book link icon" title="书签搜索(输入关键字按回车键默认搜索引擎)" ng-click="search(searchWord, 0)" style="cursor: default; margin-right: 8px"></i></span>
<span><i class="file alternate link icon" title="备忘录搜索" ng-click="search(searchWord, 5)" style="cursor: default; margin-right: 8px;"></i></span> <span><i class="file alternate link icon" title="备忘录搜索" ng-click="search(searchWord, 5)" style="cursor: default; margin-right: 8px"></i></span>
<span><i class="google link icon" title="谷歌搜索" ng-click="search(searchWord, 1)" style="cursor: default; margin-right: 8px;"></i></span> <span><i class="google link icon" title="谷歌搜索" ng-click="search(searchWord, 1)" style="cursor: default; margin-right: 8px"></i></span>
<span><i class="bimobject link icon" title="百度搜索" ng-click="search(searchWord, 4)" style="cursor: default; margin-right: 8px;"></i></span> <span><i class="bimobject link icon" title="百度搜索" ng-click="search(searchWord, 4)" style="cursor: default; margin-right: 8px"></i></span>
<span><i class="github link icon" title="Github 搜索" ng-click="search(searchWord, 2)" style="cursor: default; margin-right: 8px;"></i></span> <span><i class="github link icon" title="Github 搜索" ng-click="search(searchWord, 2)" style="cursor: default; margin-right: 8px"></i></span>
<span><i class="stack overflow link icon" title="栈溢出搜索" ng-click="search(searchWord, 3)" style="cursor: default; margin-right: 8px;"></i></span> <span><i class="stack overflow link icon" title="栈溢出搜索" ng-click="search(searchWord, 3)" style="cursor: default; margin-right: 8px"></i></span>
<span style="margin: 0px 5px;">▏</span> <span style="margin: 0px 5px">▏</span>
</span> </span>
<span data-tooltip="添加书签，可按Insert快速打开添加页面" ng-click="showAddBookmarkMoadl()"> <span data-tooltip="添加书签，可按Insert快速打开添加页面" ng-click="showAddBookmarkMoadl()">
<i class="add square link icon" style="cursor: default; margin-right: 8px; margin-left: 1px;"></i> <i class="add square link icon" style="cursor: default; margin-right: 8px; margin-left: 1px"></i>
</span> </span>
<span data-tooltip="如果你觉得我的系统对你有帮助，请点击跳转到 Github 为我 Star" ng-click="star()" ng-show="user.username !== 'lcq'"> <span data-tooltip="如果你觉得我的系统对你有帮助，请点击跳转到 Github 为我 Star" ng-click="star()" ng-show="user.username !== 'lcq'">
<i class="star link icon" style="cursor: default; margin-right: 8px;"></i> <i class="star link icon" style="cursor: default; margin-right: 8px"></i>
</span> </span>
<span data-tooltip="请我喝杯咖啡" ng-click="coffee()" ng-show="user.username !== 'lcq'"> <span data-tooltip="请我喝杯咖啡" ng-click="coffee()" ng-show="user.username !== 'lcq'">
<i class="coffee link icon" style="cursor: default; margin-right: 8px;"></i> <i class="coffee link icon" style="cursor: default; margin-right: 8px"></i>
</span> </span>
<span data-tooltip="退出登陆" ng-click="logout()"> <span data-tooltip="退出登陆" ng-click="logout()">
<i class="sign out link icon" style="cursor: default; margin-right: 8px;"></i> <i class="sign out link icon" style="cursor: default; margin-right: 8px"></i>
</span> </span>
</div> </div>
</div> </div>

50
www/views/note.html
View File

@ -1,12 +1,12 @@
<div class="ui segment js-note-card" style="padding:14px 0px 0px 0px;" ng-show="!loading || tags.length > 0"> <div class="ui segment js-note-card" style="padding: 14px 0px 0px 0px" ng-show="!loading || tags.length > 0">
<div class="ui container" style="padding-left:14px"> <div class="ui container" style="padding-left: 14px">
<div class="ui label" style="margin:3px 15px 8px 0px;cursor:default;" ng-class="{green:tag.clicked}" ng-repeat="tag in tags" ng-click="clickTag(tag.id)" ng-show="tag.noteCount || add">{{ tag.name }} ({{ tag.noteCount || 0 }})</div> <div class="ui label" style="margin: 3px 15px 8px 0px; cursor: default" ng-class="{green:tag.clicked}" ng-repeat="tag in tags" ng-click="clickTag(tag.id)" ng-show="tag.noteCount || add">{{ tag.name }} ({{ tag.noteCount || 0 }})</div>
<div class="ui label" style="margin:3px 15px 8px 0px;cursor:default;" ng-click="showAddNote()" data-tooltip="点击添加备忘。你也可以在任意界面按快捷键A(不区分大小写)增加备忘录。"> <div class="ui label" style="margin: 3px 15px 8px 0px; cursor: default" ng-click="showAddNote()" data-tooltip="点击添加备忘。你也可以在任意界面按快捷键A(不区分大小写)增加备忘录。">
<i class="plus icon" style="margin-right:0px;"></i> <i class="plus icon" style="margin-right: 0px"></i>
</div> </div>
</div> </div>
<div class="ui container" style="padding-left:14px;padding-bottom:14px" ng-show="add"> <div class="ui container" style="padding-left: 14px; padding-bottom: 14px" ng-show="add">
<div class="ui form" > <div class="ui form">
<div class="required field"> <div class="required field">
<label>内容</label> <label>内容</label>
<textarea rows="12" placeholder="" ng-model="content" id="noteedit"></textarea> <textarea rows="12" placeholder="" ng-model="content" id="noteedit"></textarea>
@ -21,8 +21,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="ui divider" ng-show="notes.length > 0" style="margin:0px;"></div> <div class="ui divider" ng-show="notes.length > 0" style="margin: 0px"></div>
<div class="ui hidden info message js-note" ng-if="(!add) && notes.length == 0" style="margin-left:14px;margin-right:14px"> <div class="ui hidden info message js-note" ng-if="(!add) && notes.length == 0" style="margin-left: 14px; margin-right: 14px">
<i class="close icon" ng-click="closeNote()"></i> <i class="close icon" ng-click="closeNote()"></i>
<div class="content"> <div class="content">
<div class="header">系统提示！</div> <div class="header">系统提示！</div>
@ -31,38 +31,36 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="ui vertical segment" ng-repeat="note in notes" ng-click="noteClick(note)" ng-mouseover="setHoverNote(note)" ng-mouseleave="setHoverNote(null)" id="{{note.id}}" style="margin:0px;padding:10px 0px;"> <div class="ui vertical segment" ng-repeat="note in notes" ng-click="noteClick(note)" ng-mouseover="setHoverNote(note)" ng-mouseleave="setHoverNote(null)" id="{{note.id}}" style="margin: 0px; padding: 10px 0px">
<pre class="note-content" title="单击查看详情，C复制，D删除，E编辑" style="margin:0px;padding-left:14px;padding-right:14px" ng-if="!note.detail">{{ note.brief }}</pre> <pre class="note-content" title="单击查看详情，C复制，D删除，E编辑" style="margin: 0px; padding-left: 14px; padding-right: 14px" ng-if="!note.detail">{{ note.brief }}</pre>
<pre class="note-content" title="双击复制" ng-dblclick="copy(note.content)" style="margin:0px; font-size:16px;padding:60px 14px;" ng-if="note.detail">{{ note.content }}</pre> <pre class="note-content" title="双击复制" ng-dblclick="copy(note.content)" style="margin: 0px; font-size: 16px; padding: 60px 14px" ng-if="note.detail">{{ note.content }}</pre>
<div class="ui right aligned grid" ng-show="note.detail"> <div class="ui right aligned grid" ng-show="note.detail">
<div class="sixteen wide column" style="margin:0px 20px 0px 0px;padding:20px 0px 0px 0px;"> <div class="sixteen wide column" style="margin: 0px 20px 0px 0px; padding: 20px 0px 0px 0px">
<div class="extra content" ng-show="true" ng-mouseleave="note.edit=false;" style="height:50px;"> <div class="extra content" ng-show="true" ng-mouseleave="note.edit=false;" style="height: 50px">
<div class="ui mini label" ng-click="clickTag(note.tagId)" style="margin:3px 0px 0px 10px;cursor:default;">{{ note.tagName || "未分类" }}</div> <div class="ui mini label" ng-click="clickTag(note.tagId)" style="margin: 3px 0px 0px 10px; cursor: default">{{ note.tagName || "未分类" }}</div>
<span style="margin:0 8px;"> <span style="margin: 0 8px">
<span title="添加于{{note.createdAt}}" class="need_to_be_rendered" data-timeago="{{ note.createdAt }}"></span> <span title="添加于{{note.createdAt}}" class="need_to_be_rendered" data-timeago="{{ note.createdAt }}"></span>
<span style="margin-left:-3px;">添加</span> <span style="margin-left: -3px">添加</span>
</span> </span>
<i ng-if="note.public == 0" class="black lock icon" title="点击公开备忘" ng-click="updatePublic(note, 1)"></i> <i ng-if="note.public == 0" class="black lock icon" title="点击公开备忘" ng-click="updatePublic(note, 1)"></i>
<i ng-if="note.public == 1" class="black open lock icon" title="点击不公开备忘" ng-click="updatePublic(note, 0)"></i> <i ng-if="note.public == 1" class="black open lock icon" title="点击不公开备忘" ng-click="updatePublic(note, 0)"></i>
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 8px;" ng-src="./images/delete.png" ng-click="delNote(note.id, note.content)" title="删除备忘" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px" ng-src="./images/delete.png" ng-click="delNote(note.id, note.content)" title="删除备忘" />
<label for="noteedit"> <label for="noteedit">
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 8px;" ng-src="./images/edit-bookmark.png" ng-click="editNote(note.id, note.content, note.tagId)" title="编辑备忘" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 8px" ng-src="./images/edit-bookmark.png" ng-click="editNote(note.id, note.content, note.tagId)" title="编辑备忘" />
</label> </label>
<img class="ui mini spaced image" id="noteid{{note.id}}" style="width:16px;height:16px;margin:0 8px;" ng-src="./images/copy.png" id="url{{bookmark.id}}" ng-click="copy(note.content)" title="复制备忘" /> <img class="ui mini spaced image" id="noteid{{note.id}}" style="width: 16px; height: 16px; margin: 0 8px" ng-src="./images/copy.png" id="url{{bookmark.id}}" ng-click="copy(note.content)" title="复制备忘" />
<i class="black share alternate icon" title="复制分享地址" ng-click="share(note)"></i> <i class="black share alternate icon" title="复制分享地址" ng-click="share(note)"></i>
<i class="black chevron up icon" title="收起详情" ng-click="noteClick(note, true, $event)"></i> <i class="black chevron up icon" title="收起详情" ng-click="noteClick(note, true, $event)"></i>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div style="height:20px;" ng-show="notes.length === 0"></div> <div style="height: 20px" ng-show="notes.length === 0"></div>
<div class="ui grid" ng-show="totalItems>0" style="margin:0px;padding:0px 14px"> <div class="ui grid" ng-show="totalItems>0" style="margin: 0px; padding: 0px 14px">
<div class="eight wide column" style="padding-top:26px;"><span ng-show="searchWord">通过搜索关键字"{{searchWord}}"(点击菜单"备忘录"重新查看所有)，</span>共找到备忘一共约{{totalItems}}个</div> <div class="eight wide column" style="padding-top: 26px"><span ng-show="searchWord">通过搜索关键字"{{searchWord}}"(点击菜单"备忘录"重新查看所有)，</span>共找到备忘一共约{{totalItems}}个</div>
<div class="eight wide column"> <div class="eight wide column">
<pagination></pagination> <pagination></pagination>
</div> </div>
</div> </div>
</div> </div>
<div class="ui massive text centered inline loader js-hot-loader" style="margin-top: 10px;" ng-class="{active:loading, disabled:!loading}"> <div class="ui massive text centered inline loader js-hot-loader" style="margin-top: 10px" ng-class="{active:loading, disabled:!loading}">正在加载中...</div>
正在加载中...
</div>

8
www/views/pagination.html
View File

@ -6,15 +6,15 @@
<i class="angle left icon"></i> <i class="angle left icon"></i>
</a> </a>
<a class="item" ng-if="currentPage > 1" ng-click="changeCurrentPage(1)">1</a> <a class="item" ng-if="currentPage > 1" ng-click="changeCurrentPage(1)">1</a>
<a class="item" style="cursor:not-allowed" ng-if="currentPage-3>2">.....</a> <a class="item" style="cursor: not-allowed" ng-if="currentPage-3>2">.....</a>
<a class="item" ng-if="currentPage-3>1" ng-click="changeCurrentPage(currentPage-3)">{{currentPage-3}}</a> <a class="item" ng-if="currentPage-3>1" ng-click="changeCurrentPage(currentPage-3)">{{currentPage-3}}</a>
<a class="item" ng-if="currentPage-2>1" ng-click="changeCurrentPage(currentPage-2)">{{currentPage-2}}</a> <a class="item" ng-if="currentPage-2>1" ng-click="changeCurrentPage(currentPage-2)">{{currentPage-2}}</a>
<a class="item" ng-if="currentPage-1>1" ng-click="changeCurrentPage(currentPage-1)">{{currentPage-1}}</a> <a class="item" ng-if="currentPage-1>1" ng-click="changeCurrentPage(currentPage-1)">{{currentPage-1}}</a>
<a class="item active">{{ currentPage }}</a> <a class="item active" ng-show="currentPage>0">{{ currentPage }}</a>
<a class="item" ng-if="currentPage+1<totalPages" ng-click="changeCurrentPage(currentPage+1)">{{currentPage+1}}</a> <a class="item" ng-if="currentPage+1<totalPages" ng-click="changeCurrentPage(currentPage+1)">{{currentPage+1}}</a>
<a class="item" ng-if="currentPage+2<totalPages" ng-click="changeCurrentPage(currentPage+2)">{{currentPage+2}}</a> <a class="item" ng-if="currentPage+2<totalPages" ng-click="changeCurrentPage(currentPage+2)">{{currentPage+2}}</a>
<a class="item" ng-if="currentPage+3<totalPages" ng-click="changeCurrentPage(currentPage+3)">{{currentPage+3}}</a> <a class="item" ng-if="currentPage+3<totalPages" ng-click="changeCurrentPage(currentPage+3)">{{currentPage+3}}</a>
<a class="item" style="cursor:not-allowed" ng-if="currentPage+3<totalPages-1">.....</a> <a class="item" style="cursor: not-allowed" ng-if="currentPage+3<totalPages-1">.....</a>
<a class="item" ng-if="currentPage < totalPages" ng-click="changeCurrentPage(totalPages)">{{totalPages}}</a> <a class="item" ng-if="currentPage < totalPages" ng-click="changeCurrentPage(totalPages)">{{totalPages}}</a>
<a class="icon item" ng-click="changeCurrentPage(currentPage+1)" ng-show="currentPage<totalPages"> <a class="icon item" ng-click="changeCurrentPage(currentPage+1)" ng-show="currentPage<totalPages">
<i class="angle right icon"></i> <i class="angle right icon"></i>
@ -22,7 +22,7 @@
<a class="icon item" ng-click="changeCurrentPage(totalPages)" ng-show="currentPage<=totalPages-1"> <a class="icon item" ng-click="changeCurrentPage(totalPages)" ng-show="currentPage<=totalPages-1">
<i class="angle double right icon"></i> <i class="angle double right icon"></i>
</a> </a>
<div class="ui transparent input item" style="width:100px;"> <div class="ui transparent input item" style="width: 100px">
<input type="text" placeholder="跳转至..." ng-model="inputPage" ng-keypress="($event.which === 13)?changeCurrentPage(inputPage):0" /> <input type="text" placeholder="跳转至..." ng-model="inputPage" ng-keypress="($event.which === 13)?changeCurrentPage(inputPage):0" />
<i class="arrow right icon" ng-click="changeCurrentPage(inputPage)"></i> <i class="arrow right icon" ng-click="changeCurrentPage(inputPage)"></i>
</div> </div>

58
www/views/search.html
View File

@ -1,12 +1,8 @@
<div class="ui huge text centered inline loader" ng-class="{active:loading, disabled: !loading}"> <div class="ui huge text centered inline loader" ng-class="{active:loading, disabled: !loading}">加载中，请稍候...</div>
加载中，请稍候... <div class="ui grid" style="height: 45px; padding-top: 5px" ng-show="!loading">
</div> <div class="fourteen wide column" ng-show="!showSearch">共为您找到相关书签约{{bookmarkCount}}个</div>
<div class="ui grid" style="height:45px;padding-top:5px;" ng-show="!loading">
<div class="fourteen wide column" ng-show="!showSearch">
共为您找到相关书签约{{bookmarkCount}}个
</div>
<div class="left floated right aligned two wide column" ng-show="!showSearch"> <div class="left floated right aligned two wide column" ng-show="!showSearch">
<img class="ui ui middle aligned tiny image" ng-src="./images/cocktail.png" style="width:16px;height:16px" ng-click="showSearch = !showSearch" /> <img class="ui ui middle aligned tiny image" ng-src="./images/cocktail.png" style="width: 16px; height: 16px" ng-click="showSearch = !showSearch" />
<span ng-click="showSearch = !showSearch">搜索工具</span> <span ng-click="showSearch = !showSearch">搜索工具</span>
</div> </div>
<div class="two wide column" ng-show="showSearch"> <div class="two wide column" ng-show="showSearch">
@ -89,8 +85,8 @@
</div> </div>
</div> </div>
<div class="two wide column" ng-show="showSearch"> <div class="two wide column" ng-show="showSearch">
<div class="ui grid container" style="padding-top: 8px;"> <div class="ui grid container" style="padding-top: 8px">
<div class="ui multiple dropdown js-search-tags" style="padding:0;" ng-show="showTags" js-dropdown-tags-init> <div class="ui multiple dropdown js-search-tags" style="padding: 0" ng-show="showTags" js-dropdown-tags-init>
<div class="default text">分类选择</div> <div class="default text">分类选择</div>
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
<div class="menu" ng-click="updateTagsSelect()"> <div class="menu" ng-click="updateTagsSelect()">
@ -104,13 +100,13 @@
<input type="text" placeholder="标题，链接..." ng-model="keyword" ng-keypress="($event.which === 13)?search():0" /> <input type="text" placeholder="标题，链接..." ng-model="keyword" ng-keypress="($event.which === 13)?search():0" />
</div> </div>
</div> </div>
<div class=" left floated right aligned two wide column" ng-show=" showSearch"> <div class="left floated right aligned two wide column" ng-show=" showSearch">
<div class="ui grid"> <div class="ui grid">
<div class="four wide column"> <div class="four wide column">
<i class="search icon" title="搜索" ng-click="currentPage=1;search()"></i> <i class="search icon" title="搜索" ng-click="currentPage=1;search()"></i>
</div> </div>
<div class="twelve wide column"> <div class="twelve wide column">
<img class="ui ui middle aligned tiny image" ng-src="./images/hide.png" style="width:16px;height:16px" ng-click="showSearch = !showSearch" /> <img class="ui ui middle aligned tiny image" ng-src="./images/hide.png" style="width: 16px; height: 16px" ng-click="showSearch = !showSearch" />
<span ng-click="showSearch = !showSearch">收起</span> <span ng-click="showSearch = !showSearch">收起</span>
</div> </div>
</div> </div>
@ -121,24 +117,22 @@
<tr> <tr>
<th>标题</th> <th>标题</th>
<th>链接</th> <th>链接</th>
<th style="width:90px;">{{ searchHotBookmarks ? '收藏人数' : '点击次数'}}</th> <th style="width: 90px">{{ searchHotBookmarks ? '收藏人数' : '点击次数'}}</th>
<th style="width:100px;">创建日期</th> <th style="width: 100px">创建日期</th>
<th style="width:100px;">最后点击</th> <th style="width: 100px">最后点击</th>
<th style="width:150px;">{{ searchHotBookmarks ? '来源信息' : '分类'}}</th> <th style="width: 150px">{{ searchHotBookmarks ? '来源信息' : '分类'}}</th>
<th style="width:88px;">操作</th> <th style="width: 88px">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr ng-repeat="bookmark in bookmarks" id="{{ bookmark.id }}" ng-mouseover="setHoverBookmark(bookmark)" ng-mouseleave="setHoverBookmark(null)"> <tr ng-repeat="bookmark in bookmarks" id="{{ bookmark.id }}" ng-mouseover="setHoverBookmark(bookmark)" ng-mouseleave="setHoverBookmark(null)">
<td> <td>
<img class="ui ui middle aligned mini image" ng-src="https://favicon.lucq.fun/?url={{bookmark.favicon_url}}" err-src="./images/default.ico" style="width:16px;height:16px;cursor:pointer;" ng-click="jumpToUrl(bookmark.url, bookmark.id)" ng-if="searchHotBookmarks" /> <img class="ui ui middle aligned mini image" ng-src="https://favicon.lucq.fun/?url={{bookmark.favicon_url}}" err-src="./images/default.ico" style="width: 16px; height: 16px; cursor: pointer" ng-click="jumpToUrl(bookmark.url, bookmark.id)" ng-if="searchHotBookmarks" />
<img class="ui ui middle aligned mini image" ng-src="https://favicon.lucq.fun/?url={{bookmark.url}}" err-src="./images/default.ico" style="width:16px;height:16px;cursor:pointer;" ng-click="jumpToUrl(bookmark.url, bookmark.id)" ng-if="!searchHotBookmarks" /> <img class="ui ui middle aligned mini image" ng-src="https://favicon.lucq.fun/?url={{bookmark.url}}" err-src="./images/default.ico" style="width: 16px; height: 16px; cursor: pointer" ng-click="jumpToUrl(bookmark.url, bookmark.id)" ng-if="!searchHotBookmarks" />
<span ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{bookmark.title}}" style="cursor:pointer;"> <span ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{bookmark.title}}" style="cursor: pointer"> {{ bookmark.title }} </span>
{{ bookmark.title }}
</span>
</td> </td>
<td> <td>
<span title="{{bookmark.url}} 点击复制链接" ng-click="copy(bookmark.url)" style="cursor:default;">{{ bookmark.url }}</span> <span title="{{bookmark.url}} 点击复制链接" ng-click="copy(bookmark.url)" style="cursor: default">{{ bookmark.url }}</span>
</td> </td>
<td>{{ bookmark.clickCount || bookmark.favCount }}</td> <td>{{ bookmark.clickCount || bookmark.favCount }}</td>
<td> <td>
@ -148,27 +142,23 @@
<span id="time{{bookmark.id}}" title="{{bookmark.lastClick}}" class="need_to_be_rendered" data-timeago="{{bookmark.lastClick}}"></span> <span id="time{{bookmark.id}}" title="{{bookmark.lastClick}}" class="need_to_be_rendered" data-timeago="{{bookmark.lastClick}}"></span>
</td> </td>
<td> <td>
<div class="ui label" tag-id="{{ tag.id }}" ng-if="!searchHotBookmarks"> <div class="ui label" tag-id="{{ tag.id }}" ng-if="!searchHotBookmarks">{{ bookmark.tagName }}</div>
{{ bookmark.tagName }} <span ng-if="searchHotBookmarks"> {{ bookmark.createdBy }} </span>
</div>
<span ng-if="searchHotBookmarks">
{{ bookmark.createdBy }}
</span>
</td> </td>
<td> <td>
<span ng-show="bookmark.userId == user.id"> <span ng-show="bookmark.userId == user.id">
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 1px" ng-src="./images/delete.png" ng-click="delBookmark(bookmark)" title="删除书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/delete.png" ng-click="delBookmark(bookmark)" title="删除书签" />
</span> </span>
<span ng-show="bookmark.userId == user.id"> <span ng-show="bookmark.userId == user.id">
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 1px" ng-src="./images/edit-bookmark.png" ng-click="editBookmark(bookmark.id)" title="编辑书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/edit-bookmark.png" ng-click="editBookmark(bookmark.id)" title="编辑书签" />
</span> </span>
<span ng-show="bookmark.userId != user.id"> <span ng-show="bookmark.userId != user.id">
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 1px" ng-src="./images/favorite.png" ng-click="favoriteBookmark(bookmark)" title="一键收藏" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/favorite.png" ng-click="favoriteBookmark(bookmark)" title="一键收藏" />
</span> </span>
<span ng-show="bookmark.userId != user.id"> <span ng-show="bookmark.userId != user.id">
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 1px" ng-src="./images/store-bookmark.png" ng-click="storeBookmark(bookmark)" title="转存到我的书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/store-bookmark.png" ng-click="storeBookmark(bookmark)" title="转存到我的书签" />
</span> </span>
<img class="ui mini spaced image" style="width:16px;height:16px;margin:0 1px" ng-src="./images/detail.png" ng-click="detailBookmark(bookmark)" title="书签详情" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/detail.png" ng-click="detailBookmark(bookmark)" title="书签详情" />
</td> </td>
</tr> </tr>
</tbody> </tbody>

20
www/views/settings.html
View File

@ -12,9 +12,7 @@
</div> </div>
<div class="twelve wide stretched column"> <div class="twelve wide stretched column">
<form class="ui form" ng-show="form[0]"> <form class="ui form" ng-show="form[0]">
<h4 class="ui horizontal divider header"> <h4 class="ui horizontal divider header">重置密码</h4>
重置密码
</h4>
<div class="required field"> <div class="required field">
<label>原密码</label> <label>原密码</label>
<input type="password" placeholder="" ng-model="passwordOrgin" /> <input type="password" placeholder="" ng-model="passwordOrgin" />
@ -29,7 +27,7 @@
</div> </div>
<button class="ui button" type="submit" ng-click="resetPassword()">重置密码</button> <button class="ui button" type="submit" ng-click="resetPassword()">重置密码</button>
</form> </form>
<div class="ui four statistics" style="margin-top: 60px; margin-left: -80px;" ng-show="form[1]"> <div class="ui four statistics" style="margin-top: 60px; margin-left: -80px" ng-show="form[1]">
<div class="statistic"> <div class="statistic">
<div class="text value"> <div class="text value">
{{user.createdAt.substring(0, 4)}}<br /> {{user.createdAt.substring(0, 4)}}<br />
@ -61,7 +59,7 @@
</div> </div>
<form class="ui form" ng-show="form[2]"> <form class="ui form" ng-show="form[2]">
<h2 class="ui dividing header">上传浏览器书签到系统</h2> <h2 class="ui dividing header">上传浏览器书签到系统</h2>
<div id="fileuploader" style="min-width: 100px;">点我上传</div> <div id="fileuploader" style="min-width: 100px">点我上传</div>
<div class="ui container js-p-info"> <div class="ui container js-p-info">
<p>注意事项</p> <p>注意事项</p>
<p>1、导入的方法是将浏览器里面收藏的网站导出HTML文件。然后将导出的HTML文件点击上面的<code>Upload</code>按钮上传到服务器。目前只测试过谷歌浏览器跟IE浏览器的书签导入。但是因为浏览器的标签是可以支持互相导入的，我觉得应该是没问题的。如果不成功，可以先将其他浏览器的书签导入谷歌浏览器再导出。</p> <p>1、导入的方法是将浏览器里面收藏的网站导出HTML文件。然后将导出的HTML文件点击上面的<code>Upload</code>按钮上传到服务器。目前只测试过谷歌浏览器跟IE浏览器的书签导入。但是因为浏览器的标签是可以支持互相导入的，我觉得应该是没问题的。如果不成功，可以先将其他浏览器的书签导入谷歌浏览器再导出。</p>
@ -117,11 +115,11 @@
<div class="ui form"> <div class="ui form">
<div class="inline fields"> <div class="inline fields">
<div class="five wide field"> <div class="five wide field">
<label style="min-width: 55px;">快捷键：</label> <label style="min-width: 55px">快捷键：</label>
<input type="text" placeholder="请按相应的快捷键" ng-model="key" ng-keypress="quickKey($event.key)" /> <input type="text" placeholder="请按相应的快捷键" ng-model="key" ng-keypress="quickKey($event.key)" />
</div> </div>
<div class="nine wide field"> <div class="nine wide field">
<label style="min-width: 66px;">网站地址：</label> <label style="min-width: 66px">网站地址：</label>
<input type="text" placeholder="请输入你需要快捷打开的网站地址" ng-model="url" /> <input type="text" placeholder="请输入你需要快捷打开的网站地址" ng-model="url" />
</div> </div>
<div class="two wide field"> <div class="two wide field">
@ -133,20 +131,20 @@
<table class="ui selectable sortable celled table js-quick-url-table"> <table class="ui selectable sortable celled table js-quick-url-table">
<thead> <thead>
<tr> <tr>
<th style="width: 80px;">快捷键</th> <th style="width: 80px">快捷键</th>
<th>网站地址</th> <th>网站地址</th>
<th style="width: 45px;">操作</th> <th style="width: 45px">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr ng-repeat="(key, value) in quickUrl"> <tr ng-repeat="(key, value) in quickUrl">
<td>{{key}}</td> <td>{{key}}</td>
<td> <td>
<img class="ui ui middle aligned tiny image" ng-src="https://favicon.lucq.fun/?url={{value}}" err-src="./images/default.ico" style="width: 16px; height: 16px;" /> <img class="ui ui middle aligned tiny image" ng-src="https://favicon.lucq.fun/?url={{value}}" err-src="./images/default.ico" style="width: 16px; height: 16px" />
<span>{{value}}</span> <span>{{value}}</span>
</td> </td>
<td> <td>
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px;" ng-src="./images/delete.png" ng-click="delUrl(key)" title="删除书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/delete.png" ng-click="delUrl(key)" title="删除书签" />
</td> </td>
</tr> </tr>
</tbody> </tbody>

97
www/views/tags.html
View File

@ -1,27 +1,23 @@
<div class="ui segment js-tags" ng-show="!loading || tags.length > 0"> <div class="ui segment js-tags" ng-show="!loading || tags.length > 0">
<div class="ui container" ng-show="!editMode" style="cursor: default;"> <div class="ui container" ng-show="!editMode" style="cursor: default">
<div class="ui label" style="margin: 3px 15px 8px 0px; cursor: default;" ng-if="tag.bookmarkCount && tag.show" ng-repeat="tag in tags" ng-class="{green:tag.bookmarkClicked}" ng-click="getBookmarks(tag.id, (tag.id == -1 ? 0 : 1), null)"> <div class="ui label" style="margin: 3px 15px 8px 0px; cursor: default" ng-if="tag.bookmarkCount && tag.show" ng-repeat="tag in tags" ng-class="{green:tag.bookmarkClicked}" ng-click="getBookmarks(tag.id, (tag.id == -1 ? 0 : 1), null)">{{ tag.name }} ({{ tag.bookmarkCount || 0 }})</div>
{{ tag.name }} ({{ tag.bookmarkCount || 0 }}) <div class="ui label globalTag" style="margin: 3px 15px 8px 0px; cursor: default; display: none" ng-click="globalTag()">全局书签</div>
</div> <div class="ui label js-tag-label" style="margin: 3px 15px 8px 0px; cursor: default">
<div class="ui label globalTag" style="margin: 3px 15px 8px 0px; cursor: default;display:none" ng-click="globalTag()">
全局书签
</div>
<div class="ui label js-tag-label" style="margin: 3px 15px 8px 0px; cursor: default;">
<i class="plus icon" data-content="点击添加分类" data-position="top center" ng-click="showAddTag()"></i> <i class="plus icon" data-content="点击添加分类" data-position="top center" ng-click="showAddTag()"></i>
<i class="pencil alternate icon" data-content="点击进入分类编辑模式" data-position="top center" ng-click="toggleMode(true)"></i> <i class="pencil alternate icon" data-content="点击进入分类编辑模式" data-position="top center" ng-click="toggleMode(true)"></i>
<i class="table icon" style="margin-right: 0px;" data-content="点击以条目显示" data-position="top center" ng-show="showMode=='table'" ng-click="toggleShowMode('item')"></i> <i class="table icon" style="margin-right: 0px" data-content="点击以条目显示" data-position="top center" ng-show="showMode=='table'" ng-click="toggleShowMode('item')"></i>
<i class="list icon" style="margin-right: 0px;" data-content="点击以表格显示" data-position="top center" ng-show="showMode=='item'" ng-click="toggleShowMode('table')"></i> <i class="list icon" style="margin-right: 0px" data-content="点击以表格显示" data-position="top center" ng-show="showMode=='item'" ng-click="toggleShowMode('table')"></i>
</div> </div>
</div> </div>
<div class="ui container" ng-show="editMode" ng-mousedown="storeTagIndex()" ng-mouseup="updateTagIndex()"> <div class="ui container" ng-show="editMode" ng-mousedown="storeTagIndex()" ng-mouseup="updateTagIndex()">
<p>提示：拖拽分类即可进行排序。如果添加新的分类，返回之后不会显示添加的分类，因为默认只显示有书签的分类。</p> <p>提示：拖拽分类即可进行排序。如果添加新的分类，返回之后不会显示添加的分类，因为默认只显示有书签的分类。</p>
<div class="ui six stackable cards" sv-root sv-part="tags"> <div class="ui six stackable cards" sv-root sv-part="tags">
<div class="card" style="background-color: #f5f5f5;" ng-click="showAddTag()" data-tooltip="添加书签"> <div class="card" style="background-color: #f5f5f5" ng-click="showAddTag()" data-tooltip="添加书签">
<div class="image"> <div class="image">
<img src="./images/add-tag.png" /> <img src="./images/add-tag.png" />
</div> </div>
</div> </div>
<div class="card" style="background-color: #f5f5f5;" ng-click="toggleMode(false)" data-tooltip="退出编辑模式"> <div class="card" style="background-color: #f5f5f5" ng-click="toggleMode(false)" data-tooltip="退出编辑模式">
<div class="image"> <div class="image">
<img src="./images/back-tag.png" /> <img src="./images/back-tag.png" />
</div> </div>
@ -29,55 +25,51 @@
<div class="card" ng-repeat="tag in tags" id="tag{{tag.id}}" ng-if="tag.id > -1" sv-element> <div class="card" ng-repeat="tag in tags" id="tag{{tag.id}}" ng-if="tag.id > -1" sv-element>
<div class="content"> <div class="content">
<div class="header" ng-if="!tag.edit">{{ tag.name }}</div> <div class="header" ng-if="!tag.edit">{{ tag.name }}</div>
<div class="ui large fluid transparent input" style="height: 19px;" ng-if="tag.edit"> <div class="ui large fluid transparent input" style="height: 19px" ng-if="tag.edit">
<input type="text" ng-model="tag.name" style="font-size: 18px;" id="tagedit{{tag.id}}" /> <input type="text" ng-model="tag.name" style="font-size: 18px" id="tagedit{{tag.id}}" />
<i class="checkmark icon" style="cursor: pointer;" ng-click="updateTag(tag)" title="更新分类"></i> <i class="checkmark icon" style="cursor: pointer" ng-click="updateTag(tag)" title="更新分类"></i>
<i class="mail forward icon" style="cursor: pointer;" ng-click="backTag(tag)" title="放弃更新"></i> <i class="mail forward icon" style="cursor: pointer" ng-click="backTag(tag)" title="放弃更新"></i>
</div> </div>
</div> </div>
<div class="content" style="cursor: move;" sv-handle> <div class="content" style="cursor: move" sv-handle>
<div class="description"> <div class="description">
<p>书签：{{ tag.bookmarkCount || 0 }}个</p> <p>书签：{{ tag.bookmarkCount || 0 }}个</p>
<p>{{ tag.lastUse }}</p> <p>{{ tag.lastUse }}</p>
</div> </div>
</div> </div>
<div class="extra content"> <div class="extra content">
<img class="ui mini spaced image right floated" style="width: 16px; height: 16px; margin: 0 5px;" ng-src="./images/delete.png" ng-click="delTag(tag)" title="删除分类" /> <img class="ui mini spaced image right floated" style="width: 16px; height: 16px; margin: 0 5px" ng-src="./images/delete.png" ng-click="delTag(tag)" title="删除分类" />
<label for="tagedit{{tag.id}}" ng-show="!tag.edit"> <label for="tagedit{{tag.id}}" ng-show="!tag.edit">
<img class="ui mini spaced image right floated" style="width: 16px; height: 16px; margin: 0 5px;" ng-src="./images/edit-bookmark.png" ng-click="editTag(tag)" title="编辑分类" /> <img class="ui mini spaced image right floated" style="width: 16px; height: 16px; margin: 0 5px" ng-src="./images/edit-bookmark.png" ng-click="editTag(tag)" title="编辑分类" />
</label> </label>
<i class="eye black icon right floated" style="cursor: pointer;" ng-if="tag.show" ng-click="updateTagShow(tag, 0)" title="点击隐藏分类"></i> <i class="eye black icon right floated" style="cursor: pointer" ng-if="tag.show" ng-click="updateTagShow(tag, 0)" title="点击隐藏分类"></i>
<i class="eye black slash icon right floated" style="cursor: pointer;" ng-if="!tag.show" ng-click="updateTagShow(tag, 1)" title="点击显示分类"></i> <i class="eye black slash icon right floated" style="cursor: pointer" ng-if="!tag.show" ng-click="updateTagShow(tag, 1)" title="点击显示分类"></i>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="ui huge text centered inline loader" style="margin-top: 10px;" ng-class="{active:loading, disabled: !loading}"> <div class="ui huge text centered inline loader" style="margin-top: 10px" ng-class="{active:loading, disabled: !loading}">正在加载中...</div>
正在加载中... <table class="ui selectable sortable celled table js-tags-table" ng-if="showMode=='table'" style="margin-top: -15px" ng-show="!loading && !editMode">
</div>
<table class="ui selectable sortable celled table js-tags-table" ng-if="showMode=='table'" style="margin-top: -15px;" ng-show="!loading && !editMode">
<thead> <thead>
<tr> <tr>
<th class="forbid_sorted">标题</th> <th class="forbid_sorted">标题</th>
<th class="forbid_sorted">链接</th> <th class="forbid_sorted">链接</th>
<th style="width: 90px;" ng-class="{descending: showType == 'clickCount', sorted:showType == 'clickCount'}" ng-click="getBookmarks(null, 1, 'clickCount')" title="点击可对表格进行排序">点击次数</th> <th style="width: 90px" ng-class="{descending: showType == 'clickCount', sorted:showType == 'clickCount'}" ng-click="getBookmarks(null, 1, 'clickCount')" title="点击可对表格进行排序">点击次数</th>
<th style="width: 100px;" ng-class="{descending: showType == 'createdAt', sorted:showType == 'createdAt'}" ng-click="getBookmarks(null, 1, 'createdAt')" title="点击可对表格进行排序">添加日期</th> <th style="width: 100px" ng-class="{descending: showType == 'createdAt', sorted:showType == 'createdAt'}" ng-click="getBookmarks(null, 1, 'createdAt')" title="点击可对表格进行排序">添加日期</th>
<th style="width: 100px;" ng-class="{descending: showType == 'lastClick', sorted:showType == 'lastClick'}" ng-click="getBookmarks(null, 1, 'lastClick')" title="点击可对表格进行排序">最后点击</th> <th style="width: 100px" ng-class="{descending: showType == 'lastClick', sorted:showType == 'lastClick'}" ng-click="getBookmarks(null, 1, 'lastClick')" title="点击可对表格进行排序">最后点击</th>
<th style="width: 150px;" class="forbid_sorted">分类</th> <th style="width: 150px" class="forbid_sorted">分类</th>
<th style="width: 88px;" class="forbid_sorted">操作</th> <th style="width: 88px" class="forbid_sorted">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr ng-repeat="bookmark in bookmarks" id="{{ bookmark.id }}" ng-mouseover="setHoverBookmark(bookmark)" ng-mouseleave="setHoverBookmark(null)"> <tr ng-repeat="bookmark in bookmarks" id="{{ bookmark.id }}" ng-mouseover="setHoverBookmark(bookmark)" ng-mouseleave="setHoverBookmark(null)">
<td> <td>
<img class="ui ui middle aligned tiny image" ng-src="https://favicon.lucq.fun/?url={{bookmark.url}}" err-src="./images/default.ico" style="width: 16px; height: 16px; cursor: pointer;" ng-click="jumpToUrl(bookmark.url, bookmark.id)" /> <img class="ui ui middle aligned tiny image" ng-src="https://favicon.lucq.fun/?url={{bookmark.url}}" err-src="./images/default.ico" style="width: 16px; height: 16px; cursor: pointer" ng-click="jumpToUrl(bookmark.url, bookmark.id)" />
<span ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{bookmark.title}}" style="cursor: pointer;"> <span ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{bookmark.title}}" style="cursor: pointer"> {{ bookmark.title }} </span>
{{ bookmark.title }}
</span>
</td> </td>
<td> <td>
<span title="{{bookmark.url}} 点击复制链接" ng-click="copy(bookmark.url)" style="cursor: default;">{{ bookmark.url }}</span> <span title="{{bookmark.url}} 点击复制链接" ng-click="copy(bookmark.url)" style="cursor: default">{{ bookmark.url }}</span>
</td> </td>
<td>{{ bookmark.clickCount }}</td> <td>{{ bookmark.clickCount }}</td>
<td> <td>
@ -87,14 +79,12 @@
<span id="time{{bookmark.id}}" title="{{bookmark.lastClick}}" class="need_to_be_rendered" data-timeago="{{bookmark.lastClick}}"></span> <span id="time{{bookmark.id}}" title="{{bookmark.lastClick}}" class="need_to_be_rendered" data-timeago="{{bookmark.lastClick}}"></span>
</td> </td>
<td> <td>
<div class="ui label"> <div class="ui label">{{ bookmark.tagName }}</div>
{{ bookmark.tagName }}
</div>
</td> </td>
<td> <td>
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px;" ng-src="./images/delete.png" ng-click="delBookmark(bookmark)" title="删除书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/delete.png" ng-click="delBookmark(bookmark)" title="删除书签" />
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px;" ng-src="./images/edit-bookmark.png" ng-click="editBookmark(bookmark.id)" title="编辑书签" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/edit-bookmark.png" ng-click="editBookmark(bookmark.id)" title="编辑书签" />
<img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px;" ng-src="./images/detail.png" ng-click="detailBookmark(bookmark)" title="书签详情" /> <img class="ui mini spaced image" style="width: 16px; height: 16px; margin: 0 1px" ng-src="./images/detail.png" ng-click="detailBookmark(bookmark)" title="书签详情" />
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -106,32 +96,33 @@
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
<div class="ui segment js-tag-costomTag" ng-if="showMode=='item'" style="margin-top: -15px;" ng-show="!loading && !editMode"> <div class="ui segment js-tag-costomTag" ng-if="showMode=='item'" style="margin-top: -15px" ng-show="!loading && !editMode">
<div class="ui five column grid"> <div class="ui five column grid">
<div ng-repeat="bookmark in bookmarks" class="column js-costomTag-item" ng-class="{bookmarkNormalHover:bookmarkNormalHover, bookmark:(!bookmarkNormalHover)}" ng-mouseover="bookmarkNormalHover=true; setHoverBookmark(bookmark)" ng-mouseleave="bookmarkNormalHover=false; setHoverBookmark(null)" ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{ bookmark.title }}" id="{{bookmark.id}}"> <div ng-repeat="bookmark in bookmarks" class="column js-costomTag-item" ng-class="{bookmarkNormalHover:bookmarkNormalHover, bookmark:(!bookmarkNormalHover)}" ng-mouseover="bookmarkNormalHover=true; setHoverBookmark(bookmark)" ng-mouseleave="bookmarkNormalHover=false; setHoverBookmark(null)" ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{ bookmark.title }}" id="{{bookmark.id}}">
<img class="ui ui middle aligned tiny image bookmarkInfo" ng-src="https://favicon.lucq.fun/?url={{bookmark.url}}" err-src="./images/default.ico" style="width: 16px; height: 16px;" ng-click="detailBookmark(bookmark);$event.stopPropagation()" /> <img class="ui ui middle aligned tiny image bookmarkInfo" ng-src="https://favicon.lucq.fun/?url={{bookmark.url}}" err-src="./images/default.ico" style="width: 16px; height: 16px" ng-click="detailBookmark(bookmark);$event.stopPropagation()" />
<span>{{ bookmark.title}}</span> <span ng-if="$index==0 || $index==20 || $index==40" style="font-weight: bold">{{bookmark.title}}</span>
<span ng-if="$index!=0 && $index!=20 && $index!=40">{{bookmark.title}}</span>
</div> </div>
</div> </div>
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui grid"> <div class="ui grid">
<div class="five wide column" style="margin-top: 10px;" ng-show="currentPage>0"> <div class="five wide column" style="margin-top: 10px" ng-show="currentPage>0">
<div class="ui three column grid" style="cursor: default;"> <div class="ui three column grid" style="cursor: default">
<div class="column" ng-click="getBookmarks(null, 1, 'createdAt')"> <div class="column" ng-click="getBookmarks(null, 1, 'createdAt')">
<i class="add to calendar large icon" ng-class="{green: showType == 'createdAt'}" style="margin-bottom: 4px;"></i> <i class="add to calendar large icon" ng-class="{green: showType == 'createdAt'}" style="margin-bottom: 4px"></i>
<span ng-class="{fontgreen: showType == 'createdAt'}" style="margin-left: -5px;">添加日期</span> <span ng-class="{fontgreen: showType == 'createdAt'}" style="margin-left: -5px">添加日期</span>
</div> </div>
<div class="column" ng-click="getBookmarks(null, 1, 'clickCount')"> <div class="column" ng-click="getBookmarks(null, 1, 'clickCount')">
<i class="sort numeric descending large icon" ng-class="{green: showType == 'clickCount'}" style="margin-bottom: 4px;"></i> <i class="sort numeric descending large icon" ng-class="{green: showType == 'clickCount'}" style="margin-bottom: 4px"></i>
<span ng-class="{fontgreen: showType == 'clickCount'}" style="margin-left: -5px;">点击次数</span> <span ng-class="{fontgreen: showType == 'clickCount'}" style="margin-left: -5px">点击次数</span>
</div> </div>
<div class="column" ng-click="getBookmarks(null, 1, 'lastClick')"> <div class="column" ng-click="getBookmarks(null, 1, 'lastClick')">
<i class="sort alphabet descending large icon" ng-class="{green: showType == 'lastClick'}" style="margin-bottom: 4px;"></i> <i class="sort alphabet descending large icon" ng-class="{green: showType == 'lastClick'}" style="margin-bottom: 4px"></i>
<span ng-class="{fontgreen: showType == 'lastClick'}" style="margin-left: -5px;">最后点击</span> <span ng-class="{fontgreen: showType == 'lastClick'}" style="margin-left: -5px">最后点击</span>
</div> </div>
</div> </div>
</div> </div>
<div class="five wide column" style="margin-top: 10px;" ng-show="currentPage==0"></div> <div class="five wide column" style="margin-top: 10px" ng-show="currentPage==0"></div>
<div class="eleven wide column"> <div class="eleven wide column">
<pagination></pagination> <pagination></pagination>
</div> </div>