From e8bc6f9e82cd348d2fdfa0bc1207f47b82ecca65 Mon Sep 17 00:00:00 2001 From: BIG2EYEZ Date: Mon, 18 Dec 2023 01:01:41 +0800 Subject: [PATCH] UPDATE --- Sean/views/LOGO.PNG | Bin 7980 -> 10490 bytes Sean/views/inusers.ejs | 302 +++++++++----------- Sean/views/loginstyle.css | 146 ++++++++++ Sean/views/style.css | 560 +++++++++++++++++--------------------- 4 files changed, 523 insertions(+), 485 deletions(-) create mode 100644 Sean/views/loginstyle.css diff --git a/Sean/views/LOGO.PNG b/Sean/views/LOGO.PNG index 0952f89ad10311700721e58f6cf25d9d4bdc5f0a..eeecb45a91bbe17407338a081413c8f28dd71f09 100644 GIT binary patch literal 10490 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 literal 7980 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 sINL=T_|h0}2ih$^ZZW diff --git a/Sean/views/inusers.ejs b/Sean/views/inusers.ejs index 7f21665..1a8b321 100644 --- a/Sean/views/inusers.ejs +++ b/Sean/views/inusers.ejs @@ -7,120 +7,9 @@ In-House Users - - - - - + + + @@ -133,7 +22,8 @@ User Data - Edit User Data + Add User + Delete User Home @@ -153,7 +43,6 @@ Password Last Login Job Title - @@ -166,7 +55,6 @@ <%= user.password %> <%= new Date(user.lastLogin).toLocaleString('en-US', { timeZone: 'Asia/Singapore' }) %> <%= user.jobTitle %> - <% }); %> <% } else { %> @@ -177,72 +65,136 @@ +
+
Registration
+
+
+
+
+ Full Name + +
+
+ Username + +
+
+
+ Email + +
+
+ Phone Number + +
+
+ Password + +
+
+ Confirm Password + +
+
+
+ + + + Gender +
+ + + +
+
+
+ +
+ +
+
+
- - + + + + + + - + - const ws = XLSX.utils.aoa_to_sheet([['Name', 'Username', 'Email', 'Password', 'Last Login', 'Job Title'], ...data]); - const wb = XLSX.utils.book_new(); - XLSX.utils.book_append_sheet(wb, ws, 'All Users'); - - // Use the correct MIME type for the blob - const blob = XLSX.write(wb, { bookType: 'xlsx', mimeType: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); - - // Create a Blob containing the Excel file data - const blobData = new Blob([blob], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); - - // Create a Blob URL - const blobUrl = URL.createObjectURL(blobData); - - // Create an anchor element and trigger the download - const a = document.createElement('a'); - a.href = blobUrl; - a.download = 'user_data.xlsx'; - document.body.appendChild(a); - a.click(); - - // Clean up resources - document.body.removeChild(a); - URL.revokeObjectURL(blobUrl); - } else { - console.error('No data available for download.'); - } -} - - - - - - - - diff --git a/Sean/views/loginstyle.css b/Sean/views/loginstyle.css new file mode 100644 index 0000000..ce9377d --- /dev/null +++ b/Sean/views/loginstyle.css @@ -0,0 +1,146 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins',sans-serif; +} +body{ + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + background: linear-gradient(135deg, #71b7e6, #9b59b6); +} +.container{ + max-width: 700px; + width: 100%; + background-color: #fff; + padding: 25px 30px; + border-radius: 5px; + box-shadow: 0 5px 10px rgba(0,0,0,0.15); +} +.container .title{ + font-size: 25px; + font-weight: 500; + position: relative; +} +.container .title::before{ + content: ""; + position: absolute; + left: 0; + bottom: 0; + height: 3px; + width: 30px; + border-radius: 5px; + background: linear-gradient(135deg, #71b7e6, #9b59b6); +} +.content form .user-details{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 20px 0 12px 0; +} +form .user-details .input-box{ + margin-bottom: 15px; + width: calc(100% / 2 - 20px); +} +form .input-box span.details{ + display: block; + font-weight: 500; + margin-bottom: 5px; +} +.user-details .input-box input{ + height: 45px; + width: 100%; + outline: none; + font-size: 16px; + border-radius: 5px; + padding-left: 15px; + border: 1px solid #ccc; + border-bottom-width: 2px; + transition: all 0.3s ease; +} +.user-details .input-box input:focus, +.user-details .input-box input:valid{ + border-color: #9b59b6; +} + form .gender-details .gender-title{ + font-size: 20px; + font-weight: 500; + } + form .category{ + display: flex; + width: 80%; + margin: 14px 0 ; + justify-content: space-between; + } + form .category label{ + display: flex; + align-items: center; + cursor: pointer; + } + form .category label .dot{ + height: 18px; + width: 18px; + border-radius: 50%; + margin-right: 10px; + background: #d9d9d9; + border: 5px solid transparent; + transition: all 0.3s ease; +} + #dot-1:checked ~ .category label .one, + #dot-2:checked ~ .category label .two, + #dot-3:checked ~ .category label .three{ + background: #9b59b6; + border-color: #d9d9d9; + } + form input[type="radio"]{ + display: none; + } + form .button{ + height: 45px; + margin: 35px 0 + } + form .button input{ + height: 100%; + width: 100%; + border-radius: 5px; + border: none; + color: #fff; + font-size: 18px; + font-weight: 500; + letter-spacing: 1px; + cursor: pointer; + transition: all 0.3s ease; + background: linear-gradient(135deg, #71b7e6, #9b59b6); + } + form .button input:hover{ + /* transform: scale(0.99); */ + background: linear-gradient(-135deg, #71b7e6, #9b59b6); + } + @media(max-width: 584px){ + .container{ + max-width: 100%; +} +form .user-details .input-box{ + margin-bottom: 15px; + width: 100%; + } + form .category{ + width: 100%; + } + .content form .user-details{ + max-height: 300px; + overflow-y: scroll; + } + .user-details::-webkit-scrollbar{ + width: 5px; + } + } + @media(max-width: 459px){ + .container .content .category{ + flex-direction: column; + } +} \ No newline at end of file diff --git a/Sean/views/style.css b/Sean/views/style.css index 3561592..f9fe882 100644 --- a/Sean/views/style.css +++ b/Sean/views/style.css @@ -1,335 +1,275 @@ -/* Main CSS Here */ +body { + margin: 0; + font-family: 'Arial', sans-serif; + } -@import url( -"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); + #sidebar { + height: 100%; + width: 250px; + position: fixed; + background-color: #333; + padding-top: 60px; + transition: 0.5s; + } -* { -margin: 0; -padding: 0; -box-sizing: border-box; -font-family: "Poppins", sans-serif; -} -:root { ---background-color1: #fafaff; ---background-color2: #ffffff; ---background-color3: #ededed; ---background-color4: #cad7fda4; ---primary-color: #4b49ac; ---secondary-color: #0c007d; ---Border-color: #3f0097; ---one-use-color: #3f0097; ---two-use-color: #5500cb; -} -body { -background-color: var(--background-color4); -max-width: 100%; -overflow-x: hidden; -} + #sidebar img { + width: 100%; + margin-bottom: 20px; + } -header { -height: 70px; -width: 100vw; -padding: 0 30px; -background-color: var(--background-color1); -position: fixed; -z-index: 100; -box-shadow: 1px 1px 15px rgba(161, 182, 253, 0.825); -display: flex; -justify-content: space-between; -align-items: center; -} + #sidebar a { + padding: 10px 15px; + text-decoration: none; + font-size: 18px; + color: white; + display: block; + transition: 0.3s; + } -.logo { -font-size: 27px; -font-weight: 600; -color: rgb(47, 141, 70); -} + #sidebar a:hover { + background-color: #555; + } -.icn { -height: 30px; -} -.menuicn { -cursor: pointer; -} + #content { + margin-left: 250px; + padding: 16px; + } -.searchbar, -.message, -.logosec { -display: flex; -align-items: center; -justify-content: center; -} + @media screen and (max-width: 600px) { + #sidebar { + width: 0; + overflow-x: hidden; + } -.searchbar2 { -display: none; -} + #content { + margin-left: 0; + } + } -.logosec { -gap: 60px; -} + #sidebarCollapse { + width: 40px; + height: 40px; + position: absolute; + top: 10px; + left: 10px; + cursor: pointer; + z-index: 1; + } -.searchbar input { -width: 250px; -height: 42px; -border-radius: 50px 0 0 50px; -background-color: var(--background-color3); -padding: 0 20px; -font-size: 15px; -outline: none; -border: none; -} -.searchbtn { -width: 50px; -height: 42px; -display: flex; -align-items: center; -justify-content: center; -border-radius: 0px 50px 50px 0px; -background-color: var(--secondary-color); -cursor: pointer; -} + #sidebarCollapse span { + display: block; + background: white; + height: 5px; + width: 30px; + margin: 6px auto; + transition: 0.3s; + } -.message { -gap: 40px; -position: relative; -cursor: pointer; -} -.circle { -height: 7px; -width: 7px; -position: absolute; -background-color: #fa7bb4; -border-radius: 50%; -left: 19px; -top: 8px; -} -.dp { -height: 40px; -width: 40px; -background-color: #626262; -border-radius: 50%; -display: flex; -align-items: center; -justify-content: center; -overflow: hidden; -} -.main-container { -display: flex; -width: 100vw; -position: relative; -top: 70px; -z-index: 1; -} -.dpicn { -height: 42px; -} + #sidebarCollapse:hover span:nth-child(1) { + transform: rotate(-45deg) translate(-5px, 6px); + } -.main { -height: calc(100vh - 70px); -width: 100%; -overflow-y: scroll; -overflow-x: hidden; -padding: 40px 30px 30px 30px; -} + #sidebarCollapse:hover span:nth-child(2) { + opacity: 0; + } -.main::-webkit-scrollbar-thumb { -background-image: - linear-gradient(to bottom, rgb(0, 0, 85), rgb(0, 0, 50)); -} -.main::-webkit-scrollbar { -width: 5px; -} -.main::-webkit-scrollbar-track { -background-color: #9e9e9eb2; -} + #sidebarCollapse:hover span:nth-child(3) { + transform: rotate(45deg) translate(-5px, -6px); + } -.box-container { -display: flex; -justify-content: space-evenly; -align-items: center; -flex-wrap: wrap; -gap: 50px; -} -.nav { -min-height: 91vh; -width: 250px; -background-color: var(--background-color2); -position: absolute; -top: 0px; -left: 00; -box-shadow: 1px 1px 10px rgba(198, 189, 248, 0.825); -display: flex; -flex-direction: column; -justify-content: space-between; -overflow: hidden; -padding: 30px 0 20px 10px; -} -.navcontainer { -height: calc(100vh - 70px); -width: 250px; -position: relative; -overflow-y: scroll; -overflow-x: hidden; -transition: all 0.5s ease-in-out; -} -.navcontainer::-webkit-scrollbar { -display: none; -} -.navclose { -width: 80px; -} -.nav-option { -width: 250px; -height: 60px; -display: flex; -align-items: center; -padding: 0 30px 0 20px; -gap: 20px; -transition: all 0.1s ease-in-out; -} -.nav-option:hover { -border-left: 5px solid #a2a2a2; -background-color: #dadada; -cursor: pointer; -} -.nav-img { -height: 30px; -} + #userDataContainer { + margin-top: 20px; + } -.nav-upper-options { -display: flex; -flex-direction: column; -align-items: center; -gap: 30px; -} + table { + border-collapse: collapse; + width: 100%; + margin-top: 20px; + } -.option1 { -border-left: 5px solid #010058af; -background-color: var(--Border-color); -color: white; -cursor: pointer; -} -.option1:hover { -border-left: 5px solid #010058af; -background-color: var(--Border-color); -} -.box { -height: 130px; -width: 230px; -border-radius: 20px; -box-shadow: 3px 3px 10px rgba(0, 30, 87, 0.751); -padding: 20px; -display: flex; -align-items: center; -justify-content: space-around; -cursor: pointer; -transition: transform 0.3s ease-in-out; -} -.box:hover { -transform: scale(1.08); -} + th, + td { + border: 1px solid #dddddd; + text-align: left; + padding: 12px; + } -.box:nth-child(1) { -background-color: var(--one-use-color); -} -.box:nth-child(2) { -background-color: var(--two-use-color); -} -.box:nth-child(3) { -background-color: var(--one-use-color); -} -.box:nth-child(4) { -background-color: var(--two-use-color); -} + th { + background-color: #f2f2f2; + } -.box img { -height: 50px; -} -.box .text { -color: white; -} -.topic { -font-size: 13px; -font-weight: 400; -letter-spacing: 1px; -} + tr:hover { + background-color: #f5f5f5; + } -.topic-heading { -font-size: 30px; -letter-spacing: 3px; -} + td { + white-space: nowrap; + } -.report-container { -min-height: 300px; -max-width: 1200px; -margin: 70px auto 0px auto; -background-color: #ffffff; -border-radius: 30px; -box-shadow: 3px 3px 10px rgb(188, 188, 188); -padding: 0px 20px 20px 20px; -} -.report-header { -height: 80px; -width: 100%; -display: flex; -align-items: center; -justify-content: space-between; -padding: 20px 20px 10px 20px; -border-bottom: 2px solid rgba(0, 20, 151, 0.59); -} + .dropdown { + display: block; + margin-top: 20px; + } -.recent-Articles { -font-size: 30px; -font-weight: 600; -color: #5500cb; -} + .dropdown-toggle { + color: white; + background-color: #333; + border: 1px solid #555; + padding: 10px 15px; + text-decoration: none; + font-size: 18px; + display: block; + width: 100%; + text-align: left; + } -.view { -height: 35px; -width: 90px; -border-radius: 8px; -background-color: #5500cb; -color: white; -font-size: 15px; -border: none; -cursor: pointer; -} + .dropdown-toggle:hover { + background-color: #555; + } -.report-body { -max-width: 1160px; -overflow-x: auto; -padding: 20px; -} -.report-topic-heading, -.item1 { -width: 1120px; -display: flex; -justify-content: space-between; -align-items: center; -} -.t-op { -font-size: 18px; -letter-spacing: 0px; -} + .dropdown-menu { + background-color: #333; + } -.items { -width: 1120px; -margin-top: 15px; -} + .dropdown-item { + color: white; + } -.item1 { -margin-top: 20px; -} -.t-op-nextlvl { -font-size: 14px; -letter-spacing: 0px; -font-weight: 600; -} + .dropdown-item:hover { + background-color: #555; + } -.label-tag { -width: 100px; -text-align: center; -background-color: rgb(0, 177, 0); -color: white; -border-radius: 4px; -} + /* Additional styles for Bootstrap form */ + form { + max-width: 400px; + margin: auto; + } + + .mb-3 { + margin-bottom: 1rem; + } + + .btn-primary { + background-color: #007bff; + border-color: #007bff; + } + + .btn-primary:hover { + background-color: #0056b3; + border-color: #0056b3; + } + /* style.css */ + +.user-creation-container .input-box { + margin-bottom: 15px; + width: calc(100% / 2 - 20px); + } + + .user-creation-container .input-box span.details { + display: block; + font-weight: 500; + margin-bottom: 5px; + } + + .user-creation-container .user-details .input-box input { + height: 45px; + width: 100%; + outline: none; + font-size: 16px; + border-radius: 5px; + padding-left: 15px; + border: 1px solid #ccc; + border-bottom-width: 2px; + transition: all 0.3s ease; + } + + .user-creation-container .user-details .input-box input:focus, + .user-creation-container .user-details .input-box input:valid { + border-color: #9b59b6; + } + + .user-creation-container form .gender-details .gender-title { + font-size: 20px; + font-weight: 500; + } + + .user-creation-container form .category { + display: flex; + width: 80%; + margin: 14px 0; + justify-content: space-between; + } + + .user-creation-container form .category label { + display: flex; + align-items: center; + cursor: pointer; + } + + .user-creation-container form .category label .dot { + height: 18px; + width: 18px; + border-radius: 50%; + margin-right: 10px; + background: #d9d9d9; + border: 5px solid transparent; + transition: all 0.3s ease; + } + + #dot-1:checked ~ .user-creation-container form .category label .one, + #dot-2:checked ~ .user-creation-container form .category label .two, + #dot-3:checked ~ .user-creation-container form .category label .three { + background: #9b59b6; + border-color: #d9d9d9; + } + + .user-creation-container form input[type="radio"] { + display: none; + } + + .user-creation-container form .button { + height: 45px; + margin: 35px 0; + } + + .user-creation-container form .button input { + height: 100%; + width: 100%; + border-radius: 5px; + border: none; + color: #fff; + font-size: 18px; + font-weight: 500; + letter-spacing: 1px; + cursor: pointer; + transition: all 0.3s ease; + background: linear-gradient(135deg, #71b7e6, #9b59b6); + } + + .user-creation-container form .button input:hover { + background: linear-gradient(-135deg, #71b7e6, #9b59b6); + } + + @media (max-width: 584px) { + .user-creation-container .user-details .input-box { + margin-bottom: 15px; + width: 100%; + } + .user-creation-container form .category { + width: 100%; + } + .user-creation-container .content form .user-details { + max-height: 300px; + overflow-y: scroll; + } + .user-creation-container .user-details::-webkit-scrollbar { + width: 5px; + } + } + + @media (max-width: 459px) { + .user-creation-container .container .content .category { + flex-direction: column; + } + } + \ No newline at end of file