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

adds minor login design update and device page update

Browse Source
This commit is contained in:
Raphael Maenle
2020-05-22 00:10:16 +02:00
parent 3c6d950bbc
commit cf9c4f0e85
3 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
server/template/devices.html
View File

@ -2,9 +2,9 @@
{% block body%}
<div class="container">
<div style="width: 15rem; margin: 1rem">Device ID</div>
<div style="width: 10rem; margin: 1rem; padding-right: 5rem">Link Status</div>
<div style="width: 2rem; margin: 1rem">Action</div>
<div style="font-weight: bold;width: 15rem; margin: 1rem">Device ID</div>
<div style="font-weight: bold;width: 10rem; margin: 1rem; padding-right: 5rem">Link Status</div>
<div style="font-weight: bold;width: 2rem; margin: 1rem">Action</div>
</div>
{% for item in devices %}
@ -26,10 +26,10 @@
{% endfor %}
<form action="" method="post">
<div class="container">
{{ form.hidden_tag() }}
{{ form.deviceId.label }}
{{ form.deviceId(size=32) }}
{{ form.submit() }}
<div style="margin: 2rem">{{ form.hidden_tag() }}</div>
<div style="margin: 2rem">{{ form.deviceId.label }}</div>
<div style="margin: 2rem">{{ form.deviceId(size=32) }}</div>
<div style="margin: 2rem">{{ form.submit() }}</div>
</div>
</form>

9
server/template/login.html
View File

@ -2,7 +2,10 @@
{% block content %}
<h1 style="color: blue">Login Page</h1>
<div class="banner">
<h1 class="title">Longitude</h1>
<h5> A calendar watchface</h5>
</div>
<!--Google Login-->
<div class="center-align">
@ -17,7 +20,7 @@
</div>
<!--Email Login-->
<div class="col s12 m6 offset-m3 center-align" style=" margin: 5px;">
<div class="col s12 m6 offset-m3 center-align" style=" margin: 2rem;">
<a class="oauth-container btn darken-4 white black-text" href="/login/email" style="text-transform:none">
<div class="left">
<img width="20px" style="margin-top:7px; margin-right:8px" alt="E-mail sign-in"
@ -34,4 +37,4 @@
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
{% endblock %}
{% endblock %}