2024-05-29 22:23:51 +02:00

73 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Financial Accounting Tool Project" />
<meta
name="author"
content="Maximilian Ruhm, Tarek Dafay, Christoph van Deest"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Financial Accounting Tool</title>
<link rel="icon" href="assets/favicon.ico" />
<link rel="stylesheet" href="../style/index.css" />
<link rel="stylesheet" href="../style/transaction.css" />
<script type="module" src="../js/transaction.js"></script>
</head>
<body>
<noscript>You need to enable JavaScript to run this Website.</noscript>
<div id="root">
<div class="header">
<span class="title" onclick="window.location.href='../index.html'"
>Transaktions-Editor</span
><span class="nav" onclick="window.location.href='overview.html'"
>Gesamtübersicht</span
>
</div>
<div id="creation-container" class="center">
<div class="center form-data">
<div class="form-data-label">Buchungsdatum:</div>
<input class="form-data-element" type="date" id="postingDate" />
</div>
<div class="center form-data">
<div class="form-data-label">Wertstellungsdatum (Valuta):</div>
<input class="form-data-element" type="date" id="valueDate" />
</div>
<div class="center form-data">
<div class="form-data-label">Buchungstitel:</div>
<input class="form-data-element" type="text" id="title" />
</div>
<table class="transaction-table">
<thead>
<tr class="transaction-tr">
<th class="transaction-th" width="30%">Konto</th>
<th class="transaction-th" width="25%">Betrag</th>
<th class="transaction-th" width="30%">Buchungstext</th>
<th class="transaction-th" id="action-row" width="15%" style="text-align: center;"><input type="button" class="action-button" value="+" id="add-transaction" /></th>
</tr>
</thead>
<tbody></tbody>
</table>
<div class="save-buttons center">
<input
class="save-button"
type="button"
value="abbrechen"
id="cancel"
/>
<input
class="save-button"
type="button"
value="speichern"
id="submit"
/>
</div>
</div>
<div class="footer">
Entwicklung des Frontends - Maximilian Ruhm, Tarek Dafay, Christoph van
Deest
</div>
</div>
</body>
</html>