diff options
Diffstat (limited to 'views/pages/list.html')
-rw-r--r-- | views/pages/list.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/views/pages/list.html b/views/pages/list.html new file mode 100644 index 0000000..c85e147 --- /dev/null +++ b/views/pages/list.html | |||
@@ -0,0 +1,55 @@ | |||
1 | {{ define "list" }} | ||
2 | {{ $list := .list }} | ||
3 | {{ $user := .user }} | ||
4 | <html> | ||
5 | <head> | ||
6 | {{ template "materialize" }} | ||
7 | <title>grilist</title> | ||
8 | <link rel="stylesheet" href="/assets/css/list.css" /> | ||
9 | <link rel="stylesheet" href="/assets/css/search.css" /> | ||
10 | <script src="/assets/js/search.js"></script> | ||
11 | <script src="/assets/js/list.js"></script> | ||
12 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | ||
13 | </head> | ||
14 | <body> | ||
15 | {{ template "navbar" . }} | ||
16 | <div class="container"> | ||
17 | <h1>{{ $list.Name }}<small>von <a href="/user/{{ $list.Owner.ID }}/{{ $list.Owner.GetName}}">{{ $list.Owner.GetName }}</a></small></h1> | ||
18 | <blockquote>{{ $list.Description }}</blockquote><br /> | ||
19 | <div class="row"> | ||
20 | <div class="col s12 {{ if ($user) and eq $user.ID $list.Owner.ID }}l8{{ end }}"> | ||
21 | <ul id="gril-list" class="gril-list"> | ||
22 | {{ range $index, $lg := $list.Grils }} | ||
23 | {{ if $user }} | ||
24 | {{ template "list_gril" makeRangePair $index (makeObject "Gril" $lg "IsListOwner" (eq $user.ID $list.Owner.ID)) }} | ||
25 | {{ else }} | ||
26 | {{ template "list_gril" makeRangePair $index (makeObject "Gril" $lg "IsListOwner" false) }} | ||
27 | {{ end }} | ||
28 | {{ end }} | ||
29 | </ul> | ||
30 | </div> | ||
31 | {{ if $user}} | ||
32 | {{ if eq $user.ID $list.Owner.ID }} | ||
33 | <div class="col s12 l4"> | ||
34 | <div class="card-panel" style="margin-top: 14px"> | ||
35 | <span style="font-size: 130%">Gril hinzufügen</span><br /> | ||
36 | <form> | ||
37 | <div class="input-field"> | ||
38 | <input id="search" type="search" onKeyDown="instantSearch()" required> | ||
39 | <label for="search"><i class="material-icons">search</i></label> | ||
40 | <i class="material-icons">close</i> | ||
41 | </div> | ||
42 | </form> | ||
43 | </div> | ||
44 | <div class="col s10 offset-s1"> | ||
45 | <ul class="collection search-results" id="search-results"> | ||
46 | </ul> | ||
47 | </div> | ||
48 | </div> | ||
49 | {{ end }} | ||
50 | {{ end }} | ||
51 | </div> | ||
52 | </div> | ||
53 | </body> | ||
54 | </html> | ||
55 | {{ end }} | ||