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

Add Location Dropdown to Login page #75

Open
4 tasks done
divlogic opened this issue Sep 6, 2019 · 0 comments
Open
4 tasks done

Add Location Dropdown to Login page #75

divlogic opened this issue Sep 6, 2019 · 0 comments
Assignees
Labels
Projects
Milestone

Comments

@divlogic
Copy link
Collaborator

divlogic commented Sep 6, 2019

Facts: This site will be used by 5 locations. Several staff members work at multiple locations. When you login you should only be able to see one location’s queue at a time.
So: When a user logs in, they need to confirm which location they’re at. (At Account Creation, their admin will have listed the locations they’re permitted to see/edit). SIGN IN OnClick should confirm password and location they’ve selected is permitted.
This card will reach Done status when:

  • Create a folder in src>components called globalStyles. (This is where we’ll make all of our form elements: Dropdown, text input, submit button, radio buttons, checkboxes, the ideaLab logo, etc.;)
  • Create & style a dropdown component, where a user passes in the options & onClick as props
  • Style the dropdown just a little, to be more than the default html styles. For now, practice removing the blue highlight when the dropdown is selected (a pet peeve of mine) and play with making the drop arrow sleeker.
  • In src>components>Login>LoginManager.jsx, import Dropdown from ‘../globalStyles/Dropdown’, and pass in location options & onClick -> save to LoginManager state

Notes on this card:
This is laying the groundwork for Code For Denver’s component library! Exciting stuff!
Dropdown stylings can be very difficult and frustrating! Please reach out! Play with this CodePen to get an idea: https://codepen.io/fabriceleven/pen/qOmNPG

@divlogic divlogic added this to the Frontend: Automated Queue milestone Sep 6, 2019
@divlogic divlogic added this to To do in ideaLab via automation Sep 6, 2019
@divlogic divlogic moved this from To do to In progress in ideaLab Sep 6, 2019
@minerkt88 minerkt88 mentioned this issue Sep 10, 2019
@minerkt88 minerkt88 moved this from In progress to Review in progress in ideaLab Sep 10, 2019
@minerkt88 minerkt88 mentioned this issue Sep 17, 2019
@ethoreson ethoreson moved this from Review in progress to Reviewer approved in ideaLab Sep 24, 2019
@divlogic divlogic moved this from Reviewer approved to Done in ideaLab Oct 11, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
ideaLab
  
Done
Development

No branches or pull requests

3 participants