Adds a basic modal for <album> directive

webapp/js/directives.js

@@ -1,4 +1,7 @@
-var directives = angular.module('satbd.satellite.bar.directives',[])
+var directives = angular.module('satbd.satellite.bar.directives',[
+	'ui.bootstrap',
+	'ngAnimate'
+])
 
 directives.directive('album', function() {
 	return {
@@ -11,11 +14,32 @@ directives.directive('album', function() {
 	};
 });
 
-directives.controller('AlbumCtrl', function($scope,$http,$log,albumService) {
+directives.controller('AlbumCtrl', function($scope,$http,$log,$uibModal,albumService) {
+	$scope.album = { Note:-1};
 	albumService.get($scope.id)
 		.then(function(data) {
 			$scope.album = data;
 		}, function(err) {
 			$log.error('Could not fetch album' + $scope.id +  ' :' + err);
 		});
+	$scope.openAlbumModal = function() {
+		var albumModalInstance = $uibModal.open({
+			templateUrl: 'html/albumModal.html',
+			controller: 'AlbumModalInstanceCtrl',
+			size: 'lg',
+			keyboard: true,
+			resolve: {
+				album: function() {
+					return $scope.album;
+				}
+			}
+		});
+	};
+});
+
+directives.controller('AlbumModalInstanceCtrl', function($scope,$uibModalInstance,album) {
+	$scope.album = album;
+	$scope.ok = function() {
+		$uibModalInstance.close('');
+	};
 });

webapp/js/directives/album.html

@@ -1,7 +1,14 @@
-<div class="cover-container">
-  <div class="cover">
-    <img class="img-responsive img-album-cover" alt="{{album.titre}}" ng-src="{{album.CoverURL}}"/>
+<a href="" ng-click="openAlbumModal()">
+  <div class="cover-container">
+	<div class="cover">
+      <img class="img-responsive img-rounded" alt="{{album.titre}}" ng-src="{{album.CoverURL}}"/>
+	  <div class="rating">
+		<uib-rating  ng-model="album.Note" readonly="true"></uib-rating>
+	  </div>
+	</div>
   </div>
-</div>
-<p>{{album.serie}}</p>
-  
+  <div class="album-ellipsis">
+	<p>{{album.serieDisplay || '-'}}</p>
+	<p>{{album.titleDisplay}}</p>
+  </div>
+</a>

webapp/js/views/recents/recents.html

@@ -1,5 +1,5 @@
 <h1> Albums Récents </h1>
 
-<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2" ng-repeat="id in albumIDs">
-  <album album-id="id"></album>
+<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 album" ng-repeat="id in albumIDs">
+  <album album-id="id"> </album>
 </div>