Last changes to new design in Desktop app

11 files changed, 33 insertions, 22 deletions

diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta.activity/activity/activity.info b/CeibalEncuesta/gtk2/CeibalEncuesta.activity/activity/activity.info
index 32b0777..0b377df 100644
--- a/CeibalEncuesta/gtk2/CeibalEncuesta.activity/activity/activity.info
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta.activity/activity/activity.info
@@ -3,5 +3,5 @@ name = CeibalEncuesta
 license = GPLv2+
 icon = ceibal
 exec = sugar-activity CeibalEncuesta.CeibalEncuesta
-activity_version = 4.3
+activity_version = 4.3.1
 bundle_id = org.laptop.CeibalEncuesta
\ No newline at end of file
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-active.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-active.png
new file mode 100644
index 0000000..11141a4
--- /dev/null
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-active.png
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-down.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-down.png
new file mode 100644
index 0000000..8f8ee7f
--- /dev/null
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-down.png
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-inactive.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-inactive.png
new file mode 100644
index 0000000..3994d45
--- /dev/null
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-inactive.png
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-normal.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-normal.png
deleted file mode 100644
index 57d2ee2..0000000
--- a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-normal.png
+++ /dev/null
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-over.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-over.png
index cbd85a0..70d2f91 100644
--- a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-over.png
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/next-page-over.png
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-active.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-active.png
new file mode 100644
index 0000000..b97095b
--- /dev/null
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-active.png
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-down.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-down.png
new file mode 100644
index 0000000..2dabefe
--- /dev/null
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-down.png
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-normal.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-normal.png
deleted file mode 100644
index ee0af17..0000000
--- a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-normal.png
+++ /dev/null
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-over.png b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-over.png
index 9edf1ac..9c3efc1 100644
--- a/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-over.png
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Iconos/prev-page-over.png
diff --git a/CeibalEncuesta/gtk2/CeibalEncuesta/Widgets.py b/CeibalEncuesta/gtk2/CeibalEncuesta/Widgets.py
index fe392b6..e4cba39 100644
--- a/CeibalEncuesta/gtk2/CeibalEncuesta/Widgets.py
+++ b/CeibalEncuesta/gtk2/CeibalEncuesta/Widgets.py
@@ -33,10 +33,12 @@ import Globales as G
 HOME = os.environ["HOME"]
 WORKPATH = os.path.join(HOME, "CeibalEncuesta")
 ICON = 'Iconos/ceibal.png'
-NEXT_PAGE_NORMAL = "Iconos/next-page-normal.png"
+NEXT_PAGE_ACTIVE = "Iconos/next-page-active.png"
 NEXT_PAGE_OVER = "Iconos/next-page-over.png"
-PREV_PAGE_NORMAL = "Iconos/prev-page-normal.png"
+NEXT_PAGE_DOWN = "Iconos/next-page-down.png"
+PREV_PAGE_ACTIVE = "Iconos/prev-page-active.png"
 PREV_PAGE_OVER = "Iconos/prev-page-over.png"
+PREV_PAGE_DOWN = "Iconos/prev-page-down.png"
 QUESTION_FONT_SIZE = "16"
 OPTIONS_FONT_SIZE = "12"
 GRADO_FONT_SIZE = "10"
@@ -135,7 +137,7 @@ class Panel(gtk.Paned):
         if h < top_level_height:
             h = top_level_height
 
-        cr.set_source_color(gdk.color_parse("#1C1C1C"))
+        cr.set_source_color(gdk.color_parse("#373737"))
         cr.rectangle(x, y, w, h)
         cr.fill_preserve()
 
@@ -145,12 +147,12 @@ class Panel(gtk.Paned):
         draw_rounded(cr, (0, w - scrollbar_w - 8, 0, h - 8 -25), 35)
         cr.stroke()
 
-        cr.set_source_color(gdk.color_parse("#38610B"))
+        cr.set_source_color(gdk.color_parse("#7EAD45"))
         draw_rounded(cr, (8, w - scrollbar_w - 16 - 25, 25, h - 8 - 25), 20)
         cr.fill_preserve()
         cr.stroke()
 
-        cr.set_source_color(gdk.color_parse("#E3F6CE"))
+        cr.set_source_color(gdk.color_parse("#D1E8C5"))
         draw_rounded(cr, (58 + 3, w - scrollbar_w - 16, 25 + 35, h - 8), 20)
         cr.fill_preserve()
 
@@ -1548,6 +1550,7 @@ class MyContainer(gtk.HBox):
         self.pack_start(align, False, False)
         if self.label:
             align = gtk.Alignment(0, 0, 0, 0)
+            align.set_padding(0, 0, 20, 0)
             align.add(self.label)
             self.pack_start(align, False, False)
 
@@ -1612,24 +1615,24 @@ class ToolbarEncuesta(gtk.HBox):
 
         self.anterior = PageButton(
             "",
-            img=PREV_PAGE_NORMAL,
-            imgs={"enter": PREV_PAGE_OVER}
+            img=PREV_PAGE_ACTIVE,
+            imgs={"enter": PREV_PAGE_OVER, "down": PREV_PAGE_DOWN}
         )
         self.anterior.set_tooltip_text(u"Ir a la Página de Preguntas Anterior")
         self.anterior.connect("pressed", self.__button_clicked)
 
         self.siguiente = PageButton(
             "Siguiente",
-            img=NEXT_PAGE_NORMAL,
-            imgs={"enter": NEXT_PAGE_OVER}
+            img=NEXT_PAGE_ACTIVE,
+            imgs={"enter": NEXT_PAGE_OVER, "down": NEXT_PAGE_DOWN}
         )
         self.siguiente.set_tooltip_text(u"Ir a la Siguiente Página de Preguntas")
         self.siguiente.connect("pressed", self.__button_clicked)
 
         # DOWN BUTTONS:     < prev       next >
         # TODO: self.__draw_pagination_buttons(self, parent_widget=vbox)
-        halign_prev = gtk.Alignment(0.0, 0, 0, 0)
-        halign_prev.set_padding(0, 0, 8, 0)
+        halign_prev = gtk.Alignment(0, 0, 0, 0)
+        halign_prev.set_padding(0, 0, 5, 0)
         halign_prev.add(self.anterior)
         halign_next = gtk.Alignment(0.85, 0, 0, 0)
         halign_next.add(self.siguiente)
@@ -1643,7 +1646,7 @@ class ToolbarEncuesta(gtk.HBox):
 
     def __button_clicked(self, widget):
 
-        self.emit("accion", widget.get_label())
+        self.emit("accion", widget.accion)
 
 class PageButton(gtk.Button):
 
@@ -1653,29 +1656,37 @@ class PageButton(gtk.Button):
 
     def __init__(self, label, img, imgs, *args, **kwargs):
 
-        gtk.Button.__init__(self, label, *args, **kwargs)
+        gtk.Button.__init__(self, None, *args, **kwargs)
+
+        self.accion = label
 
         self.imgs = {
             "normal": img,
             "leave": img,
         }
 
-        img_normal = gtk.Image()
+        self.img_normal = gtk.Image()
         img_normal_pixbuf = gdk.pixbuf_new_from_file(img)
         img_normal_scaled = img_normal_pixbuf.scale_simple(
             45, 45, gdk.INTERP_BILINEAR)
-        img_normal.set_from_pixbuf(img_normal_scaled)
+        self.img_normal.set_from_pixbuf(img_normal_scaled)
+
+        box = gtk.HBox()
+        if label:
+            label = gtk.Label(label)
+            label.set_padding(10, 0)
+            label.modify_fg(0, gdk.color_parse("#B40404"))
+            box.pack_start(label)
+        box.pack_start(self.img_normal)
+        self.add(box)
 
-        self.set_image(img_normal)
         self.set_relief(gtk.RELIEF_NONE)
 
         self.imgs.update(imgs)
 
-        #self.connect("activate", self.__button_event, "")
+        self.connect("activate", self.__button_event, "down")
         self.connect("enter", self.__button_event, "enter")
         self.connect("leave", self.__button_event, "leave")
-        #self.connect("released", self.__button_event, "")
-        #self.connect("set-focus-child", self.__button_event, "")
 
     def do_enter_notify_event(self, widget):
 
@@ -1689,9 +1700,9 @@ class PageButton(gtk.Button):
         img_pixbuf = gdk.pixbuf_new_from_file(self.imgs[img_file])
         img_scaled = img_pixbuf.scale_simple(
             45, 45, gdk.INTERP_BILINEAR)
-        img.set_from_pixbuf(img_scaled)
+        self.img_normal.set_from_pixbuf(img_scaled)
 
-        self.set_image(img)
+        #self.set_image(img)
 
 class InfoWidget(gtk.EventBox):
     """