GithubHelp home page GithubHelp logo

conjure-cp / nurse-rostering-demo Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 125.06 MB

Home Page: https://conjure-cp.github.io/nurse-rostering-demo/

License: Mozilla Public License 2.0

TypeScript 97.54% SCSS 0.06% JavaScript 1.87% CSS 0.53%

nurse-rostering-demo's People

Contributors

0xasynchronous avatar actions-user avatar aldiyazov avatar dependabot[bot] avatar ozgurakgun avatar yuxinzhang214 avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Forkers

yuxinzhang214

nurse-rostering-demo's Issues

[Bug] Timeout Error When Scheduling Multiple Staff Members

Describe the bug
A timeout error occurs when attempting to schedule a large number of staff members simultaneously.

Possible Cause
Not sure for now

To Reproduce

  1. Navigate to the scheduling page.
  2. Select or input a large number of staff members for scheduling.
  3. Attempt to finalize the scheduling process.
  4. Observe the timeout error message or failure to complete the action.

Expected Behaviour
The system should be able to handle scheduling requests for a large number of staff members efficiently, without timing out or encountering errors.

Actual Behaviour
A timeout error occurs when dealing with bulk scheduling

Suggested Solution

  1. Investigate the backend process to identify potential bottlenecks or inefficiencies causing the timeout.
  2. Optimize the scheduling algorithm or process to handle larger data sets.
  3. If feasible, consider introducing batch processing or staggered scheduling to alleviate the immediate system load.
  4. Improve error messaging to inform users about potential limitations or suggest splitting the task into smaller chunks if the problem persists.

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

The Responsive Layout of Dashboard Column should be adjust at around 1011px

Describe the bug
At a screen width of approximately 793px -1011px, parts of the the dashboard column in the application is hided outside of the screen.

To Reproduce
Steps to reproduce the behaviour:

  1. Open the application and navigate to the dashboard.
  2. Adjust the browser window size to approximately 1011px width or use device emulation in the browser's developer tools.
  3. Observe that the dashboard column layout becomes undesirably small.

Expected behaviour
The layout of the dashboard should be adjusted to show all four sections regardless of the screen size

Actual behaviour
The layout of the dashboard is not showing all four sections at approximately 793px -1011px

Suggested Solution
This issue likely resides in the CSS or UI framework rules governing the dashboard column. The layout might not be adjusting properly at around 793px -1011px screen width. Modifying the responsive design rules should resolve this problem.

Screenshots
Screenshot 2023-08-01 at 12 56 35

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

Additional notes
Tool for checking device screen sizes is mydevice.io.

[Enhancement] Calendar Shifts Not Listed in Alphabetical Order

Describe the Enhancement

  • The shifts on the calendar can be listed in alphabetical order.
  • Based on observations, it appears that they might be ordered by their current shift status or some other criterion.

Desired Behaviour
Shifts on the calendar should be listed in alphabetical order to facilitate easier tracking and readability.

Current Behaviour
Shifts appear to be ordered by their current shift status or some other non-alphabetical criterion.

Suggested Solution

  • Look up @fullcalendar/react library
  • Change the ordering setting for the FullCalendar component

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

404 Errors on Navigation: Enter as Admin Redirect and Sidebar Links in /nurse-rostering Subpath

Describe the bug

Possible Cause

  • The .html extension on the Link href

To Reproduce
Steps to reproduce the behaviour:

  1. Run the project locally with npm run dev.
  2. Open a web browser and navigate to the index page: http://localhost:3000/.
  3. Click on the Enter as Admin button.
  4. Observe that you're redirected to http://localhost:3000/nurse-rostering/dashboard.html and encounter a "404 - Page Not Found" error.
  5. Manually update the URL to http://localhost:3000/nurse-rostering/dashboard and press Enter.
  6. Once on the dashboard page, click on any items in the sidebar.
  7. Notice that clicking on sidebar items also results in 404 errors.

Expected Behaviour
I expected to navigate to the dashboard page and all the pages on the sidebar

Actual Behaviour
I received a 404 error page when navigating to the dashboard page and all the pages on the sidebar

Suggested Solution

  • Ensure the Link components are correctly wrapping tags and are pointing to the right routes without file extensions (unless specifically intended).
  • Restore the Line href to /dashboard as it was changed to /dashboard.html in the previous commit
  • Remove .html file extension on the sidebar Links

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

UI: Last Column Block in Scheduled Timetable is Narrower Than Other Column Blocks

Describe the bug
The block on the last column of the scheduled timetable is displayed as smaller in width compared to the blocks in other columns.

Possible Cause
Width setting for the FullCalendar component.

To Reproduce

  1. Navigate to the scheduled timetable page.
  2. Compare the width of the last column with the preceding ones.
  3. Notice that the last column is narrower than the rest.

Expected Behaviour
All columns in the scheduled timetable should have a consistent width

Actual Behaviour
The block on the last column is distinctly narrower than the blocks on the other columns

Suggested Solution

  • Look up the @fullcalendar/react module
  • Update the width setting on the FullCalendar component

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

[Bug] Unexpected 404 Error at Root URL on Localhost with Existing Project

Describe the bug

  • When I navigate to http://localhost:3000/ in my browser, I receive a 404 error despite the existing project running correctly.
  • The project is set up correctly, and the server has been started at 0.0.0.0:3000, accessible via the URL http://localhost:3000 as prompted in the terminal.

Possible Cause

  • The base URL is set to /nurse-rostering for both development and deployment server

To Reproduce
Steps to reproduce the behaviour:

  1. Run the project locally with npm run dev.
  2. Open a web browser.
  3. Navigate to http://localhost:3000/.
  4. See the error "404 - Page Not Found".

Expected behaviour
Upon navigating to the root URL on localhost, the project's homepage should be displayed without any errors.

Actual behaviour
An unexpected 404 error is encountered when trying to access the root URL of the project on localhost.

Suggested Solution
See the pull request #7 for the task-allocation-demo.

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

[UI/UX] Inconsistent Positioning and Unclear Functionality of Black Triangle Icon on Timetable Block

Describe the Issue
The timetable block sporadically features a black triangle icon either on its left or right side.

Screenshot
Screenshot 2023-08-08 at 15 21 09

Suggested Solution

  • Look up the @fullcalendar/react module
  • Ensure consistent positioning for the triangle icon unless its position (left vs. right) signifies different functionalities. In such a case, this differentiation should be made evident to users.
  • Implement tooltips that appear on hover, providing a brief description of the icon's functionality and any significance its positioning might have.
  • Add a legend or help section on the timetable page explaining the purpose of various icons and the importance of their positioning.

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

[Enhancement] Differentiation or Prevention Mechanism for Nurses with Identical Names

Describe the Enhancement
The system currently allows multiple nurses to be registered with the same name. Implementing a differentiation or prevention mechanism could prevent issues like adding the same nurse twice.

Desired Behaviour
The system should prevent the registration of nurses with identical names.

Current Behaviour
The system permits the registration of nurses with the same name without warnings or differentiation.

Suggested Solution

  • Introduce a warning mechanism alerting administrators or users during attempts to register a nurse with a pre-existing name.
  • Consider implementing a mandatory unique identifier for each nurse, such as an employee ID or system-generated ID.
  • Permit additional details (like middle name, birthdate, or secondary ID) to distinguish between nurses with the same name.

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

[Enhancement] Qualifications Page Resets After Adding New Staff

Describe the Enhancement

  • Currently, after adding a new staff member, the Qualifications page resets to its default state 0.
  • While this reset might be an intended feature, maintaining the current state and not resetting could improve user experience, especially when adding multiple staff members consecutively.

Desired Behaviour
After adding a new staff member, the Qualifications page should maintain its current state

Current Behaviour
After adding a new staff member, the Qualifications page resets to its default state 0

Suggested Solution

  • Consider updating the page's behaviour to retain its state after adding new staff.
  • If the reset is an intended feature, perhaps a toggle or setting can be added that allows users to choose between resetting and retaining the page's state.

Environment

  • OS: macOS Ventura 13.2.1
  • Browser: Chrome 115.0.5790.114
  • Node.js version: v16.17.1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.