From 0dcafb2d94883e252f132141776f7e7df915623c Mon Sep 17 00:00:00 2001
From: Lorenzo Giacomelli <l.giacomelli@asdynamics.it>
Date: Fri, 18 Mar 2016 14:19:55 +0100
Subject: [PATCH] Aggiunto size mini per le immagini; fix limit in articolo e
 searchResults; inizio styling per immagini clickable; inizio funzione
 immagini clickable

---
 private/lib/media/MediaRendererInterface.php  |  5 ++
 .../lib/media/mediaRenderers/MediaImage.php   |  7 +++
 .../media/mediaRenderers/MediaRenderer.php    |  3 +-
 public/archivio.php                           |  2 +-
 public/articolo.php                           | 59 +------------------
 public/searchResults.php                      |  2 +-
 public/style/public.css                       | 23 +++++++-
 7 files changed, 40 insertions(+), 61 deletions(-)

diff --git a/private/lib/media/MediaRendererInterface.php b/private/lib/media/MediaRendererInterface.php
index f1a74b9..11d31ba 100644
--- a/private/lib/media/MediaRendererInterface.php
+++ b/private/lib/media/MediaRendererInterface.php
@@ -19,6 +19,11 @@ interface MediaRendererInterface{
 	const SIZE_ORIGINAL_H = null;
 	const SIZE_ORIGINAL_W = null;
 	
+	const SIZE_MINI = 5;
+	const SIZE_MINI_W = 80;
+	const SIZE_MINI_H = 60;
+	
+	
 	
 	
 	public function asText(array $opt = array()) ;
diff --git a/private/lib/media/mediaRenderers/MediaImage.php b/private/lib/media/mediaRenderers/MediaImage.php
index b7f59ce..3c997b9 100644
--- a/private/lib/media/mediaRenderers/MediaImage.php
+++ b/private/lib/media/mediaRenderers/MediaImage.php
@@ -13,6 +13,13 @@ class MediaImage extends MediaRenderer{
 		if(array_key_exists("size", $opt) && array_key_exists($opt["size"], self::$SIZES)){
 			$size = $opt["size"];
 		}
+		if (array_key_exists("clickable", $opt)){
+			$clickable = $opt["clickable"];
+			if($clickable){
+				
+			}
+		}
+		
 		return '<img itemprop="image" src="'.$this->getImageLink($size).'"/>';
 	}
 	
diff --git a/private/lib/media/mediaRenderers/MediaRenderer.php b/private/lib/media/mediaRenderers/MediaRenderer.php
index 897fe5a..24e9963 100644
--- a/private/lib/media/mediaRenderers/MediaRenderer.php
+++ b/private/lib/media/mediaRenderers/MediaRenderer.php
@@ -9,7 +9,8 @@ abstract class MediaRenderer implements MediaRendererInterface{
 			MediaRendererInterface::SIZE_SMALL => array("width"=>MediaRendererInterface::SIZE_SMALL_W,"height"=>MediaRendererInterface::SIZE_SMALL_H),
 			MediaRendererInterface::SIZE_MEDIUM => array("width"=>MediaRendererInterface::SIZE_MEDIUM_W,"height"=>MediaRendererInterface::SIZE_MEDIUM_H),
 			MediaRendererInterface::SIZE_BIG => array("width"=>MediaRendererInterface::SIZE_BIG_W,"height"=>MediaRendererInterface::SIZE_BIG_H),
-			MediaRendererInterface::SIZE_ORIGINAL => array("width"=>MediaRendererInterface::SIZE_ORIGINAL_W,"height"=>MediaRendererInterface::SIZE_ORIGINAL_H)
+			MediaRendererInterface::SIZE_ORIGINAL => array("width"=>MediaRendererInterface::SIZE_ORIGINAL_W,"height"=>MediaRendererInterface::SIZE_ORIGINAL_H),
+			MediaRendererInterface::SIZE_MINI => array("width"=>MediaRendererInterface::SIZE_MINI_W,"height"=>MediaRendererInterface::SIZE_MINI_H)
 	);
 }
 
diff --git a/public/archivio.php b/public/archivio.php
index c6407ba..327be53 100644
--- a/public/archivio.php
+++ b/public/archivio.php
@@ -28,7 +28,7 @@ try {
 		$month= $_POST["month"];
 		$year = $_POST["year"];
 		
-		$limit=2;
+		$limit=10;
 		$page = 1;
 		$numPages = 1;
 		
diff --git a/public/articolo.php b/public/articolo.php
index 168e871..85c8bff 100644
--- a/public/articolo.php
+++ b/public/articolo.php
@@ -178,37 +178,9 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
 						</div>
 						<div class="caroselContainer">
 						<?php 
-							if(sizeof($medias)>4){
-						?>
-							<div class="caroselArrow left"><img alt="" src="images/leftArrow.png"></div>
-						<?php 
-							}
-							else{
-						?>
-								<div class="caroselArrow left" style="display:none;"><img alt="" src="images/leftArrow.png"></div>
-						<?php 
-							}
-						?>	
-							<div class="imagesContainer_carosel">
-								<div id="carosel" class="insideCarosel">
-								<?php 
-										foreach($medias as $mediaImage){?>
-											<div class="carosImage mediaContent"><span class="helper"></span><?php $mediaImage->renderMedia(array("size"=>MediaRenderer::SIZE_SMALL));?></div>
-								<?php 	}?>
-								</div>
-							</div>
-							<?php 
-							if(sizeof($medias)>4){
-						?>
-							<div class="caroselArrow right"><img alt="" src="images/rightArrow.png"></div>
-						<?php 
-							}
-							else{
-						?>
-								<div class="caroselArrow right" style="display:none;"><img alt="" src="images/rightArrow.png"></div>
-						<?php 
-							}
-						?>	
+								foreach($medias as $mediaImage){?>
+									<div class="carosImage mediaContent"><span class="helper"></span><?php $mediaImage->renderMedia(array("size"=>MediaRenderer::SIZE_MINI,"clickable"=>true));?></div>
+						<?php 	}?>
 						</div>
 					</div>
 			<?php }?>
@@ -280,31 +252,6 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
 <script type="text/javascript">
 	$(document).ready(function(event){
 
-<?php if(sizeof($medias)>1){?>
-			var size = $("#carosel").children().length;
-			var childrenWidth = $(".carosImage").outerWidth();
-	
-			$("#carosel").width((size+1 )* childrenWidth);
-	
-			var minLeft = (size - 4)*childrenWidth;
-			var actualLeft =  $("#carosel").position().left;
-			
-			$(".left").click(function(){
-				if(actualLeft > -minLeft){
-					$("#carosel").animate({left:"-=" + childrenWidth});
-					actualLeft = $("#carosel").position().left;
-	// 				alert(actualLeft);
-				}
-			});
-	
-			$(".right").click(function(){
-				if(actualLeft < minLeft){
-					$("#carosel").animate({left:"+=" + childrenWidth});
-					actualLeft = $("#carosel").position().left;
-	// 				alert(actualLeft);
-				}
-			});
-<?php } ?>
 		$("#submit").click(function (){
 // 			$("form#commentoForm").submit(function (){
 				$.ajax({
diff --git a/public/searchResults.php b/public/searchResults.php
index 29df100..8f21fd2 100644
--- a/public/searchResults.php
+++ b/public/searchResults.php
@@ -16,7 +16,7 @@ try {
 		
 		
 		$found = false;
-		$limit=12;
+		$limit=10;
 		$page = 1;
 		$numPages = 1;
 				
diff --git a/public/style/public.css b/public/style/public.css
index 4192a3d..461d599 100644
--- a/public/style/public.css
+++ b/public/style/public.css
@@ -352,11 +352,11 @@ display: inline-block;
 .mediasConatiner{border:solid #d6d6d6 1px;}
 .headMedias{height:25px;overflow:hidden;border-bottom:solid #d6d6d6 1px;}
 .moreMedia{background-color:#94d3f6;padding:3px 30px;float:left;}
-.caroselContainer{position:relative;height:100px;}
+.caroselContainer{position:relative;padding:15px;}
 .caroselArrow{height:100px;width:49px;display:inline-block;cursor:pointer;}
 .imagesContainer_carosel{position:relative;display:inline-block;height:100%;width:592px;overflow:hidden;}
 .insideCarosel{position:absolute;display:inline-block;top:0px;left:0px;height:100%;}
-.carosImage{width:148px;height:100%;display:inline-block;vertical-align:middle;text-align:center;}
+.carosImage{width:85px;height:100%;display:inline-block;vertical-align:middle;text-align:center;}
 .carosImage > .helper{height:100%;display:inline-block;vertical-align:middle;}
 .carosImage > img {vertical-align:middle; }
 
@@ -495,3 +495,22 @@ Password Recovery
 .contattiRedazione{text-align:center;font-size:23px;padding:10px 5px;color:#199fe6;}
 .contattiRedazione a{color:black;}
 
+/*
+  ____ _ _      _         _     _      
+ / ___| (_) ___| | ____ _| |__ | | ___ 
+| |   | | |/ __| |/ / _` | '_ \| |/ _ \
+| |___| | | (__|   < (_| | |_) | |  __/
+ \____|_|_|\___|_|\_\__,_|_.__/|_|\___|
+                                       
+*/
+
+.clickableImageContainer{
+    position: fixed;
+    opacity: 0.9;
+    width: 100%;
+    height: 100%;
+    background-color: black;
+    text-align: center;
+    z-index: 100;
+}
+.clickableImageContainer > img{opacity:0;}
\ No newline at end of file