gui work

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
6 months ago · 90ea070607
3 changed files with 39 additions and 4 deletions
--- a/de.srsoftware.cal.web/src/main/resources/edit.html
+++ b/de.srsoftware.cal.web/src/main/resources/edit.html
@ -0,0 +1,12 @@
				@@ -0,0 +1,12 @@
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <title>SRSoftware OpenCloudCal</title>
+        <link rel="stylesheet" href="occ.css" />
+        <script src="/static/script/common.js"></script>
+        <script src="/static/script/event.js"></script>
+    </head>
+    <body>
+        <h1>Create new event</h1>
+    </body>
+</html>
--- a/de.srsoftware.cal.web/src/main/resources/index.html
+++ b/de.srsoftware.cal.web/src/main/resources/index.html
@ -14,15 +14,22 @@
				@@ -14,15 +14,22 @@
                <button onclick="fetchLastMonth()">Load previous month</button>
                <button onclick="fetchLastYear()">Load previous year</button>
            </span>
-            <span id="tag_selection"></span>
+            <span id="new_event">
+                <button onclick="window.location = '/static/edit'">Create new event</button>
+            </span>
            <table id="eventlist">
                <tr class="head">
                    <th>ID</th>
-                    <th>Start</th>
+                    <th>Start
+                        <div class="buttons">
+
+                        </div>
+
+                    </th>
                    <th>End</th>
                    <th>Location</th>
                    <th>Title</th>
-                    <th>Tags – click to filter!</th>
+                    <th>Tags <span id="tag_selection"></span></th>
                </tr>
            </table>
        </div>
--- a/de.srsoftware.cal.web/src/main/resources/occ.css
+++ b/de.srsoftware.cal.web/src/main/resources/occ.css
@ -57,4 +57,20 @@ body.event {
				@@ -57,4 +57,20 @@ body.event {
 #tag_selection {
  background: orange;
  padding: 3px 10px;
-}
+}
+#new_event{
+    position: fixed;
+    top: 5px;
+    right: 5px;
+    z-index: 50;
+}
+
+tr.head{
+    position: sticky;
+    top: 0;
+    background: white;
+}
+
+ table#eventlist{
+    width: 100%;
+ }