From 32348a04e1b386283e6f5ff8c0c715b3acd12e3a Mon Sep 17 00:00:00 2001
From: tominardi <tominardi@gmail.com>
Date: Mon, 4 Jul 2016 09:26:00 +0200
Subject: [PATCH] Create and display a simple flickr module

---
 src/app/index.js                             |  3 ++-
 src/app/modules/core/navigation/sidebar.html |  6 ++++++
 src/app/modules/flickr/flickr.js             | 20 ++++++++++++++++++++
 src/app/modules/flickr/profile.module.js     | 19 +++++++++++++++++++
 src/app/modules/flickr/show/show.html        | 17 +++++++++++++++++
 src/index.html                               | 16 ++++++++++------
 6 files changed, 74 insertions(+), 7 deletions(-)
 create mode 100644 src/app/modules/flickr/flickr.js
 create mode 100644 src/app/modules/flickr/profile.module.js
 create mode 100644 src/app/modules/flickr/show/show.html

diff --git a/src/app/index.js b/src/app/index.js
index 5a90a34..0553d9c 100644
--- a/src/app/index.js
+++ b/src/app/index.js
@@ -7,6 +7,7 @@
         'app.post',
         'app.dashboard',
         'app.data',
-        'app.common'
+        'app.common',
+        'app.flickr'
     ]);
 })();
diff --git a/src/app/modules/core/navigation/sidebar.html b/src/app/modules/core/navigation/sidebar.html
index ebcdf9a..d56a927 100644
--- a/src/app/modules/core/navigation/sidebar.html
+++ b/src/app/modules/core/navigation/sidebar.html
@@ -27,6 +27,12 @@
       Profile
     </a>
   </li>
+  <li>
+    <a ui-sref="app.flickr" ui-sref-active="active">
+      <i class="glyphicon glyphicon-list-alt mr-xs"></i>
+      API REST
+    </a>
+  </li>
   <li class="hidden-md hidden-lg">
     <a href="#" ng-click="logout()">Logout</a>
   </li>
diff --git a/src/app/modules/flickr/flickr.js b/src/app/modules/flickr/flickr.js
new file mode 100644
index 0000000..7a54ed8
--- /dev/null
+++ b/src/app/modules/flickr/flickr.js
@@ -0,0 +1,20 @@
+(function() {
+  'use strict';
+
+  angular.module('app.flickr')
+    .controller('flickrController', flickrController);
+
+  flickrController.$inject = ['$scope', '$http'];
+  function flickrController($scope, $http) {
+    $scope.items = []
+
+    window.jsonFlickrFeed = function(data) {
+        $scope.title = data.title;
+        $scope.link = data.link;
+        $scope.items = data.items
+    };
+
+    $http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?format=json');
+    }
+
+})();
diff --git a/src/app/modules/flickr/profile.module.js b/src/app/modules/flickr/profile.module.js
new file mode 100644
index 0000000..d1b904a
--- /dev/null
+++ b/src/app/modules/flickr/profile.module.js
@@ -0,0 +1,19 @@
+(function() {
+  'use strict';
+
+  var module = angular.module('app.flickr', ['ui.router']);
+
+  module.config(appConfig);
+
+  appConfig.$inject = ['$stateProvider'];
+
+  function appConfig($stateProvider) {
+    $stateProvider
+      .state('app.flickr', {
+        url: '/flickr',
+        templateUrl: 'app/modules/flickr/show/show.html',
+        controller: 'flickrController',
+        controllerAs: 'vm'
+      });
+  }
+})();
diff --git a/src/app/modules/flickr/show/show.html b/src/app/modules/flickr/show/show.html
new file mode 100644
index 0000000..4447436
--- /dev/null
+++ b/src/app/modules/flickr/show/show.html
@@ -0,0 +1,17 @@
+<ol class="breadcrumb">
+  <li><span class="text-muted">YOU ARE HERE</span></li>
+  <li class="active">Profile</li>
+</ol>
+<div class="row">
+    <div class="widget" ng-controller="flickrController">
+        <h4 class="mt-0"><a href="{{ link }}">{{ title }}</a></h4>
+        <div class="row">
+            <div ng-repeat="item in items">
+                <div class="col-md-12">
+                    <p>{{ item.title }}</p>
+                    <a href="{{ item.link }}" target="_blank"><img src="{{ item.media.m }}"></a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/index.html b/src/index.html
index 144a3c4..c575d6f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -55,14 +55,14 @@
 
 <script src="app/modules/post/edit/edit.js"></script>
 
-<script src="app/modules/dashboard/dashboard.module.js"></script>
-
-<script src="app/modules/dashboard/widget-stat/widget.js"></script>
-
 <script src="app/modules/core/core.module.js"></script>
 
 <script src="app/modules/core/navigation/navigation.js"></script>
 
+<script src="app/modules/dashboard/dashboard.module.js"></script>
+
+<script src="app/modules/dashboard/widget-stat/widget.js"></script>
+
 <script src="app/modules/common/common.module.js"></script>
 
 <script src="app/modules/common/widget/widget.js"></script>
@@ -71,16 +71,20 @@
 
 <script src="app/modules/post/delete_post_modal.js"></script>
 
+<script src="app/modules/flickr/profile.module.js"></script>
+
+<script src="app/modules/flickr/flickr.js"></script>
+
 <script src="app/modules/data/data.module.js"></script>
 
 <script src="app/modules/data/posts.js"></script>
 
-<script src="app/modules/dashboard/dashboard.js"></script>
-
 <script src="app/modules/core/core.js"></script>
 
 <script src="app/modules/core/config.js"></script>
 
+<script src="app/modules/dashboard/dashboard.js"></script>
+
 <script src="app/modules/common/notifications.js"></script>
 
 <script src="app/modules/common/common.js"></script>