james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-07-09 00:10:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

space

Browse Source
This commit is contained in:
Nazar Kanaev 2020-10-02 21:15:55 +01:00
parent 9872bf84f0
commit 72da9df5ac
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/index.html
View File

@ -92,7 +92,7 @@
<span class="flex-fill text-left text-truncate" v-if="filterSelected=='unread'">All Unread</span> <span class="flex-fill text-left text-truncate" v-if="filterSelected=='unread'">All Unread</span>
<span class="flex-fill text-left text-truncate" v-if="filterSelected=='starred'">All Starred</span> <span class="flex-fill text-left text-truncate" v-if="filterSelected=='starred'">All Starred</span>
<span class="flex-fill text-left text-truncate" v-if="filterSelected==''">All Feeds</span> <span class="flex-fill text-left text-truncate" v-if="filterSelected==''">All Feeds</span>
<span class="counter text-right">{{filteredTotalStats}}</span> <span class="counter text-right">{{ filteredTotalStats }}</span>
</div> </div>
</label> </label>
<div v-for="folder in foldersWithFeeds"> <div v-for="folder in foldersWithFeeds">
@ -108,7 +108,7 @@
{% inline "chevron-right.svg" %} {% inline "chevron-right.svg" %}
</span> </span>
<span class="flex-fill text-left text-truncate">{{ folder.title }}</span> <span class="flex-fill text-left text-truncate">{{ folder.title }}</span>
<span class="counter text-right">{{filteredFolderStats[folder.id] || ''}}</span> <span class="counter text-right">{{ filteredFolderStats[folder.id] || '' }}</span>
</div> </div>
</label> </label>
<div v-show="!folder.id || folder.is_expanded" class="mt-1" :class="{'pl-3': folder.id}"> <div v-show="!folder.id || folder.is_expanded" class="mt-1" :class="{'pl-3': folder.id}">
@ -122,7 +122,7 @@
<span class="icon mr-2" v-if="!feed.has_icon">{% inline "rss.svg" %}</span> <span class="icon mr-2" v-if="!feed.has_icon">{% inline "rss.svg" %}</span>
<span class="icon mr-2" v-else><img v-lazy="'/api/feeds/'+feed.id+'/icon'" alt=""></span> <span class="icon mr-2" v-else><img v-lazy="'/api/feeds/'+feed.id+'/icon'" alt=""></span>
<span class="flex-fill text-left text-truncate">{{ feed.title }}</span> <span class="flex-fill text-left text-truncate">{{ feed.title }}</span>
<span class="counter text-right">{{filteredFeedStats[feed.id] || ''}}</span> <span class="counter text-right">{{ filteredFeedStats[feed.id] || '' }}</span>
</div> </div>
</label> </label>
</div> </div>
@ -130,7 +130,7 @@
</div> </div>
<div class="p-2 toolbar d-flex align-items-center border-top flex-shrink-0" v-if="loading.feeds"> <div class="p-2 toolbar d-flex align-items-center border-top flex-shrink-0" v-if="loading.feeds">
<span class="icon loading mx-2"></span> <span class="icon loading mx-2"></span>
<span class="text-truncate cursor-default noselect">Refreshing ({{loading.feeds}} left)</span> <span class="text-truncate cursor-default noselect">Refreshing ({{ loading.feedsi }} left)</span>
</div> </div>
</div> </div>
<!-- item list --> <!-- item list -->
@ -159,11 +159,11 @@
<span class="icon icon-small mr-1" v-if="item.status=='starred'">{% inline "star-full.svg" %}</span> <span class="icon icon-small mr-1" v-if="item.status=='starred'">{% inline "star-full.svg" %}</span>
</transition> </transition>
<small class="flex-fill text-truncate mr-1"> <small class="flex-fill text-truncate mr-1">
{{feedsById[item.feed_id].title}} {{ feedsById[item.feed_id].title }}
</small> </small>
<small class="flex-shrink-0"><relative-time :val="item.date"/></small> <small class="flex-shrink-0"><relative-time :val="item.date"/></small>
</div> </div>
<div>{{item.title || 'untitled'}}</div> <div>{{ item.title || 'untitled' }}</div>
</div> </div>
</label> </label>
<button class="btn btn-link btn-block loading my-3" v-if="itemsPage.cur < itemsPage.num"></button> <button class="btn btn-link btn-block loading my-3" v-if="itemsPage.cur < itemsPage.num"></button>
@ -244,7 +244,7 @@
ref="content" ref="content"
class="content px-4 pt-3 pb-5 border-top overflow-auto" class="content px-4 pt-3 pb-5 border-top overflow-auto"
:style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}"> :style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}">
<h1><b>{{itemSelectedDetails.title}}</b></h1> <h1><b>{{ itemSelectedDetails.title }}</b></h1>
<div class="text-muted"> <div class="text-muted">
<div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div> <div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
<time>{{ formatDate(itemSelectedDetails.date) }}</time> <time>{{ formatDate(itemSelectedDetails.date) }}</time>
@ -299,7 +299,7 @@
<template v-slot:button-content> <template v-slot:button-content>
<span class="icon">{% inline "more-vertical.svg" %}</span> <span class="icon">{% inline "more-vertical.svg" %}</span>
</template> </template>
<b-dropdown-header>{{folder.title}}</b-dropdown-header> <b-dropdown-header>{{ folder.title }}</b-dropdown-header>
<b-dropdown-item @click.prevent="renameFolder(folder)">Rename</b-dropdown-item> <b-dropdown-item @click.prevent="renameFolder(folder)">Rename</b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider> <b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item class="dropdown-danger" <b-dropdown-item class="dropdown-danger"
@ -320,7 +320,7 @@
<template v-slot:button-content> <template v-slot:button-content>
<span class="icon">{% inline "more-vertical.svg" %}</span> <span class="icon">{% inline "more-vertical.svg" %}</span>
</template> </template>
<b-dropdown-header>{{feed.title}}</b-dropdown-header> <b-dropdown-header>{{ feed.title }}</b-dropdown-header>
<b-dropdown-item :href="feed.link" target="_blank" v-if="feed.link">Visit Website</b-dropdown-item> <b-dropdown-item :href="feed.link" target="_blank" v-if="feed.link">Visit Website</b-dropdown-item>
<b-dropdown-divider v-if="feed.link"></b-dropdown-divider> <b-dropdown-divider v-if="feed.link"></b-dropdown-divider>
<b-dropdown-item @click.prevent="renameFeed(feed)">Rename</b-dropdown-item> <b-dropdown-item @click.prevent="renameFeed(feed)">Rename</b-dropdown-item>

3
assets/javascripts/app.js
View File

@ -1,4 +1,5 @@
'use strict'; 'use strict';
Vue.config.devtools = true
var TITLE = document.title var TITLE = document.title
@ -100,7 +101,7 @@ Vue.component('relative-time', {
'interval': null, 'interval': null,
} }
}, },
template: '<time :datetime="val">{{formatted}}</time>', template: '<time :datetime="val">{{ formatted }}</time>',
mounted: function() { mounted: function() {
this.interval = setInterval(function() { this.interval = setInterval(function() {
this.formatted = dateRepr(this.date) this.formatted = dateRepr(this.date)