james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-05-24 00:33:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

provide settings prior to js rendering

Browse Source
This commit is contained in:
Nazar Kanaev 2021-03-31 14:48:39 +01:00
parent e7b645a68a
commit c74eeff790
3 changed files with 24 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/index.html
View File

@ -7,6 +7,11 @@
<link rel="stylesheet" href="./static/stylesheets/app.css">
<link rel="icon shortcut" href="./static/graphicarts/anchor.png">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script>
window.app = window.app || {}
window.app.settings = {% .settings %}
window.app.authenticated = {% .authenticated %}
</script>
</head>
<body class="theme-light">
<div id="app" class="d-flex" :class="{'feed-selected': feedSelected !== null, 'item-selected': itemSelected !== null}" v-cloak>

43
src/assets/javascripts/app.js
View File

@ -2,11 +2,6 @@
var TITLE = document.title
function authenticated() {
return /auth=.+/g.test(document.cookie)
}
var FONTS = [
"Arial",
"Courier New",
@ -192,17 +187,21 @@ Vue.component('relative-time', {
})
var vm = new Vue({
mounted: function() {
this.refreshItems()
},
created: function() {
this.refreshFeeds()
this.refreshStats()
},
data: function() {
var s = app.settings
return {
'filterSelected': undefined,
'filterSelected': s.filter,
'folders': [],
'feeds': [],
'feedSelected': undefined,
'feedListWidth': undefined,
'feedSelected': s.feed,
'feedListWidth': s.feed_list_width || 300,
'feedNewChoice': [],
'feedNewChoiceSelected': '',
'items': [],
@ -214,8 +213,8 @@ var vm = new Vue({
'itemSelectedDetails': null,
'itemSelectedReadability': '',
'itemSearch': '',
'itemSortNewestFirst': undefined,
'itemListWidth': undefined,
'itemSortNewestFirst': s.sort_newest_first,
'itemListWidth': s.item_list_width || 300,
'filteredFeedStats': {},
'filteredFolderStats': {},
@ -231,12 +230,12 @@ var vm = new Vue({
'fonts': FONTS,
'feedStats': {},
'theme': {
'name': 'light',
'font': '',
'size': 1,
'name': s.theme_name,
'font': s.theme_font,
'size': s.theme_size,
},
'refreshRate': undefined,
'authenticated': authenticated(),
'refreshRate': s.refresh_rate,
'authenticated': app.authenticated,
'feed_errors': {},
}
},
@ -657,16 +656,4 @@ var vm = new Vue({
}
})
api.settings.get().then(function(data) {
vm.feedSelected = data.feed
vm.filterSelected = data.filter
vm.itemSortNewestFirst = data.sort_newest_first
vm.feedListWidth = data.feed_list_width || 300
vm.itemListWidth = data.item_list_width || 300
vm.theme.name = data.theme_name
vm.theme.font = data.theme_font
vm.theme.size = data.theme_size
vm.refreshRate = data.refresh_rate
vm.refreshItems()
vm.$mount('#app')
})
vm.$mount('#app')

5
src/server/routes.go
View File

@ -52,7 +52,10 @@ func (s *Server) handler() http.Handler {
}
func (s *Server) handleIndex(c *router.Context) {
c.HTML(http.StatusOK, assets.Template("index.html"), nil)
c.HTML(http.StatusOK, assets.Template("index.html"), map[string]interface{} {
"settings": s.db.GetSettings(),
"authenticated": s.Username != "" && s.Password != "",
})
}
func (s *Server) handleStatic(c *router.Context) {