Weekly Dev/Design Meeting: Discovered Hosts

Development
1

https://docs.google.com/document/d/1BNxtczgB2_C6-rzdBwP7Mq3bwbUK7J6__qZe_EGGjE4/edit

Discovered Hosts

Presented by Izap

··· -

Icon use and color does not comply with PatternFly or with other uses in
the application

Org/Location is not tracking the context selected by the user for
Org/Location

Reboot All, Auto Provision All should be added to Select Action button

Redundant info on the Highlight - IP address, maybe change to Primary IP

Expand All button should be grouped with accordion, not with actions.

Remove Back button, implement bread crumb.

Change Delete from Red to Grey

Move Highlights next to Interfaces with the Accordion below both of
those that can take up the entire width of the page reducing truncation of
information.

Priority counter should use patternfly touchspin,
http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin

This combo select button users find confusing and are prone to click
error… just a note that a long term strategy should be identified to fix
it. I’m specifically referring to buttons that utilize the small chevron
box on the right as the drop down action.

Style of modal doesn’t follow PatternFly
(http://www.patternfly.org/pattern-library/widgets/#modal)

Change “Close Button” to “Cancel”

“Create Host” - name is inaccurate, possibly change to “Customize”

Determine which button is more common, “Quick Create” or “Create Host”
and color the more common action blue.

Warning be placed at the top.

Discovered Hosts empty state should be similar to empty state of Hosts.

2

Thanks Roxanne,

I've created a tracking ticket for the changes:

LZ

··· On Thu, May 25, 2017 at 9:32 PM, Roxanne Hoover wrote:

https://docs.google.com/document/d/1BNxtczgB2_C6-rzdBwP7Mq3bwbUK7J6__qZe_
EGGjE4/edit

Discovered Hosts

Presented by Izap

Icon use and color does not comply with PatternFly or with other uses
in the application

Org/Location is not tracking the context selected by the user for
Org/Location

Reboot All, Auto Provision All should be added to Select Action button

Redundant info on the Highlight - IP address, maybe change to Primary
IP

Expand All button should be grouped with accordion, not with actions.

Remove Back button, implement bread crumb.

Change Delete from Red to Grey

Move Highlights next to Interfaces with the Accordion below both of
those that can take up the entire width of the page reducing truncation of
information.

Priority counter should use patternfly touchspin,
http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin
http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin

This combo select button users find confusing and are prone to click
error… just a note that a long term strategy should be identified to fix
it. I’m specifically referring to buttons that utilize the small chevron
box on the right as the drop down action.

Style of modal doesn’t follow PatternFly (http://www.patternfly.org/
pattern-library/widgets/#modal)

Change “Close Button” to “Cancel”

“Create Host” - name is inaccurate, possibly change to “Customize”

Determine which button is more common, “Quick Create” or “Create Host”
and color the more common action blue.

Warning be placed at the top.

Discovered Hosts empty state should be similar to empty state of Hosts.

–
You received this message because you are subscribed to the Google Groups
“foreman-dev” group.
To unsubscribe from this group and stop receiving emails from it, send an
email to foreman-dev+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

–
Later,
Lukas @lzap Zapletal

3

Thanks! If additional work is needed from me including mockups, etc. please
do not hesitate to reach out!

··· On Friday, May 26, 2017 at 6:58:28 AM UTC-4, Lukas Zapletal wrote: > > Thanks Roxanne, > > I've created a tracking ticket for the changes: > http://projects.theforeman.org/issues/19681 > > LZ > > On Thu, May 25, 2017 at 9:32 PM, Roxanne Hoover > wrote: > >> >> https://docs.google.com/document/d/1BNxtczgB2_C6-rzdBwP7Mq3bwbUK7J6__qZe_EGGjE4/edit >> >> >> Discovered Hosts >> >> Presented by Izap >> >> >> >> >> - >> >> Icon use and color does not comply with PatternFly or with other uses >> in the application >> - >> >> Org/Location is not tracking the context selected by the user for >> Org/Location >> >> >> - >> >> Reboot All, Auto Provision All should be added to Select Action button >> >> >> >> >> >> >> - >> >> Redundant info on the Highlight - IP address, maybe change to >> Primary IP >> - >> >> Expand All button should be grouped with accordion, not with actions. >> - >> >> Remove Back button, implement bread crumb. >> - >> >> Change Delete from Red to Grey >> - >> >> Move Highlights next to Interfaces with the Accordion below both of >> those that can take up the entire width of the page reducing truncation of >> information. >> >> >> >> >> >> - >> >> Priority counter should use patternfly touchspin, >> http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin >> >> >> >> >> - >> >> This combo select button users find confusing and are prone to click >> error… just a note that a long term strategy should be identified to fix >> it. I’m specifically referring to buttons that utilize the small chevron >> box on the right as the drop down action. >> >> >> >> - >> >> Style of modal doesn’t follow PatternFly ( >> http://www.patternfly.org/pattern-library/widgets/#modal) >> - >> >> Change “Close Button” to “Cancel” >> - >> >> “Create Host” - name is inaccurate, possibly change to “Customize” >> - >> >> Determine which button is more common, “Quick Create” or “Create >> Host” and color the more common action blue. >> >> >> >> - >> >> Warning be placed at the top. >> >> >> >> >> - >> >> Discovered Hosts empty state should be similar to empty state of >> Hosts. >> >> -- >> You received this message because you are subscribed to the Google Groups >> "foreman-dev" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to foreman-dev...@googlegroups.com . >> For more options, visit https://groups.google.com/d/optout. >> > > > > -- > Later, > Lukas @lzap Zapletal >
4

>
> Thanks! If additional work is needed from me including mockups, etc.
> please do not hesitate to reach out!
>
>>
>> Thanks Roxanne,
>>
>> I've created a tracking ticket for the changes:
>> Tracker #19681: Foreman Discovery UX changes - Discovery - Foreman
>>
>> LZ
>>
>>
>>>
>>> https://docs.google.com/document/d/1BNxtczgB2_C6-rzdBwP7Mq3bwbUK7J6__qZe_EGGjE4/edit
>>>
>>>
>>> Discovered Hosts
>>>
>>> Presented by Izap
>>>
>>>
>>>
>>>
>>> -
>>>
>>> Icon use and color does not comply with PatternFly or with other
>>> uses in the application
>>> -
>>>
>>> Org/Location is not tracking the context selected by the user for
>>> Org/Location
>>>
>>>
Hello Roxanne,

Can you please mention which icons are you talking about here ?

>
>>> -
>>>
>>> Reboot All, Auto Provision All should be added to Select Action
>>> button
>>>
>>>
>>>
>>>
>>
>>>
>>>
>>> -
>>>
>>> Redundant info on the Highlight - IP address, maybe change to
>>> Primary IP
>>> -
>>>
>>> Expand All button should be grouped with accordion, not with actions.
>>> -
>>>
>>> Remove Back button, implement bread crumb.
>>> -
>>>
>>> Change Delete from Red to Grey
>>> -
>>>
>>> Move Highlights next to Interfaces with the Accordion below both of
>>> those that can take up the entire width of the page reducing truncation of
>>> information.
>>>
>>>
can you please provide me a example of bread crumb that would be valid here
?
Should it be like : Hosts / Discovered Hosts / user ?

>
>>>
>>> -
>>>
>>> Priority counter should use patternfly touchspin,
>>> http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin
>>>
>>>
>>>
>>>
>>> -
>>>
>>> This combo select button users find confusing and are prone to click
>>> error… just a note that a long term strategy should be identified to fix
>>> it. I’m specifically referring to buttons that utilize the small chevron
>>> box on the right as the drop down action.
>>>
>>>
>>>
>>> -
>>>
>>> Style of modal doesn’t follow PatternFly (
>>> http://www.patternfly.org/pattern-library/widgets/#modal)
>>> -
>>>
>>> Change “Close Button” to “Cancel”
>>> -
>>>
>>> “Create Host” - name is inaccurate, possibly change to “Customize”
>>> -
>>>
>>> Determine which button is more common, “Quick Create” or “Create
>>> Host” and color the more common action blue.
>>>
>>>
>>> Fixed this : Fixes #20162 - Fix the modal for provisioning on index page. by rabajaj0509 · Pull Request #357 · theforeman/foreman_discovery · GitHub

>
>>> -
>>>
>>> Warning be placed at the top.
>>>
>>>
Fixed this : Fixes #20162 - Fix the modal for provisioning on index page. by rabajaj0509 · Pull Request #357 · theforeman/foreman_discovery · GitHub

>
>>>
>>>
>>> -
>>>
>>> Discovered Hosts empty state should be similar to empty state of
>>> Hosts.
>>>
>>>
On it :slight_smile:

Thanks,
Rahul Bajaj.

··· On Friday, May 26, 2017 at 6:15:55 PM UTC+5:30, Roxanne Hoover wrote: > On Friday, May 26, 2017 at 6:58:28 AM UTC-4, Lukas Zapletal wrote: >> On Thu, May 25, 2017 at 9:32 PM, Roxanne Hoover >> wrote:

–

You received this message because you are subscribed to the Google
Groups “foreman-dev” group.
To unsubscribe from this group and stop receiving emails from it, send
an email to foreman-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

–
Later,
Lukas @lzap Zapletal

5

*Hello Roxanne,Can you please mention which icons are you talking about
here ? *

Those found in the name column (old icon:new icon)

blue check mark
green circle plus
red circle warning

I'm sure we have existing icons we can use, I would just need to know the
meaning behind the green + vs. the blue checkmark.

*can you please provide me a example of bread crumb that would be valid
here ?Should it be like : Hosts / Discovered Hosts / user ? *

I think here it would be Discovered Hosts >> Name of Item they are on.

PatternFly has an existing breadcrumb but we are working on a new style to
allow additional functionality.

<https://lh3.googleusercontent.com/-jCcKoJWpiGg/WV-UKPUGWsI/AAAAAAAAAtw/oDrl2mwuOFUwRciCqDhwKWDAniuTYSEugCLcBGAs/s1600/Mockup_D1_v4.jpg>

··· On Friday, June 30, 2017 at 10:25:09 AM UTC-4, rahul bajaj wrote: > > > > On Friday, May 26, 2017 at 6:15:55 PM UTC+5:30, Roxanne Hoover wrote: >> >> Thanks! If additional work is needed from me including mockups, etc. >> please do not hesitate to reach out! >> >> On Friday, May 26, 2017 at 6:58:28 AM UTC-4, Lukas Zapletal wrote: >>> >>> Thanks Roxanne, >>> >>> I've created a tracking ticket for the changes: >>> http://projects.theforeman.org/issues/19681 >>> >>> LZ >>> >>> On Thu, May 25, 2017 at 9:32 PM, Roxanne Hoover >>> wrote: >>> >>>> >>>> https://docs.google.com/document/d/1BNxtczgB2_C6-rzdBwP7Mq3bwbUK7J6__qZe_EGGjE4/edit >>>> >>>> >>>> Discovered Hosts >>>> >>>> Presented by Izap >>>> >>>> >>>> >>>> >>>> - >>>> >>>> Icon use and color does not comply with PatternFly or with other >>>> uses in the application >>>> - >>>> >>>> Org/Location is not tracking the context selected by the user for >>>> Org/Location >>>> >>>> > Hello Roxanne, > > Can you please mention which icons are you talking about here ? > > >> >>>> - >>>> >>>> Reboot All, Auto Provision All should be added to Select Action >>>> button >>>> >>>> >>>> >>>> >>> >>>> >>>> >>>> - >>>> >>>> Redundant info on the Highlight - IP address, maybe change to >>>> Primary IP >>>> - >>>> >>>> Expand All button should be grouped with accordion, not with >>>> actions. >>>> - >>>> >>>> Remove Back button, implement bread crumb. >>>> - >>>> >>>> Change Delete from Red to Grey >>>> - >>>> >>>> Move Highlights next to Interfaces with the Accordion below both of >>>> those that can take up the entire width of the page reducing truncation of >>>> information. >>>> >>>> > can you please provide me a example of bread crumb that would be valid > here ? > Should it be like : Hosts / Discovered Hosts / user ? > >> >>>> >>>> - >>>> >>>> Priority counter should use patternfly touchspin, >>>> http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin >>>> >>>> >>>> >>>> >>>> - >>>> >>>> This combo select button users find confusing and are prone to >>>> click error… just a note that a long term strategy should be identified to >>>> fix it. I’m specifically referring to buttons that utilize the small >>>> chevron box on the right as the drop down action. >>>> >>>> >>>> >>>> - >>>> >>>> Style of modal doesn’t follow PatternFly ( >>>> http://www.patternfly.org/pattern-library/widgets/#modal) >>>> - >>>> >>>> Change “Close Button” to “Cancel” >>>> - >>>> >>>> “Create Host” - name is inaccurate, possibly change to “Customize” >>>> - >>>> >>>> Determine which button is more common, “Quick Create” or “Create >>>> Host” and color the more common action blue. >>>> >>>> >>>> Fixed this : https://github.com/theforeman/foreman_discovery/pull/357 > >> >>>> - >>>> >>>> Warning be placed at the top. >>>> >>>> > Fixed this : https://github.com/theforeman/foreman_discovery/pull/357 > >> >>>> >>>> >>>> - >>>> >>>> Discovered Hosts empty state should be similar to empty state of >>>> Hosts. >>>> >>>> > On it :) > > Thanks, > Rahul Bajaj. > >> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "foreman-dev" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to foreman-dev...@googlegroups.com. >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> >>> >>> >>> -- >>> Later, >>> Lukas @lzap Zapletal >>> >>
6

>
>
>
> *Hello Roxanne,Can you please mention which icons are you talking about
> here ? *
>
> Those found in the name column (old icon:new icon)
>
> blue check mark
> green circle plus
> red circle warning
>
> I'm sure we have existing icons we can use, I would just need to know the
> meaning behind the green + vs. the blue checkmark.
>
> The icons indicate whether the user has been active within 7 days(green
icon), has not been active for last 7days(blue) and has not been active for
more than 7 days(red icon).
It would be really helpful if you could suggest the icons :slight_smile:

··· On Friday, July 7, 2017 at 7:31:24 PM UTC+5:30, Roxanne Hoover wrote:

*can you please provide me a example of bread crumb that would be valid
here ?Should it be like : Hosts / Discovered Hosts / user ? *

I think here it would be Discovered Hosts >> Name of Item they are on.

PatternFly has an existing breadcrumb but we are working on a new style to
allow additional functionality.

So should i wait until it is been developed ?

https://lh3.googleusercontent.com/-jCcKoJWpiGg/WV-UKPUGWsI/AAAAAAAAAtw/oDrl2mwuOFUwRciCqDhwKWDAniuTYSEugCLcBGAs/s1600/Mockup_D1_v4.jpg

On Friday, June 30, 2017 at 10:25:09 AM UTC-4, rahul bajaj wrote:

On Friday, May 26, 2017 at 6:15:55 PM UTC+5:30, Roxanne Hoover wrote:

Thanks! If additional work is needed from me including mockups, etc.
please do not hesitate to reach out!

On Friday, May 26, 2017 at 6:58:28 AM UTC-4, Lukas Zapletal wrote:

Thanks Roxanne,

I’ve created a tracking ticket for the changes:
Tracker #19681: Foreman Discovery UX changes - Discovery - Foreman

LZ

On Thu, May 25, 2017 at 9:32 PM, Roxanne Hoover roho...@redhat.com >>>> wrote:

https://docs.google.com/document/d/1BNxtczgB2_C6-rzdBwP7Mq3bwbUK7J6__qZe_EGGjE4/edit

Discovered Hosts

Presented by Izap

Icon use and color does not comply with PatternFly or with other
uses in the application

Org/Location is not tracking the context selected by the user for
Org/Location

Hello Roxanne,

Can you please mention which icons are you talking about here ?

Reboot All, Auto Provision All should be added to Select Action
button

Redundant info on the Highlight - IP address, maybe change to
Primary IP

Expand All button should be grouped with accordion, not with
actions.

Remove Back button, implement bread crumb.

Change Delete from Red to Grey

Move Highlights next to Interfaces with the Accordion below both
of those that can take up the entire width of the page reducing truncation
of information.

can you please provide me a example of bread crumb that would be valid
here ?
Should it be like : Hosts / Discovered Hosts / user ?

Priority counter should use patternfly touchspin,
http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin

This combo select button users find confusing and are prone to
click error… just a note that a long term strategy should be identified to
fix it. I’m specifically referring to buttons that utilize the small
chevron box on the right as the drop down action.

Style of modal doesn’t follow PatternFly (
http://www.patternfly.org/pattern-library/widgets/#modal)

Change “Close Button” to “Cancel”

“Create Host” - name is inaccurate, possibly change to “Customize”

Determine which button is more common, “Quick Create” or “Create
Host” and color the more common action blue.

Fixed this : Fixes #20162 - Fix the modal for provisioning on index page. by rabajaj0509 · Pull Request #357 · theforeman/foreman_discovery · GitHub

Warning be placed at the top.

Fixed this : Fixes #20162 - Fix the modal for provisioning on index page. by rabajaj0509 · Pull Request #357 · theforeman/foreman_discovery · GitHub

Discovered Hosts empty state should be similar to empty state of
Hosts.

On it :slight_smile:

Thanks,
Rahul Bajaj.

–

You received this message because you are subscribed to the Google
Groups “foreman-dev” group.
To unsubscribe from this group and stop receiving emails from it, send
an email to foreman-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

–
Later,
Lukas @lzap Zapletal

7

Another icon question… is the red icon actually an error or warning?
Using red usually mean an error has occurred. However, if it's perhaps
normal or okay for a user to have been inactive for 7 days, then red is
probably not the correct color.

··· On Friday, July 7, 2017 at 11:53:27 AM UTC-4, rahul bajaj wrote: > > > > On Friday, July 7, 2017 at 7:31:24 PM UTC+5:30, Roxanne Hoover wrote: >> >> >> >> *Hello Roxanne,Can you please mention which icons are you talking about >> here ? * >> >> Those found in the name column (old icon:new icon) >> >> blue check mark >> green circle plus >> red circle warning >> >> I'm sure we have existing icons we can use, I would just need to know the >> meaning behind the green + vs. the blue checkmark. >> >> The icons indicate whether the user has been active within 7 days(green > icon), has not been active for last 7days(blue) and has not been active for > more than 7 days(red icon). > It would be really helpful if you could suggest the icons :) > > >> *can you please provide me a example of bread crumb that would be valid >> here ?Should it be like : Hosts / Discovered Hosts / user ? * >> >> I think here it would be Discovered Hosts >> Name of Item they are on. >> >> PatternFly has an existing breadcrumb but we are working on a new style >> to allow additional functionality. >> >> So should i wait until it is been developed ? > >> >> >> >> >> >> >> On Friday, June 30, 2017 at 10:25:09 AM UTC-4, rahul bajaj wrote: >>> >>> >>> >>> On Friday, May 26, 2017 at 6:15:55 PM UTC+5:30, Roxanne Hoover wrote: >>>> >>>> Thanks! If additional work is needed from me including mockups, etc. >>>> please do not hesitate to reach out! >>>> >>>> On Friday, May 26, 2017 at 6:58:28 AM UTC-4, Lukas Zapletal wrote: >>>>> >>>>> Thanks Roxanne, >>>>> >>>>> I've created a tracking ticket for the changes: >>>>> http://projects.theforeman.org/issues/19681 >>>>> >>>>> LZ >>>>> >>>>> On Thu, May 25, 2017 at 9:32 PM, Roxanne Hoover >>>>> wrote: >>>>> >>>>>> >>>>>> https://docs.google.com/document/d/1BNxtczgB2_C6-rzdBwP7Mq3bwbUK7J6__qZe_EGGjE4/edit >>>>>> >>>>>> >>>>>> Discovered Hosts >>>>>> >>>>>> Presented by Izap >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> - >>>>>> >>>>>> Icon use and color does not comply with PatternFly or with other >>>>>> uses in the application >>>>>> - >>>>>> >>>>>> Org/Location is not tracking the context selected by the user for >>>>>> Org/Location >>>>>> >>>>>> >>> Hello Roxanne, >>> >>> Can you please mention which icons are you talking about here ? >>> >>> >>>> >>>>>> - >>>>>> >>>>>> Reboot All, Auto Provision All should be added to Select Action >>>>>> button >>>>>> >>>>>> >>>>>> >>>>>> >>>>> >>>>>> >>>>>> >>>>>> - >>>>>> >>>>>> Redundant info on the Highlight - IP address, maybe change to >>>>>> Primary IP >>>>>> - >>>>>> >>>>>> Expand All button should be grouped with accordion, not with >>>>>> actions. >>>>>> - >>>>>> >>>>>> Remove Back button, implement bread crumb. >>>>>> - >>>>>> >>>>>> Change Delete from Red to Grey >>>>>> - >>>>>> >>>>>> Move Highlights next to Interfaces with the Accordion below both >>>>>> of those that can take up the entire width of the page reducing truncation >>>>>> of information. >>>>>> >>>>>> >>> can you please provide me a example of bread crumb that would be valid >>> here ? >>> Should it be like : Hosts / Discovered Hosts / user ? >>> >>>> >>>>>> >>>>>> - >>>>>> >>>>>> Priority counter should use patternfly touchspin, >>>>>> http://www.patternfly.org/pattern-library/widgets/#bootstrap-touchspin >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> - >>>>>> >>>>>> This combo select button users find confusing and are prone to >>>>>> click error… just a note that a long term strategy should be identified to >>>>>> fix it. I’m specifically referring to buttons that utilize the small >>>>>> chevron box on the right as the drop down action. >>>>>> >>>>>> >>>>>> >>>>>> - >>>>>> >>>>>> Style of modal doesn’t follow PatternFly ( >>>>>> http://www.patternfly.org/pattern-library/widgets/#modal) >>>>>> - >>>>>> >>>>>> Change “Close Button” to “Cancel” >>>>>> - >>>>>> >>>>>> “Create Host” - name is inaccurate, possibly change to “Customize” >>>>>> - >>>>>> >>>>>> Determine which button is more common, “Quick Create” or “Create >>>>>> Host” and color the more common action blue. >>>>>> >>>>>> >>>>>> Fixed this : https://github.com/theforeman/foreman_discovery/pull/357 >>> >>>> >>>>>> - >>>>>> >>>>>> Warning be placed at the top. >>>>>> >>>>>> >>> Fixed this : https://github.com/theforeman/foreman_discovery/pull/357 >>> >>>> >>>>>> >>>>>> >>>>>> - >>>>>> >>>>>> Discovered Hosts empty state should be similar to empty state of >>>>>> Hosts. >>>>>> >>>>>> >>> On it :) >>> >>> Thanks, >>> Rahul Bajaj. >>> >>>> -- >>>>>> You received this message because you are subscribed to the Google >>>>>> Groups "foreman-dev" group. >>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>> send an email to foreman-dev...@googlegroups.com. >>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>> >>>>> >>>>> >>>>> >>>>> -- >>>>> Later, >>>>> Lukas @lzap Zapletal >>>>> >>>>