Skip to content

998638: Analyze, Test & Improve Validation and User Experience on Live Employee Management Site #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Vinoth2562000 wants to merge 3 commits into
base: EJ2-981297-Emp-Management
Choose a base branch
from
Open

998638: Analyze, Test & Improve Validation and User Experience on Live Employee Management Site #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9567588
998638: Analyze, Test & Improve Validation and User Experience on Liv…
Vinoth2562000 Dec 12, 2025
43fa7d1
998638: Analyze, Test & Improve Validation and User Experience on Liv…
Vinoth2562000 Dec 15, 2025
d89d881
998638: Analyze, Test & Improve Validation and User Experience on Liv…
Vinoth2562000 Dec 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions Employee_Managment_App/src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,7 @@ function App() {
isOpen={sbIsOpen}
type={sbType as any}
position="Left"
className='app-nav-sidebar'
showBackdrop={!isDesktop}
closeOnDocumentClick={!isDesktop}
open={() => {
Expand Down
6 changes: 2 additions & 4 deletions Employee_Managment_App/src/components/EmployeeInfo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -235,14 +235,12 @@ const EmployeeInfo = (props: { employeeData?: EmployeeDetails; userInfo?: Employ
<TabItemDirective header={headerText[0]} content={content0} />
{employeeData &&
userInfo &&
(userInfo.Name === employeeData.Name ||
userInfo.Name === employeeData.TeamLead) && (
(userInfo.Name === employeeData.Name) && (
<TabItemDirective header={headerText[1]} content={content1} />
)}
{employeeData &&
userInfo &&
(userInfo.Name === employeeData.Name ||
userInfo.Name === employeeData.TeamLead) && (
(userInfo.Name === employeeData.Name) && (
<TabItemDirective header={headerText[2]} content={content2} />
)}
{employeeData &&
Expand Down
28 changes: 0 additions & 28 deletions Employee_Managment_App/src/components/TopNav.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,6 @@ const TopNav: React.FC<TopNavProps> = ({
const [query, setQuery] = useState('');
const [avatarMenuOpen, setAvatarMenuOpen] = useState(false);
const [mobileSearchOpen, setMobileSearchOpen] = useState(false);
const [createMenuOpen, setCreateMenuOpen] = useState(false);

const [panelOpen, setPanelOpen] = useState(false);
const [panelTab, setPanelTab] = useState<'notifications' | 'announcements'>('announcements');
Expand All @@ -84,13 +83,11 @@ const TopNav: React.FC<TopNavProps> = ({
setAvatarMenuOpen(false);
}
if (createRef.current && !createRef.current.contains(ev.target as Node)) {
setCreateMenuOpen(false);
}
};
const handleEsc = (e: KeyboardEvent) => {
if (e.key === 'Escape') {
setAvatarMenuOpen(false);
setCreateMenuOpen(false);
setMobileSearchOpen(false);
setPanelOpen(false);
}
Expand Down Expand Up @@ -187,31 +184,6 @@ const TopNav: React.FC<TopNavProps> = ({
</svg>
</button>

<div className="btn-create-group" ref={createRef}>
<button
className="btn-create"
type="button"
onClick={() => setCreateMenuOpen((o) => !o)}
aria-haspopup="menu"
aria-expanded={createMenuOpen}
title="Create"
>
<span>Create</span>
<span className="e-icons e-chevron-down-fill" aria-hidden="true"></span>
</button>

{createMenuOpen && (
<ul className="create-menu" role="menu">
<li role="menuitem">
<button type="button" onClick={onCreate}>Create Leave</button>
</li>
<li role="menuitem">
<button type="button" onClick={onCreate}>Create Permission</button>
</li>
</ul>
)}
</div>

<button className="icon-btn" type="button" onClick={onOpenChat} title="Messages">
<svg width="20" height="20" viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M21 6H3v12h5v4l4-4h9z" />
Expand Down
4 changes: 3 additions & 1 deletion Employee_Managment_App/src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54143,7 +54143,9 @@ ejs-sidebar {
visibility: hidden;
will-change: transform;
}

.e-sidebar.app-nav-sidebar {
overflow: hidden;
}
.e-sidebar.e-right.e-open,
.e-sidebar.e-left.e-open {
-webkit-transform: translateX(0%);
Expand Down