From 3a0c93293b7f2a11a9681bb8c113432d99786f87 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Wojciech=20=C5=81ukasik?= Date: Sat, 4 Apr 2020 22:44:19 +0200 Subject: [PATCH] plansza init --- frontend/index.html | 109 ++++++++++++++++++++++++++++++++++++++++++++ frontend/script.js | 24 ++++++++++ frontend/styles.css | 57 +++++++++++++++++++++++ 3 files changed, 190 insertions(+) create mode 100644 frontend/index.html create mode 100644 frontend/script.js create mode 100644 frontend/styles.css diff --git a/frontend/index.html b/frontend/index.html new file mode 100644 index 0000000..1ecdaf3 --- /dev/null +++ b/frontend/index.html @@ -0,0 +1,109 @@ + + + + + Inteligentny wózek + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ + \ No newline at end of file diff --git a/frontend/script.js b/frontend/script.js new file mode 100644 index 0000000..ba16a09 --- /dev/null +++ b/frontend/script.js @@ -0,0 +1,24 @@ +var regaly = ['1-1', '1-3', '1-4', '1-6', '1-7', '1-9', '2-1', '2-9', '3-3', '3-4', '3-6', '3-7', '4-1', '4-9', '5-1', '5-3', '5-4', '5-6', '5-7', '5-9'] + +function start(){ + ponumerujPola(); + pokolorujRegaly(); +} + +function pokolorujRegaly(){ + let x; + for(x = 0; x < regaly.length; x++){ + document.getElementById(regaly[x]).className = 'regal'; + } +} + +function ponumerujPola(){ + let x,y + for(x = 0; x < 7; x++){ + for(y = 0; y < 11; y++){ + id = x.toString() + "-" + y.toString(); + document.getElementById(id).innerHTML = id; + } + } +} + diff --git a/frontend/styles.css b/frontend/styles.css new file mode 100644 index 0000000..a88e52e --- /dev/null +++ b/frontend/styles.css @@ -0,0 +1,57 @@ +.container{ + width: 100%; + height: 100%; + position: absolute; + background-color: grey; +} + +.plansza{ + width: 1100px; + height:700px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: lightyellow; + +} + +.row{ + width: 1100px; + height: 100px; + + display: flex; + flex-direction: row; +} + +.pole{ + height: 100px; + width: 100px; + background-color: lightyellow; + border-color: black; + border-width: 1px; + border-style: solid; + color: gray; + font-size: 30px; + font-weight: 500; + font-family: Arial, Helvetica, sans-serif; + display: flex; + justify-content: center; + align-items: center; +} + +.regal{ + height: 100px; + width: 100px; + color: lightyellow; + background-color: darkslategrey; + border-color: black; + border-width: 1px; + border-style: solid; + font-size: 30px; + font-weight: 500; + font-family: Arial, Helvetica, sans-serif; + display: flex; + justify-content: center; + align-items: center; +} \ No newline at end of file -- 2.20.1