d-cent / patterns

Patterns for d-cent UI development
4 stars 3 forks source link

DESIGN Layout for Microblog component #2

Open jaakkokorhonen opened 10 years ago

jaakkokorhonen commented 10 years ago

For comments. Needs to be deep-linked to an anchor pointing to an image, header, list, chapeter etc. on the page. Microblog comments could be saved to d-cent, consumed by notifications engine, shown in activitystream and shared to other services.

Apart from commenting/microblogging/sharing, document component/anchor item could be edited and/or annotated.

where are we putting sharing and invitation functionality?

jaakkokorhonen commented 10 years ago

Maybe have room for positive/negative switch too as in https://github.com/d-cent/democracyos/issues/21 These should have same codebase, just different class/html parameters.

jayapapaya commented 10 years ago

So, microblog should have both for/against as well as the ability to vote the comment up or down? (as in appgree)

jaakkokorhonen commented 10 years ago

I would expect to see several variants of the microblog, namely: 140 instead of 297 chars. Thumbs, +/-, mark read, etc versions. Yourpriorities-style for/against flip switch. Gallup-style selection of prefilled options. Comments of comments of comments enabled.

There shouldn't be any reason not to have pilots make themselves different js applications that take advantage of AS2 data.

jaakkokorhonen commented 10 years ago

It should have functionality icon as watermark as in http://oikeusministerio.github.io/tyylit/patterns/01-molecules-04-forms-00-search/01-molecules-04-forms-00-search.html, enter posts the string, and clicking the icon posts the string.

And chars left -counter as in http://oikeusministerio.github.io/tyylit/patterns/01-molecules-04-forms-02-basic-fields/01-molecules-04-forms-02-basic-fields.html

jaakkokorhonen commented 10 years ago

Yourpriorities-style for/against flip switch could be a button-group http://oikeusministerio.github.io/tyylit/patterns/00-atoms-06-buttons-01-button-groups/00-atoms-06-buttons-01-button-groups.html