<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  </head>
  <body bgcolor="#FFFFFF" text="#333333">
    <div class="moz-cite-prefix">Hi Andy,<br>
      <br>
      few days ago you posted previous version to irc #cloudforms-ui and
      I replied there, maybe you missed my post so here it is:<br>
      <br>
      I don't see that much into the workflows yet, but I have just one
      note regarding frequency of use of functions Stop / Delete / Pause
      / Resume: The question is what functions user works the most with?
      For me the order Stop, Delete, Pause is quite confusing and can
      lead to misuse of Delete button (situated between Stop and Pause).
      Is Delete really that often used? And even if so, wouldn't it be
      better to reorder it to sequence Pause, Stop, Delete (move Delete
      to the end)? Then it means also to switch Resume and Delete (for
      Delete to be the last as well and keep Resume on the similar
      position as Pause).<br>
      <br>
      And as for better UX, icons for these functions would be very
      helpful for user in orientation (maybe text caption will not be
      necessary anymore).<br>
      <br>
      Also color coding could help (red for delete, dark grey for stop,
      grey for pause, green for resume) - might be highlighted only for
      hover. In this case for .problem instance I would keep default
      color for function buttons the same as in other states - light
      gray.<br>
      <br>
      In previous version, I liked stripes for frozen state which are no
      more there :( The message was more clear.<br>
      <pre class="moz-signature" cols="72">Jarda</pre>
      On 16.7.2012 02:13, Andy Fitzsimon wrote:<br>
    </div>
    <blockquote
      cite="mid:008D6BC2-3708-4EFD-BC13-112799C9B0B9@redhat.com"
      type="cite">
      <pre wrap="">Hi folks,


I wanted to send through this idea for generic block styles for stateful components.  <a class="moz-txt-link-freetext" href="http://codepen.io/andyfitz/pen/states/">http://codepen.io/andyfitz/pen/states/</a> 

The idea is that without showing any extra chrome, icons or text. we can give a friendly nod to the current state of any given object  (normal, paused, stopped &amp; error).
The error state can stack on top of any of the first three states too.

This might help us keep our views related to their primary task without having to force our users to another screen just to inspect the condition of their components.

State-related tasks can be hidden until hover but show on first load of any view (yes hover won't work on a phone but the idea is to only use these as periphery shortcuts for object functionality that exists elsewhere.. i'm working on adding horizontal swipe to reveal the shortcuts for phones)

I also wanted to tell you about codepen.io -  it's kindof like JSFiddle mixed with dribbble but with SASS/SCSS &amp; coffeescript support and other nice things like saving as a fully-working github gist.   I'm in love.

As you can see in the demo I threw up,  the scss and haml are already writen and ready to take as is.  I'll be using codepen to play with more ideas before merging them into converge-ui-example or sending them to everyone.   Now we don't have to worry about my colour choices — we can change $tones; in the sass to match out palette ;-)

Andy</pre>
    </blockquote>
    <br>
    <br>
  </body>
</html>