Code Monkey home page Code Monkey logo

10bedicu's Issues

Calculate Bounds for State GeoJSON

The bounds for each state's map is currently being taken form the sheets. We could possibly calculate this more accurately based on the zoom steps and the aspect ratio.

This would need a bit of thought. There is a possibility that Google Maps has a feature that could solve this for us. Reading through the documentation might reveal such an option if it exists

Public facing Asset details page : Asset QR

Asset management is CARE has the option of linking asset to a QR code. Currently, the QR code linked redirects to the 10BedICU state page, if scanned outside CARE.

If scanned outside CARE, the QR code must direct any person to the public page of that asset with all asset details (View Only)- except "configure" section.

https://care.coronasafe.in/assets/1ecda1ae-de51-4852-be7c-745ecf5e6e8b

Example of a few QR code stickers for assets in hospitals in Karnataka. Go ahead and scan them to get redirected to Karnataka page for 10BedICU website. Now go ahead and scan it through CARE at https://care.coronasafe.in/assets to be redirected to the asset page.

Screenshot 2022-06-06 at 6 11 42 PM

The state page for 10BedICU website was added as a placeholder for the public page for the assets.
The ideal situation is when anyone (even people not onboarded to CARE) can pick their phone, scan the QR to see details of the asset including service and warranty details

Data Modeling

๐Ÿ“ฆ Let's model the data either during Js (while importing) or Py (while scrapping)

โœ… So that we don't have to splitText() multiple times
โœ… Let's associate the entities (donors) during the import itself

Assigning myself ๐ŸŽฏ Going to play with Python ๐Ÿ

Rearrange Alignment of Hospital Picture Preview

If upload one picture of a Particular Hospital, its aligned to left side instead of showing in the Center;

image

Correct the alignment when uploading single Picture In the Hopital Picure Field.

Fix front-end issue

  • Enhance the footer and make it responsive

image
image

  • Hospital Status Details now visible clearly in mobile view

image

  • Site, Technology, and Equipment are listed all together in the mobile view

image

Instead, it should be like this as in the desktop view
image

State map: improvements

  1. The alignment of the state map on the page doesn't appear right. The edges are cropped away in the default view.

  2. Improve the colour and appearance of the map.

@gigincg Please do the needful

Summary of Project roll out summary

Screenshot 2023-06-16 at 11 22 43 AM

Right below State status map, we need to add a summary of project roll out in the state (refer to the above sample design) showing how many hospitals in the state have completed the different milestones of project roll outs.

Additionally, it would be good to also change color of the logo of of space, internet etc to red- if below 25% of hospitals are done with it, yellow if 25-75% hospitals are done with it, and green if over 75% hospitals are done with it.

Footer Alignment

Issue: Footer Alignment

Description:
The footer is misaligned and not centered properly, causing inconsistent spacing. Additionally, the Twitter icon should be updated to reflect the new branding as "X".

Details:

  • Misalignment: Content is unevenly spaced and not centered.
  • Screen Size Issues: Clutter or overlap on smaller screens.
  • Icon Update: Replace the Twitter icon with the new "X" symbol.

Expected Fix:

  • Center and evenly align footer content.
  • Ensure responsiveness across screen sizes.
  • Update the Twitter icon to "X" to reflect current branding.

Attachments: Screenshots of the issue.

image

Hospital Picture Gallery

can we add a feature to show more pictures of the hospitals

for example , When click on the hospital picture..more pictures should be visible as a popup by some headings.

  1. hospital pic
  2. work in progress pic
  3. icu completion pic
  4. lCU live pic
    these headings are just a suggestion, if its possible to show more pictures from the sites would help to know the actual status of the sites easily.

concept ;
image

BUG: Manipur hosp status update

The statuses updated on the hospital evaluation form: Manipur (https://docs.google.com/spreadsheets/d/1gpK8JFBkAXCiV0IY0dpdm9rALpcA8BfDtZ5yk3htaEE/edit?usp=sharing) is not getting reflected on website.

Eg: electricity is marked completed for all hospitals, but its marked in red on website state page (https://status.10bedicu.org/manipur)

Checked and confirmed that

  1. the right state sheet is linked at website master sheet (https://docs.google.com/spreadsheets/d/11DGcwfrAnTPWAvnOebGpUkLjSC7cVLvApVGCrH8gWWc/edit?usp=sharing)
  2. Github action is automatically running

Hospital Status: Internet and Oxygen status

The internet and oxygen status on the website is linked incorrectly to the sheet.

The column for Oxygen is linked to the internet icon on the website

The column for internet on the sheet is linked to the oxygen icon on the website.

Check out Churchandpur and Moreh districts in Manipur

๐Ÿ•น Add YouTube Links

๐Ÿ“ Information

  • Update the Parser to include YouTube video links from meta sheet;
  • Add YouTube Embed iFrame in the Webpage to display the Video.

Improving Public page for Assets

#82 developed a public page for assets registered in CARE

The page needs to be improved with the following

  • Add "Manufacturer Name" before "Vendor name"
  • Add "Serial Number" on first line within Warranty and support section
  • What is "Warranty Details"? It doesn't appear in CARE- remove it
  • "Warranty/AMC end of validity" may be changed to "Warranty / AMC Expiry" to keep it consistent with CARE
  • Expose Service history log as well. Add a section at the bottom. Show "Serviced on" and "Note"

Structuring the Project

๐Ÿ“‚ Structuring the Project

Just revamping our new project by taking out the components and bootstrapping it.

๐Ÿ“ Assigning myself

๐Ÿ” Separate Hospital Listing

โ‰ Problem: Hospital list is growing up on the JSONs ๐Ÿ˜,

๐ŸŽฏ Goal: Lets separate the hospital listing page in the district/hospitals route.

  • Include a minimal search box
  • Shorten the Hospital Card
  • Improve SEO

Assigning myself ๐Ÿ‘”

Enhancement: Opening tag must close after hover

Opening tag must close after hover is over on that particular navbar element . It overlaps on one another when two adjacent dropdown are opened simultaneously.

image

Dropdown must close after hover is over.

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.