Einkaufsliste application_liste hinzugefügt

This commit is contained in:
Andrea Gaertner 2020-06-03 09:04:57 +02:00
parent 190061ea87
commit 668e16c315
7868 changed files with 850301 additions and 272 deletions

View File

@ -1,2 +1,15 @@
# MDT-Webapps-Gulp
1. Projekt klonen
2. MDT5.sln öffnen um Projekt auszuführen ("einkaufsliste_neu.html" als Startseite festlegen)
3. Gulp:
3.1 Im Ordner App (location von gulpfile.js) eine CMD öffnen
3.2 Funktionen aus der gulpfile.js ausführen über CMD mit Kommando gulp <funktionsname>
-> Funktionen um eine ausführbare App zu erhalten: minifyhtml und image
-> Diese Beiden Funktionen sind auch in der Funktion watch enthalten. Watch arbeitet immer nur bei
Änderung einer Datei, überwacht sozusagen die Projektmappe.
3.3 Alle von gulp erzeugten Dateien befinden sich in einem Ordner "dist" in der Projektmappe,
der von gulp eigenständig angelegt wird.
3.4 Die kommprimierte Website kann auch über MDT5.sln geöfnet werden, hierzu einfach
die Datei "einkaufsliste_neu.html" im Ordner dist als Startseite festlegen.

BIN
code/.vs/MDT5/v15/.suo Normal file

Binary file not shown.

File diff suppressed because it is too large Load Diff

44
code/MDT5.sln Normal file
View File

@ -0,0 +1,44 @@

Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio 15
VisualStudioVersion = 15.0.27428.2005
MinimumVisualStudioVersion = 10.0.40219.1
Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "code", ".", "{9311C3EF-F1D1-4606-8668-322C176CA58F}"
ProjectSection(WebsiteProperties) = preProject
TargetFrameworkMoniker = ".NETFramework,Version%3Dv4.0"
Debug.AspNetCompiler.VirtualPath = "/localhost_49537"
Debug.AspNetCompiler.PhysicalPath = "..\code\"
Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_49537\"
Debug.AspNetCompiler.Updateable = "true"
Debug.AspNetCompiler.ForceOverwrite = "true"
Debug.AspNetCompiler.FixedNames = "false"
Debug.AspNetCompiler.Debug = "True"
Release.AspNetCompiler.VirtualPath = "/localhost_49537"
Release.AspNetCompiler.PhysicalPath = "..\code\"
Release.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_49537\"
Release.AspNetCompiler.Updateable = "true"
Release.AspNetCompiler.ForceOverwrite = "true"
Release.AspNetCompiler.FixedNames = "false"
Release.AspNetCompiler.Debug = "False"
VWDPort = "49537"
SlnRelativePath = "..\code\"
EndProjectSection
EndProject
Global
GlobalSection(Performance) = preSolution
HasPerformanceSessions = true
EndGlobalSection
GlobalSection(SolutionConfigurationPlatforms) = preSolution
Debug|Any CPU = Debug|Any CPU
EndGlobalSection
GlobalSection(ProjectConfigurationPlatforms) = postSolution
{9311C3EF-F1D1-4606-8668-322C176CA58F}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{9311C3EF-F1D1-4606-8668-322C176CA58F}.Debug|Any CPU.Build.0 = Debug|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
EndGlobalSection
GlobalSection(ExtensibilityGlobals) = postSolution
SolutionGuid = {B1CA379E-4295-41CB-A81A-11D05D4683F6}
EndGlobalSection
EndGlobal

View File

@ -0,0 +1,12 @@
1. Projekt klonen
2. MDT5.sln öffnen um Projekt auszuführen ("einkaufsliste_neu.html" als Startseite festlegen)
3. Gulp:
3.1 Im Ordner App (location von gulpfile.js) eine CMD öffnen
3.2 Funktionen aus der gulpfile.js ausführen über CMD mit Kommando gulp <funktionsname>
-> Funktionen um eine ausführbare App zu erhalten: minifyhtml und image
-> Diese Beiden Funktionen sind auch in der Funktion watch enthalten. Watch arbeitet immer nur bei
Änderung einer Datei, überwacht sozusagen die Projektmappe.
3.3 Alle von gulp erzeugten Dateien befinden sich in einem Ordner "dist" in der Projektmappe,
der von gulp eigenständig angelegt wird.
3.4 Die kommprimierte Website kann auch über MDT5.sln geöfnet werden, hierzu einfach
die Datei "einkaufsliste_neu.html" im Ordner dist als Startseite festlegen.

View File

@ -0,0 +1,169 @@
* {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
.header {
padding: 80px;
text-align: center;
background: #1abc9c;
color: antiquewhite;
}
/* Increase the font size of the heading */
.header h1 {
font-size: 40px;
}
/* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */
.navbar {
overflow: hidden;
background-color: burlywood;
position: sticky;
position: -webkit-sticky;
top: 0;
}
/* Style the navigation bar links */
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
/* Right-aligned link */
.navbar a.right {
float: right;
}
/* Change color on hover */
.navbar a:hover {
background-color: #ddd;
color: black;
}
/* Active/current link */
.navbar a.active {
background-color: #666;
color: white;
}
/* Column container */
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
}
/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
-ms-flex: 30%;
flex: 30%;
background-color: #f1f1f1;
padding: 20px;
}
/* Main column */
.main {
-ms-flex: 70%;
flex: 70%;
background-color: white;
padding: 20px;
text-align: center;
}
.liste {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Create a custom checkbox */
.checkmark {
position: center;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.liste:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.liste input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.liste input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.liste .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* Fake image, just for this example */
.fakeimg {
background-color: #aaa;
width: 100%;
padding: 20px;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
.row {
flex-direction: column;
}
}
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
.navbar a {
float: none;
width: 100%;
}
}

View File

@ -0,0 +1,20 @@
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}

View File

@ -0,0 +1,16 @@
div.gallery{margin:5px;border:1px solid #ccc;float:left;width:180px}div.gallery:hover{border:1px solid #777}
div.gallery img{width:100%;height:auto}div.desc{padding:15px;text-align:center}*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0}.header{padding:80px;text-align:center;background:#1abc9c;color:antiquewhite}
.header h1{font-size:40px}.navbar{overflow:hidden;background-color:burlywood;position:sticky;position:-webkit-sticky;top:0}
.navbar a{float:left;display:block;color:white;text-align:center;padding:14px 20px;text-decoration:none}
.navbar a.right{float:right}.navbar a:hover{background-color:#ddd;color:black}.navbar a.active{background-color:#666;color:white}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.side{-ms-flex:30%;flex:30%;background-color:#f1f1f1;padding:20px}
.main{-ms-flex:70%;flex:70%;background-color:white;padding:20px;text-align:center}
.liste{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkmark{position:center;top:0;left:0;height:25px;width:25px;background-color:#eee}
.liste:hover input ~ .checkmark{background-color:#ccc}.liste input:checked ~ .checkmark{background-color:#2196f3}
.checkmark:after{content:"";position:absolute;display:none}
.liste input:checked ~ .checkmark:after{display:block}.liste .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.fakeimg{background-color:#aaa;width:100%;padding:20px}.footer{padding:20px;text-align:center;background:#ddd}
@media screen and (max-width:700px){.row{flex-direction:column}}@media screen and (max-width:400px){.navbar a{float:none;width:100%}
}

Binary file not shown.

View File

@ -0,0 +1 @@
<!DOCTYPE html><html lang="en" style="box-sizing: border-box;"><head style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><meta charset="UTF-8" style="box-sizing: border-box;"><meta name="viewport" content="width=device-width,initial-scale=1" style="box-sizing: border-box;"><link rel="icon" href="img/einkaufstasche.png" style="box-sizing: border-box;"></head><body style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0;"><div class="header" style="background: #1abc9c; box-sizing: border-box; color: antiquewhite; padding: 80px; text-align: center;"><h1 style="box-sizing: border-box; font-size: 40px;">Einkaufliste</h1><p style="box-sizing: border-box;">Erstelle deine persönlich <b style="box-sizing: border-box;">Einkaufsliste</b></p></div><div class="navbar" style="background-color: burlywood; box-sizing: border-box; overflow: hidden; position: -webkit-sticky; top: 0;"><a href="einkaufsliste_neu.html" class="active" style="background-color: #666; box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Home</a> <a href="galerie.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Bildergallerie</a> <a href="liste_anlegen.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Einkaufsliste erstellen</a> <a href="https://www.chefkoch.de/rezepte/was-koche-ich-heute/" class="right" style="box-sizing: border-box; color: white; display: block; float: right; padding: 14px 20px; text-align: center; text-decoration: none;">Link</a></div><div class="row" style="-ms-flex-wrap: wrap; box-sizing: border-box; display: flex; flex-wrap: wrap;"><div class="side" style="-ms-flex: 30%; background-color: #f1f1f1; box-sizing: border-box; flex: 30%; padding: 20px;"><h2 style="box-sizing: border-box;">Angebot der Woche</h2><h5 style="box-sizing: border-box;">bei Lidl</h5><div class="fakeimg" style="background-color: #aaa; box-sizing: border-box; height: 200px; padding: 20px; width: 100%;"><img src="img/pizza.jpg" height="50" width="50" style="box-sizing: border-box;"></div><p style="box-sizing: border-box;">Nur diese Woche reduziert</p><h3 style="box-sizing: border-box;">Rezeptideen</h3><a href="https://www.chefkoch.de/rezepte/892091194766322/Weisse-Pizza-mit-Steinpilz-Gorgonzola-und-Rucola.html" style="box-sizing: border-box;"><img src="img/weisse-pizza-mit-steinpilz-gorgonzola-und-rucola.jpg" width="300" height="200" style="box-sizing: border-box;"></a><br style="box-sizing: border-box;"><a href="https://www.chefkoch.de/rezepte/1962241319120437/Spareribs-im-Backofen.html" style="box-sizing: border-box;"><img src="img/spareribs-im-backofen.jpg" width="300" height="200" style="box-sizing: border-box;"></a><br style="box-sizing: border-box;"><div class="fakeimg" style="background-color: #aaa; box-sizing: border-box; height: 60px; padding: 20px; width: 100%;">Image</div></div><div class="main" style="-ms-flex: 70%; background-color: white; box-sizing: border-box; flex: 70%; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Einkaufsliste</h2><h5 style="box-sizing: border-box;">Webapp zur Erstellung einer Einkaufsliste</h5><div style="box-sizing: border-box;"><img src="img/Ernaehrungspyramide.jpg" height="400" width="400" style="box-sizing: border-box;"></div><p style="box-sizing: border-box;">Diese Pyramiede soll sie daran erinnern auf eine ausgewogene Ernährung zu achten.</p></div></div><div class="footer" style="background: #ddd; box-sizing: border-box; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Ende dieser Website</h2></div></body></html>

View File

@ -0,0 +1 @@
<!DOCTYPE html><html style="box-sizing: border-box;"><head style="box-sizing: border-box;"><meta charset="utf-8" style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><link rel="icon" href="img/einkaufstasche.png" style="box-sizing: border-box;"></head><body style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0;"><div class="header" style="background: #1abc9c; box-sizing: border-box; color: antiquewhite; padding: 80px; text-align: center;"><h1 style="box-sizing: border-box; font-size: 40px;">Einkaufliste</h1><p style="box-sizing: border-box;">Erstelle deine persönlich <b style="box-sizing: border-box;">Einkaufsliste</b></p></div><div class="navbar" style="background-color: burlywood; box-sizing: border-box; overflow: hidden; position: -webkit-sticky; top: 0;"><a href="einkaufsliste_neu.html" class="active" style="background-color: #666; box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Home</a> <a href="galerie.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Bildergallerie</a> <a href="liste_anlegen.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Einkaufsliste erstellen</a> <a href="#" class="right" style="box-sizing: border-box; color: white; display: block; float: right; padding: 14px 20px; text-align: center; text-decoration: none;">Link</a></div><div class="gallery" id="aepfel" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/aepfel.jpg" style="box-sizing: border-box;"><img src="img/aepfel.jpg" alt="Äpfel" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Äpfel</div></div><div class="gallery" id="milch" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/milch.jpg" style="box-sizing: border-box;"><img src="img/milch.jpg" alt="Milch" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Milch</div></div><div class="gallery" id="wasser" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/wasser.jpg" style="box-sizing: border-box;"><img src="img/wasser.jpg" alt="Wasser" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Wasser</div></div></body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

View File

Before

Width:  |  Height:  |  Size: 446 B

After

Width:  |  Height:  |  Size: 446 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

View File

@ -0,0 +1 @@
<!DOCTYPE html><html style="box-sizing: border-box;"><head style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><meta charset="UTF-8" style="box-sizing: border-box;"><meta name="viewport" content="width=device-width,initial-scale=1" style="box-sizing: border-box;"><link rel="icon" href="img/einkaufstasche.png" style="box-sizing: border-box;"></head><body style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0;"><div class="header" style="background: #1abc9c; box-sizing: border-box; color: antiquewhite; padding: 80px; text-align: center;"><h1 style="box-sizing: border-box; font-size: 40px;">Einkaufliste</h1><p style="box-sizing: border-box;">Erstelle deine persönlich <b style="box-sizing: border-box;">Einkaufsliste</b></p></div><div class="navbar" style="background-color: burlywood; box-sizing: border-box; overflow: hidden; position: -webkit-sticky; top: 0;"><a href="einkaufsliste_neu.html" class="active" style="background-color: #666; box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Home</a> <a href="galerie.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Bildergallerie</a> <a href="liste_anlegen.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Einkaufsliste erstellen</a> <a href="#" class="right" style="box-sizing: border-box; color: white; display: block; float: right; padding: 14px 20px; text-align: center; text-decoration: none;">Link</a></div><div class="row" style="-ms-flex-wrap: wrap; box-sizing: border-box; display: flex; flex-wrap: wrap;"><div class="main" style="-ms-flex: 70%; background-color: white; box-sizing: border-box; flex: 70%; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Einkaufsliste <img src="img/einkaufstasche.png" height="200" width="200" style="box-sizing: border-box;"></h2><br style="box-sizing: border-box;"><div class="liste" id="liste" style="-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; box-sizing: border-box; cursor: pointer; display: block; font-size: 22px; margin-bottom: 12px; padding-left: 35px; position: relative; user-select: none;"></div><label for="element" style="box-sizing: border-box;">Artikel:</label> <input type="text" id="element" style="box-sizing: border-box;"> <label for="menge" style="box-sizing: border-box;">Menge:</label> <input type="text" id="menge" style="box-sizing: border-box;"><br style="box-sizing: border-box;"><br style="box-sizing: border-box;"><br style="box-sizing: border-box;"><input type="button" id="button1" value="Hinzufügen" style="box-sizing: border-box;"> <input type="button" id="button3" value="Letzten Punkt Löschen" style="box-sizing: border-box;"> <input type="button" id="button2" value="Gesammte Liste löschen" style="box-sizing: border-box;"><script src="skripts/speichern_liste.js" style="box-sizing: border-box;"></script></div></div></body></html>

View File

@ -0,0 +1 @@
var counter=0;function onClick(){var e=document.getElementById("element"),t=document.getElementById("menge");console.log(e.value),add(e.value,t.value)}function add(e,t){counter++;var n=document.getElementById("liste"),c=document.createElement("input");c.setAttribute("type","checkbox"),c.setAttribute("id","cb"+counter),c.setAttribute("class","checkmark");var d=document.createElement("label");d.innerHTML=e+" "+t,d.setAttribute("for","cb"+counter),n.appendChild(c),n.appendChild(d),n.appendChild(document.createElement("br"))}

View File

@ -0,0 +1 @@
function init(){document.getElementById("button1").onclick=add,document.getElementById("button2").onclick=allesLoeschen,document.getElementById("button3").onclick=deleteLast;for(var e=HoleEintraege(),t=0;t<e.length;t++){var n=e[t];insDocSchreiben(n,JSON.parse(localStorage[n]))}}function add(){var e=HoleEintraege(),t=document.getElementById("element").value,n=document.getElementById("menge").value;console.log(element.value);var l="aufgabe_"+(new Date).getTime();localStorage.setItem(l,JSON.stringify(t+" "+n)),e.push(l),localStorage.setItem("eintraegeArray",JSON.stringify(e)),insDocSchreiben(l,t+" "+n)}function deleteLast(){var e=document.getElementById("liste");e.removeChild(e.lastChild),e.removeChild(e.lastChild),e.removeChild(e.lastChild);HoleEintraege()}function allesLoeschen(){localStorage.clear();for(var e=document.getElementById("liste"),t=e.childNodes,n=t.length-1;0<=n;n--)e.removeChild(t[n]);HoleEintraege()}function HoleEintraege(){var e=localStorage.getItem("eintraegeArray");return e?e=JSON.parse(e):(e=[],localStorage.setItem("eintraegeArray",JSON.stringify(e))),e}function insDocSchreiben(e,t){var n=document.getElementById("liste"),l=document.createElement("input");l.setAttribute("type","checkbox"),l.setAttribute("id",e),l.setAttribute("class","checkmark");var a=document.createElement("label");a.innerHTML=t,a.setAttribute("for",e),n.appendChild(l),n.appendChild(a),n.appendChild(document.createElement("br"))}window.onload=init;

View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Einkaufsliste</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/Stylecss.css">
<link rel="icon" href="img/einkaufstasche.png" />
</head>
<body>
<div class="header">
<h1>Einkaufliste</h1>
<p>Erstelle deine persönlich <b>Einkaufsliste</b> </p>
</div>
<div class="navbar">
<a href="einkaufsliste_neu.html" class="active">Home</a>
<a href="galerie.html">Bildergallerie</a>
<a href="liste_anlegen.html">Einkaufsliste erstellen</a>
<a href="https://www.chefkoch.de/rezepte/was-koche-ich-heute/" class="right">Link</a>
</div>
<div class="row">
<div class="side">
<h2>Angebot der Woche</h2>
<h5>bei Lidl</h5>
<div class="fakeimg" style="height:200px;"><img src="img/pizza.jpg" height="50" width="50" /></div>
<p>Nur diese Woche reduziert</p>
<h3>Rezeptideen </h3>
<a href="https://www.chefkoch.de/rezepte/892091194766322/Weisse-Pizza-mit-Steinpilz-Gorgonzola-und-Rucola.html"><img src="img/weisse-pizza-mit-steinpilz-gorgonzola-und-rucola.jpg" width="300" height="200" /></a>
<br>
<a href="https://www.chefkoch.de/rezepte/1962241319120437/Spareribs-im-Backofen.html"><img src="img/spareribs-im-backofen.jpg" width="300" height="200" /></a>
<br>
<div class="fakeimg" style="height:60px;">Image</div>
</div>
<div class="main">
<h2>Einkaufsliste</h2>
<h5>Webapp zur Erstellung einer Einkaufsliste</h5>
<div><img src="img/Ernaehrungspyramide.jpg" height="400"width="400"/></div>
<p>Diese Pyramiede soll sie daran erinnern auf eine ausgewogene Ernährung zu achten.</p>
</div>
</div>
<div class="footer">
<h2>Ende dieser Website</h2>
</div>
</body>
</html>

View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Einkaufsliste</title>
<link rel="stylesheet" href="css/Stylecss.css">
<link rel="stylesheet" href="css/galerie.css">
<link rel="icon" href="img/einkaufstasche.png" />
</head>
<body>
<div class="header">
<h1>Einkaufliste</h1>
<p>Erstelle deine persönlich <b>Einkaufsliste</b> </p>
</div>
<div class="navbar">
<a href="einkaufsliste_neu.html" class="active">Home</a>
<a href="galerie.html">Bildergallerie</a>
<a href="liste_anlegen.html">Einkaufsliste erstellen</a>
<a href="#" class="right">Link</a>
</div>
<div class="gallery" id="aepfel">
<a target="_blank" href="img/aepfel.jpg">
<img src="img/aepfel.jpg" alt="Äpfel" width="100" height="100">
</a>
<div class="desc">Äpfel</div>
</div>
<div class="gallery" id="milch">
<a target="_blank" href="img/milch.jpg">
<img src="img/milch.jpg" alt="Milch" width="100" height="100">
</a>
<div class="desc">Milch</div>
</div>
<div class="gallery" id="wasser">
<a target="_blank" href="img/wasser.jpg">
<img src="img/wasser.jpg" alt="Wasser" width="100" height="100">
</a>
<div class="desc">Wasser</div>
</div>
</body>
</html>

View File

@ -0,0 +1,48 @@
var gulp = require("gulp");
var uglifycss = require('gulp-uglifycss');
var image = require('gulp-image');
var uglify = require('gulp-uglify');
var pipeline = require('readable-stream').pipeline;
var concatCss = require('gulp-concat-css');
var htmlmin = require('gulp-htmlmin');
var inlineCss = require('gulp-inline-css');
var injectJS = require('gulp-inject-js');
gulp.task('minifyhtml', () => {
return gulp.src('*.html')
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(inlineCss())
.pipe(injectJS())
.pipe(gulp.dest('dist'));
});
gulp.task('css', async function () {
gulp.src('./css/*.css')
.pipe(concatCss("Stylecss.css"))
.pipe(uglifycss({
"maxLineLen": 80,
"uglyComments": true
}))
.pipe(gulp.dest('dist/css'));
});
gulp.task('image', async function () {
gulp.src('./img/*')
.pipe(image())
.pipe(gulp.dest('./dist/img'));
});
gulp.task('compress', async function () {
return pipeline(
gulp.src('./skripts/*.js'),
uglify(),
gulp.dest('./dist/skripts')
);
});
gulp.task('watch', async function () {
gulp.watch('app/img/*', gulp.series('image'));
gulp.watch('app/*.html', gulp.series('minifyhtml'));
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 544 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 446 B

After

Width:  |  Height:  |  Size: 446 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 394 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<title>Einkaufsliste</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/Stylecss.css">
<link rel="icon" href="img/einkaufstasche.png" />
</head>
<body>
<div class="header">
<h1>Einkaufliste</h1>
<p>Erstelle deine persönlich <b>Einkaufsliste</b> </p>
</div>
<div class="navbar">
<a href="einkaufsliste_neu.html" class="active">Home</a>
<a href="galerie.html">Bildergallerie</a>
<a href="liste_anlegen.html">Einkaufsliste erstellen</a>
<a href="#" class="right">Link</a>
</div>
<div class="row">
<div class="main">
<h2>
Einkaufsliste <img src="img/einkaufstasche.png" height="200" width="200" />
</h2>
<br />
<div class="liste" id="liste">
</div>
<label for="element">Artikel: </label>
<input type="text" id="element" />
<label for="menge">Menge: </label>
<input type="text" id="menge" />
<br />
<br />
<br />
<input type="button" id="button1" value="Hinzufügen" />
<input type="button" id="button3" value="Letzten Punkt Löschen" />
<input type="button" id="button2" value="Gesammte Liste löschen" />
<script src="skripts/speichern_liste.js"></script>
</div>
</div>
</body>
</html>

15
code/application_liste/app/node_modules/.bin/atob generated vendored Normal file
View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../atob/bin/atob.js" "$@"
ret=$?
else
node "$basedir/../atob/bin/atob.js" "$@"
ret=$?
fi
exit $ret

17
code/application_liste/app/node_modules/.bin/atob.cmd generated vendored Normal file
View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\atob\bin\atob.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

18
code/application_liste/app/node_modules/.bin/atob.ps1 generated vendored Normal file
View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../atob/bin/atob.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../atob/bin/atob.js" $args
$ret=$LASTEXITCODE
}
exit $ret

View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../color-support/bin.js" "$@"
ret=$?
else
node "$basedir/../color-support/bin.js" "$@"
ret=$?
fi
exit $ret

View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\color-support\bin.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../color-support/bin.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../color-support/bin.js" $args
$ret=$LASTEXITCODE
}
exit $ret

15
code/application_liste/app/node_modules/.bin/escodegen generated vendored Normal file
View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../escodegen/bin/escodegen.js" "$@"
ret=$?
else
node "$basedir/../escodegen/bin/escodegen.js" "$@"
ret=$?
fi
exit $ret

View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\escodegen\bin\escodegen.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../escodegen/bin/escodegen.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../escodegen/bin/escodegen.js" $args
$ret=$LASTEXITCODE
}
exit $ret

View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../escodegen/bin/esgenerate.js" "$@"
ret=$?
else
node "$basedir/../escodegen/bin/esgenerate.js" "$@"
ret=$?
fi
exit $ret

View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\escodegen\bin\esgenerate.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../escodegen/bin/esgenerate.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../escodegen/bin/esgenerate.js" $args
$ret=$LASTEXITCODE
}
exit $ret

15
code/application_liste/app/node_modules/.bin/esparse generated vendored Normal file
View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../esprima/bin/esparse.js" "$@"
ret=$?
else
node "$basedir/../esprima/bin/esparse.js" "$@"
ret=$?
fi
exit $ret

View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\esprima\bin\esparse.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../esprima/bin/esparse.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../esprima/bin/esparse.js" $args
$ret=$LASTEXITCODE
}
exit $ret

View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../esprima/bin/esvalidate.js" "$@"
ret=$?
else
node "$basedir/../esprima/bin/esvalidate.js" "$@"
ret=$?
fi
exit $ret

View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\esprima\bin\esvalidate.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../esprima/bin/esvalidate.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../esprima/bin/esvalidate.js" $args
$ret=$LASTEXITCODE
}
exit $ret

15
code/application_liste/app/node_modules/.bin/gifsicle generated vendored Normal file
View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../gifsicle/cli.js" "$@"
ret=$?
else
node "$basedir/../gifsicle/cli.js" "$@"
ret=$?
fi
exit $ret

View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\gifsicle\cli.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../gifsicle/cli.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../gifsicle/cli.js" $args
$ret=$LASTEXITCODE
}
exit $ret

15
code/application_liste/app/node_modules/.bin/guetzli generated vendored Normal file
View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../guetzli/cli.js" "$@"
ret=$?
else
node "$basedir/../guetzli/cli.js" "$@"
ret=$?
fi
exit $ret

View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\guetzli\cli.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../guetzli/cli.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../guetzli/cli.js" $args
$ret=$LASTEXITCODE
}
exit $ret

15
code/application_liste/app/node_modules/.bin/gulp generated vendored Normal file
View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../gulp/bin/gulp.js" "$@"
ret=$?
else
node "$basedir/../gulp/bin/gulp.js" "$@"
ret=$?
fi
exit $ret

17
code/application_liste/app/node_modules/.bin/gulp.cmd generated vendored Normal file
View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"
) ELSE (
SET "_prog=node"
SET PATHEXT=%PATHEXT:;.JS;=;%
)
"%_prog%" "%dp0%\..\gulp\bin\gulp.js" %*
ENDLOCAL
EXIT /b %errorlevel%
:find_dp0
SET dp0=%~dp0
EXIT /b

18
code/application_liste/app/node_modules/.bin/gulp.ps1 generated vendored Normal file
View File

@ -0,0 +1,18 @@
#!/usr/bin/env pwsh
$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
$exe=""
if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
# Fix case when both the Windows and Linux builds of Node
# are installed in the same directory
$exe=".exe"
}
$ret=0
if (Test-Path "$basedir/node$exe") {
& "$basedir/node$exe" "$basedir/../gulp/bin/gulp.js" $args
$ret=$LASTEXITCODE
} else {
& "node$exe" "$basedir/../gulp/bin/gulp.js" $args
$ret=$LASTEXITCODE
}
exit $ret

15
code/application_liste/app/node_modules/.bin/he generated vendored Normal file
View File

@ -0,0 +1,15 @@
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case `uname` in
*CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../he/bin/he" "$@"
ret=$?
else
node "$basedir/../he/bin/he" "$@"
ret=$?
fi
exit $ret

17
code/application_liste/app/node_modules/.bin/he.cmd generated vendored Normal file
View File

@ -0,0 +1,17 @@
@ECHO off
SETLOCAL
CALL :find_dp0
IF EXIST "%dp0%\node.exe" (
SET "_prog=%dp0%\node.exe"