From b44b5f1fc14af7c8da4ca602072af953974b49af Mon Sep 17 00:00:00 2001
From: Lewy <pawlew2@st.amu.edu.pl>
Date: Mon, 30 May 2022 20:17:26 +0200
Subject: [PATCH] REFACTOR move svg to src folder

---
 frontend/rejestracja/index.html               |  37 ++++--------------
 frontend/rejestracja/myscript.js              |   2 +
 frontend/rejestracja/src/lock.svg             |   5 +++
 frontend/rejestracja/src/mail.svg             |   3 ++
 .../rejestracja/{ => src}/mezczyzna_padel.jpg | Bin
 frontend/rejestracja/src/person.svg           |   4 ++
 frontend/rejestracja/src/phone.svg            |   3 ++
 frontend/rejestracja/style.css                |   2 +-
 8 files changed, 26 insertions(+), 30 deletions(-)
 create mode 100644 frontend/rejestracja/src/lock.svg
 create mode 100644 frontend/rejestracja/src/mail.svg
 rename frontend/rejestracja/{ => src}/mezczyzna_padel.jpg (100%)
 create mode 100644 frontend/rejestracja/src/person.svg
 create mode 100644 frontend/rejestracja/src/phone.svg

diff --git a/frontend/rejestracja/index.html b/frontend/rejestracja/index.html
index d9ae8d2..89a250e 100644
--- a/frontend/rejestracja/index.html
+++ b/frontend/rejestracja/index.html
@@ -23,45 +23,24 @@
                 <input placeholder="Nazwisko" id="regsurname">
                 <br>
 
-                <svg class="svg-icon">
-                    <path
-                        d="M12.075,10.812c1.358-0.853,2.242-2.507,2.242-4.037c0-2.181-1.795-4.618-4.198-4.618S5.921,4.594,5.921,6.775c0,1.53,0.884,3.185,2.242,4.037c-3.222,0.865-5.6,3.807-5.6,7.298c0,0.23,0.189,0.42,0.42,0.42h14.273c0.23,0,0.42-0.189,0.42-0.42C17.676,14.619,15.297,11.677,12.075,10.812 M6.761,6.775c0-2.162,1.773-3.778,3.358-3.778s3.359,1.616,3.359,3.778c0,2.162-1.774,3.778-3.359,3.778S6.761,8.937,6.761,6.775 M3.415,17.69c0.218-3.51,3.142-6.297,6.704-6.297c3.562,0,6.486,2.787,6.705,6.297H3.415z">
-                    </path>
-                </svg>
-
+                <img src="src/person.svg">
                 <input placeholder="Login" id="regusername">
                 <br>
 
-                <svg class="svg-icon" viewBox="0 0 20 20">
-                    <path
-                        d="M17.388,4.751H2.613c-0.213,0-0.389,0.175-0.389,0.389v9.72c0,0.216,0.175,0.389,0.389,0.389h14.775c0.214,0,0.389-0.173,0.389-0.389v-9.72C17.776,4.926,17.602,4.751,17.388,4.751 M16.448,5.53L10,11.984L3.552,5.53H16.448zM3.002,6.081l3.921,3.925l-3.921,3.925V6.081z M3.56,14.471l3.914-3.916l2.253,2.253c0.153,0.153,0.395,0.153,0.548,0l2.253-2.253l3.913,3.916H3.56z M16.999,13.931l-3.921-3.925l3.921-3.925V13.931z">
-                    </path>
-                </svg>
+                <img src="src/mail.svg">
                 <input placeholder="Email" id="regmail">
                 <br>
-
-                <svg class="svg-icon" viewBox="0 0 20 20">
-                    <path
-                        d="M13.372,1.781H6.628c-0.696,0-1.265,0.569-1.265,1.265v13.91c0,0.695,0.569,1.265,1.265,1.265h6.744c0.695,0,1.265-0.569,1.265-1.265V3.045C14.637,2.35,14.067,1.781,13.372,1.781 M13.794,16.955c0,0.228-0.194,0.421-0.422,0.421H6.628c-0.228,0-0.421-0.193-0.421-0.421v-0.843h7.587V16.955z M13.794,15.269H6.207V4.731h7.587V15.269z M13.794,3.888H6.207V3.045c0-0.228,0.194-0.421,0.421-0.421h6.744c0.228,0,0.422,0.194,0.422,0.421V3.888z">
-                    </path>
-                </svg>
+                
+                <img src="src/phone.svg">
                 <input placeholder="Telefon" id="regphone">
                 <br>
-
-                <svg class="svg-icon" viewBox="0 0 20 20">
-                    <path
-                        d="M17.308,7.564h-1.993c0-2.929-2.385-5.314-5.314-5.314S4.686,4.635,4.686,7.564H2.693c-0.244,0-0.443,0.2-0.443,0.443v9.3c0,0.243,0.199,0.442,0.443,0.442h14.615c0.243,0,0.442-0.199,0.442-0.442v-9.3C17.75,7.764,17.551,7.564,17.308,7.564 M10,3.136c2.442,0,4.43,1.986,4.43,4.428H5.571C5.571,5.122,7.558,3.136,10,3.136 M16.865,16.864H3.136V8.45h13.729V16.864z M10,10.664c-0.854,0-1.55,0.696-1.55,1.551c0,0.699,0.467,1.292,1.107,1.485v0.95c0,0.243,0.2,0.442,0.443,0.442s0.443-0.199,0.443-0.442V13.7c0.64-0.193,1.106-0.786,1.106-1.485C11.55,11.36,10.854,10.664,10,10.664 M10,12.878c-0.366,0-0.664-0.298-0.664-0.663c0-0.366,0.298-0.665,0.664-0.665c0.365,0,0.664,0.299,0.664,0.665C10.664,12.58,10.365,12.878,10,12.878">
-                    </path>
-                </svg>
+                
+                <img src="src/lock.svg">
                 <input placeholder="Hasło" type="password" id="regpassword" name="password">
                 <i class="bi bi-eye-slash" id="togglePassword"></i>
                 <br>
-
-                <svg class="svg-icon" viewBox="0 0 20 20">
-                    <path
-                        d="M17.308,7.564h-1.993c0-2.929-2.385-5.314-5.314-5.314S4.686,4.635,4.686,7.564H2.693c-0.244,0-0.443,0.2-0.443,0.443v9.3c0,0.243,0.199,0.442,0.443,0.442h14.615c0.243,0,0.442-0.199,0.442-0.442v-9.3C17.75,7.764,17.551,7.564,17.308,7.564 M10,3.136c2.442,0,4.43,1.986,4.43,4.428H5.571C5.571,5.122,7.558,3.136,10,3.136 M16.865,16.864H3.136V8.45h13.729V16.864z M10,10.664c-0.854,0-1.55,0.696-1.55,1.551c0,0.699,0.467,1.292,1.107,1.485v0.95c0,0.243,0.2,0.442,0.443,0.442s0.443-0.199,0.443-0.442V13.7c0.64-0.193,1.106-0.786,1.106-1.485C11.55,11.36,10.854,10.664,10,10.664 M10,12.878c-0.366,0-0.664-0.298-0.664-0.663c0-0.366,0.298-0.665,0.664-0.665c0.365,0,0.664,0.299,0.664,0.665C10.664,12.58,10.365,12.878,10,12.878">
-                    </path>
-                </svg>
+                
+                <img src="src/lock.svg">
                 <input placeholder="Potwierdź hasło" type="password" id="password2" name="password">
                 <i class="bi bi-eye-slash" id="togglePassword2"></i>
 
diff --git a/frontend/rejestracja/myscript.js b/frontend/rejestracja/myscript.js
index 989a50a..c752ad3 100644
--- a/frontend/rejestracja/myscript.js
+++ b/frontend/rejestracja/myscript.js
@@ -1,3 +1,4 @@
+//Password toggle
 const togglePassword = document.querySelector("#togglePassword");
 const password = document.querySelector("#regpassword");
 
@@ -16,6 +17,7 @@ form.addEventListener('submit', function (e) {
     e.preventDefault();
 });
 
+//REST API
 var token = "";
 document.getElementById("loginButton").addEventListener("click", function () {
     document.getElementById("login").style.display = "block";
diff --git a/frontend/rejestracja/src/lock.svg b/frontend/rejestracja/src/lock.svg
new file mode 100644
index 0000000..f28ee78
--- /dev/null
+++ b/frontend/rejestracja/src/lock.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17 22H7C3 22 2 21 2 17V15C2 11 3 10 7 10H17C21 10 22 11 22 15V17C22 21 21 22 17 22Z" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6 10V8C6 4.69 7 2 12 2C16.5 2 18 4 18 7" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/rejestracja/src/mail.svg b/frontend/rejestracja/src/mail.svg
new file mode 100644
index 0000000..10ef01f
--- /dev/null
+++ b/frontend/rejestracja/src/mail.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.0132 9.15129C3 9.69022 3 10.3021 3 11V13C3 15.8284 3 17.2426 3.87868 18.1213C4.75736 19 6.17157 19 9 19H15C17.8284 19 19.2426 19 20.1213 18.1213C21 17.2426 21 15.8284 21 13V11C21 10.3021 21 9.69022 20.9868 9.15129L12.9713 13.6044C12.3672 13.9399 11.6328 13.9399 11.0287 13.6044L3.0132 9.15129ZM3.24297 7.02971C3.32584 7.05052 3.4074 7.08237 3.48564 7.12584L12 11.856L20.5144 7.12584C20.5926 7.08237 20.6742 7.05052 20.757 7.02971C20.6271 6.55619 20.4276 6.18491 20.1213 5.87868C19.2426 5 17.8284 5 15 5H9C6.17157 5 4.75736 5 3.87868 5.87868C3.57245 6.18491 3.37294 6.55619 3.24297 7.02971Z" fill="#AFAFAF"/>
+</svg>
diff --git a/frontend/rejestracja/mezczyzna_padel.jpg b/frontend/rejestracja/src/mezczyzna_padel.jpg
similarity index 100%
rename from frontend/rejestracja/mezczyzna_padel.jpg
rename to frontend/rejestracja/src/mezczyzna_padel.jpg
diff --git a/frontend/rejestracja/src/person.svg b/frontend/rejestracja/src/person.svg
new file mode 100644
index 0000000..453c366
--- /dev/null
+++ b/frontend/rejestracja/src/person.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.6515 20.4054C20.2043 20.2902 20.5336 19.7117 20.2589 19.2183C19.6533 18.1307 18.6993 17.1749 17.4788 16.4465C15.907 15.5085 13.9812 15 12 15C10.0188 15 8.09292 15.5085 6.52112 16.4465C5.30069 17.1749 4.34666 18.1307 3.74108 19.2183C3.46638 19.7117 3.79562 20.2902 4.34843 20.4054C9.39524 21.4572 14.6047 21.4572 19.6515 20.4054Z" fill="#AFAFAF"/>
+    <circle cx="12" cy="8" r="5" fill="#AFAFAF"/>
+</svg>
diff --git a/frontend/rejestracja/src/phone.svg b/frontend/rejestracja/src/phone.svg
new file mode 100644
index 0000000..6ac818d
--- /dev/null
+++ b/frontend/rejestracja/src/phone.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.67962 3.32038L7.29289 2.70711C7.68342 2.31658 8.31658 2.31658 8.70711 2.70711L11.2929 5.29289C11.6834 5.68342 11.6834 6.31658 11.2929 6.70711L9.50048 8.49952C9.2016 8.7984 9.1275 9.255 9.31653 9.63307C10.4093 11.8186 12.1814 13.5907 14.3669 14.6835C14.745 14.8725 15.2016 14.7984 15.5005 14.4995L17.2929 12.7071C17.6834 12.3166 18.3166 12.3166 18.7071 12.7071L21.2929 15.2929C21.6834 15.6834 21.6834 16.3166 21.2929 16.7071L20.6796 17.3204C18.5683 19.4317 15.2257 19.6693 12.837 17.8777L11.6286 16.9714C9.88504 15.6638 8.33622 14.115 7.02857 12.3714L6.12226 11.163C4.33072 8.7743 4.56827 5.43173 6.67962 3.32038Z" fill="#AFAFAF"/>
+</svg>
diff --git a/frontend/rejestracja/style.css b/frontend/rejestracja/style.css
index 288db7d..65289cc 100644
--- a/frontend/rejestracja/style.css
+++ b/frontend/rejestracja/style.css
@@ -1,5 +1,5 @@
 html {
-    background-image: url(mezczyzna_padel.jpg);
+    background-image: url(src/mezczyzna_padel.jpg);
     background-attachment: fixed;
     background-size: cover;
 }