making my way downtown~
This commit is contained in:
66
frontend/html/account.html
Normal file
66
frontend/html/account.html
Normal file
@@ -0,0 +1,66 @@
|
||||
<!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/account.css" />
|
||||
<script type="module" src="../js/account.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'"
|
||||
>Account-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">Kontonummer:</div>
|
||||
<input class="form-data-element" type="text" id="number" />
|
||||
</div>
|
||||
<div class="center form-data">
|
||||
<div class="form-data-label">Kontoname:</div>
|
||||
<input class="form-data-element" type="text" id="name" />
|
||||
</div>
|
||||
<div class="center form-data">
|
||||
<div class="form-data-label">Beschreibung:</div>
|
||||
<input class="form-data-element" type="text" id="description" />
|
||||
</div>
|
||||
<div class="center form-data">
|
||||
<div class="form-data-label">Kontoart:</div>
|
||||
<select class="form-data-element" id="type">
|
||||
<option disabled selected>--- Bitte Option wählen ---</option>
|
||||
<option>default</option>
|
||||
<option>meta</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="center form-data">
|
||||
<div class="form-data-label">Übergeordnetes Konto:</div>
|
||||
<select class="form-data-element" id="account-select">
|
||||
<option disabled selected>--- Wurzel Konto ---</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="save-buttons center">
|
||||
<input class="save-button" type="button" value="abbrechen" id="cancel" />
|
||||
<input class="save-button" type="button" value="löschen" id="delete" style="display: none;"/>
|
||||
<input class="save-button" type="button" value="erstellen" id="submit" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
Entwicklung des Frontends - Maximilian Ruhm, Tarek Dafay, Christoph van
|
||||
Deest
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
107
frontend/html/detail.html
Normal file
107
frontend/html/detail.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!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>
|
||||
85
frontend/html/overview.html
Normal file
85
frontend/html/overview.html
Normal file
@@ -0,0 +1,85 @@
|
||||
<!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/overview.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'"
|
||||
>Buchhaltungs-Gesamtübersicht</span
|
||||
>
|
||||
</div>
|
||||
<div class="link-container">
|
||||
<a href="../index.html">zurück zu Startseite</a>
|
||||
</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>
|
||||
<div class="table">
|
||||
<table class="entry-table">
|
||||
<thead>
|
||||
<tr class="entry-table-tr">
|
||||
<th class="entry-table-th clickable" id="bookingDate">
|
||||
Buchungsdatum
|
||||
</th>
|
||||
<th class="entry-table-th clickable" id="valuta">Valuta</th>
|
||||
<th class="entry-table-th">Titel</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>
|
||||
72
frontend/html/transaction.html
Normal file
72
frontend/html/transaction.html
Normal file
@@ -0,0 +1,72 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user