git.iko.soy/webring
on master help sign in
Added sidebar
6c48b9aDevine Lu Linvega
links/main.css+3
compare with master
unifiedsplit
@@ -11,6 +11,9 @@ body div p.readme { max-width:500px; }
11
11
12/* Hallway */
12/* Hallway */
13
13
14+body #hallway #entries { width: calc(100vw - 300px) !important; }
15+body #hallway #sidebar { position: absolute;top: 0px;right: 0px;padding: 0px 15px;width: 200px; }
16+
14body #hallway .entry { line-height: 16px; display: block; position: relative; padding-left:140px; margin-bottom: 5px;border-bottom: 1px solid #333;padding-bottom: 5px; }
17body #hallway .entry { line-height: 16px; display: block; position: relative; padding-left:140px; margin-bottom: 5px;border-bottom: 1px solid #333;padding-bottom: 5px; }
15body #hallway .entry .date { color: #555;display: block;float:right; margin-left:20px;}
18body #hallway .entry .date { color: #555;display: block;float:right; margin-left:20px;}
16body #hallway .entry .author { font-family: 'input_mono_medium'; position: absolute;left: 0px; }
19body #hallway .entry .author { font-family: 'input_mono_medium'; position: absolute;left: 0px; }
scripts/hallway.js+55−8
@@ -16,18 +16,64 @@ function Hallway (sites) {
16 this.fetchFeeds()
16 this.fetchFeeds()
17 }
17 }
18
18
19− this.refresh = function () {
19+ this.refresh = function (feeds) {
20− const entries = this.sortEntries()
20+ const entries = this.findEntries(feeds)
21− let html = ''
21+ const channels = this.findChannels(entries)
22+ const users = this.findUsers(entries)
23+
24+ let _entries = ''
22 for (const id in entries) {
25 for (const id in entries) {
26+ const entry = entries[id]
23− html += `${this.templateEntry(entries[id])}\n`
27+ _entries += `${this.templateEntry(entry)}\n`
28+ }
29+
30+ let _channels = ''
31+ for (const id in channels) {
32+ _channels += `<li>${id} ${channels[id]}</li>\n`
24 }
33 }
34+
35+ let _users = ''
36+ for (const id in users) {
37+ _users += `<li>${id} ${users[id]}</li>\n`
38+ }
39+
25− this.el.innerHTML = `<ul>${html}</ul>${this._footer()}`
40+ this.el.innerHTML = `
41+ <ul id='entries'>
42+ ${_entries}
43+ </ul>
44+ <div id='sidebar'>
45+ <ul id='channels'>
46+ ${_channels}
47+ </ul>
48+ <ul id='users'>
49+ ${_users}
50+ </ul>
51+ </div>
52+ ${this._footer()}`
26 }
53 }
27
54
28 // Entries
55 // Entries
29
56
30− this.sortEntries = function () {
57+ this.findChannels = function (entries) {
58+ const channels = {}
59+ for (const id in entries) {
60+ const entry = entries[id]
61+ if (!entry.channel) { continue }
62+ channels[entry.channel] = channels[entry.channel] ? channels[entry.channel] + 1 : 1
63+ }
64+ return channels
65+ }
66+
67+ this.findUsers = function (entries) {
68+ const users = {}
69+ for (const id in entries) {
70+ const entry = entries[id]
71+ users[entry.author] = users[entry.author] ? users[entry.author] + 1 : 1
72+ }
73+ return users
74+ }
75+
76+ this.findEntries = function (feeds) {
31 const a = []
77 const a = []
32 for (const id in feeds) {
78 for (const id in feeds) {
33 const feed = feeds[id]
79 const feed = feeds[id]
@@ -85,7 +131,7 @@ function Hallway (sites) {
85
131
86 fetch(feed.path, { cache: 'no-store' }).then(x => x.text()).then((content) => {
132 fetch(feed.path, { cache: 'no-store' }).then(x => x.text()).then((content) => {
87 feeds[id].content = parseFeed(id, content)
133 feeds[id].content = parseFeed(id, content)
88− this.refresh()
134+ this.refresh(feeds)
89 }).catch((err) => {
135 }).catch((err) => {
90 console.warn(`${id}`, err)
136 console.warn(`${id}`, err)
91 })
137 })
@@ -112,8 +158,9 @@ function Hallway (sites) {
112 const parts = line.replace(' ', '\t').split('\t')
158 const parts = line.replace(' ', '\t').split('\t')
113 const date = parts[0].trim()
159 const date = parts[0].trim()
114 const body = parts[1].trim()
160 const body = parts[1].trim()
161+ const channel = body.substr(0, 1) === '/' ? body.split(' ')[0].substr(1).toLowerCase() : null
115 const offset = new Date() - new Date(date)
162 const offset = new Date() - new Date(date)
116− entries.push({ date, body, author, offset })
163+ entries.push({ date, body, author, offset, channel })
117 }
164 }
118 return entries
165 return entries
119 }
166 }