raphael/calendarwatch_frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updates calendar webpage flex container

Browse Source
This commit is contained in:
Raphael Maenle 2020-08-26 13:44:01 +02:00
parent 2e81d53f9d
commit a83c28f873
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
server/template/calendar.html
View File

@ -4,12 +4,14 @@
<div class="container"> <div class="container">
<div style="width: 4rem;margin:1rem;"></div> <div style="width: 4rem;margin:1rem;"></div>
<div style="width: 10rem; margin: 1rem; font-weight: bold">Calendar</div> <div style="width: 10rem; margin: 1rem; font-weight: bold">Calendar</div>
<div style="display: inline-flex">
<div style="width: 5rem; margin: 1rem; padding-right: 1rem;font-weight: bold">Show on device</div> <div style="width: 5rem; margin: 1rem; padding-right: 1rem;font-weight: bold">Show on device</div>
<div style="width: 2rem; margin: 1rem;font-weight: bold">Color</div> <div style="width: 2rem; margin: 1rem;font-weight: bold">Color</div>
</div> </div>
</div>
{% for item in calendars %} {% for item in calendars %}
<div class="container"> <div class="container" style="margin-top: 1.5rem">
<!--action button--> <!--action button-->
{% if "ical" == item.calType %} {% if "ical" == item.calType %}
<div style="width: 4rem; margin: 1rem;"> <div style="width: 4rem; margin: 1rem;">
@ -22,10 +24,10 @@
<div style="width: 4rem; margin: 1rem;"></div> <div style="width: 4rem; margin: 1rem;"></div>
{% endif %} {% endif %}
<!--Name--> <!--Name-->
<div style="width: 10rem; margin: 1rem;">{{ item.name }}</div> <div style="width: 10rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem">{{ item.name }}</div>
<div style="display: inline-flex"> <div style="display: inline-flex">
<!--Toggle--> <!--Toggle-->
<div style="width: 5rem; margin: 1rem; padding-right: 1rem"> <div style="width: 5rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem; padding-right: 1rem">
<!-- Rounded switch --> <!-- Rounded switch -->
<label class="switch"> <label class="switch">
<input class="toggle" id={{item.calendarId}} type="checkbox" toggled={{item.toggle}} onclick="toggleReaction(this)"> <input class="toggle" id={{item.calendarId}} type="checkbox" toggled={{item.toggle}} onclick="toggleReaction(this)">
@ -34,7 +36,7 @@
</div> </div>
<!--Color Selector--> <!--Color Selector-->
<div style="width: 2rem; margin: 1rem;"> <div style="width: 2rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem">
<div class="colorPickSelector" id={{item.calendarId}} defaultColor={{item.color}}></div> <div class="colorPickSelector" id={{item.calendarId}} defaultColor={{item.color}}></div>
<!--svg height="20" width="20"> <!--svg height="20" width="20">
<circle cx="10" cy="10" r="10" stroke="black" stroke-width="0" fill={{ item.color }} /> <circle cx="10" cy="10" r="10" stroke="black" stroke-width="0" fill={{ item.color }} />

2
server/template/privacy.html
View File

@ -7,7 +7,7 @@
</div> </div>
<h3 style="margin-left:10rem">Summary</h3> <h3 style="margin-left:10rem">Summary</h3>
<div style="margin-left:10rem; margin-right:10rem;">This Privacy Statement desrcibes how Longitude handles your data and how the developer makes sure, that the user's information remains as secure as possible. <div style="margin-left:10rem; margin-right:10rem;">This Privacy Statement describes how Longitude handles your data and how the developer makes sure, that the user's information remains as secure as possible.
This application does not share any user information with third parties and takes care to only save the minimum amount of information about the user. This application does not share any user information with third parties and takes care to only save the minimum amount of information about the user.
The following chapters cover all essential points of interest about which information is saved and when it is removed from the server. The following chapters cover all essential points of interest about which information is saved and when it is removed from the server.
If you have any further questions or suggestions, please email us at <a href="mailto:raphael@maenle.net">raphael@maenle.net</a>.</div> If you have any further questions or suggestions, please email us at <a href="mailto:raphael@maenle.net">raphael@maenle.net</a>.</div>