diff --git a/.gitignore b/.gitignore
index 21399b0..50af0c3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
*.iml
.idea
.project
-target
\ No newline at end of file
+target
+.vscode
\ No newline at end of file
diff --git a/src/main/webapp/preview/data/flop_articles.json b/src/main/webapp/preview/data/flop_articles.json
new file mode 100644
index 0000000..b0aeaf9
--- /dev/null
+++ b/src/main/webapp/preview/data/flop_articles.json
@@ -0,0 +1,26 @@
+{
+ "labels": [
+ "Insgesamt",
+ "Gruppe 1",
+ "Gruppe 2",
+ "Gruppe 3"
+ ],
+ "data1": [
+ 50,
+ 10,
+ 20,
+ 30
+ ],
+ "data2": [
+ 30,
+ 5,
+ 20,
+ 5
+ ],
+ "data3": [
+ 80,
+ 20,
+ 30,
+ 30
+ ]
+}
\ No newline at end of file
diff --git a/src/main/webapp/preview/data/overview.json b/src/main/webapp/preview/data/overview.json
new file mode 100644
index 0000000..3f3c8db
--- /dev/null
+++ b/src/main/webapp/preview/data/overview.json
@@ -0,0 +1,26 @@
+{
+ "labels": [
+ "1 Jan",
+ "2 Jan",
+ "3 Jan",
+ "4 Jan",
+ "5 Jan",
+ "6 Jan"
+ ],
+ "data1": [
+ 200,
+ 150,
+ 190,
+ 99,
+ 142,
+ 222
+ ],
+ "data2": [
+ 434,
+ 300,
+ 324,
+ 198,
+ 349,
+ 353
+ ]
+ }
\ No newline at end of file
diff --git a/src/main/webapp/preview/data/shoping_times.json b/src/main/webapp/preview/data/shoping_times.json
new file mode 100644
index 0000000..4b072f3
--- /dev/null
+++ b/src/main/webapp/preview/data/shoping_times.json
@@ -0,0 +1,18 @@
+{
+ "labels": [
+ "8-9",
+ "9-10",
+ "10-11",
+ "11-12",
+ "12-13",
+ "13-14"
+ ],
+ "data1": [
+ 12,
+ 19,
+ 3,
+ 5,
+ 2,
+ 3
+ ]
+}
\ No newline at end of file
diff --git a/src/main/webapp/preview/data/sold_articles.json b/src/main/webapp/preview/data/sold_articles.json
new file mode 100644
index 0000000..d283062
--- /dev/null
+++ b/src/main/webapp/preview/data/sold_articles.json
@@ -0,0 +1,12 @@
+{
+ "labels": [
+ "Gruppe 1",
+ "Gruppe 2",
+ "Gruppe 3"
+ ],
+ "data1": [
+ 2055,
+ 816,
+ 953
+ ]
+}
\ No newline at end of file
diff --git a/src/main/webapp/preview/data/top_articles.json b/src/main/webapp/preview/data/top_articles.json
new file mode 100644
index 0000000..78c9e67
--- /dev/null
+++ b/src/main/webapp/preview/data/top_articles.json
@@ -0,0 +1,30 @@
+{
+ "labels": [
+ "Insgesamt",
+ "Gruppe 1",
+ "Gruppe 2",
+ "Gruppe 3"
+ ],
+ "label1": "Gartengeräte",
+ "data1": [
+ 150,
+ 50,
+ 50,
+ 50
+ ],
+ "label2": "Eisenwaren",
+ "data2": [
+ 120,
+ 10,
+ 80,
+ 30
+ ],
+ "label3": "Baumaterialien",
+ "data3": [
+ 200,
+ 102,
+ 53,
+ 45
+ ]
+
+}
\ No newline at end of file
diff --git a/src/main/webapp/preview/index.html b/src/main/webapp/preview/index.html
new file mode 100644
index 0000000..1095225
--- /dev/null
+++ b/src/main/webapp/preview/index.html
@@ -0,0 +1,301 @@
+
+
+
+ BauDas
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Einkaufszeiten
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Verkaufte Artikel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Gruppenübersicht
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Marketingmaßnahme 1
+
+
+
+
+
+
+
+
+
+ Marketingmaßnahme 2
+
+
+
+
+
+
+
+
+
+ Marketingmaßnahme 3
+
+
+
+
+
+
+
+
+
+ Marketingmaßnahme 4
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main/webapp/preview/js/flop_articles.js b/src/main/webapp/preview/js/flop_articles.js
new file mode 100644
index 0000000..b9bc712
--- /dev/null
+++ b/src/main/webapp/preview/js/flop_articles.js
@@ -0,0 +1,47 @@
+$.ajax({
+ url: 'data/flop_articles.json',
+ dataType: 'json'
+}).done(function (results) {
+ new Chart(document.getElementById("flop_articles_chart"), {
+ type: 'horizontalBar',
+ data: {
+ labels: results.labels,
+ datasets: [{
+ label: 'Holz',
+ backgroundColor: 'rgba(244, 177, 131, 1)',
+ stack: 'Stack 0',
+ data: results.data1
+ }, {
+ label: 'Eisenwaren',
+ backgroundColor: 'rgba(255, 217, 102, 1)',
+ stack: 'Stack 1',
+ data: results.data2
+ }, {
+ label: 'Baumaterialien',
+ backgroundColor: 'rgba(196, 209, 142, 1)',
+ stack: 'Stack 2',
+ data: results.data3
+ }]
+ },
+ options: {
+ responsive: true,
+ title: {
+ display: false,
+ text: 'Flop Artikel'
+ },
+ legend: {
+ position: 'bottom',
+ },
+ scales: {
+ yAxes: [{
+ gridLines: {
+ display: false
+ },
+ ticks: {
+ beginAtZero: true
+ }
+ }]
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/src/main/webapp/preview/js/materialize_components.js b/src/main/webapp/preview/js/materialize_components.js
new file mode 100644
index 0000000..c788aff
--- /dev/null
+++ b/src/main/webapp/preview/js/materialize_components.js
@@ -0,0 +1,14 @@
+$(".dropdown-trigger").dropdown();
+$('.tabs').tabs();
+$(document).ready(function(){
+ $('.sidenav').sidenav();
+});
+$(document).ready(function(){
+ $('select').formSelect();
+});
+$(document).ready(function(){
+ $('.collapsible').collapsible();
+});
+$(document).ready(function() {
+ M.updateTextFields();
+});
\ No newline at end of file
diff --git a/src/main/webapp/preview/js/overview.js b/src/main/webapp/preview/js/overview.js
new file mode 100644
index 0000000..9f2c58a
--- /dev/null
+++ b/src/main/webapp/preview/js/overview.js
@@ -0,0 +1,58 @@
+$.ajax({
+ url: 'data/overview.json',
+ dataType: 'json'
+}).done(function (results) {
+ new Chart(document.getElementById("overview_chart"), {
+ type: 'line',
+ data: {
+ labels: results.labels,
+ datasets: [{
+ label: "Warenanzahl",
+ data: results.data1,
+ fill: true,
+ backgroundColor: 'rgba(113, 114, 231, 0.7)',
+ lineTension: 0,
+ }, {
+ label: "Einnahmen in €",
+ data: results.data2,
+ fill: true,
+ backgroundColor: 'rgba(104, 216, 154, 0.8)',
+ lineTension: 0,
+ }]
+ },
+ options: {
+ responsive: true,
+ title: {
+ display: false,
+ text: 'Übersicht'
+ },
+ legend: {
+ display: false
+ },
+ tooltips: {
+ mode: 'index',
+ intersect: false,
+ },
+ hover: {
+ mode: 'nearest',
+ intersect: true
+ },
+ elements: {
+ point: {
+ radius: 0
+ }
+ },
+ scales: {
+ xAxes: [{
+ display: true,
+ gridLines: {
+ display: false
+ }
+ }],
+ yAxes: [{
+ display: true,
+ }]
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/src/main/webapp/preview/js/shoping_times.js b/src/main/webapp/preview/js/shoping_times.js
new file mode 100644
index 0000000..2644b26
--- /dev/null
+++ b/src/main/webapp/preview/js/shoping_times.js
@@ -0,0 +1,57 @@
+
+$.ajax({
+ url: 'data/shoping_times.json',
+ dataType: 'json'
+}).done(function (results) {
+ new Chart(document.getElementById("shoping_times_chart"), {
+ type: 'bar',
+ data: {
+ labels: results.labels,
+ datasets: [{
+ label: 'Anzahl verkaufter Artikel',
+ data: results.data1,
+ backgroundColor: [
+ 'rgba(143, 170, 220, 0.9)',
+ 'rgba(255, 50, 1, 0.9)',
+ 'rgba(143, 170, 220, 0.9)',
+ 'rgba(143, 170, 220, 0.9)',
+ 'rgba(103, 215, 153, 0.9)',
+ 'rgba(143, 170, 220, 0.9)',
+ ],
+ borderColor: [
+ 'rgba(143, 170, 220, 0.9)',
+ 'rgba(255, 50, 1, 1)',
+ 'rgba(143, 170, 220, 1)',
+ 'rgba(143, 170, 220, 1)',
+ 'rgba(103, 215, 153, 1)',
+ 'rgba(143, 170, 220, 1)',
+ ],
+ borderWidth: 1
+ }]
+ },
+ options: {
+ responsive: true,
+ title: {
+ display: false,
+ text: 'Einkaufszeiten'
+ },
+ legend: {
+ display: false
+ },
+ scales: {
+ yAxes: [{
+ categoryPercentage: 1.0,
+ barPercentage: 0.5,
+ ticks: {
+ beginAtZero: true
+ }
+ }],
+ xAxes: [{
+ gridLines: {
+ display: false
+ },
+ }]
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/src/main/webapp/preview/js/sold_articles.js b/src/main/webapp/preview/js/sold_articles.js
new file mode 100644
index 0000000..4b6f30b
--- /dev/null
+++ b/src/main/webapp/preview/js/sold_articles.js
@@ -0,0 +1,38 @@
+$.ajax({
+ url: 'data/sold_articles.json',
+ dataType: 'json'
+}).done(function (results) {
+ new Chart(document.getElementById("sold_articles_cake"), {
+ type: 'pie',
+ data: {
+ datasets: [{
+ data: results.data1,
+ backgroundColor: [
+ 'rgba(237, 125, 49, 0.9)',
+ 'rgba(255, 192, 0, 0.9)',
+ 'rgba(112, 173, 71, 0.9)',
+ ],
+ label: 'Dataset 1'
+ }],
+ labels: results.labels
+ },
+ options: {
+ responsive: true,
+ title: {
+ display: false,
+ text: 'Verkaufte Artikel',
+ },
+ tooltips: {
+ mode: 'index',
+ intersect: false,
+ },
+ hover: {
+ mode: 'nearest',
+ intersect: true
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/src/main/webapp/preview/js/top_articles.js b/src/main/webapp/preview/js/top_articles.js
new file mode 100644
index 0000000..7c0a587
--- /dev/null
+++ b/src/main/webapp/preview/js/top_articles.js
@@ -0,0 +1,47 @@
+$.ajax({
+ url: 'data/top_articles.json',
+ dataType: 'json'
+}).done(function (results) {
+ new Chart(document.getElementById("top_articles_chart"), {
+ type: 'phorizontalBarie',
+ data: {
+ labels: results.labels,
+ datasets: [{
+ label: results.label1,
+ backgroundColor: 'rgba(244, 177, 131, 1)',
+ stack: 'Stack 0',
+ data: results.data1
+ }, {
+ label: results.label2,
+ backgroundColor: 'rgba(255, 217, 102, 1)',
+ stack: 'Stack 1',
+ data: results.data2
+ }, {
+ label: results.label3,
+ backgroundColor: 'rgba(196, 209, 142, 1)',
+ stack: 'Stack 2',
+ data: results.data3
+ }]
+ },
+ options: {
+ responsive: true,
+ title: {
+ display: false,
+ text: 'Top Artikel'
+ },
+ legend: {
+ position: 'bottom',
+ },
+ scales: {
+ yAxes: [{
+ gridLines: {
+ display: false
+ },
+ ticks: {
+ beginAtZero: true
+ }
+ }]
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/src/main/webapp/preview/login.html b/src/main/webapp/preview/login.html
new file mode 100644
index 0000000..67dd914
--- /dev/null
+++ b/src/main/webapp/preview/login.html
@@ -0,0 +1,44 @@
+
+
+
+
+ Login
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main/webapp/preview/logoOrginal.gif b/src/main/webapp/preview/logoOrginal.gif
new file mode 100644
index 0000000..2fbc6e1
Binary files /dev/null and b/src/main/webapp/preview/logoOrginal.gif differ
diff --git a/src/main/webapp/preview/registration.html b/src/main/webapp/preview/registration.html
new file mode 100644
index 0000000..0dbe2f8
--- /dev/null
+++ b/src/main/webapp/preview/registration.html
@@ -0,0 +1,55 @@
+
+
+
+
+ Registrierung
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Regstrierung
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file