From: Belen Barros Pena <belen.barros.pena@intel.com>
Date: Wed, 19 Feb 2014 00:38:28 +0000 (+0000)
Subject: bitbake: toaster: Add .muted class to disabled checkboxes
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=e01f79042fe915c91c4bb52f7983288e9fc78431;p=thirdparty%2Fopenembedded%2Fopenembedded-core-contrib.git

bitbake: toaster: Add .muted class to disabled checkboxes

In the edit columns menu, the checkboxes for the columns in the
minimum table are disabled. To better communicate visually
the disabled state, this change applies the .muted class
to the labels of those checkboxes.

(Bitbake rev: 125a3da654ac7742a93ac93f4f23336ecd251a61)

Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
---

diff --git a/bitbake/lib/toaster/toastergui/templates/basetable_top.html b/bitbake/lib/toaster/toastergui/templates/basetable_top.html
index fe534618d18..23fb04dec93 100644
--- a/bitbake/lib/toaster/toastergui/templates/basetable_top.html
+++ b/bitbake/lib/toaster/toastergui/templates/basetable_top.html
@@ -48,8 +48,8 @@
 -->
                 <ul class="dropdown-menu">{% for i in tablecols|sortcols %}
                     <li>
-                        <label class="checkbox">
-                            <input type="checkbox" class="chbxtoggle" {% if i.clclass %}id="{{i.clclass}}" value="ct{{i.name}}" {% if not i.hidden %}checked="checked"{%endif%} onchange="showhideTableColumn($(this).attr('id'), $(this).is(':checked'))" {%else%} checked disabled{% endif %}/>   {{i.name}}
+                        <label {% if not i.clclass %} class="checkbox muted" {%else%} class="checkbox" {%endif%}>
+                            <input type="checkbox" class="chbxtoggle" {% if i.clclass %}id="{{i.clclass}}" value="ct{{i.name}}" {% if not i.hidden %}checked="checked"{%endif%} onchange="showhideTableColumn($(this).attr('id'), $(this).is(':checked'))" {%else%} checked disabled {% endif %}/>   {{i.name}}
                         </label>
                     </li>{% endfor %}
                 </ul>