From 0170bf99ad1ba397a3b581e0fea8762af6198489 Mon Sep 17 00:00:00 2001
From: Alexandre Tuleu <alexandre.tuleu.2005@polytechnique.org>
Date: Mon, 15 Feb 2016 16:24:24 +0100
Subject: [PATCH] Makes album ratio an option

---
 webapp/js/components/album/album.html | 19 ++++++++++++-------
 webapp/js/components/album/album.js   |  4 +++-
 webapp/js/views/recents/recents.html  |  2 +-
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/webapp/js/components/album/album.html b/webapp/js/components/album/album.html
index 4a994c9..c673bcf 100644
--- a/webapp/js/components/album/album.html
+++ b/webapp/js/components/album/album.html
@@ -1,12 +1,17 @@
 <a href="" ng-click="$ctrl.openAlbumModal()">
-  <div class="cover-container">
-	<div class="cover">
-      <img class="img-responsive img-rounded" alt="{{$ctrl.album.titleDisplay}}" ng-src="{{$ctrl.album.CoverURL}}"/>
-	  <div class="over-img-rating">
-		<uib-rating  ng-if="$ctrl.render" ng-model="$ctrl.album.Note" readonly="true"></uib-rating>
-	  </div>
-	  <div class="over-img-ref">{{$ctrl.album.ref}}</div>
+  <div responsive-ratio="$ctrl.ratio" ng-if="$ctrl.ratio > 0">
+	<img class="img-responsive img-rounded" alt="{{$ctrl.album.titleDisplay}}" ng-src="{{$ctrl.album.CoverURL}}"/>
+	<div class="over-img-rating">
+	  <uib-rating  ng-if="$ctrl.render" ng-model="$ctrl.album.Note" readonly="true"></uib-rating>
 	</div>
+	<div class="over-img-ref">{{$ctrl.album.ref}}</div>
+  </div>
+  <div ng-if="$ctrl.ratio <= 0">
+	<img class="img-responsive img-rounded" alt="{{$ctrl.album.titleDisplay}}" ng-src="{{$ctrl.album.CoverURL}}"/>
+	<div class="over-img-rating">
+	  <uib-rating  ng-if="$ctrl.render" ng-model="$ctrl.album.Note" readonly="true"></uib-rating>
+	</div>
+	<div class="over-img-ref">{{$ctrl.album.ref}}</div>
   </div>
   <div class="album-ellipsis">
 	<p>{{$ctrl.album.serieDisplay || '-'}}</p>
diff --git a/webapp/js/components/album/album.js b/webapp/js/components/album/album.js
index 19147dc..036c682 100644
--- a/webapp/js/components/album/album.js
+++ b/webapp/js/components/album/album.js
@@ -1,4 +1,5 @@
 var album = angular.module('satbd.satellite.bar.components.album', [
+	'satbd.satellite.bar.directives.responsive-ratio',
 	'ui.bootstrap',
 	'ngAnimate']);
 
@@ -34,7 +35,8 @@ album.component('album', {
 	templateUrl: 'js/components/album/album.html',
 	controller: AlbumCtrl,
 	bindings: {
-		id: '=albumId'
+		id: '<albumId',
+		ratio: '<'
 	}
 })
 
diff --git a/webapp/js/views/recents/recents.html b/webapp/js/views/recents/recents.html
index cc8f922..159a4d0 100644
--- a/webapp/js/views/recents/recents.html
+++ b/webapp/js/views/recents/recents.html
@@ -1,7 +1,7 @@
 <h1 class="text-center"> Albums Récents </h1>
 <div class="row">
   <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>
+	<album album-id="id" ratio="1.0"> </album>
   </div>
 </div>
 <div class="row text-center" in-view="$inview&&loadMore()" ng-if="scrollMore">