Skip to content
This repository has been archived by the owner on Jun 19, 2023. It is now read-only.

MULTIPLE - SELECTION - As an OC user I want to be able to do the same action over more than 1 file/folder so that I don't have to repeat the same action several times #602

Closed
4 tasks
rperezb opened this issue Mar 11, 2016 · 23 comments

Comments

@rperezb
Copy link

rperezb commented Mar 11, 2016

AC:

How to access

  • Under the current "..." button, include a new option called something such as: multi-select.
  • When this option is selected, the user is on the "multi-selection mode" so that he may select as many files/folders as wanted. Buttons to select will be shown on the left side: https://cloud.githubusercontent.com/assets/6570505/13770690/1e9e9ade-ea89-11e5-9b21-bc9f4437d495.png
  • As soon as the user has selected one item on the top left bar will appear the menu button "..."
  • Under the menu button "..." it will be included the option:
    • Delete (for the moment, we will only include this option in future issues we will keep adding features, expected: move, favorite, unfavorite, download)
      +

-Once the user selects delete It will be offered the options to select which kind of deletion the user wants: locally or from server. This option

  • If a file is favorite, it can be only removed from the server side. Being favorites data selected, they won't be removed when the option is "locally"
  • As soon as the user selects the option that he wants to take place, the option is started and the multiselect menu in closed
  • Cancel button will be placed top bar right, by clicking on it, the multi-selection mode will be closed withouth doing any action

***** This user stories is under definition process, ideas are welcome! ****

call for @owncloud/ios-developers @owncloud/designers @MTRichards @cmonteroluque

Final Design

(As explained here #602 (comment))

  • 1) Options tapping in "more" button:

multi-selection 1

  • 2) After select "Select" option appear the "Edition" interface:

multi-selection 2

  • 2.1 Checkbox selection. The user can select one or more items of the list.

2.2 Selection. The options button of the Navigation Bar changes to enable once the user has selected one item.

multi-selection 3

  • 3) Options. Once the user tap in "options" button, the options available for that selection appears.

multi-selection 4

The options "Available offline", "Download Files", "Delete" and "Rename" are direct action, the user taps and the action happens, maybe a pop up informative appear indicating the the action happened properly.

@rperezb rperezb added this to the backlog milestone Mar 11, 2016
@nasli
Copy link
Contributor

nasli commented Mar 11, 2016

Another option is to add checkmarks as it is shown on the following image

simulator screen shot 11 mar 2016 12 52 19

@nasli nasli added the Design label Mar 11, 2016
@nasli
Copy link
Contributor

nasli commented Mar 15, 2016

Or with radio buttons:
screen shot 2016-03-15 at 08 35 22

@rperezb
Copy link
Author

rperezb commented Mar 16, 2016

I'd rather radio buttons besides it's aligned to Android implementation

How have you thought to enter in this mode?

@jancborchardt your input?

@mRoRo
Copy link

mRoRo commented Mar 16, 2016

radio buttons +1

@javiergonzper
Copy link
Contributor

👍 to the "radio buttons" 😄

@jesmrec
Copy link
Contributor

jesmrec commented Mar 16, 2016

Checkmarks are nicer (i mean :) )

@MTRichards
Copy link

@jancborchardt please weigh in on your opinion.

@ghost
Copy link

ghost commented Mar 24, 2016

checkmarks seem more iOS-y to me, don't you think? It's a pretty similar implementation so I don't think it would be hard to figure out to users.

@MTRichards
Copy link

A new adjective, iOS-y :)
I personally agree with the checkmarks, I think it looks clean and more modern iOS-y as well. The circle check radio buttons look older iOS to me.

@mRoRo
Copy link

mRoRo commented Mar 28, 2016

We should bear in mind that where checkmark is placed, we also show sharing icons. Maybe we could hide them or similar.

simulator screen shot 28 mar 2016 10 23 46

@jancborchardt
Copy link
Member

The check boxes on the left are definitely the better choice:

  • they are more connected to the name of the file and the preview/icon
  • it’s aligned with how we do it in the web interface (and in Android as well)
  • it doesn’t interfere with the sharing icons on the right and any possible future 3-dot menu we might want to place there
  • it’s done similarly in iOS Mail, Dropbox, Google Drive etc.

The checkmarks are way too invisible for this and it’s not entirely clear what they mean. It’s not immediately identifiable as multiselection.

@jancborchardt
Copy link
Member

Oh and the 3-dot menu on the top right is great!

Then yep, the bar on the bottom with the actions. For now only delete, and then in the future we can have further actions there like favorite, move etc. (with icons ideally).

@Grimeton
Copy link

Grimeton commented May 7, 2016

Hi,

Can we also add this feature to the sync list? Sometimes when I upload new pictures from my photos and I'm not sure if I uploaded them already, I upload them again. Then I get tons of sync errors where I have to check if I want to change the name, overwrite or delete them through a left swipe. When you have to delete 30 sync errors to make the red bubble at the bottom go away it's rather annoying todo it one by one and swipe to the left 30 times.

So it would either be nice the red bubble at the bottom disappears after looking into the sync list or to have an option to select multiple errors and mark them as read/delete them at once.

Thanks a lot!

KR,

Grimeton

@rperezb
Copy link
Author

rperezb commented May 9, 2016

@Grimeton you are right, it's needed to have the option to remove all failed uploads at once.

However, this feature is slighly differente to the one within this issue, so let's open a new ticket for a better tracking

@davivel
Copy link
Contributor

davivel commented Apr 11, 2017

Sorry, but we need to drop issues from milestone 3.6.0 to get it out next to OC 10 server.

This time we'll move topics to backlog instead of directly to next release, so that we can schedule 3.7.0 properly.

@cdamken
Copy link

cdamken commented May 5, 2017

Sorry, but we need to drop issues from milestone 3.6.0 to get it out next to OC 10 server.

@davivel oC10 is now available, its it possible to add a milestone now?

@michaelstingl
Copy link
Contributor

@cdamken 3.6.0 hasn't been released yet. So no milestone yet.

@michaelstingl
Copy link
Contributor

Changing "Available offline" status should be possible for multiple selected files/folders.

@nasli
Copy link
Contributor

nasli commented Aug 3, 2017

Close to start working on this, any design suggestions or mockups @ggdiez?

@ggdiez
Copy link
Member

ggdiez commented Aug 14, 2017

Hi,

This is my proposal for this feature based in the new UI design #927

I going to describe this design:

  1. Options tapping in "more" button:

multi-selection 1

  1. After select "Select" option appear the "Edition" interface:

multi-selection 2

2.1 Checkbox selection. The user can select one or more items of the list.

2.2 Selection. The options button of the Navigation Bar changes to enable once the user has selected one item.

multi-selection 3

  1. Options. Once the user tap in "options" button, the options available for that selection appears.

multi-selection 4

The options "Available offline", "Download Files", "Delete" and "Rename" are direct action, the user taps and the action happens, maybe a pop up informative appear indicating the the action happened properly.

  1. Move and Copy

"Move" and "Copy" are different actions because needs a interface to select the destination of the selection.

Each "Move" action will only have one destination and each "Copy" action will only have one destination like Android app.

So "Move" and the "Copy" actions has the same interface changing "Move" word to "Copy". I'm going to show the Move action.

Once the user taps in "Move" action the "Select destination" interface appear from below.

multi-selection 5

In this screen the user can see a list ordered first by folders and then by files, but the files will appear in a disabled mode. That it's only to indicate the user a reference of the current folder contain.

In the subtitle of each folder will appear the folders that has inside, if a folder has folders inside the depth arrow appear in enable mode indicating that the user can navigate inside the folder.

multi-selection 6

The user only can select one option, and when select one option the "Move" button will change to enable mode. Until the user taps in "Move" option can change the selection. Once the user taps in "Move" the file/files will be moved to the destination.

multi-selection 7

Here a video with an example of use:

https://owncloud.solidgear.es/index.php/s/Y5OuRFe0M5iG3gY

What do you think about this proposal for the iOS UI?

cc @michaelstingl @nasli @pablocarmu @davivel

@michaelstingl
Copy link
Contributor

@ggdiez Very cool!

@nasli
Copy link
Contributor

nasli commented Aug 24, 2017

Latest design updated in initial comment.

@jesmrec jesmrec modified the milestones: backlog, 3.8.0 Oct 3, 2017
@jesmrec jesmrec modified the milestones: 3.8.0, 3.7.2 Oct 17, 2017
@nasli nasli modified the milestones: 3.7.3, backlog Jan 8, 2018
@michaelstingl
Copy link
Contributor

This got implemented in the successor of this ownCloud app. You can test with the TestFlight beta.

Here you can find more information:
https://owncloud.org/news/working-brand-new-ios-app-sdk/

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests