implement manual bookings.

This commit is contained in:
CodeSteak 2020-01-16 21:39:55 +01:00
parent 0951e23946
commit 66f4e319fa
5 changed files with 84 additions and 3 deletions

View File

@ -320,6 +320,10 @@ input.linestyle {
padding: 0px;
}
fieldset {
border: none;
}
/*
* HERO
@ -357,6 +361,7 @@ input.linestyle {
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
grid-template-rows: auto;
grid-column-gap: var(--u0);
grid-row-gap: var(--u0);
}
.detailgrid > .s {

View File

@ -27,7 +27,7 @@
<table id="main-table">
<tr>
<th colspan="8">
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table">
</th>
</tr>
<tr>

View File

@ -30,7 +30,7 @@
<table id="main-table">
<tr>
<th colspan="8">
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table">
</th>
</tr>
<tr>

View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>e-commerce</title>
<link rel="stylesheet" th:href="@{/css/ecom.css}" />
<link rel="stylesheet" th:href="@{/css/listedArticles.css}" />
<script th:src="@{/js/filterTable.js}"></script>
</head>
<body>
<nav th:replace="/fragments/header :: header">Header</nav>
<main class="sidebar-layout content-width">
<nav th:replace="/fragments/intern :: sidebar">Header</nav>
<div class="content-width">
<h1> Manuelle Buchung </h1>
<form class="detailgrid">
<div class="s">
<label for="amount">Betrag</label>
<input class="linestyle" type="number" step="0.01" name="amount" value="0.00" /> EUR
</div>
<div class="spacer"> </div>
<!-- T0D0:
display: inline-block;min-width:4.5em; is dirty
-->
<div class="s">
<fieldset>
<label for="source">Von Konto:</label>
<input type="radio" name="source" value="None"> Kein Konto <br/>
<input type="radio" name="source" value="InternalBookingAccount" checked> Hauptkonto <br/>
<input type="radio" name="source" value="VATBookingAccount"> Mehrwertsteuerkonto <br/>
<input type="radio" name="source" value="Customer"> <span style="display: inline-block;min-width:4.5em;">Kunde</span> <input placeholder="Kunden Nr." class="linestyle" type="text" name="source-customer" value="" /> <br/>
<input type="radio" name="source" value="Sup"> <span style="display: inline-block;min-width:4.5em;">Lieferant</span> <input placeholder="Lieferanten Nr." class="linestyle" type="text" name="source-sup" value="" /> <br/>
</fieldset>
</div>
<div class="s">
<fieldset>
<label for="destination">Nach Konto:</label>
<input type="radio" name="destination" value="None"> Kein Konto <br/>
<input type="radio" name="destination" value="InternalBookingAccount" checked> Hauptkonto <br/>
<input type="radio" name="destination" value="VATBookingAccount"> Mehrwertsteuerkonto <br/>
<input type="radio" name="destination" value="Customer"> <span style="display: inline-block;min-width:4.5em;">Kunde</span> <input placeholder="Kunden Nr." class="linestyle " type="text" name="destination-customer" value="" /> <br/>
<input type="radio" name="destination" value="Sup"> <span style="display: inline-block;min-width:4.5em;">Lieferant</span> <input placeholder="Lieferanten Nr." class="linestyle " type="text" name="destination-sup" value="" /> <br/>
</fieldset>
</div>
<div class="m">
<fieldset>
<label for="reason">Buchungsgrund:</label>
<input type="radio" name="reason" value="Manual" checked>Manuell <br/>
<input placeholder="..." class="linestyle full-width" type="text" name="reason-man" value="" /> <br/>
<input type="radio" name="reason" value="Start"> Startbuchung
</fieldset>
</div>
<div class="l">
<p>
Manuelle Buchungen können nicht rückgängig gemacht werden! <br/>
Es können jedoch Gegenbuchungen erstellt werden.
</p>
<button type="submit">Buchung tätigen</button>
<button type="reset">Zurücksetzen</button>
</div>
</form>
</div>
</main>
<footer th:replace="/fragments/footer :: footer"></footer>
</body>
</html>

View File

@ -30,7 +30,7 @@
<table id="main-table">
<tr>
<th colspan="8">
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
<input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table">
</th>
</tr>
<tr>