This commit is contained in:
David Renner 2020-06-09 07:39:51 +02:00
commit 35ad504fbc
22 changed files with 799 additions and 164 deletions

View file

@ -1,113 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Katalog</title>
<link rel="stylesheet" type="text/css" href="scss/Style.css" media="screen" />
</head>
<body>
<div class="Titel">
<h1>Katalog</h1>
</div>
<!--
<div class="Eingabe">
<h2>Eingabe</h2>
<textarea name="Titel" class="text" placeholder="Titel"></textarea>
<textarea name="Author" class="text" placeholder="Author"></textarea>
<textarea name="Country" class="text" placeholder="Country"></textarea>
<textarea name="Link" class="text" placeholder="Link"></textarea>
<textarea name="Language" class="text" placeholder="Language"></textarea>
<textarea name="Pages" class="text" type="number" placeholder="Pages"></textarea>
<textarea name="Year" class="text" type="number" placeholder="Year"></textarea>
<textarea name="Category" class="text" placeholder="Category"></textarea>
<textarea name="ImageLink" class="text" placeholder="ImageLink"></textarea>
<textarea name="LendTime" class="text" type="number" placeholder="LendTime"></textarea>
<textarea name="LendType" class="text" placeholder="LendType"></textarea>
<button id="go">Go</button>
</div>
Das war die alte version. -->
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="./php/catalogue_search.php" method="POST">
<input type="text" name="Title" id="input" placeholder="Titel">
<input type="text" name="Author" id="input" placeholder="Autor">
<input type="text" name="Country" id="input" placeholder="Herkunft">
<input type="url" name="Link" id="input" placeholder="Link">
<input type="text" name="Language" id="input" placeholder="Sprache">
<input type="number" name="Pages" id="input" placeholder="Seiten">
<input type="date" name="Year" id="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY-->
<input list="categories" name="Category" id="input" placeholder="Kategorie"> <!-- Nur Auswahl (per select?) -->
<datalist id="categories">
<option value="Buch">
<option value="Magazin">
<option value="E-Book">
<option value="e-Magazin">
</datalist>
<input type="url" name="ImageLink" id="input" placeholder="Bild">
<input type="number" name="LendTime" id="input" placeholder="Verteihdauer">
<input list="types" name="LendType" id="input" placeholder="Verleihtyp">
<datalist id="types">
<option value="Physisch">
<option value="Virtuell">
</datalist>
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td>1</td>
</tr>
<tr>
<td class="fix">Titel</td>
<td>Die Bibel 2</td>
</tr>
<tr>
<td class="fix">Author</td>
<td>Mr. IchBinEinAuthor</td>
</tr>
<tr>
<td class="fix">Contry</td>
<td>Atlantis</td>
</tr>
<tr>
<td class="fix">Link</td>
<td>lmgtfy.de</td>
</tr>
<tr>
<td class="fix">Language</td>
<td>latein</td>
</tr>
<tr>
<td class="fix">Pages</td>
<td>42</td>
</tr>
<tr>
<td class="fix">Year</td>
<td>2021</td>
</tr>
<tr>
<td class="fix">Category</td>
<td>Dies ist ein Beispiel für einen viiiiiiiiiiiiiiiiieeeeeeeeeeeeeeeellllllllllllllllllll zzzzzuuuuuuuuu llllllllllllaaaaaaaaannnnnnnnnnggeeeeeeeennnnnnn TTTTTTeeeeeeeeeeeeeeexxxxxxxxxxxxt</td>
</tr>
<tr>
<td class="fix">ImageLink</td>
<td>DiesIstEinBild.png</td>
</tr>
<tr>
<td class="fix">LendTime</td>
<td>30</td>
</tr>
<tr>
<td class="fix">LendType</td>
<td>Buch</td>
</tr>
</table>
</div>
</body>
</html>

View file

@ -1,2 +0,0 @@
# FrontendDavid

38
addInventar.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inventar</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Inventar</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="inventar_search.php">
<input type="number" name="BookId" class="input" placeholder="Zu welchem Buch möchten Sie neue Exemplare hinnzufügen? (BuchId)"min= "0">
<input type="number" name="Anzahl" class="input" placeholder="Wieviele Exemplare möchten Sie hinzufügen?" min="0">
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ItemId</td>
<td></td>
</tr>
<tr>
<td class="fix">BookId</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

94
addKatalog.htm Normal file
View file

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Katalog</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Katalog</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="catalogue_search.php">
<input type="text" name="Title" class="input" placeholder="Titel">
<input type="text" name="Author" class="input" placeholder="Autor">
<input type="text" name="Country" class="input" placeholder="Herkunft">
<input type="url" name="Link" class="input" placeholder="Link">
<input type="text" name="Language" class="input" placeholder="Sprache">
<input type="number" name="Pages" class="input" placeholder="Seiten" min="0">
<input type="date" name="Year" class="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY--> <!--funktioniert nur über ein Skript, alternativ type="number" mit min und max restrictions-->
<select class="input" name="Category">
<option>Book</option>
<option>Magazin</option>
<option>EBook</option>
<option>EPaper</option>
</select>
<input type="url" name="ImageLink" class="input" placeholder="Bild">
<input type="number" name="LendTime" class="input" placeholder="Verteihdauer" min="0">
<select class="input" name="Category">
<option>Physical</option>
<option>Virtual</option>
</select>
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td></td>
</tr>
<tr>
<td class="fix">Titel</td>
<td></td>
</tr>
<tr>
<td class="fix">Autor</td>
<td></td>
</tr>
<tr>
<td class="fix">Land</td>
<td></td>
</tr>
<tr>
<td class="fix">Link</td>
<td></td>
</tr>
<tr>
<td class="fix">Sprache</td>
<td></td>
</tr>
<tr>
<td class="fix">Seitenzahl</td>
<td></td>
</tr>
<tr>
<td class="fix">Erscheinungsjahr</td>
<td></td>
</tr>
<tr>
<td class="fix">Kategorie</td>
<td></td>
</tr>
<tr>
<td class="fix">Bildlink</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihdauer</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihtyp</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

50
addVerleih.htm Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verleih</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Verleih</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="lend_search.php">
<input type="number" name="ItemId" class="input" placeholder="Welches Buch soll verliehen werden? (Id angeben)" min="0">
<input type="date" name="ReturnDate" class="input" placeholder="Rückgabedatum"> <!--Hier muss noch dasRückgabedatum auf einen Standardwert festgelegt werden (also bei Büchern heute in 30 Tagen)-->
<input type="text" name="Customer" class="input" placeholder="Name des Kunden">
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">Id</td>
<td></td>
</tr>
<tr>
<td class="fix">ItemId</td>
<td></td>
</tr>
<tr>
<td class="fix">Rückgabedatum</td>
<td></td>
</tr>
<tr>
<td class="fix">Kunde</td>
<td></td>
</tr>
<tr>
<td class="fix">zurückgegeben</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

94
changeKatalog.htm Normal file
View file

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Katalog</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Katalog</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="catalogue_search.php">
<input type="text" name="Title" class="input" placeholder="Titel">
<input type="text" name="Author" class="input" placeholder="Autor">
<input type="text" name="Country" class="input" placeholder="Herkunft">
<input type="url" name="Link" class="input" placeholder="Link">
<input type="text" name="Language" class="input" placeholder="Sprache">
<input type="number" name="Pages" class="input" placeholder="Seiten" min="0">
<input type="date" name="Year" class="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY--> <!--funktioniert nur über ein Skript, alternativ type="number" mit min und max restrictions-->
<select class="input" name="Category">
<option>Book</option>
<option>Magazin</option>
<option>EBook</option>
<option>EPaper</option>
</select>
<input type="url" name="ImageLink" class="input" placeholder="Bild">
<input type="number" name="LendTime" class="input" placeholder="Verteihdauer"min ="0">
<select class="input" name="Category">
<option>Physical</option>
<option>Virtual</option>
</select>
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td></td>
</tr>
<tr>
<td class="fix">Titel</td>
<td></td>
</tr>
<tr>
<td class="fix">Autor</td>
<td></td>
</tr>
<tr>
<td class="fix">Land</td>
<td></td>
</tr>
<tr>
<td class="fix">Link</td>
<td></td>
</tr>
<tr>
<td class="fix">Sprache</td>
<td></td>
</tr>
<tr>
<td class="fix">Seitenzahl</td>
<td></td>
</tr>
<tr>
<td class="fix">Jahr</td>
<td></td>
</tr>
<tr>
<td class="fix">Kategorie</td>
<td></td>
</tr>
<tr>
<td class="fix">Bildlink</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihdauer</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihtyp</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

51
changeVerleih.htm Normal file
View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inventar</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Inventar</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="catalogue_search.php">
<input type="number" name="ItemId" class="input" placeholder="ItemId" min="0">
<input type="date" name="teturnDate" class="input" placeholder="Rückgabedatum">
<input type="text" name="customer" class="input" placeholder="Kunde">
<label class="input"><input type="checkbox" name="returned" value="true" >zurückgegeben</label></br>
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">Id</td>
<td></td>
</tr>
<tr>
<td class="fix">ItemId</td>
<td></td>
</tr>
<tr>
<td class="fix">Rückgabedatum</td>
<td></td>
</tr>
<tr>
<td class="fix">Kunde</td>
<td></td>
</tr>
<tr>
<td class="fix">zurückgegeben</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

36
deleteInventar.htm Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inventar</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Inventar</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="inventar_search.php">
<input type="number" name="BookId" class="input" placeholder="Geben sie die Id des Exemplars ein welches Sie entfernen wollen" min="0">
<input type="submit" name="go" id="go">
</form>
</div>
<!--<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ItemId</td>
<td></td>
</tr>
<tr>
<td class="fix">BookId</td>
<td></td>
</tr>
</table>
</div>-->
</body>
</html>

78
deleteKatalog.htm Normal file
View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Katalog</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Katalog</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="catalogue_search.php">
<input type="number" name="ProductId" class="input" placeholder="id" min= "0">
<input type="submit" name="go" id="go">
</form>
</div>
<!--optional, nur überprüfung ob die richtige ProductID angegeben wurde sollte vor dem löschen, das Buch angezeigt werden +1 Bestätigungsknopf-->
<!-- <div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td></td>
</tr>
<tr>
<td class="fix">Titel</td>
<td></td>
</tr>
<tr>
<td class="fix">Author</td>
<td></td>
</tr>
<tr>
<td class="fix">Contry</td>
<td></td>
</tr>
<tr>
<td class="fix">Link</td>
<td></td>
</tr>
<tr>
<td class="fix">Language</td>
<td></td>
</tr>
<tr>
<td class="fix">Pages</td>
<td></td>
</tr>
<tr>
<td class="fix">Year</td>
<td></td>
</tr>
<tr>
<td class="fix">Category</td>
<td></td>
</tr>
<tr>
<td class="fix">ImageLink</td>
<td></td>
</tr>
<tr>
<td class="fix">LendTime</td>
<td></td>
</tr>
<tr>
<td class="fix">LendType</td>
<td></td>
</tr>
</table>
</div>-->
</body>
</html>

37
findInventar.htm Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inventar</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Inventar</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="inventar_search.php">
<input type="number" name="ProductId" class="input" placeholder="Geben Sie die gesuchte Id an" min= "0">
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ItemId</td>
<td></td>
</tr>
<tr>
<td class="fix">BookId</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

76
findKatalog.htm Normal file
View file

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Katalog</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Katalog</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="catalogue_search.php">
<input type="number" name="ProductId" class="input" placeholder="Geben sie die gesuchte ProduktId an" min= "0">
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td></td>
</tr>
<tr>
<td class="fix">Titel</td>
<td></td>
</tr>
<tr>
<td class="fix">Autor</td>
<td></td>
</tr>
<tr>
<td class="fix">Erscheinungsland</td>
<td></td>
</tr>
<tr>
<td class="fix">Link</td>
<td></td>
</tr>
<tr>
<td class="fix">Sprache</td>
<td></td>
</tr>
<tr>
<td class="fix">Seitenzahl</td>
<td></td>
</tr>
<tr>
<td class="fix">Erscheinungsjahr</td>
<td></td>
</tr>
<tr>
<td class="fix">Kategorie</td>
<td></td>
</tr>
<tr>
<td class="fix">Bildlink</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihdauer</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihart</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

76
findVerleih.htm Normal file
View file

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verleih</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Verleih</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="lend_search.php">
<input type="number" name="VerleihId" class="input" placeholder="Geben sie die gesuchte VerleihId an" min= "0">
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td></td>
</tr>
<tr>
<td class="fix">Titel</td>
<td></td>
</tr>
<tr>
<td class="fix">Autor</td>
<td></td>
</tr>
<tr>
<td class="fix">Erscheinungsland</td>
<td></td>
</tr>
<tr>
<td class="fix">Link</td>
<td></td>
</tr>
<tr>
<td class="fix">Sprache</td>
<td></td>
</tr>
<tr>
<td class="fix">Seitenzahl</td>
<td></td>
</tr>
<tr>
<td class="fix">Erscheinungsjahr</td>
<td></td>
</tr>
<tr>
<td class="fix">Kategorie</td>
<td></td>
</tr>
<tr>
<td class="fix">Bildlink</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihdauer</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihtyp</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

View file

@ -5,8 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bücherwurm WebInterface</title> <title>Bücherwurm WebInterface</title>
<link rel="stylesheet" type="text/css" href="scss/main.css" media="screen" /> <link rel="stylesheet" type="text/css" href="scss/main.css" media="screen" />
<!--<link rel="stylesheet" href="tables.css">
<link rel="stylesheet" href="menu.css">-->
</head> </head>
<body class="theme-1"> <body class="theme-1">
<div name="main"><!-- der ganze Inhalt ohne Hintergrund. Soll mobileFirst Senkrecht ausgerichtet sein --> <div name="main"><!-- der ganze Inhalt ohne Hintergrund. Soll mobileFirst Senkrecht ausgerichtet sein -->
@ -18,39 +16,37 @@
<label for="choices">Katalog</label> <label for="choices">Katalog</label>
</dt> </dt>
<dd> <dd>
Buch im Katalog
<select name="selection" id="selection" onchange="location.assign(this.value);"> <select name="selection" id="selection" onchange="location.assign(this.value);">
<option></option> <option></option>
<option value=find.html>Finden</option> <option value=findKatalog.htm>Finden</option>
<Option value="add.html">Hinzufügen</Option> <Option value="addKatalog.htm">Hinzufügen</Option>
<option value="katalog.htm">Bearbeiten</option> <option value="changeKatalog.htm">Bearbeiten</option>
<option value="delete.html">Löschen</option> <option value="deleteKatalog.htm">Löschen</option>
</select> </select>
</dd> </dd>
<dt> <dt>
<label for="choices">Inventar</label> <label for="choices">Inventar</label>
</dt> </dt>
<dd> <dd>
Buch im Inventar
<select name="selection" id="selection" onchange="location.assign(this.value);"> <select name="selection" id="selection" onchange="location.assign(this.value);">
<option></option> <option></option>
<option value=find.html>Finden</option> <option value=findInventar.htm>Finden</option>
<Option value="add.html">Hinzufügen</Option> <Option value="addInventar.htm">Hinzufügen</Option>
<option value="change.html">Bearbeiten</option> <option value="deleteInventar.htm">Löschen</option>
<option value="delete.html">Löschen</option>
</select> </select>
</dd> </dd>
<dt> <dt>
<label for="choices">Verleihvorgang</label> <label for="choices">Verleihvorgang</label>
</dt> </dt>
<dd> <dd>
Verleihvorgang
<select name="selection" id="selection" onchange="location.assign(this.value);"> <select name="selection" id="selection" onchange="location.assign(this.value);">
<option></option> <option></option>
<option value=find.html>Finden</option> <option value=findVerleih.htm>Finden</option>
<Option value="add.html">Hinzufügen</Option> <Option value="addVerleih.htm">Hinzufügen</Option>
<option value="change.html">Bearbeiten</option> <option value="changeVerleih.htm">Bearbeiten</option>
<option value="delete.html">Löschen</option>
</select> </select>
</dd> </dd>
</form> </form>

56
scss/OutputOnly.css Normal file
View file

@ -0,0 +1,56 @@
body {
background-color: bisque;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [5];
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
-ms-grid-row: 5;
grid-row: 5;
padding-left: 1%;
padding-right: 1%;
}
.Titel {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1 / 6;
-ms-grid-row: 1;
grid-row: 1;
}
.Ausgabe {
-ms-grid-column: 3;
-ms-grid-column-span: 3;
grid-column: 2 / 5;
-ms-grid-row: 2;
-ms-grid-row-span: 4;
grid-row: 2/6;
background-color: lightgray;
border: 1px solid black;
padding-bottom: 3%;
}
h2, h1 {
text-align: center;
}
table {
margin-left: 3%;
margin-right: 3%;
scroll-behavior: auto;
}
table td, table tr {
border: 1px solid black;
}
table .fix .headcol {
position: absolute;
width: 5em;
left: 0;
top: auto;
border-top-width: 1px;
margin-top: -1px;
}
/*# sourceMappingURL=OutputOnly.css.map */

9
scss/OutputOnly.css.map Normal file
View file

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,IAAI,CAAC;EACD,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,QAAQ;EACjB,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,GAAK,EAAC,CAAC;EACrB,qBAAqB,EAAE,cAAc;EACzC,QAAQ,EAAE,IAAI;EACd,YAAY,EAAE,CAAC;EACf,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAE,EAAE;CAClB;;AAED,AAAA,MAAM,CAAC;EACL,eAAe,EAAE,CAAC;EAClB,oBAAoB,EAAE,CAAC;EACvB,WAAW,EAAE,KAAK;EAClB,YAAY,EAAE,CAAC;EACf,QAAQ,EAAE,CAAC;CACZ;;AAEF,AAAA,QAAQ,CAAC;EACN,eAAe,EAAE,CAAC;EAClB,oBAAoB,EAAE,CAAC;EACvB,WAAW,EAAE,KAAK;EAClB,YAAY,EAAE,CAAC;EACf,iBAAiB,EAAE,CAAC;EACpB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,EAAE;CACnB;;AAED,AAAA,EAAE,EAAE,EAAE,CAAC;EACL,UAAU,EAAE,MAAM;CACnB;;AAED,AAAA,KAAK,CAAC;EACJ,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CACtB;;AAED,AAAA,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;EACjB,MAAM,EAAE,eAAe;CACxB;;AAED,AAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;EAClB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB;;AACD,qCAAqC",
"sources": [
"OutputOnly.scss"
],
"names": [],
"file": "OutputOnly.css"
}

56
scss/OutputOnly.scss Normal file
View file

@ -0,0 +1,56 @@
body {
background-color: bisque;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
-ms-grid-row: 5;
grid-row: 5;
padding-left: 1%;
padding-right: 1%;
}
.Titel {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1 / 6;
-ms-grid-row: 1;
grid-row: 1;
}
.Ausgabe {
-ms-grid-column: 3;
-ms-grid-column-span: 3;
grid-column: 2 / 5;
-ms-grid-row: 2;
-ms-grid-row-span: 4;
grid-row: 2/6;
background-color: lightgray;
border: 1px solid black;
padding-bottom: 3%;
}
h2, h1 {
text-align: center;
}
table {
margin-left: 3%;
margin-right: 3%;
scroll-behavior: auto;
}
table td, table tr {
border: 1px solid black;
}
table .fix .headcol {
position: absolute;
width: 5em;
left: 0;
top: auto;
border-top-width: 1px;
margin-top: -1px;
}
/*# sourceMappingURL=style.css.map */

View file

@ -1 +0,0 @@
/* No CSS *//*# sourceMappingURL=menu.css.map */

View file

@ -1,9 +0,0 @@
{
"version": 3,
"mappings": "",
"sources": [
"menu.scss"
],
"names": [],
"file": "menu.css"
}

View file

View file

@ -12,7 +12,6 @@ body {
} }
.Titel { .Titel {
text-align: center;
-ms-grid-column: 1; -ms-grid-column: 1;
-ms-grid-column-span: 5; -ms-grid-column-span: 5;
grid-column: 1 / 6; grid-column: 1 / 6;
@ -20,6 +19,12 @@ body {
grid-row: 1; grid-row: 1;
} }
.Titel #zuruck {
-ms-flex-item-align: left;
-ms-grid-row-align: left;
align-self: left;
}
.Eingabe { .Eingabe {
-ms-grid-column: 1; -ms-grid-column: 1;
-ms-grid-column-span: 2; -ms-grid-column-span: 2;
@ -29,6 +34,15 @@ body {
grid-row: 2/6; grid-row: 2/6;
background-color: lightgrey; background-color: lightgrey;
border: 1px solid black; border: 1px solid black;
padding-bottom: 2%;
}
.Eingabe .input {
resize: none;
overflow: auto;
width: 90%;
height: 3%;
margin-left: 5%;
} }
.Eingabe #go { .Eingabe #go {
@ -37,7 +51,7 @@ body {
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
width: 100px; width: 150px;
height: 30px; height: 30px;
} }
@ -50,20 +64,13 @@ body {
grid-row: 2/6; grid-row: 2/6;
background-color: lightgray; background-color: lightgray;
border: 1px solid black; border: 1px solid black;
padding-bottom: 2%;
} }
h2, h1 { h2, h1 {
text-align: center; text-align: center;
} }
textarea {
resize: none;
overflow: auto;
width: 90%;
height: 3%;
margin-left: 5%;
}
table { table {
margin-left: 3%; margin-left: 3%;
margin-right: 3%; margin-right: 3%;

View file

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAGd;;AACL,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAS1B;;AAdL,AAMQ,QANA,CAMA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAC1B;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAEL,AAAA,QAAQ,CACJ;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CACd;;AAEL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAgBxB;;AAnBD,AAII,KAJC,CAID,EAAE,EAJN,KAAK,CAIG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AAPL,AAUQ,KAVH,CAQD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB", "mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAMd;;AATL,AAIQ,MAJF,CAIE,OAAO,CACP;EACI,UAAU,EAAE,IAAI;CACnB;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,EAAE;CAiBrB;;AAvBL,AAOQ,QAPA,CAOA,MAAM,CACN;EACI,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CAClB;;AAdT,AAeQ,QAfA,CAeA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,EAAE;CACrB;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAIL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAiBxB;;AApBD,AAII,KAJC,CAID,EAAE,EAJN,KAAK,CAIG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AAPL,AAUQ,KAVH,CAQD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB",
"sources": [ "sources": [
"style.scss" "style.scss"
], ],

View file

@ -11,10 +11,12 @@ body
} }
.Titel .Titel
{ {
text-align: center;
grid-column: 1 / 6; grid-column: 1 / 6;
grid-row: 1; grid-row: 1;
//background-color: lightgreen; #zuruck
{
align-self: left;
}
} }
.Eingabe .Eingabe
@ -23,12 +25,21 @@ body
grid-row: 2/6; grid-row: 2/6;
background-color: lightgrey; background-color: lightgrey;
border: 1px solid black; border: 1px solid black;
padding-bottom: 2%;
.input
{
resize: none;
overflow: auto;
width: 90%;
height: 3%;
margin-left: 5%;
}
#go #go
{ {
margin-left: 40%; margin-left: 40%;
margin-top: 5%; margin-top: 5%;
align-items: center; align-items: center;
width: 100px; width: 150px;
height: 30px; height: 30px;
} }
} }
@ -39,20 +50,14 @@ body
grid-row: 2/6; grid-row: 2/6;
background-color: lightgray; background-color: lightgray;
border: 1px solid black; border: 1px solid black;
padding-bottom: 2%;
} }
h2,h1 h2,h1
{ {
text-align: center; text-align: center;
} }
textarea
{
resize: none;
overflow: auto;
width: 90%;
height: 3%;
margin-left: 5%;
}
table{ table{
margin-left: 3%; margin-left: 3%;
@ -73,4 +78,5 @@ table{
margin-top: -1px; margin-top: -1px;
} }
} }
} }