whupfeld
/
co2-budget
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Design

master
Walter Hupfeld 2 years ago
parent
51fcef21fe
commit
acd56d7d54
5 changed files with 35 additions and 16 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      backend/templates/backend/index.html
  2. 40
      frontend/templates/frontend/index.html
  3. 3
      frontend/templates/frontend/view.html
  4. 4
      templates/base.html
  5. 2
      templates/frontend.html

2
backend/templates/backend/index.html
View File

@ -1,7 +1,6 @@
{% extends 'base.html' %}
{% block content %}
<h2>Home</h2>
<h3>Fakten bearbeiten</h3>
@ -12,6 +11,7 @@
<ul>
<li><a href="/backend/list/">Einwohnertabelle</a></li>
<li><a href="/backend/upload/">Upload Einwohnerzahlen</a></li>
<li><a href="/backend/search/">Suche</a></li>
</ul>
<h3>Berechung kontrollieren</h3>

40
frontend/templates/frontend/index.html
View File

@ -4,16 +4,19 @@
{% block content %}
<style>
.input {background-color:aliceblue; padding: 0.5em; margin:1em 0 1em 0;}
input[type="number"] { min-width: 50px;}
#choice {width:20em;float:left;margin-left:1em;margin-right:2em;}
#filter {width:20em;margin-left:1em;margin-right:2em;}
#choice { width:20em; float:left; margin-left:1em; margin-right:2em; }
#filter { width:20em; margin-left:1em; margin-right:2em; }
.formular {
background-color:beige;
border: rgb(83, 68, 68) 1px solid;
background-color:#ffc80c;
width:40em;
height:12em;
margin-top:3em;}
height:15em;
margin-top:3em;
padding: 1em;
border-radius: 15px 15px 15px 15px;
}
.btn { margin: 0.5em 0 1em 1em; }
</style>
<script>
@ -48,13 +51,28 @@ an, in dem Klimaneutralität erreicht werden soll.
<div class="formular">
<form method="post" action="/view" autocomplete="off">
{% csrf_token %}
<input type="text" id="filter" placeholder="Stadt eingeben ..." autocomplete="off">
<input type="text" id="filter" placeholder="Stadt eingeben ..." autocomplete="off" required='required'>
<select id="choice" name="choice" size=6></select>
<input type="number" name="targetyear" min='2025' max='2050' required='required' placeholder="Zieljahr" >
<input class='button btn-primary' type="submit" value="Abschicken">
<!-- input type="number" name="targetyear" min='2025' max='2050' required='required' placeholder="Zieljahr" -->
Jahr bis Klimaneutralität
<select class="browser-default" name="targetyear" required>
<option>2030</option>
<option>2031</option>
<option>2032</option>
<option>2033</option>
<option>2034</option>
<option>2035</option>
<option>2036</option>
<option>2037</option>
<option>2038</option>
<option>2039</option>
<option>2040</option>
</select>
<br style="clear:both;">
<input class='btn btn-primary' type="submit" value="Abschicken">
</form>
</div>
<br style="clear:both;">
<hr>

3
frontend/templates/frontend/view.html
View File

@ -12,6 +12,7 @@
<style>
td {text-align:right;}
form {margin:1em 0 2em 0;}
</style>
@ -32,7 +33,7 @@
{% csrf_token %}
<input type="hidden" name="gemeindeId" value="{{gemeindeId}}" >
<input type="hidden" name="year" value="{{zieljahr}}" >
<input class="btn btn-primary" type="submit" value="Download Klimaberechnung">
<input class="btn btn-warning" type="submit" value="Download Klimaberechnung">
</form>

4
templates/base.html
View File

@ -11,8 +11,8 @@
<body>
<div class="container">
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="/backend/">Backend</a>
<nav class="navbar navbar-expand-lg navbar-light bg-warning">
<a class="navbar-brand" href="/backend/">KNUD</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/backend/search/">Gemeindesuche</a>

2
templates/frontend.html
View File

@ -22,7 +22,7 @@
<body>
<div class="container">
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<nav class="navbar navbar-expand-lg navbar-light bg-warning">
<a class="navbar-brand" href="/">Home</a>
<ul class="navbar-nav">
<li class="nav-item">

Write Preview
Loading…
Cancel
Save