Delay based retirement

[mzazrivec]

This enhancement allows for selecting service / vm / orchestration stack retirement date as
a time delay from now (implemented as an angular directive datetime-delay-picker).

Initial landing screen for service / vm / orchestration stack retirement, it shows standard datetime picker
widget allowing to select specific date & time for retirement:

New functionality allows for entering the retirement date & time as a delay from now. After selecting
the option in the new dropdown menu, the following screen is shown:

The screen contains inputs for months, weeks, days and hours from now, when the item in question
would be retired. Additionally, the screen also renders the supposed retirement date.

[dclarizio]

@serenamarie125 besides making the "spinner" controls a bit less wide, do you have any opinions on the looks of the interval selector?

@Loicavenel do you think we need minutes or is that too granular?

[serenamarie125]

IMO, the numbers should be aligned, and yes the fields should be less wide. Are you using the Bootstrap Spinner? FYI PatternFly doc on the pattern can be found here if you're interested: http://www.patternfly.org/pattern-library/forms-and-controls/data-input/#/bootstrap-touchspin

[Loicavenel]

@dclarizio I am a little confused here.. I suspect we are calling it from a VM or Service to extend retirement. Today, the option was to set a Date and we try to be more granular and offer a way to extend X days, minutes etc..
Can I still select the Date directly ? I suspect it is selectable from the first drop list? Should it be a Check a check selection between 2 items..
As first look, this seems very complicated, too many option can we aligned.. Like Days:hours:Minutes on the same ligne..

• Minutes is really granular, I don't think people will push for 1H and 2 minutes.. they will push for 2 hours instead
• Year looks crazy, we should remove it.

@serenamarie125 I think we need a quick mockup here..

[mzazrivec]

Another possible design:

[Loicavenel]

LOOKS GREAT... @serenamarie125 your view?

[serenamarie125]

@mzazrivec can you provide before screenshot as well? What options are in the first drop down "Time Delay from Now"
@Loicavenel can you explain what the extra requirement here is?

[Loicavenel]

@serenamarie125 the other option is to set the date, I don't know what is in the dropdown because before it was just the retirement date that was clickable..
I think we need a mockup with Radio button to select one or the other..
Also, the display of the date could be greatly improved if we do have a Calendar view circling the date.. As end user can have access to this function we should make it easy to read
@dclarizio did you sync up with Chris K on this one? Should we make a component?

[mzazrivec]

@serenamarie125 I added some screenshots into the initial comment.

[dclarizio]

@Loicavenel

@dclarizio did you sync up with Chris K on this one? Should we make a component?

This was an OPS UI RFE that we thought we could get into this release. If you'd like to expand it to both UIs, we can do that, but will add time. Let me know.

[dclarizio]

@Loicavenel bump, see comment above

[Loicavenel]

@dclarizio let's focus on OPS UI first and port it later to SUI

[dclarizio]

@serenamarie125 can you re-review? Thx!

[serenamarie125]

@mzazrivec we are working on some mockups, not ignoring you. Hoping to get an answer to you tomorrow.

[miq-bot]

Checked commit mzazrivec@d4a9003 with ruby 2.3.3, rubocop 0.47.1, and haml-lint 0.20.0
1 file checked, 0 offenses detected
Everything looks fine. 🏆

[martinpovolny]

Merging this. UX feedback will be handled in a separate PR. Sorry.