[gitg/vala] Use CSS to draw the label renderer

[Ignacio Casal Quinteiro <icq src gnome org>]

commit 147b4800895df8447a7fcac64f0a1e970cbe68c8
Author: Ignacio Casal Quinteiro <icq gnome org>
Date:   Wed May 30 21:53:07 2012 +0200

    Use CSS to draw the label renderer

 gitg/resources/ui/style.css              |   34 +++++++
 libgitg-gtk/gitg-gtk-label-renderer.vala |  139 +++++++----------------------
 2 files changed, 68 insertions(+), 105 deletions(-)
---
diff --git a/gitg/resources/ui/style.css b/gitg/resources/ui/style.css
index 31f1529..27f554f 100644
--- a/gitg/resources/ui/style.css
+++ b/gitg/resources/ui/style.css
@@ -54,3 +54,37 @@ GtkLabel.grid_title {
 
 	text-shadow: 1px 1px @theme_base_color;
 }
+
+.branch {
+	border-style: solid;
+	border-radius: 5px;
+	border-width: 1px;
+	border-color: #204a87;
+	color: white;
+	background-color: #3465a4;
+}
+
+.remote {
+	border-style: solid;
+	border-radius: 5px;
+	border-width: 1px;
+	border-color: #4e9a06;
+	background-color: #73d216;
+}
+
+.tag {
+	border-style: solid;
+	border-radius: 5px;
+	border-width: 1px;
+	border-color: #ce5c00;
+	color: white;
+	background-color: #f57900;
+}
+
+.stash {
+	border-style: solid;
+	border-radius: 5px;
+	border-width: 1px;
+	border-color: #c4a000;
+	background-color: #edd400;
+}
diff --git a/libgitg-gtk/gitg-gtk-label-renderer.vala b/libgitg-gtk/gitg-gtk-label-renderer.vala
index 4319acf..d13b245 100644
--- a/libgitg-gtk/gitg-gtk-label-renderer.vala
+++ b/libgitg-gtk/gitg-gtk-label-renderer.vala
@@ -48,114 +48,34 @@ namespace GitgGtk
 			return ret + margin;
 		}
 
-		private static void
-		rounded_rectangle(Cairo.Context context,
-		                  double        x,
-		                  double        y,
-		                  double        width,
-		                  double        height,
-		                  double        radius)
+		private static string class_from_ref(Gitg.RefType type)
 		{
-			context.move_to(x + radius, y);
-			context.rel_line_to(width - 2 * radius, 0);
-			context.arc(x + width - radius, y + radius, radius, 1.5 * Math.PI, 0.0);
+			string style_class;
 
-			context.rel_line_to(0, height - 2 * radius);
-			context.arc(x + width - radius, y + height - radius, radius, 0.0, 0.5 * Math.PI);
-
-			context.rel_line_to(-(width - radius * 2), 0);
-			context.arc(x + radius, y + height - radius, radius, 0.5 * Math.PI, Math.PI);
-
-			context.rel_line_to(0, -(height - radius * 2));
-			context.arc(x + radius, y + radius, radius, Math.PI, 1.5 * Math.PI);
-		}
-
-		private static void get_type_color(Gitg.RefType type,
-		                                   out double   r,
-		                                   out double   g,
-		                                   out double   b)
-		{
 			switch (type)
 			{
-				case Gitg.RefType.NONE:
-					r = 1;
-					g = 1;
-					b = 0.8;
-				break;
 				case Gitg.RefType.BRANCH:
-					r = 0.8;
-					g = 1;
-					b = 0.5;
+					style_class = "branch";
 				break;
 				case Gitg.RefType.REMOTE:
-					r = 0.5;
-					g = 0.8;
-					b = 1;
+					style_class = "remote";
 				break;
 				case Gitg.RefType.TAG:
-					r = 1;
-					g = 1;
-					b = 0;
+					style_class = "tag";
 				break;
 				case Gitg.RefType.STASH:
-					r = 1;
-					g = 0.8;
-					b = 0.5;
+					style_class = "stash";
 				break;
 				default:
-					r = 1;
-					g = 1;
-					b = 1;
+					style_class = null;
 				break;
 			}
-		}
 
-		private static void get_ref_color(Gitg.Ref   rref,
-		                                  out double r,
-		                                  out double g,
-		                                  out double b)
-		{
-			if (rref.working)
-			{
-				r = 1;
-				g = 0.7;
-				b = 0;
-			}
-			else
-			{
-				get_type_color(rref.parsed_name.rtype, out r, out g, out b);
-			}
+			return style_class;
 		}
 
-		private static void set_source_for_ref_type(Cairo.Context context,
-		                                            Gitg.Ref      rref,
-		                                            bool          use_state)
-		{
-			if (use_state)
-			{
-				switch (rref.state)
-				{
-					case Gitg.RefState.SELECTED:
-						context.set_source_rgb(1, 1, 1);
-						return;
-					case Gitg.RefState.PRELIGHT:
-					{
-						double r, g, b;
-
-						get_ref_color(rref, out r, out g, out b);
-						context.set_source_rgba(r, g, b, 0.3);
-						return;
-					}
-				}
-			}
-
-			double r, g, b;
-			get_ref_color(rref, out r, out g, out b);
-
-			context.set_source_rgb(r, g, b);
-		}
-
-		private static int render_label(Cairo.Context context,
+		private static int render_label(Gtk.Widget    widget,
+		                                Cairo.Context cr,
 		                                Pango.Layout  layout,
 		                                Gitg.Ref      r,
 		                                int           x,
@@ -163,6 +83,7 @@ namespace GitgGtk
 		                                int           height,
 		                                bool          use_state)
 		{
+			var context = widget.get_style_context();
 			var smaller = label_text(r);
 
 			layout.set_markup(smaller, -1);
@@ -172,23 +93,30 @@ namespace GitgGtk
 
 			layout.get_pixel_size(out w, out h);
 
-			rounded_rectangle(context,
-			                  x + 0.5,
-			                  y + margin + 0.5,
-			                  w + padding * 2,
-			                  height - margin * 2,
-			                  5);
+			context.save();
 
-			set_source_for_ref_type(context, r, use_state);
-			context.fill_preserve();
+			var style_class = class_from_ref(r.parsed_name.rtype);
+			if (style_class != null)
+			{
+				context.add_class(style_class);
+			}
 
-			context.set_source_rgb(0, 0, 0);
-			context.stroke();
+			context.render_background(cr,
+			                          x + 0.5,
+			                          y + margin + 0.5,
+			                          w + padding * 2,
+			                          height - margin * 2);
 
-			context.save();
+			context.render_frame(cr,
+			                     x + 0.5,
+			                     y + margin + 0.5,
+			                     w + padding * 2,
+			                     height - margin * 2);
 
-			context.translate(x + padding, y + (height - h) / 2.0 + 0.5);
-			Pango.cairo_show_layout(context, layout);
+			context.render_layout(cr,
+			                      x + padding,
+			                      y + (height - h) / 2.0 + 0.5,
+			                      layout);
 
 			context.restore();
 			return w;
@@ -212,7 +140,8 @@ namespace GitgGtk
 
 			foreach (Gitg.Ref r in labels)
 			{
-				var w = render_label(context,
+				var w = render_label(widget,
+				                     context,
 				                     layout,
 				                     r,
 				                     (int)pos,
@@ -312,7 +241,7 @@ namespace GitgGtk
 			var context = new Cairo.Context(surface);
 			context.set_line_width(1);
 
-			render_label(context, layout, r, 1, 1, height, false);
+			render_label(widget, context, layout, r, 1, 1, height, false);
 			var data = surface.get_data();
 
 			Gdk.Pixbuf ret = new Gdk.Pixbuf(Gdk.Colorspace.RGB,