From 032d3a9b9cef1907f46a50492bdc6fbe24a35990 Mon Sep 17 00:00:00 2001 From: Lukas-Heiligenbrunner Date: Fri, 4 Oct 2019 16:53:20 +0200 Subject: [PATCH] website added new table page --- wwwroot/css/settings.css | 46 ++++++-- wwwroot/js/settings.js | 9 ++ wwwroot/settings.html | 225 +++++++++++++++++++++++++++++---------- 3 files changed, 217 insertions(+), 63 deletions(-) diff --git a/wwwroot/css/settings.css b/wwwroot/css/settings.css index e23c638..ceafe55 100644 --- a/wwwroot/css/settings.css +++ b/wwwroot/css/settings.css @@ -13,11 +13,15 @@ html,body{ } .create-table{ - margin-top: 50px; - margin-left: 20%; background-color: rgba(0,0,0,0.5) !important; - width: 60%; - height: 65%; + + position: fixed; + top: 10%; + left: 10%; + width: 80%; + height: 80%; + + color: #FFFFFF; } @@ -29,8 +33,34 @@ html,body{ .exit-icon{ color: #FF0000; float: right; - display: table-cell; - vertical-align: middle; - text-align: center; - text-decoration: none; + cursor: pointer; + vertical-align: middle; + height: 100%; +} + +.create-table-title{ + text-align: center; + font-size: 120%; +height: 100%; + +display: flex; +flex-direction: column; +justify-content: center; +} + +.create-table-window-bottom{ + bottom: 0; + height: 40px; + width: 100%; + background-color: rgba(1,0,0,0.3) !important; + position: absolute; +} + +.create-table-window-content{ + overflow:scroll; +} + +.create-table-window-settings{ + margin-left: 7%; + margin-top: 1%; } diff --git a/wwwroot/js/settings.js b/wwwroot/js/settings.js index 56c1d04..89e409c 100644 --- a/wwwroot/js/settings.js +++ b/wwwroot/js/settings.js @@ -17,4 +17,13 @@ $(document).ready(function() { console.log(data); },'json'); }); + + $('#addnewtable-btn').click(function() { + console.log("clicked"); + $('.create-table').show(); + }); + + $('.exit-icon').click(function() { + $('.create-table').hide(); + }); }); diff --git a/wwwroot/settings.html b/wwwroot/settings.html index 14e7e04..8315694 100644 --- a/wwwroot/settings.html +++ b/wwwroot/settings.html @@ -1,74 +1,189 @@ - + - - + + - - + + - - + + - - + + - - + + + + + + - - - - - + + - - -
-
- - -
+ + + + + + + +
+
+
+ +
Add new Table
+
+
+
+ +
+

General options:

+
+ + +
+
+ + + Please try to use no special characters +
+
+ + + Please try to use no special characters +
+ +

Add Data:

+
+
+ +
+ Plastic + Metal + residual waste + biowaste +
+
+ + + + + + + +
+ +

Your Data:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FirstnameLastnameEmail
JohnDoejohn@example.com
MaryMoemary@example.com
JulyDooleyjuly@example.com
JulyDooleyjuly@example.com
JulyDooleyjuly@example.com
JulyDooleyjuly@example.com
JulyDooleyjuly@example.com
JulyDooleyjuly@example.com
JulyDooleyjuly@example.com
+
+
+ +
+
+ +
+
- +