Skip to content
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.

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

Plan Basic UI #674

Merged
merged 28 commits into from
Dec 5, 2024
Merged

Plan Basic UI #674

merged 28 commits into from
Dec 5, 2024

Conversation

davidmoore1
Copy link
Contributor

@davidmoore1 davidmoore1 commented Aug 21, 2024

  • Make sure all necessary files are copied to the PWA from SAB
  • Create an entry in the slide drawer that takes you to a Plans route
  • Design for plan page that can contain 1, 2 or 3 tabs (for "My Plans", "Choose Plan", "Completed Plans" (note: completed plans is not handled in this issue)
  • Display a list of all plans in the choose plan tab of the plans page
  • Display plan detail page for an available plan that displays two tabs, the plan information tab and the plan calendar tab
    • data for the plan (planConfig and planData)
    • Tabs
    • Icons for the tabs
    • styling issue: width
  • A plan information tab that will allow the plan to be opened or continued
    • Image, title, duration, description
    • Start plan button
  • A plan calendar tab that displays a day-by-day list of the references for that day
    • Day tabs with the references for each
    • Fix styling of day tabs:
    • Test multiple references in a day
    • Checkboxes
    • References can link to scripture (if it’s a started plan)
    • Back arrow (going to either my plans or choose plans based on the state)
    • Tab is initially positioned to the current entry (if started)
  • A "My Plans" page that shows all open plans. (needs to keep track of the state of the plan)
    • Ui
    • Plan state
  • Display a plan detail page for an open plan that shows the plan information tab, the plan calendar tab, and the plan settings tab
  • The plan settings tab will be limited to just a "Plan Close" at this point from an open plan and limited to a "Setup Completed" with a continue button when starting a plan.

@davidmoore1 davidmoore1 marked this pull request as draft August 21, 2024 21:02
@davidmoore1 davidmoore1 mentioned this pull request Aug 21, 2024
25 tasks
@davidmoore1 davidmoore1 force-pushed the feature/plan-basic-ui branch 2 times, most recently from 3475084 to d9109d8 Compare October 31, 2024 13:17
mikaylahubbard and others added 24 commits December 2, 2024 13:26
- added plans to the sidebar - still need an icon
- tried to do the routing for plans, but I don't
quite understand what I'm doing, so it's rusty,
but it seems to navigate from the sidebar?
done/started:
- routing that takes you to the plan detail page
 when you click on a plan (only works with the
 plans under the choose plan tab - needs work)
 - initial set up of the plan detail page with
 two tabs: info and calendar
 - display data/ui for the info tab
 - display data/ui for the calendar tab
 - in calendar, clicking on a day will display
 the refs for that day
 note: the detail page was designed with the
 assumptiion that it's an unstarted plan

to do/needs work:
- databses and related issues
- json is only showing the first word of a string
- icons for the tabs in the detail page
- checkbox image for references under the calendar
- styling:
    - width isn't right
    - especially noticed on the calendar tab, the
    css styles are not being found/applied
    (I also added some css styles that were from
    the inspection of the android to test some
    things, and that should be taken out)
- there are no examples with multiple refs in a
day, so I'm not 100% sure that part of the code
works as it was untestable
- changed the <input> to <div> to allow for icons
- created an InfoIcon for the info tab
- used CalendarMonthIcon for the calendar tab

note: it seems that the color of the icons is
not being styled correctly
Included changes to convertStyles to add styles that have not been sent to PWA from SAB yet for plans
…roper locations based on the plan being active or not
…rence by checking for first reference for day that is not completed
@davidmoore1 davidmoore1 force-pushed the feature/plan-basic-ui branch from dcd9db1 to c5bbc7d Compare December 2, 2024 21:30
@davidmoore1 davidmoore1 marked this pull request as ready for review December 3, 2024 16:37
@davidmoore1 davidmoore1 requested a review from chrisvire December 3, 2024 16:37
Copy link
Member

@chrisvire chrisvire left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!

Let's create another PR to move code that is common to both the PWA and convert to /src/lib/shared so that we know that code in this folder has to work with both code locations (and can't have references to stores and such).

@davidmoore1 davidmoore1 merged commit 70fff96 into sillsdev:main Dec 5, 2024
2 checks passed
@davidmoore1 davidmoore1 deleted the feature/plan-basic-ui branch December 5, 2024 13:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants