Commit a2cedde098e0580bb46ca8ac1946939cc48fac90
user page
Ben Evans committed on 11/7/2018, 6:41:30 PMParent: bb1d879ac72e9462c12547ce70a4ccba104a1066
Files changed
src/server.js | changed |
src/views/user.js | changed |
src/server.js | ||
---|---|---|
@@ -45,8 +45,15 @@ | ||
45 | 45 … | const dom = app.toString(req.url, Object.assign({}, state, { story })) |
46 | 46 … | res.end(dom) |
47 | 47 … | }) |
48 | 48 … | }) |
49 … | + } else if (req.url.match(/^\/user\/(.+)/)) { | |
50 … | + const userKey = decodeURIComponent(req.url.match(/^\/user\/(.+)/)[1]) | |
51 … | + getUserAbout(sbot, userKey, (err, user) => { | |
52 … | + if (err) throw err | |
53 … | + const dom = app.toString(req.url, Object.assign({}, state, { user })) | |
54 … | + res.end(dom) | |
55 … | + }) | |
49 | 56 … | } else if (req.method === 'POST' && req.url === '/new') { |
50 | 57 … | body(req, (err, form) => { |
51 | 58 … | if (err) { throw err } |
52 | 59 … | news.publish(form, (err, msg) => { |
@@ -64,5 +71,7 @@ | ||
64 | 71 … | } |
65 | 72 … | }) |
66 | 73 … | |
67 | 74 … | server.listen(3000) |
75 … | + | |
76 … | + console.log('Listening on http://127.0.0.1:3000') | |
68 | 77 … | } |
src/views/user.js | ||
---|---|---|
@@ -1,9 +1,36 @@ | ||
1 | 1 … | const html = require('choo/html') |
2 … | +const header = require('./header') | |
2 | 3 … | |
3 | 4 … | module.exports = function userView (state) { |
4 | 5 … | return html` |
5 | - <body> | |
6 | - user | |
7 | - </body> | |
6 … | + <body class="sans-serif"> | |
7 … | + | |
8 … | + <link rel="stylesheet" href="https://unpkg.com/reset-css@4.0.1/reset.css"/> | |
9 … | + <link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/> | |
10 … | + | |
11 … | + <style> | |
12 … | + | |
13 … | + .voters { | |
14 … | + width: 40px; | |
15 … | + float:left; | |
16 … | + text-align: center; | |
17 … | + } | |
18 … | + | |
19 … | + .vote { | |
20 … | + | |
21 … | + } | |
22 … | + </style> | |
23 … | + | |
24 … | + ${header(state)} | |
25 … | + | |
26 … | + <div class="pa3 pa4-ns" style="padding-bottom: 0"> | |
27 … | + id: ${state.user.id}<br/> | |
28 … | + name: ${state.user.name}<br/>-----------------<br/><br/> | |
29 … | + <pre>${state.user.description}</pre> | |
30 … | + </div> | |
31 … | + | |
32 … | + | |
33 … | + | |
34 … | + </body> | |
8 | 35 … | ` |
9 | 36 … | } |
Built with git-ssb-web