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

adds sending toggle (true, false) information; adds color picker and sending that information back to server

Browse Source 
- the color picker is from 'colorPick' which makes implementation easy. It's only a .js and a .css file
  which need to be included and the color-picker is simple enough to handle on the client side.
  The only main problem with it, is that accessing the 'id' information of the css it was called from is not straightforward

- the toggle switch which is just implemented in .css currently has the checklist inverted, works but ugly

- The Client sends this information back to the server via a json file, which defines the calendar id and either
  color or the toggle information. The server currently just prints this information.great stuff.
This commit is contained in:
Raphael Maenle
2020-04-14 20:11:34 +00:00
parent 53a1f201f8
commit 596f690cce
4 changed files with 147 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
template/sidebar.html
View File

@ -6,10 +6,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="/static/css/main.css">
<script src="static/js/jquery-3.5.0.min.js"></script>
<link rel="stylesheet" href="static/css/colorPick.css">
<!-- OPTIONAL DARK THEME -->
<link rel="stylesheet" href="static/css/colorPick.dark.theme.css">
<script src="static/js/colorPick.js"></script>
<title>Index</title>
</head>
<body>
<!-- Side navigation -->
<div class="sidenav">
<a href="/view">View</a>
@ -20,12 +29,15 @@
<!-- Page content -->
<div class="main">
{% block body %}
// content here
{% endblock %}
</div>
</body>
</html>