Received: from mail.cmpwn.com (mail.cmpwn.com [45.56.77.53])
	by mail-b.sr.ht (Postfix) with ESMTPS id 34D57FF0B5
	for <~emersion/alps-dev@lists.sr.ht>; Wed, 20 May 2020 17:26:41 +0000 (UTC)
Authentication-Results: mail-b.sr.ht;
	dkim=pass (1024-bit key) header.d=cmpwn.com header.i=@cmpwn.com header.b=FAPTeCwp
DKIM-Signature: v=1; a=rsa-sha256; c=simple/simple; d=cmpwn.com; s=cmpwn;
	t=1589995600; bh=XczFx943he8RfUQRW0WgqSQtBXJ2diR7UIowwW1JQxs=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=FAPTeCwpG5Et57x0ZkydkXgVfnn0QbebL0kkGbwsrALWQ2syiWGc1byBz+JUuKz1C
	 Hk+NKp4iMNhskpI9LmMRERYWTySQsGu+nTsIghIeBo3xG7xShL8qbC99G8323RnfEh
	 mwTmzibpf2MgfZMUM2Dy1e5YfXmRwpEkrdSadDg8=
From: Drew DeVault <sir@cmpwn.com>
To: ~emersion/alps-dev@lists.sr.ht
Cc: Drew DeVault <sir@cmpwn.com>
Subject: [PATCH v2 3/3] alps theme: add event page layout
Date: Wed, 20 May 2020 13:26:38 -0400
Message-Id: <20200520172638.105113-4-sir@cmpwn.com>
X-Mailer: git-send-email 2.26.2
In-Reply-To: <20200520172638.105113-1-sir@cmpwn.com>
References: <20200520172638.105113-1-sir@cmpwn.com>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: quoted-printable

---
 themes/alps/assets/style.css | 15 ++++++---
 themes/alps/event.html       | 59 ++++++++++++++++++++++++++++++++++++
 2 files changed, 69 insertions(+), 5 deletions(-)
 create mode 100644 themes/alps/event.html

diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css
index b8b7f64..a2b4408 100644
--- a/themes/alps/assets/style.css
+++ b/themes/alps/assets/style.css
@@ -188,13 +188,17 @@ main table td a { text-decoration: none; }
=20
 main table td a:hover { text-decoration: underline; }
=20
-main.message table { background-color: white; }
-main.message th { width: 5%;}
-main.message h1 { font-size: 1.2rem; padding: 0.5rem;}
+main.message table,
+main.event table { background-color: white; }
+main.message th,
+main.event th { width: 5%;}
+main.message h1,
+main.event h1 { font-size: 1.2rem; padding: 0.5rem;}
=20
 main.message pre,
 main.message iframe,
-main.contact .details {
+main.contact .details,
+main.event pre {
   flex: 1 auto;
   padding: 1rem;
   margin: 0.3rem 0 0 0;
@@ -203,7 +207,8 @@ main.contact .details {
   max-width: 100%;
 }
=20
-main.message pre {
+main.message pre,
+main.event pre {
   white-space: pre-wrap;
   word-break: break-all;
 }
diff --git a/themes/alps/event.html b/themes/alps/event.html
new file mode 100644
index 0000000..52b7fa4
--- /dev/null
+++ b/themes/alps/event.html
@@ -0,0 +1,59 @@
+{{template "head.html" .}}
+{{template "nav.html" .}}
+
+<div class=3D"page-wrap">
+  <aside>
+    <a href=3D"/calendar/create" class=3D"new">New event</a>
+    <!-- TODO: fetch list of address books -->
+    <a href=3D"#" class=3D"active">{{.Calendar.Name}}</a>
+    <a href=3D"#">Personal</a>
+  </aside>
+
+  <div class=3D"container">
+    <main class=3D"event">
+      <section class=3D"actions">
+        <div class=3D"actions-wrap">
+          <div class=3D"actions-message">
+            <div class=3D"action-group">
+              <a href=3D"/calendar" class=3D"button-link">=C2=AB Back</a=
>
+            </div>
+            <div class=3D"action-group">
+              <a href=3D"{{.Event.URL}}/update" class=3D"button-link">Ed=
it</a>
+            </div>
+            <form
+              class=3D"action-group"
+              action=3D"{{.Event.URL}}/delete"
+              method=3D"post"
+            >
+              <input type=3D"submit" value=3D"Delete">
+            </form>
+            <!-- TODO: Invite attendees -->
+          </div>
+        </div>
+      </section>
+
+      <section class=3D"details">
+        {{$event :=3D index .Event.Data.Events 0}}
+        <table>
+          <tr>
+            <th colspan=3D"2">
+              <h1>{{$event.Props.Text "SUMMARY"}}</h1>
+            </th>
+          </tr>
+          <tr>
+            <th>Start date:</th>
+            <td>{{$event.DateTimeStart nil | formatdate}}</td>
+          </tr>
+          <tr>
+            <th>End date:</th>
+            <td>{{$event.DateTimeEnd nil | formatdate}}</td>
+          </tr>
+          <!-- TODO: List of attendees, room -->
+        </table>
+        <pre>{{$event.Props.Text "DESCRIPTION"}}</pre>
+      </section>
+    </main>
+  </div>
+</div>
+
+{{template "foot.html"}}
--=20
2.26.2