Coder Social home page Coder Social logo

bacalao's People

Contributors

2color avatar arik-edelstein-sociomantic avatar daniel-norman-sociomantic avatar davide-ramaglietta-sociomantic avatar josh-wilson-sociomantic avatar leandro-lucarella-sociomantic avatar wolfgang-niederhoffer-sociomantic avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bacalao's Issues

Sassy React - trouble and approaches

react components don't like compiling sass across multiple files. I'm exploring some resolutions, but right now including the nessie _init at the top of an individual component's scss file breaks the react compiler..

Mermaid is built with a different react structure https://github.com/sociomantic/plankton/tree/master/mermaid/chrome-react that @damian-rodriguez-sociomantic was able to style sassily without too much trouble.

we could also look into going the route facebook has gone, implementing a componentized, JS-ized, inline styling. If we're going to go full react in this case, maybe we go full facebook styling.
https://github.com/facebook/css-layout

@josh-wilson-sociomantic lets investigate further and decide on a path for this experimental tool that will hopefully yield some benefits to other mission critical projects at some point

Implement client side error handling

If a request to the API failed(e.g. saving an event) the following should happen:

  1. an failed request Action must be dispatched (important to contain cid(a unique client id) in the action payload)
  2. The store will find the failed entity(most likely an event) with the help of the cid
  3. The store will set a new property e.g. failedAPI to true.
  4. A change event is triggered
  5. App state is updated
  6. Re-render of that event with a try again button which will attempt to send again to the api

The problem with the suggested approach above is, the user doesn't know why the request failed.
Hence it may be useful to introduce a new notifications or errors store which will also listen to any action which should in turn notify the user. Accordingly, a notifications component could render all notifications which haven't been read(read property which could be saved in the store)

New event form styling

The missing date input and plus and minus buttons are in a different issue.

The button is to be titled 'Create and join'

Currently:
screen shot 2015-04-07 at 12 41 02

Wanted:

screen shot 2015-04-07 at 12 40 41

Event header styling

  • The event header need to be sized correctly
  • The font colour of the address is blue
  • The venue name is black and the font size is smaller
  • There's a separator between the time and the venue/address

screen shot 2015-04-07 at 12 10 55

Bug reports

Please report any bugs you found in the comments.

Yammer login

Implement yammer login in addition to Facebook.

Event info styling

  • Add 'Description' above the descrption.
  • The avatars go on the right hand side.
  • The avatars are circular
  • Ensure the avatars have a size so it's not determined by the image size.
  • Write how many places are left.
  • style the number of places left(blue slightly bigger, red if one left) I can take care of adding the css classes if needed.

The design shows empty circles for places available. Please ignore this for now.
In the future we will hide some avatars if an event is attended by a large number of people.

screen shot 2015-04-07 at 12 10 55

Fix double events on the creating clients - Socket and HTTP response

Currently:
The client creating the event calls the createdEvent action creator twice (once for the HTTP request response and once for the event triggered by the socket and distributed to all).
The matching of information from the response is done based on the _id and cid.
The cid is an ID unique to the client and comes back in the HTTP response. The cid is omitted from the socket response because it's propagated to all connected clients.

The bug is that sometimes with the two responses there are as duplicate entries on the client side.

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.