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

更新微信到热门

This commit is contained in:
HelloWorld 2020-04-23 08:25:46 +08:00
parent b812d99ee6
commit a3b179a4e7
5 changed files with 85 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
view/index_index.html
View File

@ -95,7 +95,7 @@
<script src="scripts/controllers/edit-controller.js"></script> <script src="scripts/controllers/edit-controller.js"></script>
<script src="scripts/controllers/bookmark-info-controller.js"></script> <script src="scripts/controllers/bookmark-info-controller.js"></script>
<script src="scripts/controllers/search-controller.js"></script> <script src="scripts/controllers/search-controller.js"></script>
<script src="scripts/controllers/weixin-article-controller.js"></script> <script src="scripts/controllers/hot-controller.js"></script>
<script src="scripts/controllers/note-controller.js"></script> <script src="scripts/controllers/note-controller.js"></script>
<script src="scripts/externe/semantic.min.js"></script> <script src="scripts/externe/semantic.min.js"></script>
<script src="scripts/externe/calendar.min.js"></script> <script src="scripts/externe/calendar.min.js"></script>

8
www/scripts/app-angular.js
View File

@ -53,10 +53,10 @@ app.config(function ($stateProvider, $urlRouterProvider, $httpProvider) {
templateUrl: 'views/bookmarks.html', templateUrl: 'views/bookmarks.html',
controller: 'bookmarksCtr' controller: 'bookmarksCtr'
}) })
.state('weixin-article', { .state('hot', {
url: '/weixin-article', url: '/hot',
templateUrl: 'views/weixin-article.html', templateUrl: 'views/hot.html',
controller: 'weixinArticleCtr' controller: 'hotCtr'
}) })
.state('note', { .state('note', {
url: '/note', url: '/note',

4
www/scripts/controllers/weixin-article-controller.js → www/scripts/controllers/hot-controller.js
View File

@ -1,5 +1,5 @@
app.controller('weixinArticleCtr', ['$scope', '$state', '$sce', '$filter', '$window', '$timeout', '$document', 'pubSubService', 'dataService', function ($scope, $state, $sce, $filter, $window, $timeout, $document, pubSubService, dataService) { app.controller('hotCtr', ['$scope', '$state', '$sce', '$filter', '$window', '$timeout', '$document', 'pubSubService', 'dataService', function ($scope, $state, $sce, $filter, $window, $timeout, $document, pubSubService, dataService) {
console.log("Hello weixinArticleCtr..."); console.log("Hello hotCtr...");
if (dataService.smallDevice()) { if (dataService.smallDevice()) {
$window.location = "http://m.mybookmark.cn/#/tags"; $window.location = "http://m.mybookmark.cn/#/tags";
return; return;

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

@ -23,7 +23,7 @@ app.factory('dataService', [function () {
uiSref: 'note', uiSref: 'note',
title: '备忘' title: '备忘'
}, { }, {
uiSref: 'weixin-article', uiSref: 'hot',
title: '热门' title: '热门'
}, { }, {
uiSref: 'settings', uiSref: 'settings',
@ -39,7 +39,7 @@ app.factory('dataService', [function () {
uiSref: 'login', uiSref: 'login',
title: '登录' title: '登录'
}, { }, {
uiSref: 'weixin-article', uiSref: 'hot',
title: '热门' title: '热门'
}], }],
animationIndex: 0, animationIndex: 0,

152
www/views/weixin-article.html → www/views/hot.html
View File

@ -1,76 +1,76 @@
<!-- 高度至少要设置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}} {{bookmark.title}}
</div> </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.replace('https://', 'http://')}}" /> <img ng-src="{{bookmark.snap}}" err-src="{{bookmark.snap.replace('https://', 'http://')}}" />
</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>
<div class="ui longer modal js-weixin-content"> <div class="ui longer modal js-weixin-content">
<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;
<span>{{bookmark.createdAt}}</span> <span>{{bookmark.createdAt}}</span>
</div> </div>
<div class="ui divider"></div> <div class="ui divider"></div>
<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>
<div class="actions"> <div class="actions">
<div class="ui green button" ng-click="close()">已阅</div> <div class="ui green button" ng-click="close()">已阅</div>
</div> </div>
</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>
</div> </div>
</div> </div>
</div> </div>