AverageMarcus/gopherss
1
0
Fork 0
Code Pull Requests Releases Activity

Added unread count to title

Browse Source
This commit is contained in:
Marcus Noble 2020-11-09 20:38:24 +00:00
parent 41f26ed63b
commit 189956e4fd
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
views/index.html
View File

@ -98,7 +98,7 @@
<div class="items"> <div class="items">
<div v-for="item in shownItems" :id="item.ID"> <div v-for="item in shownItems" :id="item.ID">
<div :class="{'alert': true, 'alert-info': item.Read == false, 'item-heading': true}" :data-feed="item.FeedHomepageURL" v-on:click="loadItem(item)"> <div :class="{'alert': true, 'alert-info': !item.Read && !item.PendingRead, 'item-heading': true}" :data-feed="item.FeedHomepageURL" v-on:click="loadItem(item)">
<span class="feed-title">{{item.FeedTitle}}</span> <span class="feed-title">{{item.FeedTitle}}</span>
<span class="date" :title="item.Created">{{ dayjs(item.Created).fromNow() }}</span> <span class="date" :title="item.Created">{{ dayjs(item.Created).fromNow() }}</span>
<h3 class="item-title">{{item.Title}} <a :href="item.URL">↗</a></h3> <h3 class="item-title">{{item.Title}} <a :href="item.URL">↗</a></h3>
@ -166,9 +166,13 @@
} }
}, },
methods: { methods: {
setPageTitle() {
document.title = `Gopherss (${this.unread})`;
},
setBusy(isBusy) { setBusy(isBusy) {
this.isBusy = isBusy; this.isBusy = isBusy;
document.body.style.cursor = isBusy ? "wait" : ""; document.body.style.cursor = isBusy ? "wait" : "";
this.setPageTitle();
}, },
toggleDarkMode() { toggleDarkMode() {
this.isDark = !this.isDark; this.isDark = !this.isDark;
@ -177,6 +181,7 @@
}, },
loadFeed(feed) { loadFeed(feed) {
this.selectedItem = undefined; this.selectedItem = undefined;
this.items.forEach(item => item.Read = item.Read || item.PendingRead);
this.selectedFeed = feed; this.selectedFeed = feed;
}, },
loadItem(item) { loadItem(item) {
@ -185,7 +190,7 @@
} else { } else {
this.selectedItem = item.ID; this.selectedItem = item.ID;
document.getElementById(this.selectedItem).scrollIntoView(); document.getElementById(this.selectedItem).scrollIntoView();
item.Read = true; item.PendingRead = true;
fetch(`/api/read/${item.ID}`, {method: "POST"}) fetch(`/api/read/${item.ID}`, {method: "POST"})
} }
}, },