[Megalist] Steps before quasar branch is production-ready

[tiltec]

Design/UI related

• implement forgot your password UI
• make the wall look sexy
• implement the verify your email address view (the one that the verification email sends you to)
• implement the page to send out group invitations
• on the desktop group detail menu thing, implement the corresponding pages for the buttons:
  • edit group
  • invite users
  • show public group info
  • leave group (with a confirmation dialog or something)
• make pickups page have all the features
  • join/leave
  • display users
  • display full/empty
  • display store (if on group page)
• implement store create
• implement check/manage pickups UI/UX
  (have a bit of a rethink about how the existing thing works, and decide after that)
• make the group/store descriptions not be as big as a book if they put a book in the field
• settings page
  • edit details (name, description, etc...)
  • make sexier,
  • resend email verification button/dialog/whatever
  • Change password
• mobile view
  • hide all the buttons when you are not logged in (splash screen thing)
  • store page have white background (make it clearer that you can click things, maybe it's too small, well, basically rejig the a bit to make it nice)
  • mobile pages makes the footer hide sometimes if it makes the address bar hide (not reproducable for Lars)
  • add logout on sidenav
• mobile footer buttons do not become active when on the page
• A Store list Background
• Fix margins in mobile wall
• Make Footer color nicer
• Link Hover-color should not be primary
• Manage Pickups button
• Pickups: remove buttons
• Pickups "slots" ui:
  • when there are >1 available slots, it looks like I can freely choose which one to go in, could have only the next available slot look available, the rest greyed out
  • ordering, when I join a pickup and somebody else is there, I end up first! I guess these things aren't explicitly ordered, maybe they are somehow always reversed ordered so doing .reverse() would JustWork
    (...potentially we need to add an explicit join model in the backend so we can order by signup date explicitly)
• bug: https://karrot-dev.foodsaving.world/#/group/1/store/2/pickups
  1. load that page
  2. select a different store on the left
  3. press "pickups" on the bottom menu
  4. changes the store back to my original one
• Empty Pickups Message: Use correct singular / plural version
• Profile pictures are not always shown on pickuplist
• Add groupPicker somewhere
• users should be hidden on groupMap usually (or bounds should be calculated without users)
• when on store page, highlight store (opacity, move?, zoom? on the map
• Add right meta info to pages (which ones?)
• check breadcrumbs
• add all UI components to storybook (some are missing, e.g. user page)
• display a loading thing after sign up (when it loads group data)
• make language selection available in logged out views (group gallery, group info, login, signup)
• put a carrot on the login page?
• add in our beta/ liability warning... like on existing one (maybe just on signup)
• fix: login form shakes on initial load
• add a join pickup confirmation step (maybe a nice friendly message, perhaps show the other users, try to make them be nice responsbile foodsaving citizens), and when leaving ("are you sure the other people can reaaaaaaaaaaaaly do this withou you")

Store & Logic - Related

• make sign up process basically work
• make sign up page only available when logged out
• implement forgot your password logic
• implement the verify your email address view (the one that the verification email sends you to)
• implement invitation stuff in frontend (ask tilmann for more details)
  • implement the page to send out group invitations
  • accept invitation via link from email (has to do a bit of logic, look at angular frontend for info)
• implement history pages (group/store)
• ... and also write new wallpost message
• group description page should have private description, not public
  • select group needs to make sure to use the get group info from the api and store it seperatrelye from the list of public group info
• add lots of tests
• make some of the naming/conventions more consistent
  • have actions not pass options in object, just pass in value (but keep mutations as objects)
  • index all stores by id, and have id list (make helper for it)
  • make sure all components can work in storybook and work in tests
• try and find a way to make the no router-link erros
  • in storybook could probably just define a global one on Vue
  • the jest stuff SHOULD make it possible to stub it, but couldn't find out how
• error handling
  • http error handling (toasts?)
  • redirecting and sutff
• loading stuff
  • show API loading
  • general request loading stuff?
• fix the websocket updates, not sure what happened there...
• make topbar search autohide? (click elsewhere, press esc), add keyboard shortcut to open search
• implement pickup feedback page
• find a place to start putting site/branding customization options, first field "site name", default to foodsaving worldwide
• currentUser is not set after login (reproduce: 1. logout 2. refresh page 3. login 4. see pickuplist in store with pickups you are part of)
• make group map "reset bounds" (overview button work) or remove it if you can't be bothered
• Fix route on profile page
• add sentry/raven error reporting (Just before production?)
• make e2e tests (testcafe) work with mocks backend or real backend
• check for problems: user doesn't have currentGroup set and visits a non-group page (e.g. user page)
• upgrade postcss-loader to > 2.0.0 (currently breaks yarn dev, PostCSS config not found)
• upgrade vue to > 2.4.0 (breaks quasar, awaiting PR merge close #6097: Allow defining optional inject dependency with default values vuejs/vue#6322 )
• upgrade vue-loader to > 13 (break yarn dev, Failed to mount component)
• groupInfo / group join: handle wrong group password, also when the user has to sign up in between
• redirect to current group after login (not groups gallery)

Question / Waiting

• when logged out make header go away, or just remove the buttons that don't make sense (Should there be a toppar anyways, or just a splash screen?)
• keep track of the issue on vuex-conenct that prevents us using slots (then move the OPEN SIDENAV button back to its rightful home)
• consider general approach for form/dialogs/steppers/etc (maybe with vuelidate?)
• try and unify between desktop and mobile the active "action menu" for the current item (either group or store) - they will be different components, but the same logical structure
  • ... and similarly the "site action" menus (the top right on desktop, and sidenav on mobile)

[nicksellen]

the jest stuff SHOULD make it possible to stub it, but couldn't find out how

I created a global component that you can register globally... good enough I think

[nicksellen]

the jest stuff SHOULD make it possible to stub it, but couldn't find out how

... and even better I use createLocalVue now from the vue test utils

[nicksellen]

vuejs/vue#6322 was merged 6 days ago now :) ... but does not seem to be part of a release yet https://github.com/vuejs/vue/releases

[ghost]

@tiltec, @nicksellen , @D0nPiano , @NerdyProjects , @jeromechrist I am the new enthusiast , i would love to contribute to the project ! I m new to the open source field , will anyone please help me where to start ! btw i knew web development , i think i can help but not sure how to start here!

[nicksellen]

Seems vuejs/vue#6322 should be fixed in latest version now so can upgrade hopefully...

[nicksellen]

Ah, you did it already. Oh, and ticked it. Brain/eye combo not working.

[nicksellen]

Finished! (sort of). In this case "ticked" means either a) it is done, or b) I have created a seperate issue for it. So, very soon we will switch quasar branch to master branch and resume a pull request workflow.