blob: 296b93d4d9493d3b679b81a84118cff039f3dcc0 [file] [log] [blame]
Matthias Andreas Benkardf435e662022-06-05 16:27:10 +02001{@java.util.List<eu.mulk.mulkcms2.benki.posts.Post$Day<eu.mulk.mulkcms2.benki.posts.Post<?>>> postDays}
2{@java.lang.String feedUri}
3{@java.lang.String pageTitle}
4{@boolean showBookmarkForm}
5{@boolean showLazychatForm}
6{@boolean showCommentBox}
7{@boolean hasPreviousPage}
8{@boolean hasNextPage}
9{@java.lang.Integer previousCursor}
10{@java.lang.Integer nextCursor}
11{@java.lang.Integer pageSize}
12{@java.lang.String searchQuery}
13
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +010014{#include base.html}
15
16{#title}Benki {pageTitle}{/title}
17{#siteSection}{pageTitle}{/siteSection}
18
Matthias Andreas Benkard188327d2020-04-17 21:22:57 +020019{#nav}{#navbar siteSection=pageTitle /}
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +010020
21{#head}
22 <link href="{feedUri}" rel="alternate" type="application/atom+xml" />
23
Matthias Andreas Benkardad76d622020-04-27 08:08:17 +020024 {#if showBookmarkForm || showLazychatForm}
Matthias Andreas Benkard813e5972020-06-14 19:27:42 +020025 <script type="module" src="/lib.js"></script>
Matthias Andreas Benkardad76d622020-04-27 08:08:17 +020026 {/if}
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +010027{/head}
28
29{#body}
30
31{#if showBookmarkForm}
32 <elix-expandable-section id="bookmark-submission-pane">
33 <h2 slot="header" class="small-title expandable-section-title"><button class="pure-button">Create New Bookmark</button></h2>
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +020034 <div id="bookmark-submission">
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +010035 <mlk-bookmark-submission-form id="bookmark-submission-form"></mlk-bookmark-submission-form>
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +020036 </div>
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +010037 </elix-expandable-section>
38{/if}
39
Matthias Andreas Benkard12c7cac2020-03-26 07:19:45 +010040{#if showLazychatForm}
41 <elix-expandable-section id="lazychat-submission-pane">
42 <h2 slot="header" class="small-title expandable-section-title"><button class="pure-button">Post Message</button></h2>
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +020043 <div id="lazychat-submission">
Matthias Andreas Benkard12c7cac2020-03-26 07:19:45 +010044 <mlk-lazychat-submission-form id="lazychat-submission-form"></mlk-lazychat-submission-form>
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +020045 </div>
Matthias Andreas Benkard12c7cac2020-03-26 07:19:45 +010046 </elix-expandable-section>
47{/if}
48
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +010049<div class="paging">
Matthias Andreas Benkard8563a3c2020-09-16 17:57:24 +020050 <form id="post-search-bar" method="get" class="pure-form">
51 <input placeholder="Search..." value="{searchQuery}" aria-label="Search" id="post-search-query" name="search-query" type="search"/>
52 <input type="submit" aria-label="Submit search query" class="pure-button pure-button-primary" value="&#x1f50e;"/>
53 </form>
54 {#if hasPreviousPage}<a href="?i={previousCursor}&n={pageSize}&search-query={searchQuery}" class="pure-button">⇠ previous page</a>{/if}
55 {#if hasNextPage}<a href="?i={nextCursor}&n={pageSize}&search-query={searchQuery}" class="pure-button">next page ⇢</a>{/if}
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +010056</div>
57
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +020058<div id="main-content">
Matthias Andreas Benkard1c2a8a72020-04-26 06:09:57 +020059 {#for day in postDays}
60 <div class="post-day">
Matthias Andreas Benkard369e6982020-04-26 13:14:21 +020061 <div class="post-day-info">
62 <time datetime="{day.date.htmlDate}">{day.date.humanDate}</time>
63 </div>
64
Matthias Andreas Benkard1c2a8a72020-04-26 06:09:57 +020065 {#for post in day.posts}
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +020066 {#if post.isBookmark}
67 <article class="bookmark {#if post.descriptionHtml != ""}post-with-nonempty-body{/if}">
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +020068 <div class="bookmark-editor post-editor">
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +020069 {#if showBookmarkForm}
70 <elix-expandable-panel class="bookmark-editor-pane editor-pane">
71 <mlk-bookmark-submission-form edited-id="{post.id}"></mlk-bookmark-submission-form>
72 </elix-expandable-panel>
73 {/if}
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +020074 </div>
Matthias Andreas Benkardbbac0c72020-04-19 19:38:49 +020075
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +020076 <header>
77 <div class="bookmark-info">
78 <span class="bookmark-owner post-owner">{post.owner.firstName}</span>
79 <a class="post-link" href="/posts/{post.id}">
80 <span class="post-self-link">#</span>
81 </a>
Matthias Andreas Benkard8dcc6ae2022-06-04 16:02:25 +020082 {#if post.comments.size() > 0}
83 <a class="comment-box-link" href="/posts/{post.id}#comment-box-{post.id}">
84 <span class="comment-box-self-link">({post.comments.size()})</span>
85 </a>
86 {/if}
Matthias Andreas Benkardd1af4fe2025-07-05 17:04:43 +020087 {#if post.via}
88 <a class="via-link" href="{post.via}">
89 <span class="via-self-link">(via)</span>
90 </a>
91 {/if}
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +020092 <a href="{post.uri}" class="bookmark-title">
Matthias Andreas Benkard449afba2023-08-29 20:35:51 +020093 <h2 class="bookmark-title"><span class="bookmark-symbol">🔖 </span> {post.titleWithSentenceEnder}</h2>
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +020094 </a>
Matthias Andreas Benkard369e6982020-04-26 13:14:21 +020095 </div>
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +020096 </header>
Matthias Andreas Benkard369e6982020-04-26 13:14:21 +020097
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +020098 <div class="bookmark-controls">
99 {#if showBookmarkForm}
100 <button class="pure-button bookmark-edit-button">Edit</button>
101 {/if}
102 </div>
Matthias Andreas Benkard533e6d42020-12-16 13:26:38 +0100103
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +0200104 <div class="bookmark-description post-content">
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200105 {post.descriptionHtml.raw}
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +0200106 </div>
Matthias Andreas Benkarddb23ab62020-04-13 20:01:13 +0200107
Matthias Andreas Benkard14e59442022-05-24 22:19:29 +0200108 {#if showCommentBox}
Matthias Andreas Benkard0351a8f2022-05-26 08:05:00 +0200109 {#commentBox postId=post.id comments=post.comments /}
Matthias Andreas Benkard14e59442022-05-24 22:19:29 +0200110 {/if}
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200111 </article>
112 {#else}
113 <article class="lazychat-message">
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +0200114 <div class="lazychat-editor post-editor">
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200115 {#if showLazychatForm}
116 <elix-expandable-panel class="lazychat-editor-pane editor-pane">
117 <mlk-lazychat-submission-form edited-id="{post.id}"></mlk-lazychat-submission-form>
118 </elix-expandable-panel>
119 {/if}
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +0200120 </div>
Matthias Andreas Benkard369e6982020-04-26 13:14:21 +0200121
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200122 <header>
123 <div class="lazychat-message-info">
124 <span class="lazychat-message-owner post-owner">{post.owner.firstName}</span>
125 <a class="post-link" href="/posts/{post.id}">
126 <span class="post-self-link">#</span>
127 </a>
Matthias Andreas Benkard8dcc6ae2022-06-04 16:02:25 +0200128 {#if post.comments.size() > 0}
129 <a class="comment-box-link" href="/posts/{post.id}#comment-box-{post.id}">
130 <span class="comment-box-self-link">({post.comments.size()})</span>
131 </a>
132 {/if}
Matthias Andreas Benkard369e6982020-04-26 13:14:21 +0200133 </div>
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200134 </header>
Matthias Andreas Benkard369e6982020-04-26 13:14:21 +0200135
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200136 <div class="lazychat-message-controls">
137 {#if showLazychatForm}
138 <button class="pure-button lazychat-edit-button">Edit</button>
139 {/if}
140 </div>
141
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +0200142 <div class="lazychat-message-content post-content">
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200143 {post.descriptionHtml.raw}
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +0200144 </div>
Matthias Andreas Benkard14e59442022-05-24 22:19:29 +0200145
146 {#if showCommentBox}
Matthias Andreas Benkard0351a8f2022-05-26 08:05:00 +0200147 {#commentBox postId=post.id comments=post.comments /}
Matthias Andreas Benkard14e59442022-05-24 22:19:29 +0200148 {/if}
Matthias Andreas Benkard49b01512021-07-05 06:45:54 +0200149 </article>
150 {/if}
Matthias Andreas Benkard1c2a8a72020-04-26 06:09:57 +0200151 {/for}
152 </div>
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +0100153 {/for}
Matthias Andreas Benkarddcad91c2022-05-24 07:14:08 +0200154</div>
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +0100155
156<div class="paging">
Matthias Andreas Benkard8563a3c2020-09-16 17:57:24 +0200157 {#if hasPreviousPage}<a href="?i={previousCursor}&n={pageSize}&search-query={searchQuery}" class="pure-button">⇠ previous page</a>{/if}
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +0100158 <span class="filler"></span>
Matthias Andreas Benkard8563a3c2020-09-16 17:57:24 +0200159 {#if hasNextPage}<a href="?i={nextCursor}&n={pageSize}&search-query={searchQuery}" class="pure-button">next page ⇢</a>{/if}
Matthias Andreas Benkard371164a2020-03-23 06:21:25 +0100160</div>
161
162{/body}
163
164{/include}