sqozz
/
ampel
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Rework design of management page

This commit is contained in:
sqozz 2017-06-27 19:59:04 +02:00
parent 91abcaa470
commit 52441753e2
1 changed files with 35 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/templates/manage.tpl
View File

@ -5,24 +5,52 @@
body { body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: stretch; align-items: center;
flex-direction: column;
height: 100%; height: 100%;
} }
body>div, body>form {
margin-top: 10px;
}
canvas.lights { canvas.lights {
background-color: gray; background-color: gray;
} }
div#header {
display: flex;
align-items: center;
font-size: 1.5em;
}
div#header>form>button {
font-size: 1em;
}
div#header>form {
border: 1px dashed gray;
margin: 0px;
margin-left: 10px;
}
#statusButton>button {
font-size: 2.5em;
border: 1px solid gray;
}
</style> </style>
</head> </head>
<body> <body>
<script src="assets/js/ampel.js"></script> <script src="assets/js/ampel.js"></script>
<script>maxLightWidth = 300; drawLight({{str(employeeData[2]).lower()}}, "{{employeeData[0]}}", "")</script> <div id="header">
<div>Hello {{employeeData[0]}} (Raum {{employeeData[1]}}).</div> <div>Hallo {{employeeData[0]}} (Raum {{employeeData[1]}})</div>
<form method="post" action="logout"> <form method="post" action="logout">
<button type="submit">Abmelden</button> <button type="submit">Abmelden</button>
</form> </form>
<form method="post" action="setStatus"> </div>
<script>maxLightWidth = 300; drawLight({{str(employeeData[2]).lower()}}, "{{employeeData[0].replace(" ", "_")}}", "")</script>
<form method="post" action="setStatus" id="statusButton">
<button type="submit">Ampel ändern</button> <button type="submit">Ampel ändern</button>
</form> </form>
</body> </body>