[gnome-builder] colorpicker: plug the new blindness filters

[Sébastien Lafargue <slafargue src gnome org>]

commit ee061d4b73e7a0313a4290d3f9501751e52cf82d
Author: Sebastien Lafargue <slafargue gnome org>
Date:   Sun Jul 24 17:23:05 2016 +0200

    colorpicker: plug the new blindness filters
    
    We also put the whole components pref page
    in a GtkScrolledWindow so that we can
    resize the Builder window in height.

 plugins/color-picker/gtk/color-picker-prefs.ui |  612 +++++++++++++++---------
 1 files changed, 381 insertions(+), 231 deletions(-)
---
diff --git a/plugins/color-picker/gtk/color-picker-prefs.ui b/plugins/color-picker/gtk/color-picker-prefs.ui
index c7ee23f..27fd6c8 100644
--- a/plugins/color-picker/gtk/color-picker-prefs.ui
+++ b/plugins/color-picker/gtk/color-picker-prefs.ui
@@ -25,241 +25,391 @@
       </packing>
     </child>
     <child>
-      <object class="GtkLabel">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="halign">start</property>
-        <property name="label" translatable="yes">Visibility:</property>
-        <style>
-          <class name="cp-prefs-grouptitle"/>
-        </style>
-      </object>
-      <packing>
-        <property name="expand">False</property>
-        <property name="fill">True</property>
-      </packing>
-    </child>
-    <child>
-      <object class="GtkLabel">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="margin_top">6</property>
-        <property name="margin_bottom">6</property>
-        <property name="label" translatable="yes">Select the color spaces for which you want to see sliders 
in the panel.</property>
-        <property name="justify">fill</property>
-        <property name="wrap">True</property>
-        <style>
-          <class name="cp-prefs-resume"/>
-          <class name="dim-label"/>
-        </style>
-      </object>
-      <packing>
-        <property name="expand">False</property>
-        <property name="fill">True</property>
-      </packing>
-    </child>
-    <child>
-      <object class="GbColorPickerPrefsList">
+      <object class="GtkScrolledWindow">
         <property name="visible">True</property>
+        <property name="hscrollbar-policy">never</property>
+        <property name="vexpand">True</property>
         <child>
-          <object class="IdePreferencesSwitch" id="hsv_switch">
-            <property name="visible">True</property>
-            <property name="key">hsv-visible</property>
-            <property name="is-radio">True</property>
-            <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
-            <property name="target">""</property>
-            <property name="title">HSV</property>
-            <property name="subtitle">Hue Saturation Value</property>
-            <style>
-              <class name="cp-prefs-switch"/>
-            </style>
-          </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-          </packing>
-        </child>
-        <child>
-          <object class="IdePreferencesSwitch" id="lab_switch">
-            <property name="visible">True</property>
-            <property name="key">lab-visible</property>
-            <property name="is-radio">True</property>
-            <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
-            <property name="target">""</property>
-            <property name="title">L*a*b*</property>
-            <property name="subtitle">CIE L*a*b* 1976</property>
-            <style>
-              <class name="cp-prefs-switch"/>
-            </style>
-          </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-          </packing>
-        </child>
-        <child>
-          <object class="IdePreferencesSwitch" id="rgb_switch">
-            <property name="visible">True</property>
-            <property name="key">rgb-visible</property>
-            <property name="is-radio">True</property>
-            <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
-            <property name="target">""</property>
-            <property name="title">RGB</property>
-            <property name="subtitle">Red Green Blue</property>
-            <style>
-              <class name="cp-prefs-switch"/>
-            </style>
-          </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-          </packing>
-        </child>
-      </object>
-    </child>
-    <child>
-      <object class="GtkLabel">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="halign">start</property>
-        <property name="label" translatable="yes">Units:</property>
-        <style>
-          <class name="cp-prefs-grouptitle"/>
-        </style>
-      </object>
-      <packing>
-        <property name="expand">False</property>
-        <property name="fill">True</property>
-      </packing>
-    </child>
-    <child>
-      <object class="GtkLabel">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="margin_top">6</property>
-        <property name="margin_bottom">6</property>
-        <property name="label" translatable="yes">Select the type of unit you want to use for RGB components 
and strings in the panel.</property>
-        <property name="justify">fill</property>
-        <property name="wrap">True</property>
-        <style>
-          <class name="cp-prefs-resume"/>
-          <class name="dim-label"/>
-        </style>
-      </object>
-      <packing>
-        <property name="expand">False</property>
-        <property name="fill">True</property>
-      </packing>
-    </child>
-    <child>
-      <object class="GbColorPickerPrefsList">
-        <property name="visible">True</property>
-        <child>
-          <object class="IdePreferencesSwitch" id="unit_switch">
-            <property name="visible">True</property>
-            <property name="key">rgb-unit</property>
-            <property name="is-radio">True</property>
-            <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
-            <property name="target">"value"</property>
-            <property name="title">Value</property>
-            <style>
-              <class name="cp-prefs-switch"/>
-            </style>
-          </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-          </packing>
-        </child>
-        <child>
-          <object class="IdePreferencesSwitch" id="percent_switch">
-            <property name="visible">True</property>
-            <property name="key">rgb-unit</property>
-            <property name="is-radio">True</property>
-            <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
-            <property name="target">"percent"</property>
-            <property name="title">Percent</property>
-            <style>
-              <class name="cp-prefs-switch"/>
-            </style>
-          </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-          </packing>
-        </child>
-      </object>
-    </child>
-    <child>
-      <object class="GtkLabel">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="halign">start</property>
-        <property name="label" translatable="yes">Filters:</property>
-        <style>
-          <class name="cp-prefs-grouptitle"/>
-        </style>
-      </object>
-      <packing>
-        <property name="expand">False</property>
-        <property name="fill">True</property>
-      </packing>
-    </child>
-    <child>
-      <object class="GtkLabel">
-        <property name="visible">True</property>
-        <property name="can_focus">False</property>
-        <property name="margin_top">6</property>
-        <property name="margin_bottom">6</property>
-        <property name="label" translatable="yes">Select a filter that act on the colors or 
'None'.</property>
-        <property name="justify">fill</property>
-        <property name="wrap">True</property>
-        <style>
-          <class name="cp-prefs-resume"/>
-          <class name="dim-label"/>
-        </style>
-      </object>
-      <packing>
-        <property name="expand">False</property>
-        <property name="fill">True</property>
-      </packing>
-    </child>
-    <child>
-      <object class="GbColorPickerPrefsList">
-        <property name="visible">True</property>
-        <child>
-          <object class="IdePreferencesSwitch" id="none-filter_switch">
-            <property name="visible">True</property>
-            <property name="key">filter</property>
-            <property name="is-radio">True</property>
-            <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
-            <property name="target">"none"</property>
-            <property name="title">None</property>
-            <style>
-              <class name="cp-prefs-switch"/>
-            </style>
-          </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-          </packing>
-        </child>
-        <child>
-          <object class="IdePreferencesSwitch" id="websafe_filter_switch">
+          <object class="GtkBox">
             <property name="visible">True</property>
-            <property name="key">filter</property>
-            <property name="is-radio">True</property>
-            <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
-            <property name="target">"websafe"</property>
-            <property name="title">Websafe</property>
-            <style>
-              <class name="cp-prefs-switch"/>
-            </style>
+            <property name="can_focus">False</property>
+            <property name="orientation">vertical</property>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Visibility:</property>
+                <style>
+                  <class name="cp-prefs-grouptitle"/>
+                </style>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="margin_top">6</property>
+                <property name="margin_bottom">6</property>
+                <property name="label" translatable="yes">Select the color spaces for which you want to see 
sliders in the panel.</property>
+                <property name="justify">fill</property>
+                <property name="wrap">True</property>
+                <style>
+                  <class name="cp-prefs-resume"/>
+                  <class name="dim-label"/>
+                </style>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GbColorPickerPrefsList">
+                <property name="visible">True</property>
+                <child>
+                  <object class="IdePreferencesSwitch" id="hsv_switch">
+                    <property name="visible">True</property>
+                    <property name="key">hsv-visible</property>
+                    <property name="is-radio">True</property>
+                    <property 
name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
+                    <property name="target">""</property>
+                    <property name="title">HSV</property>
+                    <property name="subtitle">Hue Saturation Value</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="lab_switch">
+                    <property name="visible">True</property>
+                    <property name="key">lab-visible</property>
+                    <property name="is-radio">True</property>
+                    <property 
name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
+                    <property name="target">""</property>
+                    <property name="title">L*a*b*</property>
+                    <property name="subtitle">CIE L*a*b* 1976</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="rgb_switch">
+                    <property name="visible">True</property>
+                    <property name="key">rgb-visible</property>
+                    <property name="is-radio">True</property>
+                    <property 
name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
+                    <property name="target">""</property>
+                    <property name="title">RGB</property>
+                    <property name="subtitle">Red Green Blue</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+              </object>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Units:</property>
+                <style>
+                  <class name="cp-prefs-grouptitle"/>
+                </style>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="margin_top">6</property>
+                <property name="margin_bottom">6</property>
+                <property name="label" translatable="yes">Select the type of unit you want to use for RGB 
components and strings in the panel.</property>
+                <property name="justify">fill</property>
+                <property name="wrap">True</property>
+                <style>
+                  <class name="cp-prefs-resume"/>
+                  <class name="dim-label"/>
+                </style>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GbColorPickerPrefsList">
+                <property name="visible">True</property>
+                <child>
+                  <object class="IdePreferencesSwitch" id="unit_switch">
+                    <property name="visible">True</property>
+                    <property name="key">rgb-unit</property>
+                    <property name="is-radio">True</property>
+                    <property 
name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
+                    <property name="target">"value"</property>
+                    <property name="title">Value</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="percent_switch">
+                    <property name="visible">True</property>
+                    <property name="key">rgb-unit</property>
+                    <property name="is-radio">True</property>
+                    <property 
name="schema-id">org.gnome.builder.plugins.color_picker_plugin.components</property>
+                    <property name="target">"percent"</property>
+                    <property name="title">Percent</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+              </object>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Filters:</property>
+                <style>
+                  <class name="cp-prefs-grouptitle"/>
+                </style>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="margin_top">6</property>
+                <property name="margin_bottom">6</property>
+                <property name="label" translatable="yes">Select a filter that act on the colors or 
'None'.</property>
+                <property name="justify">fill</property>
+                <property name="wrap">True</property>
+                <style>
+                  <class name="cp-prefs-resume"/>
+                  <class name="dim-label"/>
+                </style>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GbColorPickerPrefsList">
+                <property name="visible">True</property>
+                <child>
+                  <object class="IdePreferencesSwitch" id="none-filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"none"</property>
+                    <property name="title">None</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="achromatopsia_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"achromatopsia"</property>
+                    <property name="title">Achromatopsia (monochromacy)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="achromatomaly_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"achromatomaly"</property>
+                    <property name="title">Achromatomaly (blue cone monochromacy)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="deuteranopia_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"deuteranopia"</property>
+                    <property name="title">Deuteranopia (green-blind)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="deuteranomaly_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"deuteranomaly"</property>
+                    <property name="title">Deuteranomaly (green-weak)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="protanopia_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"protanopia"</property>
+                    <property name="title">Protanopia (red-blind)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="protanomaly_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"protanomaly"</property>
+                    <property name="title">Protanomaly (red-weak)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="tritanopia_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"tritanopia"</property>
+                    <property name="title">Ttritanopia (blue-blind)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="tritanomaly_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"tritanomaly"</property>
+                    <property name="title">Ttritanomaly (blue-weak)</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+                <child>
+                  <object class="IdePreferencesSwitch" id="websafe_filter_switch">
+                    <property name="visible">True</property>
+                    <property name="key">filter</property>
+                    <property name="is-radio">True</property>
+                    <property name="schema-id">org.gnome.builder.plugins.color_picker_plugin</property>
+                    <property name="target">"websafe"</property>
+                    <property name="title">Websafe</property>
+                    <style>
+                      <class name="cp-prefs-switch"/>
+                    </style>
+                  </object>
+                  <packing>
+                    <property name="expand">False</property>
+                    <property name="fill">True</property>
+                  </packing>
+                </child>
+              </object>
+            </child>
           </object>
-          <packing>
-            <property name="expand">False</property>
-            <property name="fill">True</property>
-          </packing>
         </child>
       </object>
     </child>