Added code for showing images

[endlessm/eos-sdk#186]

3 files changed, 116 insertions, 6 deletions

diff --git a/wikipedia/data/app_info/pt-br-brazil-app.json b/wikipedia/data/app_info/pt-br-brazil-app.json
new file mode 100644
index 0000000..8808872
--- /dev/null
+++ b/wikipedia/data/app_info/pt-br-brazil-app.json
@@ -0,0 +1,80 @@
+{
+    "app_name":"Brazil",
+    "image_uri":"resource:///com/endlessm/brazil/category_images/cuisine.jpg",
+    "categories":
+    [
+        {
+            "category_name":"Sports",
+            "content_text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed imperdiet rutrum lectus, quis tincidunt eros venenatis nec. Cras porta aliquam arcu fermentum imperdiet. Praesent ut facilisis quam, at interdum elit. Morbi commodo tellus ut varius ultricies. Nam sodales sapien non scelerisque bibendum. Ut ultrices metus sed mauris lacinia pharetra. In magna lorem, hendrerit quis blandit a, congue sit amet arcu. Mauris vulputate hendrerit justo, ut luctus lectus. Praesent placerat dapibus hendrerit. Pellentesque neque nunc, egestas vel faucibus vitae, accumsan in nisi. Aenean at commodo mauris. Mauris congue facilisis iaculis. Aenean at dapibus quam. Maecenas sit amet pharetra ligula. Vestibulum mollis condimentum mollis. Nulla facilisi. Suspendisse vel consequat nisl. Proin et pretium lectus. Mauris tempor luctus venenatis. Vestibulum diam metus, hendrerit et blandit quis, iaculis quis mi. Integer cursus fringilla eros, id eleifend nisl malesuada laoreet. Fusce vitae lacus eget arcu sodales porta non eu augue. Sed vel eleifend tellus. Pellentesque vel velit augue. Mauris sagittis dictum sem, sit amet pharetra sem cursus eget. Nam enim diam, tempus id cursus eu, varius in velit. Aliquam ut feugiat lorem. Proin egestas laoreet rutrum.",
+            "image_uri":"resource:///com/endlessm/brazil/category_images/bg_brazil_sports.jpg",
+            "articles":
+            [
+                {
+                    "title":"Brasil",
+                    "url":"Cachaça"
+                },
+
+                {
+                    "title":"Ronaldo",
+                    "url":"Feijoada"
+                },
+                {
+                    "title":"Facebook",
+                    "url":"Cachaça"
+                },
+
+                {
+                    "title":"SheiKra",
+                    "url":"Feijoada"
+                },
+                {
+                    "title":"James Dean",
+                    "url":"Cachaça"
+                },
+
+                {
+                    "title":"Quidditch",
+                    "url":"Feijoada"
+                },
+                {
+                    "title":"Curling",
+                    "url":"Cachaça"
+                },
+
+                {
+                    "title":"Skating",
+                    "url":"Feijoada"
+                },
+                {
+                    "title":"Neymar",
+                    "url":"Cachaça"
+                },
+
+                {
+                    "title":"Brazil 2014",
+                    "url":"Feijoada"
+                }
+
+            ]
+        },
+
+        {
+            "category_name":"History",
+            "content_text":"Brazil has a long and interesting history.",
+            "image_uri":"resource:///com/endlessm/brazil/category_images/history.jpg",
+            "articles":
+            [
+                {
+                    "title":"Regime militar no Brasil",
+                    "url":"Peplum_movie"
+                },
+
+                {
+                    "title":"Getúlio Vargas",
+                    "url":"Getúlio_Vargas"
+                }
+
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/wikipedia/generate_resource_file.py b/wikipedia/generate_resource_file.py
new file mode 100644
index 0000000..a0ca003
--- /dev/null
+++ b/wikipedia/generate_resource_file.py
@@ -0,0 +1,21 @@
+import json
+import xml.etree.ElementTree as ET
+
+path = "../data/app_info"
+filename = os.listdir(path)[0]
+handle = open(filename, 'r')
+app_info = json.loads(handle.read())
+categories = app_info['categories']
+app_image_name = "app_image/" + app_info['app_image']
+
+tree = ET.parse('..data/endless_brazil.gresource.xml')
+root = tree.getroot()
+filenode = root.find('gresource')
+
+for category in categories:
+	image_file = category['image_file']
+	new_file_name = "category_images/" + image_file
+	elem = ET.Element('file')
+	elem.text = new_file_name
+	filenode.append(elem)
+ET.dump(root)
\ No newline at end of file
diff --git a/wikipedia/src/views/js/main.js b/wikipedia/src/views/js/main.js
index c32a19f..e91472a 100644
--- a/wikipedia/src/views/js/main.js
+++ b/wikipedia/src/views/js/main.js
@@ -25,12 +25,21 @@ Endless.Wikipedia = Endless.Wikipedia || {};
                     $inside_content.html(pageHtml);
                     $header_content.html('<h1>' + titlePage + '</h1>');
                     $('#inside-content').prepend('<hr class="hr-title">');
-                    // Eventually we want to resurrect his code when we have links in page
-                    // $('#inside-content [src^="//"]').each(function() {
-                    //     var oldSrc = $(this).attr('src');
-                    //     var newSrc = oldSrc.replace("//", "http://");
-                    //     $(this).attr('src', newSrc);
-                    // });
+
+                    $('#inside-content [src^="//"]').each(function() {
+                        var parent = $(this).parent();
+                        if($(this).is("img")){
+                            var url = $(this).attr("src");
+                            var theSplit = url.split("/");
+                            var filename = theSplit[theSplit.length - 2];
+                            if(filename.length == 2){
+                                filename = theSplit[theSplit.length - 1];
+                            }
+                            var newSrc = "article_images/" + encodeURI(filename)
+                            $(this).attr('src', newSrc);
+                        }
+                        
+                    });
                 }
             },