Lafargue: Implement basic viewer.

Change-Id: If24f58aa069a14139454708d02ac40109c2181ef

2 files changed, 46 insertions, 0 deletions

diff --git a/src/main/resources/META-INF/resources/cms2/base.css b/src/main/resources/META-INF/resources/cms2/base.css
index bb5d200..126be6d 100644
--- a/src/main/resources/META-INF/resources/cms2/base.css
+++ b/src/main/resources/META-INF/resources/cms2/base.css
@@ -145,3 +145,17 @@ article.bookmark {
   padding: 0.3em;
   background: #fee;
 }
+
+.lazychat-message-info {
+  font-style: italic;
+  font-size: smaller;
+  margin: 0;
+  padding: 0;
+}
+
+article.lazychat-message {
+  margin: 0.5em 0;
+  border: 1px solid lightseagreen;
+  padding: 0.3em;
+  background: #efe;
+}
diff --git a/src/main/resources/templates/benki/lazychat/lazychatList.html b/src/main/resources/templates/benki/lazychat/lazychatList.html
new file mode 100644
index 0000000..ecac7a7
--- /dev/null
+++ b/src/main/resources/templates/benki/lazychat/lazychatList.html
@@ -0,0 +1,32 @@
+{@java.util.List<eu.mulk.mulkcms2.benki.lazychat.LazychatMessage> lazychatMessages}
+
+{#include base.html}
+
+{#title}Benki Lazychat{/title}
+{#siteSection}Lazychat{/siteSection}
+{#lazychatClass}this-page{/lazychatClass}
+
+{#head}{/head}
+
+{#body}
+
+{#for lazychatMessage in lazychatMessages}
+  {#with lazychatMessage}
+    <article class="lazychat-message">
+      <header>
+        <div class="lazychat-message-info">
+          <time datetime="{date.htmlDateTime}">{date.humanDateTime}</time>
+          <span class="lazychat-message-owner">{owner.firstName} {owner.lastName}</span>
+        </div>
+      </header>
+
+      <section class="lazychat-message-content">
+        {contentHtml.raw}
+      </section>
+    </article>
+  {/with}
+{/for}
+
+{/body}
+
+{/include}