Firewalkers/MockCarAPI
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move css to seperate file and retheme admin page

Browse Source
This commit is contained in:
Anjuman
2020-12-21 14:10:49 +05:30
parent 46fc7a7a63
commit 4d66f92aac
2 changed files with 109 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
templates/admin.html
View File

@@ -4,52 +4,38 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mock Car API Admin</title>
<style type="text/css" media="screen">
body {
margin: 5em;
}
h1 {
text-align: center;
}
table {
width: 100%;
text-align: center;
margin-top: 1em;
}
table, tr, td {
border: black 1px solid;
border-collapse: collapse;
}
.change {
width: 100%;
display: flex;
justify-content: space-evenly;
}
</style>
<link rel="stylesheet" href="{{ url_for('static', filename='admin.css')}}" type="text/css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100&display=swap" rel="stylesheet">
</head>
<body>
<h1>Mock Data API</h1>
<header>
<h1>Mock Data API</h1>
</header>
<div class="change">
<input type="text" name="key" id="key" placeholder="Key">
<input type="text" name="value" id="value" placeholder="Valid JSON values">
<input class="input-box" type="text" name="key" id="key" placeholder="Key">
<input class="input-box" type="text" name="value" id="value" placeholder="Valid JSON values">
</div>
<div class='button-dec'>
<button type="submit" id="#submit" onclick="updateData()">Change / Add</button>
</div>
<table>
<tr>
<td>Key</td>
<td>Value</td>
</tr>
{% for key, value in data.items() %}
<tr>
<td>{{ key }}</td>
<td>{{ value }}</td>
</tr>
{% endfor %}
</table>
<div class="table-dec">
<table class="content-table">
<thead>
<tr>
<td>Key</td>
<td>Value</td>
</tr>
</thead>
{% for key, value in data.items() %}
<tr>
<td>{{ key }}</td>
<td>{{ value }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<script charset="utf-8">
function updateData() {
const key = document.querySelector("#key").value;