Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

done users page

Browse Source
This commit is contained in:
sigmaBoei
2026-02-26 20:44:19 +08:00
parent ccd0caf14d
commit af243d17cb
7 changed files with 905 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
frontend/src/app/users/add/page.jsx
View File

@@ -9,7 +9,7 @@ const page = () => {
<div className={globalStyle.mainContainer}>
<div className={globalStyle.container}>
<TopHeader
buttonText="Add"
buttonText="Save"
cancelButtonText="Cancel"
topbarTitle="Add User"
state="add"
@@ -18,9 +18,116 @@ const page = () => {
{/* Input fields Container */}
<div className={addUserStyle.inputFieldContainer}>
{/* User Details */}
<div className={addUserStyle.userDetails}></div>
<div className={addUserStyle.userDetails}>
{/* Header */}
<div className={addUserStyle.header}>
<div>
<p>User Details</p>
</div>
</div>
{/* Input fields */}
<form className={addUserStyle.fields}>
{/* Role and Dropdown */}
<div className={addUserStyle.selectRoleContainer}>
<div className={addUserStyle.inputContainer}>
<div className={addUserStyle.label}>
<p>Role</p>
</div>
<div className={addUserStyle.inputField}>
<select
name="role"
className={addUserStyle.selectField}
>
<option value="">Select Role</option>
<option value="">Option</option>
<option value="">Option 2</option>
<option value="">Option 3</option>
</select>
</div>
</div>
</div>
{/* Email */}
<div className={addUserStyle.inputMainContainer}>
<div className={addUserStyle.inputContainer}>
{/* Label */}
<div className={addUserStyle.label}>
<p>Email</p>
</div>
{/* Input field */}
<div className={addUserStyle.inputField}>
<input
type="text"
name=""
id=""
placeholder="Enter Email"
className={addUserStyle.placeholderTxt}
/>
</div>
</div>
</div>
{/* Full Name */}
<div className={addUserStyle.inputMainContainer}>
<div className={addUserStyle.inputContainer}>
{/* Label */}
<div className={addUserStyle.label}>
<p>Full Name</p>
</div>
{/* Input field */}
<div className={addUserStyle.inputField}>
<input
type="text"
name=""
id=""
placeholder="Enter full name"
className={addUserStyle.placeholderTxt}
/>
</div>
</div>
</div>
</form>
</div>
{/* Permissions */}
<div className={addUserStyle.userPermissions}></div>
<div className={addUserStyle.userPermissions}>
{/* Add permissions */}
<div className={addUserStyle.permissionsContainer}>
{/* Header */}
<div className={addUserStyle.permissionsHeader}>
<p>Permissions</p>
<div className={addUserStyle.svgContainer}>
<div>
<svg
xmlns="http://www.w3.org/2000/svg"
width={24}
height={24}
viewBox="0 0 24 24"
fill="none"
>
<path
d="M12 5.29199V18.7087"
stroke="#333649"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M5.29102 12H18.7077"
stroke="#333649"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</div>
</div>
</div>
{/* State text (static) */}
<div className={addUserStyle.permissionDefaultState}>
<p>No permission added yet</p>
</div>
</div>
</div>
</div>
</div>
</div>