diff options
Diffstat (limited to 'views/list.html')
-rw-r--r-- | views/list.html | 71 |
1 files changed, 54 insertions, 17 deletions
diff --git a/views/list.html b/views/list.html index fb5f7a3..8fc7694 100644 --- a/views/list.html +++ b/views/list.html | |||
@@ -1,22 +1,59 @@ | |||
1 | {{ define "list" }} | 1 | {{ define "list" }} |
2 | {{ $list := .list }} | 2 | {{ $list := .list }} |
3 | <html> | 3 | <html> |
4 | <head> | 4 | <head> |
5 | {{ template "materialize" }} | 5 | {{ template "materialize" }} |
6 | <title>grilist</title> | 6 | <title>grilist</title> |
7 | <link rel="stylesheet" href="/assets/css/gril.css" /> | 7 | <link rel="stylesheet" href="/assets/css/list.css" /> |
8 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | 8 | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
9 | </head> | 9 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> |
10 | <body> | 10 | </head> |
11 | {{ template "navbar" . }} | 11 | <body> |
12 | <div class="container"> | 12 | {{ template "navbar" . }} |
13 | <h1>{{ $list.Name }}<small>von xyz</small></h1><br /> | 13 | <div class="container"> |
14 | <ul> | 14 | <h1>{{ $list.Name }}<small>von {{ $list.Owner.GetName }}</small></h1><br /> |
15 | {{ range $lg := $list.Grils }} | 15 | <ul class="gril-list"> |
16 | <li><a href="/gril/{{ $lg.Gril.ID }}">{{ $lg.Gril.RomajiName }}</a></li> | 16 | {{ range $index, $lg := $list.Grils }} |
17 | {{ end }} | 17 | <li id="{{ $index }}" class="col s12 m8 offset-m2 l6 offset-l3"> |
18 | </ul> | 18 | <div class="card-panel hoverable list-entry"> |
19 | </div> | 19 | <div class="row valign-wrapper"> |
20 | </body> | 20 | <div class="col s1 rank-text"> |
21 | {{ $index }} | ||
22 | </div> | ||
23 | <div class="col s3 m2"> | ||
24 | <img src="{{ $lg.Image }}" alt="" class="circle list-img" /> | ||
25 | </div> | ||
26 | <div class="col s6 m6"> | ||
27 | <span><a href="/gril/{{ $lg.Gril.ID }}">{{ $lg.Gril.RomajiName }}</a><br /> | ||
28 | <span class="jap-name">{{ $lg.Gril.KanjiName }}</span> | ||
29 | </span> | ||
30 | </div> | ||
31 | <div class="col s2 m3"> | ||
32 | <div class="hide-on-med-and-up"> | ||
33 | <div class="row list-controls valign-wrapper"> | ||
34 | <div class="col s6 left-align"> | ||
35 | <i class="material-icons" onClick="">keyboard_arrow_up</i> | ||
36 | <i class="material-icons" onClick="">keyboard_arrow_down</i> | ||
37 | </div> | ||
38 | <div class="col s4 left-align"> | ||
39 | <i class="hide-on-med-and-up material-icons delete-icon" onClick="">delete</i> | ||
40 | </div> | ||
41 | </div> | ||
42 | </div> | ||
43 | <div class="hide-on-small-only"> | ||
44 | <div class="valign-wrapper"> | ||
45 | <i class="medium material-icons" onClick="">keyboard_arrow_up</i> | ||
46 | <i class="medium material-icons" onClick="">keyboard_arrow_down</i> | ||
47 | <i class="material-icons" onClick="">delete</i> | ||
48 | </div> | ||
49 | </div> | ||
50 | </div> | ||
51 | </div> | ||
52 | </div> | ||
53 | </li> | ||
54 | {{ end }} | ||
55 | </ul> | ||
56 | </div> | ||
57 | </body> | ||
21 | </html> | 58 | </html> |
22 | {{ end }} \ No newline at end of file | 59 | {{ end }} \ No newline at end of file |