TutorialStore empty shell done

11 files changed, 798 insertions, 31 deletions

diff --git a/TutoriusActivity.activity/TutorialStoreCategories.py b/TutoriusActivity.activity/TutorialStoreCategories.py
new file mode 100644
index 0000000..2bf843d
--- /dev/null
+++ b/TutoriusActivity.activity/TutorialStoreCategories.py
@@ -0,0 +1,28 @@
+import sys, os
+import gtk
+
+class TutorialStoreCategories:
+
+    def __init__(self):
+        categorie_math = gtk.Label('Math (8)')
+        categorie_physics = gtk.Label('Phyisics (16)')
+        categorie_history = gtk.Label('History (32)')
+        categorie_learning = gtk.Label('Learning (53)')
+      
+        categorie_box = gtk.VBox(True, 5)
+        self.categorie_box_frame = gtk.Frame('Categories')
+        self.categorie_box_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+        
+        categorie_box.pack_start(categorie_math, True, True, 4)
+        categorie_box.pack_start(categorie_physics, True, True, 4)
+        categorie_box.pack_start(categorie_history, True, True, 4)
+        categorie_box.pack_start(categorie_learning, True, True, 4)
+       
+        self.categorie_box_frame.add(categorie_box)
+
+        categorie_math.show()
+        categorie_physics.show()
+        categorie_history.show()
+        categorie_learning.show()
+        categorie_box.show()
+        self.categorie_box_frame.show()
\ No newline at end of file
diff --git a/TutoriusActivity.activity/TutorialStoreDetails.py b/TutoriusActivity.activity/TutorialStoreDetails.py
new file mode 100644
index 0000000..c4be62f
--- /dev/null
+++ b/TutoriusActivity.activity/TutorialStoreDetails.py
@@ -0,0 +1,74 @@
+import sys, os
+import gtk
+
+class TutorialStoreDetails:
+
+    def __init__(self):
+        tuto_icon = gtk.Image()
+        tuto_icon.set_from_file('icon.svg')
+        
+        full_star_icon1 = gtk.Image()
+        full_star_icon1.set_from_file('full_star.svg')
+        full_star_icon2 = gtk.Image()
+        full_star_icon2.set_from_file('full_star.svg')
+        full_star_icon3 = gtk.Image()
+        full_star_icon3.set_from_file('full_star.svg')
+        
+        grayed_star_icon = gtk.Image()
+        grayed_star_icon.set_from_file('grayed_star.svg')
+        
+        half_star_icon= gtk.Image()
+        half_star_icon.set_from_file('half_star.svg')
+        
+        title_autor_box = gtk.VBox()
+        tuto_title_label = gtk.Label('<Title>')
+        tuto_author_label = gtk.Label('by <Author>')
+        title_autor_box.pack_start(tuto_title_label)
+        title_autor_box.pack_start(tuto_author_label)
+        
+        tuto_descrip_label = gtk.Label('Description 1 : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.')
+        tuto_descrip_label.set_line_wrap(True)
+        tuto_descrip_label.set_width_chars(50)
+        
+        download_button = gtk.Button('Download')
+        infos_button = gtk.Button('Informations')
+        comp_button = gtk.Button('Compatibility')
+        
+        tutorial_title_bar = gtk.HBox (False, 4)
+        tutorial_title_bar.pack_start(tuto_icon)
+        tutorial_title_bar.pack_start(title_autor_box)
+        tutorial_title_bar.pack_start(full_star_icon1)
+        tutorial_title_bar.pack_start(full_star_icon2)
+        tutorial_title_bar.pack_start(full_star_icon3)
+        tutorial_title_bar.pack_start(half_star_icon)
+        tutorial_title_bar.pack_start(grayed_star_icon)
+        tutorial_button_bar = gtk.HBox(True, 25)
+        tutorial_button_bar.pack_start(download_button)
+        tutorial_button_bar.pack_start(infos_button)
+        tutorial_button_bar.pack_start(comp_button)
+        
+        self.tutorial_store_details = gtk.VBox (False, 5)
+        back_button = gtk.Button('Back')
+        
+        self.tutorial_store_details.pack_start(back_button)
+        self.tutorial_store_details.pack_start(tutorial_title_bar)
+        self.tutorial_store_details.pack_start(tuto_descrip_label)
+        self.tutorial_store_details.pack_start(tutorial_button_bar)
+        
+        
+        tuto_icon.show()
+        full_star_icon1.show()
+        full_star_icon2.show()
+        full_star_icon3.show()
+        grayed_star_icon.show()
+        half_star_icon.show()
+        tuto_title_label.show()
+        tuto_author_label.show()
+        title_autor_box.show()
+        tuto_descrip_label.show()
+        tutorial_title_bar.show()
+        tutorial_button_bar.show()
+        download_button.show()
+        infos_button.show()
+        comp_button.show()
+        self.tutorial_store_details.show()
\ No newline at end of file
diff --git a/TutoriusActivity.activity/TutorialStoreHome.py b/TutoriusActivity.activity/TutorialStoreHome.py
new file mode 100644
index 0000000..8a361dc
--- /dev/null
+++ b/TutoriusActivity.activity/TutorialStoreHome.py
@@ -0,0 +1,109 @@
+import logging
+import TutorialStoreCategories
+import TutorialStoreSearch
+import TutorialStoreSuggestion
+import TutorialStoreResults
+import TutorialStoreDetails
+
+import sys, os
+import gtk
+
+class TutorialStoreHome:
+    def log(self,widget,data=None):
+        logging.info('Tutorial Store Home start')
+
+    def __init__(self):
+        
+        self.categories = TutorialStoreCategories.TutorialStoreCategories()
+        categories_frame = self.categories.categorie_box_frame
+        
+        self.search = TutorialStoreSearch.TutorialStoreSearch()
+        tutorial_store_search = self.search.tutorial_store_search
+
+        self.search_button = self.search.search_button_access()
+        
+        self.suggestion = TutorialStoreSuggestion.TutorialStoreSuggestion()
+        
+        tut_store_suggestion = gtk.HBox(homogeneous=True, spacing=5)
+        tut_store_suggestion.pack_start(self.suggestion.top_five_frame, expand=False, fill=False, padding=0)
+        tut_store_suggestion.pack_start(self.suggestion.also_like_frame, expand=False, fill=False, padding=0)
+        
+        self.results = TutorialStoreResults.TutorialStoreResults()
+        
+        tut_store_home_base = gtk.VBox(False, 5)
+        tut_store_home_base.pack_start(tutorial_store_search, False, False, 25)
+        tut_store_home_base.pack_start(tut_store_suggestion, False, False, 0)
+        
+        self.labeltest = gtk.Label('Test')
+        
+        self.tutorial_store_home = gtk.HBox(False, 5)
+        self.tutorial_store_home.pack_start(categories_frame, True, True, 5)
+        self.tutorial_store_home.pack_start(tut_store_home_base, True, True, 5)
+        self.tutorial_store_home.pack_start(tut_store_home_base, True, True, 5)
+        
+        tut_store_suggestion.show()
+        categories_frame.show()
+        tut_store_home_base.show()
+        self.tutorial_store_home.show()
+        
+    def get_search_button(self):
+            
+        return self.search_button
+    
+    def get_more_button(self):
+        return self.suggestion.get_more_button()
+    
+    def get_results_widget(self):
+        
+        self.search = TutorialStoreSearch.TutorialStoreSearch()
+        tutorial_store_search = self.search.tutorial_store_search
+        
+        self.results = TutorialStoreResults.TutorialStoreResults()
+        tutorial_store_results = self.results.tutorial_store_results
+        
+        self.categories = TutorialStoreCategories.TutorialStoreCategories()
+        categories_frame = self.categories.categorie_box_frame
+        
+        tut_store_home_base = gtk.VBox(False, 5)
+        tut_store_home_base.pack_start(tutorial_store_search, False, False, 25)
+        tut_store_home_base.pack_start(tutorial_store_results, False, False, 0)
+        
+        self.tutorial_store_home = gtk.HBox(False, 5)
+        self.tutorial_store_home.pack_start(categories_frame, True, True, 5)
+        self.tutorial_store_home.pack_start(tut_store_home_base, True, True, 5)
+        
+        tut_store_home_base.show()
+        tutorial_store_search.show()
+        tutorial_store_results.show()
+        categories_frame.show()
+        self.tutorial_store_home.show()
+        
+        return self.tutorial_store_home
+    
+    def get_details_widget(self):
+        
+        self.search = TutorialStoreSearch.TutorialStoreSearch()
+        tutorial_store_search = self.search.tutorial_store_search
+        
+        self.details = TutorialStoreDetails.TutorialStoreDetails()
+        tutorial_store_details = self.details.tutorial_store_details
+        
+        self.categories = TutorialStoreCategories.TutorialStoreCategories()
+        categories_frame = self.categories.categorie_box_frame
+        
+        tut_store_home_base = gtk.VBox(False, 5)
+        tut_store_home_base.pack_start(tutorial_store_search, False, False, 25)
+        tut_store_home_base.pack_start(tutorial_store_details, False, False, 0)
+        
+        self.tutorial_store_home = gtk.HBox(False, 5)
+        self.tutorial_store_home.pack_start(categories_frame, True, True, 5)
+        self.tutorial_store_home.pack_start(tut_store_home_base, True, True, 5)
+        
+        tut_store_home_base.show()
+        tutorial_store_search.show()
+        tutorial_store_details.show()
+        categories_frame.show()
+        self.tutorial_store_home.show()
+        
+        return self.tutorial_store_home
+
diff --git a/TutoriusActivity.activity/TutorialStoreResults.py b/TutoriusActivity.activity/TutorialStoreResults.py
new file mode 100644
index 0000000..0e8e54c
--- /dev/null
+++ b/TutoriusActivity.activity/TutorialStoreResults.py
@@ -0,0 +1,124 @@
+import sys, os
+import gtk
+
+class TutorialStoreResults:
+
+    def __init__(self):
+        tuto_icon1 = gtk.Image()
+        tuto_icon1.set_from_file('icon.svg')
+        tuto_icon2 = gtk.Image()
+        tuto_icon2.set_from_file('icon.svg')
+        
+        full_star_icon1 = gtk.Image()
+        full_star_icon1.set_from_file('full_star.svg')
+        full_star_icon2 = gtk.Image()
+        full_star_icon2.set_from_file('full_star.svg')
+        full_star_icon3 = gtk.Image()
+        full_star_icon3.set_from_file('full_star.svg')
+        full_star_icon4 = gtk.Image()
+        full_star_icon4.set_from_file('full_star.svg')
+        full_star_icon5 = gtk.Image()
+        full_star_icon5.set_from_file('full_star.svg')
+        
+        grayed_star_icon1 = gtk.Image()
+        grayed_star_icon1.set_from_file('grayed_star.svg')
+        grayed_star_icon2 = gtk.Image()
+        grayed_star_icon2.set_from_file('grayed_star.svg')
+        grayed_star_icon3 = gtk.Image()
+        grayed_star_icon3.set_from_file('grayed_star.svg')
+        grayed_star_icon4 = gtk.Image()
+        grayed_star_icon4.set_from_file('grayed_star.svg')
+        
+        half_star_icon1= gtk.Image()
+        half_star_icon1.set_from_file('half_star.svg')
+        
+        tuto_title_label1 = gtk.Label('Titre 1')
+        tuto_title_label2 = gtk.Label('Titre 2')
+        
+        tuto_descrip_label1 = gtk.Label('Description 1 : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.')
+        tuto_descrip_label1.set_line_wrap(True)
+        tuto_descrip_label1.set_width_chars(50)
+        tuto_descrip_label2 = gtk.Label('Description 2 : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.')
+        tuto_descrip_label2.set_line_wrap(True)
+        tuto_descrip_label2.set_width_chars(50)
+        
+        download_button1 = gtk.Button('Download')
+        download_button2 = gtk.Button('Download')
+        details_button1 = gtk.Button('Details')
+        details_button2 = gtk.Button('Details')
+        
+        show_resuls_label = gtk.Label('Showing results 1-29 of 109')
+        # TODO : Probably must be something else than a label, or find a way to listen to click event on label ...
+        next_results_label = gtk.Label('< 1 2 3 4 >')
+        
+        tutorial_title_bar1 = gtk.HBox (False, 0)
+        tutorial_title_bar1.pack_start(tuto_icon1)
+        tutorial_title_bar1.pack_start(tuto_title_label1)
+        tutorial_title_bar1.pack_start(full_star_icon1)
+        tutorial_title_bar1.pack_start(full_star_icon2)
+        tutorial_title_bar1.pack_start(full_star_icon3)
+        tutorial_title_bar1.pack_start(grayed_star_icon1)
+        tutorial_title_bar1.pack_start(grayed_star_icon2)
+        
+        tutorial_button_bar1 = gtk.HBox(True, 25)
+        tutorial_button_bar1.pack_start(download_button1)
+        tutorial_button_bar1.pack_start(details_button1)
+        
+        tutorial1 = gtk.VBox (False, 5)
+        tutorial1.pack_start(tutorial_title_bar1)
+        tutorial1.pack_start(tuto_descrip_label1)
+        tutorial1.pack_start(tutorial_button_bar1)
+        
+        tutorial_title_bar2 = gtk.HBox (False, 5)
+        tutorial_title_bar2.pack_start(tuto_icon2)
+        tutorial_title_bar2.pack_start(tuto_title_label2)
+        tutorial_title_bar2.pack_start(full_star_icon4)
+        tutorial_title_bar2.pack_start(full_star_icon5)
+        tutorial_title_bar2.pack_start(half_star_icon1)
+        tutorial_title_bar2.pack_start(grayed_star_icon3)
+        tutorial_title_bar2.pack_start(grayed_star_icon4)
+        
+        tutorial_button_bar2 = gtk.HBox(True, 55)
+        tutorial_button_bar2.pack_start(download_button2)
+        tutorial_button_bar2.pack_start(details_button2)
+        
+        tutorial2 = gtk.VBox (False, 5)
+        tutorial2.pack_start(tutorial_title_bar2)
+        tutorial2.pack_start(tuto_descrip_label2)
+        tutorial2.pack_start(tutorial_button_bar2)
+        
+        self.tutorial_store_results = gtk.VBox(False, 10)
+        self.tutorial_store_results.pack_start(tutorial1, True, True, 10)
+        self.tutorial_store_results.pack_start(tutorial2, True, True, 10)
+        self.tutorial_store_results.pack_start(show_resuls_label)
+        self.tutorial_store_results.pack_start(next_results_label)
+        
+        tuto_icon1.show()
+        tuto_icon2.show()
+        full_star_icon1.show()
+        full_star_icon2.show()
+        full_star_icon3.show()
+        full_star_icon4.show()
+        full_star_icon5.show()
+        grayed_star_icon1.show()
+        grayed_star_icon2.show()
+        grayed_star_icon3.show()
+        grayed_star_icon4.show()
+        half_star_icon1.show()
+        tuto_title_label1.show()
+        tuto_title_label2.show()
+        tuto_descrip_label1.show()
+        tuto_descrip_label2.show()
+        download_button1.show()
+        download_button2.show()
+        details_button1.show()
+        details_button2.show()
+        show_resuls_label.show()
+        next_results_label.show()
+        tutorial_title_bar1.show()
+        tutorial_title_bar2.show()
+        tutorial_button_bar1.show()
+        tutorial_button_bar2.show()
+        tutorial1.show()
+        tutorial2.show()
+        self.tutorial_store_results.show()
\ No newline at end of file
diff --git a/TutoriusActivity.activity/TutorialStoreSearch.py b/TutoriusActivity.activity/TutorialStoreSearch.py
new file mode 100644
index 0000000..1663f80
--- /dev/null
+++ b/TutoriusActivity.activity/TutorialStoreSearch.py
@@ -0,0 +1,33 @@
+import sys, os
+import gtk
+
+class TutorialStoreSearch:
+
+    def __init__(self):
+        search_label = gtk.Label('Search :')
+        search_box = gtk.Entry(400)
+        in_label = gtk.Label('in')
+        search_combobox = gtk.combo_box_new_text()
+        search_combobox.insert_text(0, 'all Categories (109)')
+        search_combobox.insert_text(1, 'Math (8)')
+        search_combobox.insert_text(2, 'Physics (16)')
+        search_combobox.insert_text(3, 'History (32)')
+        search_combobox.insert_text(4, 'Learning (53)')
+        self.search_button = gtk.Button('Search')
+        
+        self.tutorial_store_search = gtk.HBox(False, 5)
+        self.tutorial_store_search.pack_start(search_label, True, True, 5)
+        self.tutorial_store_search.pack_start(search_box, True, True, 5)
+        self.tutorial_store_search.pack_start(in_label, True, True, 5)
+        self.tutorial_store_search.pack_start(search_combobox, True, True, 5)
+        self.tutorial_store_search.pack_start(self.search_button, True, True, 5)
+        
+        search_label.show()
+        search_box.show()
+        in_label.show()
+        search_combobox.show()
+        self.search_button.show()
+        self.tutorial_store_search.show()
+        
+    def search_button_access(self):
+        return self.search_button
\ No newline at end of file
diff --git a/TutoriusActivity.activity/TutorialStoreSuggestion.py b/TutoriusActivity.activity/TutorialStoreSuggestion.py
new file mode 100644
index 0000000..9164ca0
--- /dev/null
+++ b/TutoriusActivity.activity/TutorialStoreSuggestion.py
@@ -0,0 +1,139 @@
+import sys, os
+import gtk
+
+class TutorialStoreSuggestion:
+
+    def __init__(self):
+        
+        tutorial1 = gtk.HBox(homogeneous=True, spacing=0)
+        tutorial2 = gtk.HBox(homogeneous=True, spacing=0)
+        tutorial3 = gtk.HBox(homogeneous=True, spacing=0)
+        tutorial4 = gtk.HBox(homogeneous=True, spacing=0)
+        tutorial5 = gtk.HBox(homogeneous=True, spacing=0)
+        tutorial6 = gtk.HBox(homogeneous=True, spacing=0)
+        
+        icon1 = gtk.Image()
+        icon1.set_from_file('icon.svg')
+        icon2 = gtk.Image()
+        icon2.set_from_file('icon.svg')
+        icon3 = gtk.Image()
+        icon3.set_from_file('icon.svg')
+        icon4 = gtk.Image()
+        icon4.set_from_file('icon.svg')
+        icon5 = gtk.Image()
+        icon5.set_from_file('icon.svg')
+        icon6 = gtk.Image()
+        icon6.set_from_file('icon.svg')
+        
+        label1 = gtk.Label('Tuto 1')
+        label2 = gtk.Label('Tuto 2')
+        label3 = gtk.Label('Tuto 3')
+        
+        label4 = gtk.Label('Tuto 4')
+        label5 = gtk.Label('Tuto 5')
+        label6 = gtk.Label('Tuto 6')
+        
+        self.more_button1 = gtk.Button('More')
+        more_button2 = gtk.Button('More')
+        more_button3 = gtk.Button('More')
+        more_button4 = gtk.Button('More')
+        more_button5 = gtk.Button('More')
+        more_button6 = gtk.Button('More')
+        
+        tutorial1.pack_start(icon1, expand=True, fill=True, padding=4)
+        tutorial1.pack_start(label1, expand=True, fill=True, padding=0)
+        tutorial1.pack_start(self.more_button1, expand=False, fill=False, padding=5)
+        tutorial1_frame = gtk.Frame()
+        tutorial1_frame.add(tutorial1)
+        tutorial1_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+        
+        tutorial2.pack_start(icon2, expand=True, fill=True, padding=4)
+        tutorial2.pack_start(label2, expand=True, fill=True, padding=0)
+        tutorial2.pack_start(more_button2, expand=False, fill=False, padding=5)
+        tutorial2_frame = gtk.Frame()
+        tutorial2_frame.add(tutorial2)
+        tutorial2_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+        
+        tutorial3.pack_start(icon3, expand=True, fill=True, padding=4)
+        tutorial3.pack_start(label3, expand=True, fill=True, padding=0)
+        tutorial3.pack_start(more_button3, expand=False, fill=False, padding=5)
+        tutorial3_frame = gtk.Frame()
+        tutorial3_frame.add(tutorial3)
+        tutorial3_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+        
+        tutorial4.pack_start(icon4, expand=True, fill=True, padding=4)
+        tutorial4.pack_start(label4, expand=True, fill=True, padding=0)
+        tutorial4.pack_start(more_button4, expand=False, fill=False, padding=5)
+        tutorial4_frame = gtk.Frame()
+        tutorial4_frame.add(tutorial4)
+        tutorial4_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+        
+        tutorial5.pack_start(icon5, expand=True, fill=True, padding=4)
+        tutorial5.pack_start(label5, expand=True, fill=True, padding=0)
+        tutorial5.pack_start(more_button5, expand=False, fill=False, padding=5)
+        tutorial5_frame = gtk.Frame()
+        tutorial5_frame.add(tutorial5)
+        tutorial5_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+        
+        tutorial6.pack_start(icon6, expand=True, fill=True, padding=4)
+        tutorial6.pack_start(label6, expand=True, fill=True, padding=0)
+        tutorial6.pack_start(more_button6, expand=False, fill=False, padding=5)
+        tutorial6_frame = gtk.Frame()
+        tutorial6_frame.add(tutorial6)
+        tutorial6_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+        
+        top_five = gtk.VBox(homogeneous=True, spacing=0)
+        self.top_five_frame = gtk.Frame('Top 5 Most Popular')
+##        top_five_frame.modify_bg(gtk.STATE_NORMAL, gtk.gdk.Color(0,0,0))
+
+        top_five.pack_start(tutorial1_frame, expand=True, fill=True, padding=0)
+        top_five.pack_start(tutorial2_frame, expand=True, fill=True, padding=0)
+        top_five.pack_start(tutorial3_frame, expand=True, fill=True, padding=0)
+        
+        also_like = gtk.VBox(homogeneous=True, spacing=0)
+        self.also_like_frame = gtk.Frame('You might also like :')
+
+        also_like.pack_start(tutorial4_frame, expand=True, fill=True, padding=0)
+        also_like.pack_start(tutorial5_frame, expand=True, fill=True, padding=0)
+        also_like.pack_start(tutorial6_frame, expand=True, fill=True, padding=0)
+
+        self.top_five_frame.add(top_five)
+        self.also_like_frame.add(also_like)
+        
+        label1.show()
+        label2.show()
+        label3.show()
+        label4.show()
+        label5.show()
+        label6.show()
+        icon1.show()
+        icon2.show()
+        icon3.show()
+        icon4.show()
+        icon5.show()
+        icon6.show()
+        self.more_button1.show()
+        more_button2.show()
+        more_button3.show()
+        more_button4.show()
+        more_button5.show()
+        more_button6.show()
+        tutorial1_frame.show()
+        tutorial2_frame.show()
+        tutorial3_frame.show()
+        tutorial4_frame.show()
+        tutorial5_frame.show()
+        tutorial6_frame.show()
+        tutorial1.show()
+        tutorial2.show()
+        tutorial3.show()
+        tutorial4.show()
+        tutorial5.show()
+        tutorial6.show()
+        top_five.show()
+        self.top_five_frame.show()
+        also_like.show()
+        self.also_like_frame.show()
+        
+    def get_more_button(self):
+        return self.more_button1
\ No newline at end of file
diff --git a/TutoriusActivity.activity/TutoriusActivity.py b/TutoriusActivity.activity/TutoriusActivity.py
index 23f5d16..06c80ef 100755
--- a/TutoriusActivity.activity/TutoriusActivity.py
+++ b/TutoriusActivity.activity/TutoriusActivity.py
@@ -1,4 +1,5 @@
 from sugar.activity import activity
+import TutorialStoreHome
 import logging
 
 import sys, os
@@ -6,38 +7,72 @@ import gtk
 from dialogs import LoginDialog
 
 class TutoriusActivity(activity.Activity):
-	def hello(self,widget,data=None):
-		logging.info('Hello world')
+    def hello(self,widget,data=None):
+        logging.info('Hello world')
+        
+    def callback(self, widget, button_string):
+        
+        if button_string == 'search_button':
+            self.right_container.remove(self.tutorial_store_home.tutorial_store_home)
+        
+            results_widget = self.tutorial_store_home.get_results_widget()
+        
+            self.right_container.pack_start(results_widget)
+        
+            results_widget.show()
+            self.right_container.show()
+            
+        elif button_string == 'more_button':
+            self.right_container.remove(self.tutorial_store_home.tutorial_store_home)
+        
+            details_widget = self.tutorial_store_home.get_details_widget()
+        
+            self.right_container.pack_start(details_widget)
+        
+            details_widget.show()
+            self.right_container.show()
 
-	def __init__(self,handle):
-		print "running activity init", handle
-		activity.Activity.__init__(self,handle)
-		print "actiity running"
+    def __init__(self,handle):
+        print "running activity init", handle
+        activity.Activity.__init__(self,handle)
+        print "actiity running"
 
-		toolbox = activity.ActivityToolbox(self)
-		self.set_toolbox(toolbox)
-		toolbox.show()
+        toolbox = activity.ActivityToolbox(self)
+        self.set_toolbox(toolbox)
+        toolbox.show()
 
-		self.dialog = LoginDialog()
-		self.dialog.show()
+        self.dialog = LoginDialog()
+        self.dialog.show()
 
-		self.table = gtk.HPaned()
-		self.table.set_position(250)
-		self.left_container = gtk.VBox()
-		btn1 = gtk.Button("My tutorials")
-		btn2 = gtk.Button("Tutorial Store")
-		btn3 = gtk.Button("test button")
-		
-		self.left_container.pack_start(btn1,expand=False)
-		self.left_container.pack_start(btn2,expand=False)
-	
-		self.table.add1(self.left_container)
-		self.table.add2(btn3)
-		self.set_canvas(self.table)
-		btn3.show()
-		btn1.show()
-		btn2.show()
-		self.left_container.show()
-		self.table.show()
-
-		print "AT THE END OF THE CLASS"
+        self.table = gtk.HPaned()
+        self.table.set_position(100)
+        self.left_container = gtk.VBox()
+        btn1 = gtk.Button("My tutorials")
+        btn2 = gtk.Button("Tutorial Store")
+        btn3 = gtk.Button("test button")
+        
+        self.left_container.pack_start(btn1,expand=False)
+        self.left_container.pack_start(btn2,expand=False)
+        self.tutorial_store_home = TutorialStoreHome.TutorialStoreHome()
+        
+        tutorial_store_search_button = self.tutorial_store_home.get_search_button()
+        tutorial_store_search_button.connect("clicked", self.callback, 'search_button')
+        
+        tutorial_store_more_button = self.tutorial_store_home.get_more_button()
+        tutorial_store_more_button.connect("clicked", self.callback, 'more_button')
+        
+        self.right_container = gtk.VBox()
+        self.right_container.pack_start(self.tutorial_store_home.tutorial_store_home)
+        
+        self.table.add1(self.left_container)
+        self.table.add2(self.right_container)
+        self.set_canvas(self.table)
+        btn3.show()
+        btn1.show()
+        btn2.show()
+        self.left_container.show()
+        self.right_container.show()
+        self.table.show()
+        
+        print "AT THE END OF THE CLASS"
+            
diff --git a/TutoriusActivity.activity/full_star.svg b/TutoriusActivity.activity/full_star.svg
new file mode 100644
index 0000000..6ff33eb
--- /dev/null
+++ b/TutoriusActivity.activity/full_star.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2595"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   width="24"
+   height="24"
+   version="1.0"
+   sodipodi:docname="full_star"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata2600">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2598">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective2602" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-height="726"
+     inkscape:window-width="645"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="false"
+     inkscape:zoom="20.583333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:current-layer="svg2595" />
+  <image
+     xlink:href="/home/charlie/Desktop/1254082870_001_15.gif"
+     sodipodi:absref="/home/charlie/Desktop/1254082870_001_15.gif"
+     width="24"
+     height="24"
+     id="image2604"
+     x="0"
+     y="0" />
+</svg>
diff --git a/TutoriusActivity.activity/grayed_star.svg b/TutoriusActivity.activity/grayed_star.svg
new file mode 100644
index 0000000..66584f7
--- /dev/null
+++ b/TutoriusActivity.activity/grayed_star.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2510"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   width="24"
+   height="24"
+   version="1.0"
+   sodipodi:docname="grayed_star"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata2515">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2513">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective2517" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-height="726"
+     inkscape:window-width="645"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="false"
+     inkscape:zoom="20.583333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="230"
+     inkscape:window-y="25"
+     inkscape:current-layer="svg2510" />
+  <image
+     xlink:href="/home/charlie/Desktop/1254082794_001_17.gif"
+     sodipodi:absref="/home/charlie/Desktop/1254082794_001_17.gif"
+     width="24"
+     height="24"
+     id="image2519"
+     x="0"
+     y="0" />
+</svg>
diff --git a/TutoriusActivity.activity/half_star.svg b/TutoriusActivity.activity/half_star.svg
new file mode 100644
index 0000000..ea5996f
--- /dev/null
+++ b/TutoriusActivity.activity/half_star.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2680"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   width="24"
+   height="24"
+   version="1.0"
+   sodipodi:docname="half_star.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <metadata
+     id="metadata2685">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2683">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective2687" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-height="726"
+     inkscape:window-width="645"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="false"
+     inkscape:zoom="20.583333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:current-layer="svg2680" />
+  <image
+     xlink:href="/home/charlie/Desktop/1254082876_001_16.gif"
+     sodipodi:absref="/home/charlie/Desktop/1254082876_001_16.gif"
+     width="24"
+     height="24"
+     id="image2689"
+     x="0"
+     y="0" />
+</svg>
diff --git a/TutoriusActivity.activity/icon.svg b/TutoriusActivity.activity/icon.svg
new file mode 100644
index 0000000..bb28f04
--- /dev/null
+++ b/TutoriusActivity.activity/icon.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" ?><!-- Created with Inkscape (http://www.inkscape.org/) --><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
+	<!ENTITY stroke_color "#000000">
+	<!ENTITY fill_color "#ffffff">
+]><svg height="55px" id="svg2393" inkscape:output_extension="org.inkscape.output.svg.inkscape" inkscape:version="0.47pre1 r21720" sodipodi:docname="tutortool.svg" sodipodi:version="0.32" version="1.1" width="55px" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs2395">
+    <inkscape:perspective id="perspective2401" inkscape:persp3d-origin="16 : 10.666667 : 1" inkscape:vp_x="0 : 16 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="32 : 16 : 1" sodipodi:type="inkscape:persp3d"/>
+  </defs>
+  <sodipodi:namedview bordercolor="#666666" borderopacity="1.0" id="base" inkscape:current-layer="layer1" inkscape:cx="3.7661233" inkscape:cy="33.132055" inkscape:document-units="px" inkscape:grid-bbox="true" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="675" inkscape:window-maximized="0" inkscape:window-width="1057" inkscape:window-x="108" inkscape:window-y="45" inkscape:zoom="3.9590209" pagecolor="#ffffff" showgrid="true"/>
+  <metadata id="metadata2398">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g id="layer1" inkscape:groupmode="layer" inkscape:label="Layer 1" transform="translate(0,23)">
+    <path d="m 38.01548,1.5478747 c 0,7.1837999 -7.3667,13.0141283 -16.443525,13.0141283 -2.269208,0 -8.124729,3.152936 -13.9608513,4.252763 C 13.382177,14.110994 11.434521,11.926642 9.9463815,10.748864 6.9701032,8.3933076 5.1284282,5.1397735 5.1284282,1.5478747 c 0,-7.1837994 7.3666998,-13.0141297 16.4435268,-13.0141297 9.076825,0 16.443525,5.8303303 16.443525,13.0141297 z" id="path2403" sodipodi:nodetypes="cscsssc" style="fill:&fill_color;;fill-opacity:1;fill-rule:nonzero;stroke:&stroke_color;;stroke-width:1.96931934;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"/>
+    <path d="m 50.150276,6.4721386 c 0,2.621116 -1.428036,4.9953144 -3.735846,6.7142344 -1.153905,0.85946 -1.824287,2.434433 1.398853,6.784273 -6.258422,-3.991066 -8.65379,-4.001712 -10.413335,-4.001712 -7.03818,0 -12.750327,-4.254565 -12.750327,-9.4967954 0,-5.2422321 5.712147,-9.4967971 12.750327,-9.4967971 7.038182,0 12.750328,4.254565 12.750328,9.4967971 z" id="path3175" sodipodi:nodetypes="cccsssc" style="fill:&fill_color;;fill-opacity:1;fill-rule:nonzero;stroke:&stroke_color;;stroke-width:1.96931934;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"/>
+  </g>
+</svg>
\ No newline at end of file