Bug 1285499 - [RFE] Replace column control up/down arrows with drag'n'drop behavior
[RFE] Replace column control up/down arrows with drag'n'drop behavior
Status: CLOSED CURRENTRELEASE
Product: ovirt-engine
Classification: oVirt
Component: Frontend.WebAdmin (Show other bugs)
future
Unspecified Unspecified
unspecified Severity medium (vote)
: ovirt-4.1.0-alpha
: 4.1.0
Assigned To: vszocs
Pavel Novotny
: FutureFeature
Depends On: 1172390
Blocks: 1416026
  Show dependency treegraph
 
Reported: 2015-11-25 14:06 EST by vszocs
Modified: 2017-02-28 23:56 EST (History)
5 users (show)

See Also:
Fixed In Version:
Doc Type: Enhancement
Doc Text:
Previously, the column control menu in the Administration Portal, which is accessed by right-clicking on a column header in any of the tables, contained arrows for controlling the order of the columns. In this release, the order of the columns in this menu can be defined by dragging and dropping the column to the required position within the menu.
Story Points: ---
Clone Of:
Environment:
Last Closed: 2017-02-01 09:45:04 EST
Type: Bug
Regression: ---
Mount Type: ---
Documentation: ---
CRM:
Verified Versions:
Category: ---
oVirt Team: UX
RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: ---
sbonazzo: ovirt‑4.1?
pnovotny: testing_plan_complete+
rule-engine: planning_ack?
rule-engine: devel_ack+
pnovotny: testing_ack+


Attachments (Terms of Use)


External Trackers
Tracker ID Priority Status Summary Last Updated
oVirt gerrit 54186 master MERGED webadmin: Improve column control menu 2016-10-06 13:29 EDT
oVirt gerrit 65827 ovirt-engine-4.0 NEW webadmin: Improve column control menu 2016-10-27 14:04 EDT
oVirt gerrit 65919 ovirt-engine-4.0.5 POST webadmin: Improve column control menu 2016-10-31 15:14 EDT

  None (edit)
Description vszocs 2015-11-25 14:06:29 EST
WebAdmin main & sub tab tables support re-arranging columns via up/down arrow icons (context menu triggered by right-click on table header area).

This RFE suggests to replace these up/down arrow icons with drag'n'drop behavior in order to improve the end user experience.
Comment 1 vszocs 2015-11-25 14:10:22 EST
We can leverage jQuery [1] to implement DnD behavior.

[1] https://jqueryui.com/draggable/
Comment 2 Einav Cohen 2015-11-26 09:30:04 EST
if this is too much effort to develop in our current UI, I would prefer to rely on PatternFly's data-table once we will use it.
Comment 3 vszocs 2015-11-26 11:44:02 EST
(In reply to Einav Cohen from comment #2)
> if this is too much effort to develop in our current UI, I would prefer to
> rely on PatternFly's data-table once we will use it.

It's not really a big effort, considering that we already use jQuery in "column control" context menu implementation [1].

[1] org.ovirt.engine.ui.common.widget.table.ColumnContextMenu

It's only a matter of removing up/down buttons and utilizing jQuery "draggable" as mentioned in comment #1. (Infra for re-arranging GWT table columns is already there, this is just a non-infra visual change.)
Comment 4 vszocs 2015-11-26 12:31:45 EST
(In reply to Einav Cohen from comment #2)
> if this is too much effort to develop in our current UI, I would prefer to
> rely on PatternFly's data-table once we will use it.

Looking at DataTables [1] (jQuery plugin), the column visibility & position control can be achieved by DataTables extension called "ColReorder" [2] and I don't think this extension (or any extensions in general) is shipped through PatternFly.

[1] http://datatables.net/
[2] http://datatables.net/extensions/colreorder/examples/
    http://datatables.net/extensions/colreorder/examples/styling/bootstrap.html
    http://datatables.net/extensions/colreorder/examples/integration/colvis.html
Comment 5 Sandro Bonazzola 2016-12-12 09:03:41 EST
The fix for this issue should be included in oVirt 4.1.0 beta 1 released on December 1st. If not included please move back to modified.
Comment 6 Pavel Novotny 2017-01-24 10:24:26 EST
Verified in 
rhevm-4.1.0.2-0.1.el7.noarch
ovirt-engine-webadmin-portal-4.1.0.2-0.1.el7.noarch

Column re-arranging is now done via drag'n'drop instead of the up/down arrows.

Note You need to log in before you can comment on or make changes to this bug.