Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Sign in
Toggle navigation
H
HIAST-Clinics
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
almohanad.hafez
HIAST-Clinics
Commits
4e298778
Commit
4e298778
authored
Aug 24, 2024
by
Almouhannad
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
(F) Add receptionists pages
parent
2561a2f9
Changes
15
Hide whitespace changes
Inline
Side-by-side
Showing
15 changed files
with
254 additions
and
13 deletions
+254
-13
app-routing.module.ts
Clinics.Frontend/src/app/app-routing.module.ts
+22
-0
app.module.ts
Clinics.Frontend/src/app/app.module.ts
+6
-0
admin-dashboard.component.css
...nents/admin/admin-dashboard/admin-dashboard.component.css
+0
-11
doctor-users.component.html
...components/admin/doctor-users/doctor-users.component.html
+0
-1
receptionist-dashboard.component.css
...ceptionist-dashboard/receptionist-dashboard.component.css
+0
-0
receptionist-dashboard.component.html
...eptionist-dashboard/receptionist-dashboard.component.html
+3
-0
receptionist-dashboard.component.ts
...eceptionist-dashboard/receptionist-dashboard.component.ts
+10
-0
waiting-list-item.component.css
...tionist/waiting-list-item/waiting-list-item.component.css
+87
-0
waiting-list-item.component.html
...ionist/waiting-list-item/waiting-list-item.component.html
+41
-0
waiting-list-item.component.ts
...ptionist/waiting-list-item/waiting-list-item.component.ts
+10
-0
waiting-list.component.css
...ents/receptionist/waiting-list/waiting-list.component.css
+0
-0
waiting-list.component.html
...nts/receptionist/waiting-list/waiting-list.component.html
+28
-0
waiting-list.component.ts
...nents/receptionist/waiting-list/waiting-list.component.ts
+10
-0
header.component.html
...p/components/shared/template/header/header.component.html
+9
-0
layout.component.css
...pp/components/shared/template/layout/layout.component.css
+28
-1
No files found.
Clinics.Frontend/src/app/app-routing.module.ts
View file @
4e298778
...
@@ -12,6 +12,8 @@ import { CreateDoctorUserFormComponent } from './components/admin/create-doctor-
...
@@ -12,6 +12,8 @@ import { CreateDoctorUserFormComponent } from './components/admin/create-doctor-
import
{
UpdateDoctorUserComponent
}
from
'./components/admin/update-doctor-user/update-doctor-user.component'
;
import
{
UpdateDoctorUserComponent
}
from
'./components/admin/update-doctor-user/update-doctor-user.component'
;
import
{
ReceptionistUserComponent
}
from
'./components/admin/receptionist-user/receptionist-user.component'
;
import
{
ReceptionistUserComponent
}
from
'./components/admin/receptionist-user/receptionist-user.component'
;
import
{
ReceptionistUsersComponent
}
from
'./components/admin/receptionist-users/receptionist-users.component'
;
import
{
ReceptionistUsersComponent
}
from
'./components/admin/receptionist-users/receptionist-users.component'
;
import
{
ReceptionistDashboardComponent
}
from
'./components/receptionist/receptionist-dashboard/receptionist-dashboard.component'
;
import
{
WaitingListComponent
}
from
'./components/receptionist/waiting-list/waiting-list.component'
;
const
routes
:
Routes
=
[
const
routes
:
Routes
=
[
{
{
...
@@ -65,6 +67,26 @@ const routes: Routes = [
...
@@ -65,6 +67,26 @@ const routes: Routes = [
}
}
]
]
},
},
{
path
:
'receptionist'
,
component
:
ReceptionistDashboardComponent
,
canActivate
:
[
RoleGuard
],
canActivateChild
:
[
RoleGuard
],
data
:
{
role
:
Roles
.
Receptionist
},
children
:
[
{
path
:
''
,
redirectTo
:
'/home'
,
pathMatch
:
'full'
},
{
path
:
'waitinglist'
,
component
:
WaitingListComponent
}
]
},
// #region Testing SignalR
// #region Testing SignalR
{
{
...
...
Clinics.Frontend/src/app/app.module.ts
View file @
4e298778
...
@@ -30,6 +30,9 @@ import { UpdateDoctorUserDataFormComponent } from './components/admin/update-doc
...
@@ -30,6 +30,9 @@ import { UpdateDoctorUserDataFormComponent } from './components/admin/update-doc
import
{
ReceptionistUserComponent
}
from
'./components/admin/receptionist-user/receptionist-user.component'
;
import
{
ReceptionistUserComponent
}
from
'./components/admin/receptionist-user/receptionist-user.component'
;
import
{
ReceptionistUsersComponent
}
from
'./components/admin/receptionist-users/receptionist-users.component'
;
import
{
ReceptionistUsersComponent
}
from
'./components/admin/receptionist-users/receptionist-users.component'
;
import
{
ReceptionistUsersService
}
from
'./services/admin/receptionist-users.service'
;
import
{
ReceptionistUsersService
}
from
'./services/admin/receptionist-users.service'
;
import
{
ReceptionistDashboardComponent
}
from
'./components/receptionist/receptionist-dashboard/receptionist-dashboard.component'
;
import
{
WaitingListComponent
}
from
'./components/receptionist/waiting-list/waiting-list.component'
;
import
{
WaitingListItemComponent
}
from
'./components/receptionist/waiting-list-item/waiting-list-item.component'
;
@
NgModule
({
@
NgModule
({
...
@@ -78,6 +81,9 @@ import { ReceptionistUsersService } from './services/admin/receptionist-users.se
...
@@ -78,6 +81,9 @@ import { ReceptionistUsersService } from './services/admin/receptionist-users.se
UpdateDoctorUserDataFormComponent
,
UpdateDoctorUserDataFormComponent
,
ReceptionistUserComponent
,
ReceptionistUserComponent
,
ReceptionistUsersComponent
,
ReceptionistUsersComponent
,
ReceptionistDashboardComponent
,
WaitingListComponent
,
WaitingListItemComponent
,
],
],
// identifies the root component that Angular should
// identifies the root component that Angular should
...
...
Clinics.Frontend/src/app/components/admin/admin-dashboard/admin-dashboard.component.css
View file @
4e298778
::ng-deep
.custom-title
{
width
:
fit-content
;
padding-bottom
:
0.3em
;
border-bottom
:
2px
solid
var
(
--accent-color
);
color
:
var
(
--heading-color
);
}
::ng-deep
.custom-title
h2
{
font-weight
:
700
;
}
Clinics.Frontend/src/app/components/admin/doctor-users/doctor-users.component.html
View file @
4e298778
...
@@ -22,7 +22,6 @@
...
@@ -22,7 +22,6 @@
</div>
</div>
</div>
</div>
</div>
</div>
<!-- #endregion -->
<!-- #endregion -->
</section>
</section>
...
...
Clinics.Frontend/src/app/components/receptionist/receptionist-dashboard/receptionist-dashboard.component.css
0 → 100644
View file @
4e298778
Clinics.Frontend/src/app/components/receptionist/receptionist-dashboard/receptionist-dashboard.component.html
0 → 100644
View file @
4e298778
<div
class=
"custom-child"
>
<router-outlet></router-outlet>
</div>
\ No newline at end of file
Clinics.Frontend/src/app/components/receptionist/receptionist-dashboard/receptionist-dashboard.component.ts
0 → 100644
View file @
4e298778
import
{
Component
}
from
'@angular/core'
;
@
Component
({
selector
:
'app-receptionist-dashboard'
,
templateUrl
:
'./receptionist-dashboard.component.html'
,
styleUrl
:
'./receptionist-dashboard.component.css'
})
export
class
ReceptionistDashboardComponent
{
}
Clinics.Frontend/src/app/components/receptionist/waiting-list-item/waiting-list-item.component.css
0 → 100644
View file @
4e298778
/* #region custom*/
.custom-user-data
{
color
:
var
(
--heading-color
);
font-weight
:
700
;
}
.custom-user-full-name
h3
{
font-weight
:
700
;
padding-bottom
:
0.5em
;
border-bottom
:
1px
solid
var
(
--accent-color
);
}
.custom-edit-button
button
:hover
{
font-weight
:
900
;
background-color
:
inherit
;
border-color
:
var
(
--heading-color
);
color
:
var
(
--heading-color
);
}
.custom-edit-button
button
{
font-weight
:
900
;
background-color
:
var
(
--heading-color
);
color
:
white
;
}
.custom-edit-button
i
{
font-weight
:
900
;
margin-right
:
0.5em
;
}
/* #endregion */
/* #region collection item */
.collection-item
{
background-color
:
var
(
--background-color
);
text-align
:
center
;
border
:
1px
solid
var
(
--accent-color
);
border-radius
:
3%
;
padding-top
:
40px
;
padding-left
:
20px
;
padding-right
:
20px
;
padding-bottom
:
40px
;
transition
:
all
ease-in-out
0.3s
;
height
:
100%
;
}
.collection-item
.icon
{
margin
:
0
auto
;
width
:
64px
;
height
:
64px
;
background
:
var
(
--heading-color
);
border-radius
:
4px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
margin-bottom
:
20px
;
transition
:
0.3s
;
transform-style
:
preserve-3d
;
}
.collection-item
.icon
i
{
color
:
var
(
--contrast-color
);
font-size
:
28px
;
transition
:
ease-in-out
0.3s
;
}
.collection-item
.icon
::before
{
position
:
absolute
;
content
:
""
;
left
:
-8px
;
top
:
-8px
;
height
:
100%
;
width
:
100%
;
background
:
color-mix
(
in
srgb
,
var
(
--accent-color
),
transparent
80%
);
border-radius
:
5px
;
transition
:
all
0.3s
ease-out
0s
;
transform
:
translateZ
(
-1px
);
}
.collection-item
:hover
{
box-shadow
:
2px
2px
2px
var
(
--accent-color
)
}
/* #endregion */
\ No newline at end of file
Clinics.Frontend/src/app/components/receptionist/waiting-list-item/waiting-list-item.component.html
0 → 100644
View file @
4e298778
<div
class=
"collection-item"
>
<!-- #region icon -->
<div
class=
"icon"
>
<i
class=
"bi bi-clock-history"
></i>
</div>
<!-- #endregion -->
<!-- #region Name-->
<div
class=
"mb-3"
class=
"custom-user-full-name"
>
<h3>
أحمد عبدالله توفيق العلي
</h3>
</div>
<!-- #endregion -->
<!-- #region details-->
<div
class=
"custom-user-data mb-4 mt-4"
>
<span>
نوع الزيارة:
</span>
<span></span>
</div>
<div
class=
"custom-user-data mb-4 mt-4"
>
<span>
ساعة الوصول:
</span>
<span></span>
</div>
<!-- #endregion -->
<!-- #region buttons-->
<a
class=
"d-grid gap-3 custom-edit-button"
>
<button
class=
"btn btn-outline-secondary"
>
إرسال إلى طبيب
<i
class=
"fas fa-arrow-left"
></i>
</button>
</a>
<!-- #endregion -->
</div>
\ No newline at end of file
Clinics.Frontend/src/app/components/receptionist/waiting-list-item/waiting-list-item.component.ts
0 → 100644
View file @
4e298778
import
{
Component
}
from
'@angular/core'
;
@
Component
({
selector
:
'app-waiting-list-item'
,
templateUrl
:
'./waiting-list-item.component.html'
,
styleUrl
:
'./waiting-list-item.component.css'
})
export
class
WaitingListItemComponent
{
}
Clinics.Frontend/src/app/components/receptionist/waiting-list/waiting-list.component.css
0 → 100644
View file @
4e298778
Clinics.Frontend/src/app/components/receptionist/waiting-list/waiting-list.component.html
0 → 100644
View file @
4e298778
<div
class=
"custom-child"
dir=
"rtl"
>
<section
class=
"section"
>
<!-- #region Title-->
<div
class=
"custom-title"
>
<h2>
قائمة الانتظار:
</h2>
<p>
مرتبة حسب ساعة الوصول
</p>
</div>
<!-- #endregion -->
<!-- #region buttons-->
<div
class=
"custom-bttuons-after-title custom-create-button"
>
<a><button
class=
"btn btn-lg btn-outline-success mb-5"
>
إضافة +
</button></a>
</div>
<!-- #endregion -->
<!-- #region container-->
<div
class=
"container"
>
<div
class=
"row gy-5 "
>
<div
class=
"col-lg-4 col-md-6"
>
<app-waiting-list-item></app-waiting-list-item>
</div>
</div>
</div>
<!-- #endregion -->
</section>
</div>
\ No newline at end of file
Clinics.Frontend/src/app/components/receptionist/waiting-list/waiting-list.component.ts
0 → 100644
View file @
4e298778
import
{
Component
}
from
'@angular/core'
;
@
Component
({
selector
:
'app-waiting-list'
,
templateUrl
:
'./waiting-list.component.html'
,
styleUrl
:
'./waiting-list.component.css'
})
export
class
WaitingListComponent
{
}
Clinics.Frontend/src/app/components/shared/template/header/header.component.html
View file @
4e298778
...
@@ -98,10 +98,19 @@
...
@@ -98,10 +98,19 @@
(
click
)="
showDropdown =
!showDropdown"
>
خيارات
<i
(
click
)="
showDropdown =
!showDropdown"
>
خيارات
<i
class=
"bi bi-chevron-down toggle-dropdown"
></i></button>
class=
"bi bi-chevron-down toggle-dropdown"
></i></button>
<ul
[
ngClass
]="{'
show
'
:
showDropdown
}"
>
<ul
[
ngClass
]="{'
show
'
:
showDropdown
}"
>
<li><a>
إضافة مريض
</a></li>
<li
(
click
)="
onLogout
();"
><a>
تسجيل الخروج
</a></li>
<li
(
click
)="
onLogout
();"
><a>
تسجيل الخروج
</a></li>
</ul>
</ul>
</li>
</li>
<li><a><button
class=
"btn"
[
class
]="{'
btn-outline-primary
'
:
isSelected
('
RecDotctors
'),
'
btn-outline-secondary
'
:
!
isSelected
('
RecDotctors
')}"
(
click
)="
selectButton
('
RecDotctors
')"
>
الأطباء
</button></a></li>
<li><a
[
routerLink
]="'
receptionist
/
waitinglist
'"
><button
class=
"btn"
[
class
]="{'
btn-outline-primary
'
:
isSelected
('
WaitingList
'),
'
btn-outline-secondary
'
:
!
isSelected
('
WaitingList
')}"
(
click
)="
selectButton
('
WaitingList
')"
>
قائمة الانتظار
</button></a></li>
<li><a
[
routerLink
]="'
home
'"
><button
class=
"btn"
<li><a
[
routerLink
]="'
home
'"
><button
class=
"btn"
[
class
]="{'
btn-outline-primary
'
:
isSelected
('
Home
'),
'
btn-outline-secondary
'
:
!
isSelected
('
Home
')}"
[
class
]="{'
btn-outline-primary
'
:
isSelected
('
Home
'),
'
btn-outline-secondary
'
:
!
isSelected
('
Home
')}"
(
click
)="
selectButton
('
Home
')"
>
الصفحة الرئيسية
</button></a></li>
(
click
)="
selectButton
('
Home
')"
>
الصفحة الرئيسية
</button></a></li>
...
...
Clinics.Frontend/src/app/components/shared/template/layout/layout.component.css
View file @
4e298778
...
@@ -100,14 +100,41 @@ app-footer {
...
@@ -100,14 +100,41 @@ app-footer {
::ng-deep
.custom-title
{
::ng-deep
.custom-title
{
width
:
fit-content
;
width
:
fit-content
;
padding-bottom
:
0.3em
;
border-bottom
:
2px
solid
var
(
--accent-color
);
border-bottom
:
2px
solid
var
(
--accent-color
);
color
:
var
(
--heading-color
);
color
:
var
(
--heading-color
);
margin
:
auto
;
margin
:
auto
;
}
}
::ng-deep
.custom-title
h2
{
::ng-deep
.custom-title
h2
{
margin-bottom
:
0.3em
;
font-weight
:
700
;
font-weight
:
700
;
}
}
::ng-deep
.custom-title
p
{
margin-bottom
:
0.3em
;
font-weight
:
700
;
text-align
:
center
;
}
::ng-deep
.custom-bttuons-after-title
{
margin-top
:
1em
;
text-align
:
center
;
}
::ng-deep
.custom-bttuons-after-title
button
{
width
:
25%
;
}
::ng-deep
.custom-bttuons-after-title
button
:hover
{
font-weight
:
900
;
background-color
:
inherit
;
border-color
:
var
(
--heading-color
);
color
:
var
(
--heading-color
);
}
::ng-deep
.custom-bttuons-after-title
button
{
font-weight
:
900
;
background-color
:
var
(
--heading-color
);
color
:
white
;
}
/* #endregion */
/* #endregion */
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment