adds template structure

2020-04-10 09:53:25 +00:00
parent bcb3b1bbac
commit 53a1f201f8
5 changed files with 150 additions and 15 deletions
--- a/template/calendar.html
+++ b/template/calendar.html
@@ -0,0 +1,35 @@
+{% extends "sidebar.html" %}
+{% block body%}
+<div>
+    <div style="width: 30%; float: left" align="center" >Calendar</div>
+    <div style="width: 30%; float: left" align="center">Show on device</div>
+    <div style="width: 30%; float: left" align="center">Color</div>
+</div>
+
+<div style="margin-top: 50px">
+    {% for item in calendars %}
+    <div style="width: 30%; float: left" align="center" >{{ item.name }}</div>
+
+    <div style="width: 30%; float: left" align="center">
+    <!-- Rounded switch -->
+    <label class="switch">
+        <input type="checkbox">
+        <span class="slider round"></span>
+    </label>
+    </div>
+
+    <div style="width: 30%; float: left" align="center">
+    <div>
+        <input type="color" id="head" name="head"
+                value="#e66465">
+        <label for="head">Test</label>
+    </div>
+    <!--svg height="20" width="20">
+    <circle cx="10" cy="10" r="10" stroke="black" stroke-width="0" fill={{ item.color }} />
+    </svg--> 
+    </div>
+
+    {% endfor %}
+
+</div>
+{% endblock %}