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 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="date" :title="item.Created">{{ dayjs(item.Created).fromNow() }}</span>
<h3 class="item-title">{{item.Title}} <a :href="item.URL">↗</a></h3>
@ -166,9 +166,13 @@
}
},
methods: {
setPageTitle() {
document.title = `Gopherss (${this.unread})`;
},
setBusy(isBusy) {
this.isBusy = isBusy;
document.body.style.cursor = isBusy ? "wait" : "";
this.setPageTitle();
},
toggleDarkMode() {
this.isDark = !this.isDark;
@ -177,6 +181,7 @@
},
loadFeed(feed) {
this.selectedItem = undefined;
this.items.forEach(item => item.Read = item.Read || item.PendingRead);
this.selectedFeed = feed;
},
loadItem(item) {
@ -185,7 +190,7 @@
} else {
this.selectedItem = item.ID;
document.getElementById(this.selectedItem).scrollIntoView();
item.Read = true;
item.PendingRead = true;
fetch(`/api/read/${item.ID}`, {method: "POST"})
}
},