Skip to content

Commit 0551bd0

Browse files
committed
Update home
1 parent 1519e2c commit 0551bd0

3 files changed

Lines changed: 45 additions & 32 deletions

File tree

src/server/public/index.html

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,21 @@
22
<head>
33
<title>JSON Server</title>
44
<link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
5-
<link rel="stylesheet" href="stylesheets/style.css">
5+
<link rel="stylesheet" href="style.css">
66
</head>
77
<body>
8-
<main class="container">
9-
<p>
8+
<header class="container">
9+
<h1>
1010
<a href="https://github.com/typicode/json-server" class="logo">
11-
<img src="images/json.png">
11+
json-server
1212
</a>
13-
</p>
14-
13+
</h1>
14+
</header>
15+
<main class="container">
1516
<hr>
16-
1717
<p>
18-
<em>
19-
Congrats! You're successfully running JSON Server.
20-
</em>
18+
Congrats! {😊}<br>
19+
<em>You're successfully running JSON Server</em>
2120
</p>
2221

2322
<hr>

src/server/public/main.js

Lines changed: 26 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,54 @@
11
/* global m */
22

33
// Resource list
4-
var resources = []
4+
var db = {}
55

66
m.request('db').then(function (data) {
7-
resources = Object.keys(data)
7+
db = data
88
})
99

1010
m.mount(
1111
document.getElementById('resources'),
1212
{
1313
view: function () {
14-
return m('ul', resources.map(function (resource) {
15-
return m('li',
16-
m('a', { href: resource }, resource)
17-
)
14+
var keys = Object.keys(db)
15+
console.log(keys, db)
16+
return m('ul', keys.map(function (key) {
17+
return m('li', [
18+
m('a', { href: key }, key),
19+
m('span', Array.isArray(db[key])
20+
? '(' + db[key].length + ')'
21+
: '(1)'
22+
)
23+
])
1824
}))
1925
}
2026
}
2127
)
2228

2329
// Custom routes
24-
var rules = {}
30+
var customRoutes = {}
2531

2632
m.request('__rules').then(function (data) {
27-
rules = data
33+
customRoutes = data
2834
})
2935

3036
m.mount(
3137
document.getElementById('custom-routes'),
3238
{
3339
view: function () {
34-
return [
35-
m('p', 'And the custom routes:'),
36-
m('table', Object.keys(rules).map(function (rule) {
37-
return m('tr', [
38-
m('td', rule),
39-
m('td', '⇢ ' + rules[rule])
40-
])
41-
}))
42-
]
40+
var rules = Object.keys(customRoutes)
41+
if (rules.length) {
42+
return [
43+
m('p', 'And the custom routes:'),
44+
m('table', rules.map(function (rule) {
45+
return m('tr', [
46+
m('td', rule),
47+
m('td', '⇢ ' + rules[rule])
48+
])
49+
}))
50+
]
51+
}
4352
}
4453
}
4554
)
Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,21 @@ body {
88
flex-direction: column;
99
}
1010

11-
main {
12-
flex: 1;
13-
padding: 2rem 0;
14-
}
15-
1611
a, a:hover {
1712
color: #1882BC;
1813
text-decoration: underline;
1914
}
2015

16+
header a {
17+
color: inherit;
18+
text-decoration: none;
19+
}
20+
21+
main {
22+
flex: 1;
23+
padding: 2rem 0;
24+
}
25+
2126
table {
2227
margin-left: 30px;
2328
}

0 commit comments

Comments
 (0)