Jquery expert need for Laravel project
Budget: $30 – $250 USD
Hello
We need a jquery expert because we use this laravel theme https://pixinvent.com/demo/vuexy-bootstrap-laravel-admin-template/demo-1/dashboard/analytics
It's HTML + Laravel
And we have to add 4 scheduler from https://mobiscroll.com/ we will use jquery version
Have a look what's we need:
A) Schedule:
We need to use this scheduler https://demo.mobiscroll.com/jquery/scheduler/event-listing#
Point #1: Instead "Work week" here https://prnt.sc/1ww2vh6 we need to use a "Day" view as you can see there https://demo.mobiscroll.com/jquery/scheduler/switching-day-week-work-week-timeline#
Point #2: Instead this https://prnt.sc/1ww2zwz add this https://prnt.sc/1ww3aha
Point #3: Go to https://demo.mobiscroll.com/jquery/scheduler/customizing-events# we need to add this https://prnt.sc/1ww4e1m in "Week" view
B) Leave:
We need to use this scheduler https://demo.mobiscroll.com/jquery/scheduler/meal-planner#
Point #1: Instead this https://prnt.sc/1ww77hj add this https://prnt.sc/1ww3aha
Point #2: Add this https://prnt.sc/1ww8rkn from https://demo.mobiscroll.com/jquery/scheduler/resource-filtering-in-header#
C) Staff:
We need to use this schedule https://demo.mobiscroll.com/jquery/scheduler/switching-calendar-scheduler-agenda#
Point #1: Remove those view https://prnt.sc/1ww85ey
Point #2: Instead this "Week" view use this one https://prnt.sc/1ww8848
D) Staff planning:
We need to use this schedule https://demo.mobiscroll.com/jquery/scheduler/work-week-hours#
Point #1: We need 2 views and use to switch https://prnt.sc/1ww97f8 from https://demo.mobiscroll.com/jquery/scheduler/customizing-header#
First view should be this https://demo.mobiscroll.com/jquery/scheduler/work-week-hours#
Second view should be this https://prnt.sc/1ww9fgz from https://demo.mobiscroll.com/jquery/scheduler/employee-shifts#
Please Note:
- Later I will explain you how can we do to add a event for all schedule (A, B, C and D)
- All Event should be saved in our database
- Make sure all scheduler have those options https://prnt.sc/1ww4qiz there https://demo.mobiscroll.com/jquery/scheduler/move-resize-drag-drop-to-create-events
- Add Dark theme https://demo.mobiscroll.com/jquery/scheduler/themes-ios-material-windows# should work when we tap here https://prnt.sc/1rlnvws
- About the Houseover change this https://prnt.sc/1rtdzqk to be like that https://prnt.sc/1rtdv4l from https://stephenchou1017.github.io/scheduler/#/
PS: You can use the onEventHoverIn event here https://docs.mobiscroll.com/eventcalendar#event-onEventHoverIn and onEventHoverOut event here https://docs.mobiscroll.com/eventcalendar#event-onEventHoverOutfor that. These lifecycle events enable the creation of custom actions when events are hovered.
Can help you:
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#opt-resources
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#opt-view
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#opt-renderHeader
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#resources
We need a jquery expert because we use this laravel theme https://pixinvent.com/demo/vuexy-bootstrap-laravel-admin-template/demo-1/dashboard/analytics
It's HTML + Laravel
And we have to add 4 scheduler from https://mobiscroll.com/ we will use jquery version
Have a look what's we need:
A) Schedule:
We need to use this scheduler https://demo.mobiscroll.com/jquery/scheduler/event-listing#
Point #1: Instead "Work week" here https://prnt.sc/1ww2vh6 we need to use a "Day" view as you can see there https://demo.mobiscroll.com/jquery/scheduler/switching-day-week-work-week-timeline#
Point #2: Instead this https://prnt.sc/1ww2zwz add this https://prnt.sc/1ww3aha
Point #3: Go to https://demo.mobiscroll.com/jquery/scheduler/customizing-events# we need to add this https://prnt.sc/1ww4e1m in "Week" view
B) Leave:
We need to use this scheduler https://demo.mobiscroll.com/jquery/scheduler/meal-planner#
Point #1: Instead this https://prnt.sc/1ww77hj add this https://prnt.sc/1ww3aha
Point #2: Add this https://prnt.sc/1ww8rkn from https://demo.mobiscroll.com/jquery/scheduler/resource-filtering-in-header#
C) Staff:
We need to use this schedule https://demo.mobiscroll.com/jquery/scheduler/switching-calendar-scheduler-agenda#
Point #1: Remove those view https://prnt.sc/1ww85ey
Point #2: Instead this "Week" view use this one https://prnt.sc/1ww8848
D) Staff planning:
We need to use this schedule https://demo.mobiscroll.com/jquery/scheduler/work-week-hours#
Point #1: We need 2 views and use to switch https://prnt.sc/1ww97f8 from https://demo.mobiscroll.com/jquery/scheduler/customizing-header#
First view should be this https://demo.mobiscroll.com/jquery/scheduler/work-week-hours#
Second view should be this https://prnt.sc/1ww9fgz from https://demo.mobiscroll.com/jquery/scheduler/employee-shifts#
Please Note:
- Later I will explain you how can we do to add a event for all schedule (A, B, C and D)
- All Event should be saved in our database
- Make sure all scheduler have those options https://prnt.sc/1ww4qiz there https://demo.mobiscroll.com/jquery/scheduler/move-resize-drag-drop-to-create-events
- Add Dark theme https://demo.mobiscroll.com/jquery/scheduler/themes-ios-material-windows# should work when we tap here https://prnt.sc/1rlnvws
- About the Houseover change this https://prnt.sc/1rtdzqk to be like that https://prnt.sc/1rtdv4l from https://stephenchou1017.github.io/scheduler/#/
PS: You can use the onEventHoverIn event here https://docs.mobiscroll.com/eventcalendar#event-onEventHoverIn and onEventHoverOut event here https://docs.mobiscroll.com/eventcalendar#event-onEventHoverOutfor that. These lifecycle events enable the creation of custom actions when events are hovered.
Can help you:
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#opt-resources
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#opt-view
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#opt-renderHeader
https://docs.mobiscroll.com/5-11-1/jquery/eventcalendar#resources