108 lines
3.9 KiB
HTML
108 lines
3.9 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/detail.css" />
|
|
<script type="module" src="../js/detail.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'"
|
|
>Detailansicht</span
|
|
><span class="nav" onclick="window.location.href='overview.html'"
|
|
>Gesamtübersicht</span
|
|
>
|
|
</div>
|
|
<div class="link-container">
|
|
<a href="../index.html">zurück zu Startseite</a>
|
|
</div>
|
|
<div id="detail-container"></div>
|
|
<div id="table-container" style="display: flex">
|
|
<div class="filter">
|
|
<div class="filter-div">
|
|
<span class="filter-text">Zeitraum von</span>
|
|
<input type="date" id="beginDate" name="dateFilter" />
|
|
<span class="filter-text">bis</span>
|
|
<input type="date" id="endDate" name="dateFilter" />
|
|
<input type="button" id="resetDates" value="X" />
|
|
</div>
|
|
<div class="center filter-div">
|
|
<input
|
|
class="search-text"
|
|
id="searchText"
|
|
name="textFilter"
|
|
type="text"
|
|
placeholder="Suche...."
|
|
/>
|
|
</div>
|
|
<div class="center filter-div">
|
|
<input
|
|
class="amount-text"
|
|
type="text"
|
|
placeholder="Betrag ab...."
|
|
id="beginAmount"
|
|
name="textFilter"
|
|
/>
|
|
<input
|
|
class="amount-text"
|
|
type="text"
|
|
placeholder="Betrag bis...."
|
|
id="endAmount"
|
|
name="textFilter"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="table">
|
|
<table class="entry-table">
|
|
<thead>
|
|
<tr class="entry-table-tr">
|
|
<th class="entry-table-th clickable" id="bookingDate" width="15%">
|
|
Buchungsdatum
|
|
</th>
|
|
<th class="entry-table-th clickable" id="valuta" width="15%">Valuta</th>
|
|
<th class="entry-table-th" width="20%">Titel</th>
|
|
<th class="entry-table-th" width="20%">Gegenkonto</th>
|
|
<th class="entry-table-th" width="20%">Betrag</th>
|
|
<th class="entry-table-th" width="10%" style="text-align: center;"><input type="button" class="action-button" value="+" id="add-transaction" /></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="pagination-div" class="pagination">
|
|
<div class="pagination-part center">
|
|
<input type="button" id="backward-page" class="page-button" value="Vorherige" />
|
|
<input type="button" id="forward-page" class="page-button" value="Nächste" />
|
|
</div>
|
|
<div class="pagination-part center"><span id="page-info">1</span></div>
|
|
<div class="pagination-part center">
|
|
<span>Buchungen pro Seite:</span>
|
|
<select id="table-range" class="dropdown">
|
|
<option>10</option>
|
|
<option>20</option>
|
|
<option>50</option>
|
|
<option>100</option>
|
|
<option>Alle</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
Entwicklung des Frontends - Maximilian Ruhm, Tarek Dafay, Christoph van
|
|
Deest
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|