Coder Social home page Coder Social logo

jui's People

Contributors

jt28828 avatar rflett avatar

Watchers

 avatar  avatar

jui's Issues

Refactor group page conditions

There's a million different conditions for the different buttons on when to show / disable them.

Pls refactor cos it's a bit gross.

Signup and Signin via Socials

The buttons are implemented and the links work but it needs to work end to end with call back URLs and all that fancy stuff.

Groups page popups

Join a group
The setup group invite page has the contents required for this. It will be best to split this into its own component and share it. It's the first few children here.

Create a group
Same deal as join but it's just 1 field which is the group name. The field is here.

Nominate a new group member
Open issue in Jaypi for the API work.

  • Show the list of members in the group in a popup
  • Select a member in the list (it should highlight with a green tick next to it)
  • Two options on the popup - Cancel|Neknominate
  • Reload the groups if you neknominate so all the permissions update

Neknominate new group owner

You should be able to:

  • Nominate a new group owner at any time
  • Leave a group you own, but you get prompted to nominate a new owner first.

Null check thrown on login

It's because the _selectedGroupId is null for some reason, the map that loops through the users groups after login isn't setting it properly.

Or, we need to not render the select group drop down until the _selectedGroup is not null

Implement leaving a group as the owner

If you are the only member of the group AND you are the owner then delete the group.

We just tell the user to nominate someone else if there's other members so no need to prompt for this.

Join or Create a new group

Allow a user to join an existing group
This can be done by:

  1. Entering a group code manually
  2. Scanning a QR code which will auto-fill the group code

Allow a user to create a new group


There needs to be clear validation on this page as there is one next button for both actions. I.e. if the code field isn't empty then validate it, and if the group field isn't empty then validate it. If both are empty then that's an error too. If both fields have content then favour the group code field over the create group field.

A nice to have would be to validate the group code before next is pressed - a green tick or red cross if the group code exists. We can start this with basic code validation (6 chars [a-z0-9]).

After pressing next a toast should appear with the a completion of the appropriate action and then moved to the next screen.

This screen should only be presented after sign in if the user's groups field is null.

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.