Re: Emy list editing

48 views
Skip to first unread message

Hello Gurus

unread,
Apr 21, 2013, 3:24:03 PM4/21/13
to iphone...@googlegroups.com
Hi Will,

What do you mean exactly by list editing?
This mailing-list ?
A specific demo app?

Or a real UI component like this:
http://photos.appleinsider.com/12.01.04-Editing.jpg

This last screenshot could be a nice plugin/extension module, definitely something i'd be happy to work on with someone.
Splited in two different jobs:
- create all CSS new classes for the edit mode (new UI elements & buttons)
- Javascript code to toggle between the two modes, and how to delete a list element
- Javascript callback method when user tap the "Done" button

Not a 20min job btw...

What about a bounty?

Remi

Le 20 avr. 2013 à 19:27, Will Hartung <willh...@gmail.com> a écrit :

> I know, it's early, and I'm quite new to this.
>
> The demos look great, what little I've seen.
>
> My simple question is whether we'll be getting the Edit capability on Lists/TableViews any time soon. Or is there something somewhere that already lets us do that readily.
>
> --
> You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to iphonewebdev...@googlegroups.com.
> To post to this group, send email to iphone...@googlegroups.com.
> Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>

Remi Grumeau

unread,
Apr 22, 2013, 8:05:25 AM4/22/13
to iphone...@googlegroups.com
The shared concept is to keep the main core files small & clean. 
At this stage, both library are mainly ready-to-use CSS UI elements + a bit of Javascript to deal with sliding transitions, browser back & forward buttons & ajax submission. 
That's pretty much it.
That's why any other functionalities like Themes, Google Analytics or Extended Styles plugins (and so would this edit/validation) are separate files. And why you won't find anything like this in iUI neither Emy at the moment.

That said, we have something very interesting here for a nice plugin!
Two different ways to handle edit / delete a list

This first one (very iPhonish in fact)

Or this second one
Where you select row by row, and hit "Delete selected".

Like in the iOS Mail app, and in pretty much all other platforms in fact

So as a cross-platform library, my $0.02 would be to implement something similar than this, rather than the touchscreen-only iPhonish first solution.

Plugin should then:
- Listen for the aftertransition event and check if a data-editablelist attribute is set on the active view node
- Add and "Edit“ button
- If tapped, a class "editable" might be added to the view's node, and each list item should get a delete toggle element.
- Once "Delete selected" is fired, all selected element should get deleted form the list
- A callback function should return all deleted elements ID.

In fact, it really sounds more like an editing plugin more than a delete plugin, since the callback should returns you the selection, then you should be able to do whatever you want with it.
Use cases could be: mark as read, mark as unread, delete, keep only those and remove others, send a grouped email to those selected people, set as done … endless use cases in fact.

So i guess the callback function should only return the selection, then the developer decides what to do with it.
And a few cases could be pre-built, like removeItems for example.

Any Javascript dev to handle this (or just a part) ?
Would a bounty (https://bountify.co) would decide some dev to handle this task?


Remi


Le 22 avr. 2013 à 00:30, Will Hartung <willh...@gmail.com> a écrit :



On Sunday, April 21, 2013 12:24:03 PM UTC-7, Remi Grumeau wrote:
Hi Will,

What do you mean exactly by list editing?
This mailing-list ?
A specific demo app?

Or a real UI component like this:
http://photos.appleinsider.com/12.01.04-Editing.jpg

This. The "standard" TableView editing look and feel. You have the "+" button in the upper right, to add things, and a "Edit" button. When Edit is click, text animates and slides over and the icons slide fade in, tap an icon, a delete button slides in, and then the row deletes and is animated away. Finally, the Done button is tapped and the icons fade away and the sliding is reversed.

I just wasn't sure how far the vision was of where this toolkit would go, or where iUI was currently, if it had a similar kind of functionality.

Remi Grumeau

unread,
Apr 27, 2013, 9:14:16 AM4/27/13
to iphone...@googlegroups.com
Btw, added to the milestone list:

Anybody to work on that?


Remi
To unsubscribe from this group and stop receiving emails from it, send an email to iphonewebdev+unsubscribe@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages