Describe the bug
The progression bar steps' headers are not matching the headers in the design.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
https://www.figma.com/file/lKKhMFRiepNEjvEG62Fo6n/Joie-updated?node-id=569%3A0

Describe the bug

1. image at the top - please limit to 450px height

2. icons: A. reduce the space between H1 and H2.
   B. the boxes should be clickable as follow:

   • FAQ to the FAQ page
   • Email to the form on the same page
   • Join our family to the social icons on the same page
   • Give us a call + send us a postcard to the address part on the same page
     

3. Form:
   A. I am missing the what's it about the field (not crucial at this point if it wasn't done to save time)
   B. When completing adding data to all the fields, the button becomes invisible.
   Before
   

After

4. Social icons are missing
   

5. Links are missing - 1. here=the teachers onboarding 2. FAQ=FAQ
   

6. design fixes needed for mobile.

Extended DynaForm component to support the following:

• persistentState with storage(maybe by using the 3rd party already integrated in our app)

• property member (flag) to keep added form controls by being removed upon component's OnDestroy.
  so that each step's component form control values will be preserved in form when stepping forward and routing away to another component

Describe the bug
When I clicked on the back button, the information from the screen was not saved.

To Reproduce
Steps to reproduce the behavior:

1. Go to any screen after the first
2. Click on the back button in the browser

Expected behavior
That the information I already added in previous steps will be there.
Also, navigation back should be by clicking on the back-link (needs to be added. see screenshot)

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Create a partner up page as landing page for teacher's onboarding

Describe the bug
Email validation/error message is missing

To Reproduce
Steps to reproduce the behavior:

1. add a wrong email address in the form (no @ or gmil)
2. Click on the next field

Expected behavior
To get an error message (text) Please enter a valid email address.

Screenshots

Describe the bug
There is a typo in one of the items in the activities dropdown

To Reproduce
Steps to reproduce the behavior:

1. Go to account>sessions> new sessions
2. Click on activity
3. Scroll down to Final stability
4. See error

Expected behavior
Should be financial stability

Screenshots

Describe the bug

1. The photo should be the same as in the design.
2. Gallery of teachers - please add the content from figma. It is missing the image.
   
3. Icons and text should be updated.
   

Here are the general rules for sessions:

1. On-demand sessions don't need the date and time and student limitations. They need the duration and upload a video.
2. Live streaming - need the date, time, duration. They don't need the option to upload a video (only intro/thumbnail), and in the end, a link to the session should be created.
3. Course - is a series of sessions. For on-demand, the teacher should upload a couple of videos. Each video will be part of the course "package". The live course - have to have a repeat date (weekly, bi-weekly, etc.) and the number of sessions linked to the course. Each session is a link.
4. For 1:1 coaching a teacher needs to add a few possible timeslots for the session. the student can choose one of them. after a student is enrolled in one timeslot, it shouldn't appear on the available timeslots for this session again. Coaching is only available for live streaming.
5. We should limit the number of students per session (live) based on Kaltura recommendations (Jason sent an email, we are waiting for their answer)
6. Session Activity dropdown:

• Yoga
• Meditation
• Dence
• Exercise
• Pilates
• Nutrition
• Diet
• Self-regulation
• Self-care
• Relaxation
• Stress reduction
• Inner strength
• Social interactions
• Friendships
• Parenting
• Relationships
• Seek meaning
• Individual purpose
• Faith
• Values
• Ethics
• Morals
• Professional development
• Financial stability
• Satisfaction at work

7. Pillars dropdown:

• JoieMovement
• JoieEmotions
• JoieConnections
• JoieSpirit
• JoieProfessional

• Pilar's name is always Joie+PillarName (without space between them and Capital Letter for the pillar name.

8. Repeat dropdown:

• Daily
• Weekly
• Bi-weekly
• Monthly

• Available only for a course session. This means that each session created will be a [the time picked on the dropdown] on the same day and time.

9. The number of sessions field - This field is relevant for a live streaming course. It will be the number of sessions per course and should create a unique link for each session.
   Example: If i am teaching a course of 6 sessions. I will add the number 6 to this field and when a student signs up to it, he/she will get 6 links for each session with their calendar invite.

10. Session video > add a video button should be only for an on-demand course.

Describe the bug

1. log in should appear once the account created.
   2.The name in the header is not the same as in the account
   
2. The let's being should be a button, I want to explore a link (close the onboarding and land on the homepage).
   
3. Continue - a button to the next screen. Skip for now - a link, out to the homepage.
   
4. the subgoals are not clickable
   
5. screen number 4 - I am missing the content
6. Please remove the summary.
7. I can't tell if the back button is saving the data from the previous screen as mentioned in bag #58 please check.

We need to fix the design based on the figma file.

Use library for editing context individually on session page (if is owner)

https://github.com/ngneat/edit-in-place

session form button isn't nested in form. therefor doesn't submit the form on click

Is your feature request related to a problem? Please describe.
the firebase-ui library limits our authentication forms

Describe the solution you'd like
create our own auth module with custom components

Describe alternatives you've considered
sticking to the firebase-ui

Additional context
follow this step by step guide to shorten dev time
https://www.techiediaries.com/angular-firebase/angular-9-firebase-authentication-email-google-and-password/

• module, routing setup
• template (design changed)
• fetching data (mocked)
• submiting data
• update template
• message
• edit event (the whole event)
• view sessions list (all, for specific date)
• add session (from button and from calendar)

it's possible to follow the session creator by referencing the uid and fetch that data from the source but we can save the roundtrip of enquiring more data by storing the teacher name and image url which are unlikely to change often.

• please open a feature request for keeping track of username/image changes so it'll trigger an synced update to owned sessions and renaming the teacher name value

Describe the bug
I am missing the following fields to set up a session:

• 1. Duration - all sessions

• 2. The number of students - for all live sessions including coaching

• 3. The number of sessions - should be after the repeat, and for all live sessions.

• 4. Upload a video - for on-demand

• 5. Upload a thumbnail video/image - for all sessions

Describe the bug
If a teacher exceeds the 300 words limit they should see an error message.

To Reproduce
Steps to reproduce the behavior:

1. 2nd screen on the teacher's onboarding.
2. Add a long text (over 300 words)

Expected behavior
To see an error message: The text entered exceeds the maximum length.

Screenshots

Describe the bug
When logging in with Facebook, an error message shows

To Reproduce
Steps to reproduce the behavior:

1. Go to login
2. Click on Facebook button

Expected behavior
Should be able to log in.

Screenshots
If applicable, add screenshots to help explain your problem.

Is your feature request related to a problem? Please describe.
As session creation form conditionally changes its fields, it is best that it will be dependent on classical inheritance.

Describe the solution you'd like
It's possible to create a base common form with extend groups which can be set by component.

Describe alternatives you've considered
A clean alternative would be to use template driven forms as there would be only template source to build out the form value.

Additional context
Keep in mind the typescript model extenders

Describe the bug
once clicking on the 'view all sessions', a dialogue box opens with the list of sessions, if you click on esc/outside the box/any item on the list, you will get a 404 page.

Screenshots

Describe the bug

1. The button should lead to the open an account pop up
   
2. log in - should lead to the login screen.
3. Join our community - should lead to the create an account screen.
   
4. Pillers squares should be clickable, leading to a search result page with all the sessions under this category.
   
5. The button should lead to the open an account popup.
   The link should lead to join as a teacher page
   
6. The button should lead to join as a teacher page
   

Describe the bug

1. Please add the logo and the text below it
2. can we replace the close with an x at the top right corner (not urgent).
3. Please reduce the number of options to log in. please keep google, facebook, email.

Expected behavior
sign up text + logo

Log in logo + text

design and develop the ui for advanced search in the web app
wai-aria combobox role
https://youtu.be/arMgwKY52Bs?t=671

include a id property in session document because the retrieved snapshot (object) from firestore doesn't include its key id and we need it in order to route to its detail page or reference it in general

Studios can use our platform to live stream their sessions and upload an on-demand library.
Adapt your business to the market’s needs.

Product

Create a studio account based on the following specifications:

• The studio will buy a package based on the number of sessions they want to stream and students.
• The studio will manage its page under one account. Account managing includes setting all the sessions and details of each class and manages the schedule.
• A studio can have different teachers that can teach under the studio account.
• For each session created, the studio needs to associate it with a teacher. The teacher will get a ‘host’ link.
• Both the teacher and the student should sign up for our platform.
• The students should enroll in a session before time because each session can hold up to 50 students.
• Studios have 2 different charging model:
  -- Subscription - a monthly fee for all the sessions (the studio pays a monthly fee, therefore, the transaction fee is lower).
  -- Drop-in fee - for 1 session (the transaction fee is higher).

Platform Adjustments

• Studio identification icon (on the card)
• Studio management page - invite teachers and add them under the studio’s account
• Assign a teacher to a session when opening a session
• Limit the free account - the number of students per class.
• Plan page
  

Describe the bug
Create a 1:1 coaching should be the option to add a couple of available timeslots so that the student can choose from them.

To Reproduce
Steps to reproduce the behavior:

1. Go to account>sessions>create a session
2. Choose 1:1 coaching from the menu
3. Scroll down to add a timeslot

Expected behavior
to have an add more icon to add more timeslots

Screenshots

Describe the bug
After login, the name and the avatar in my account are not updated.

To Reproduce

1. Log in to the account
2. Click on the account tab

Expected behavior
To use the same name and avatar as my account

Screenshots

Describe the bug
After clicking submit your application button nothing happens

To Reproduce
Steps to reproduce the behavior:

1. Go to 5th screen
2. add content
3. click the submit button
4. See error

Expected behavior
To get a success message:
Thank you for submitting your application. We are excited to review it! We will contact you shortly.
Meanwhile, visit our blog to learn more about the spirit of Joie.

https://support.utrust.com/en/articles/4048091-add-utrust-to-your-store

Sync firestore relevant data with meilisearch
https://fireship.io/lessons/meilisearch-firebase-google-cloud/
https://github.com/meilisearch/MeiliSearch

Describe the bug

1. Need to add a question before the checkboxes (see screenshot)
2. The default checked box should be only all of the above

Screenshots

• Let's add a module that handles image uploading and import it to our session form
• I recall google having an image uploader web component so that might be useful
• Use the firebase image resize extension
  https://firebase.google.com/products/extensions/storage-resize-images

Build the contact page
integrate Hubspot embedded form or post contact form value to their forms API

Please replace the cover images based on this list:

Homepage: /r2nJPbEYuSQ (fliped) - 745 px height

In pages: 350 px height

1. Contact - /u3ajSXhZM_U

2. How it works - /mNGaaLeWEp0

3. Mission - /nF8xhLMmg0c

4. Teachers' onboarding - a static image from here

5. Search pillars:

• Movement - /jlLCRz5WMo0
• Emotions - /-dXq3eisKeU
• Connections - /7-gtkXm2b5U
• Spirit - /X00q3RXcyZ4
• Professional - /s9CC2SKySJM

Describe the bug
I would like to add a formula to the phone number to avoid error messages

To Reproduce
Steps to reproduce the behavior:

1. Go to phone number field
2. add a phone number

Expected behavior
It should be a clear format to avoided mistakes. something like:

Screenshots
If applicable, add screenshots to help explain your problem.

Describe the bug
Unless we can get the user's name from the login account (facebook, google) we need to add the option to add a name.

To Reproduce
Steps to reproduce the behavior:

1. Go to login screen
2. Click on login with google/email

Expected behavior
Add a name field

Screenshots

migrate stripe to use the Run Subscription Payments with Stripe extension

https://firebase.google.com/products/extensions/firestore-stripe-subscriptions

Time slots for coaching session are are designed to fit the long session form but are doesn't feel intuitive

Let's try to give it a more approachable ui

Attached are screenshots for xiamoi robot interface for adding scheduled events

Existing time slots

Create new

Starting time

Repeat

Custom repeat

Describe the bug
When creating a session, after entering the basic information and click on submit nothing happens.

To Reproduce

1. Go to account
2. Click on sessions > add a new session
3. add the basic info (without show all details)
4. click submit

Expected behavior
Per my talk with @yinonov it was supposed to save the session details so that I can edit them later. if that's the case the button is not responding. if we decided to change it, the button should not be active until all the fields are completed.

Screenshots

Describe the bug
After completing the form, click on submit > nothing happens.

We need to make sure that the teacher does not have access to switch to a webinar mode from a virtual classroom.

Describe the bug

1. progression bar header should be - Your teaching style.
2. Same for the step header.
3. The question is different than the design. should be -
   What type of sessions are you interested in teaching?
   (You can pick as many as you like)
4. Since we are currently don't have courses, let's reduce the options to: Live streaming group sessions, Live streaming 1:1 coaching sessions, On-demand sessions.
5. I am missing the question (text) before the text box.
   Where can we learn more about your teaching style?
   Share a link to a website, social media profile, or video channel to help us learn about your teaching style.
6. The continue button is not working.

Screenshots
If applicable, add screenshots to help explain your problem.

Describe the bug

1. After log in - the top bar should be changed to the user bar (see screenshot)
2. The logins buttons can be removed

To Reproduce
Steps to reproduce the behavior:

1. Go to log in/sign up
2. Click on one of the options
3. Look at the top bar, right part.
4. See error

Expected behavior
To see the user's name and image (default image if not added)

Screenshots
Area

Should be

updating according to design update

Describe the bug
The icons look a bit blurry

Screenshots

Describe the bug
The phone number is limited to 7 numbers but needs to be 10-11 numbers.

To Reproduce
Steps to reproduce the behavior:

1. Go to teachers' onboarding, screen 1
2. Click on phone number

Expected behavior
It should be able to have 10-11 numbers (North America's format 1-111-111-1111)

Screenshots

Is your feature request related to a problem? Please describe.
We need the FigureImage component to be able to display image as a background

Describe the solution you'd like
Position absoulute and transclusion might help

Additional context
Add any other context or screenshots about the feature request here.
expected appearence: