blob: 5f88757c3c476eb26282c1418e56384f3346e375 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
{@java.util.List<eu.mulk.mulkcms2.benki.posts.Post> posts}
{@java.lang.String pageTitle}
{@java.lang.Boolean showBookmarkForm}
{@java.lang.Boolean hasPreviousPage}
{@java.lang.Boolean hasNextPage}
{@java.lang.Integer previousCursor}
{@java.lang.Integer nextCursor}
{@java.lang.Integer pageSize}
{#include base.html}
{#title}Benki {pageTitle}{/title}
{#siteSection}{pageTitle}{/siteSection}
{#nav}{#navbar siteSection=pageTitle /}
{#head}
<link href="{feedUri}" rel="alternate" type="application/atom+xml" />
<script type="module" src="/web_modules/elix/define/Button.js"></script>
<script type="module" src="/web_modules/elix/define/ExpandablePanel.js"></script>
<script type="module" src="/web_modules/elix/define/ExpandableSection.js"></script>
<script type="module" src="/bookmarks/MlkBookmarkSubmissionForm.js"></script>
<script type="module" src="/lazychat/MlkLazychatSubmissionForm.js"></script>
<script type="module" src="/posts/postList.js" defer></script>
{/head}
{#body}
{#if showBookmarkForm}
<elix-expandable-section id="bookmark-submission-pane">
<h2 slot="header" class="small-title expandable-section-title"><button class="pure-button">Create New Bookmark</button></h2>
<section id="bookmark-submission">
<mlk-bookmark-submission-form id="bookmark-submission-form"></mlk-bookmark-submission-form>
</section>
</elix-expandable-section>
{/if}
{#if showLazychatForm}
<elix-expandable-section id="lazychat-submission-pane">
<h2 slot="header" class="small-title expandable-section-title"><button class="pure-button">Post Message</button></h2>
<section id="lazychat-submission">
<mlk-lazychat-submission-form id="lazychat-submission-form"></mlk-lazychat-submission-form>
</section>
</elix-expandable-section>
{/if}
<div class="paging">
{#if hasPreviousPage}<a href="?i={previousCursor}&n={pageSize}" class="pure-button">⇠ previous page</a>{/if}
<span class="filler"></span>
{#if hasNextPage}<a href="?i={nextCursor}&n={pageSize}" class="pure-button">next page ⇢</a>{/if}
</div>
<section id="main-content">
{#for post in posts}
{#with post}
{#if post.isBookmark}
<article class="bookmark">
<header>
<a href="{uri}"><h1 class="bookmark-title">{title}</h1></a>
<div class="bookmark-info">
<a class="post-link" href="/posts/{post.id}">
<time datetime="{date.htmlDateTime}">{date.humanDateTime}</time>
<span class="bookmark-owner">{owner.firstName} {owner.lastName}</span>
</a>
</div>
</header>
<section class="bookmark-description">
{descriptionHtml.raw}
</section>
</article>
{#else}
<article class="lazychat-message">
<header>
<div class="lazychat-message-info">
<a class="post-link" href="/posts/{post.id}">
<time datetime="{date.htmlDateTime}">{date.humanDateTime}</time>
<span class="lazychat-message-owner">{owner.firstName} {owner.lastName}</span>
</a>
</div>
<div class="lazychat-message-controls">
{#if showLazychatForm}
<button class="pure-button lazychat-edit-button">Edit</button>
{/if}
</div>
</header>
<section class="lazychat-editor">
{#if showLazychatForm}
<elix-expandable-panel class="lazychat-editor-pane editor-pane">
<mlk-lazychat-submission-form edited-id="{post.id}"></mlk-lazychat-submission-form>
</elix-expandable-panel>
{/if}
</section>
<section class="lazychat-message-content">
{contentHtml.raw}
</section>
</article>
{/if}
{/with}
{/for}
</section>
<div class="paging">
{#if hasPreviousPage}<a href="?i={previousCursor}&n={pageSize}" class="pure-button">⇠ previous page</a>{/if}
<span class="filler"></span>
{#if hasNextPage}<a href="?i={nextCursor}&n={pageSize}" class="pure-button">next page ⇢</a>{/if}
</div>
{/body}
{/include}
|
