gui work

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
10 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 @@
 <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 @@
                <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 {
 #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%;
 }