From d253bf9b191c27dd1b1c38fbb4613927d40600b8 Mon Sep 17 00:00:00 2001
From: Lorenzo Giacomelli <l.giacomelli@asdynamics.it>
Date: Sat, 5 Mar 2016 15:06:22 +0100
Subject: [PATCH] articolo in costruzione

---
 public/articolo.php          |  60 +++++++++++++++++++++++++++++++----
 public/images/leftArrow.png  | Bin 0 -> 947 bytes
 public/images/rightArrow.png | Bin 0 -> 970 bytes
 public/style/public.css      |  13 ++++++--
 4 files changed, 64 insertions(+), 9 deletions(-)
 create mode 100644 public/images/leftArrow.png
 create mode 100644 public/images/rightArrow.png

diff --git a/public/articolo.php b/public/articolo.php
index 2ee65a3..41e6aa2 100644
--- a/public/articolo.php
+++ b/public/articolo.php
@@ -21,13 +21,13 @@ try {
 	
 	$media = DaoMediaHandler::getMainMediaFromModel($articolo);
 	$medias = DaoMediaHandler::getMedias($articolo);
-	echo $articolo->titolo;
-	
+// 	echo $articolo->titolo;
+	var_dump($medias);
 	$mesi = array(1=>'Gennaio', 'Febbraio', 'Marzo', 'Aprile',
 			'Maggio', 'Giugno', 'Luglio', 'Agosto',
 			'Settembre', 'Ottobre', 'Novembre','Dicembre');
 	
-	$data = date("d",$articolo->about->data->sec)." ".$mesi[date("n",$articolo->data->sec)]." ".date("Y",$articolo->about->data->sec);
+	$data = date("d",$articolo->about->data->sec)." ".$mesi[date("n",$articolo->about->data->sec)]." ".date("Y",$articolo->about->data->sec);
 
 }catch(GUIException $ex){
 	$error = $ex->getMessage();
@@ -78,13 +78,31 @@ try {
 			<?php if(sizeof($medias)>1){?>
 					<div class="mediasConatiner">
 						<div class="headMedias">
-							<div class="moreMedia">Altr media bellissimi</div>
-							<div class="empty"></div>
+							<div class="moreMedia"><span>Altri media bellissimi</span></div>
+						</div>
+						<div class="caroselContainer">
+							<div class="caroselArrow left"><img alt="" src="images/leftArrow.png"></div>
+							<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>
+							<div class="caroselArrow right"><img alt="" src="images/rightArrow.png"></div>
 						</div>
 					</div>
 			<?php }?>
 			<div class="commentiContainer">
-				<div>New COMMENTO</div>
+			<?php if(UserLoginManager::isLogged()){?>
+					<div class="newCommento">
+						<form method="POST">
+							<textarea name="commento"rows="10" cols="10"></textarea>
+							<input type="hidden" name="user">
+						</form>
+					</div>
+			<?php }?>
 				<div>TUTTI I COMMENTI</div>
 			</div>
 		</div>
@@ -97,4 +115,32 @@ try {
 <?php 
 	GUIHandler::generateFooter();
 ?>
-</div>
\ No newline at end of file
+</div>
+
+<script type="text/javascript">
+	$(document).ready(function(event){
+		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);
+			}
+		});
+	});
+</script>
\ No newline at end of file
diff --git a/public/images/leftArrow.png b/public/images/leftArrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..12b24ecf0c7737ca94aa76831e916652d3a0b6a7
GIT binary patch
literal 947
zcmV;k15EshP)<h;3K|Lk000e1NJLTq001%o003kN1^@s6#OPyN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-~$B<7C4e2*=PU&13*bc
zK~#9!?VK@-)Ib!+{|T#Lp`wMz!GQ?k2k=_uYy^wL#?~)zY;Q>FgfxPc-$4%x5wx&S
z5bW*?2o_@Rp^Ye8*le+cB=hFYdoypA-Euc6e*E9eFS9c*z!rSkzB^ZL0mLl;tK1>(
zwtaUQ02UcT90Iu5RQ0c%lQ?Yq?$zdZi%gSv4PY-@kTt|d00&J~|K0qp%n;&PQ`M)#
z-^<J(z5#eTc1@8H1OVJ<s`~rbb!A2n%P9!cAOnam0A9>pUt|FB55P5-_)6mt0PvV%
z@6tHLNmJEtDfgC!A$|gQLcPB<3IPBQhW0iMG66AaZ?hm15R>*cIsHyR%-Y*rA~O(6
z4nz`=83?Dn&6L&*1j*he5}AP@+dDak1A=Vtq#zCmFMB5gaX@(6I|&E@!rR`_K?o2m
zdq<sq2@q_1M@xhVv6O}o1tCHN*;~D|h!DZ{R!xKmA!2Ve5Dy3ud#iwWK#18}9K-`c
z)ZU^Xo)Dt;76b8w5VyC;^y>+sV(;KY7!b>t5F`)=gqpqCrNw|ywKppf286o3y+N1|
z>h|^mVM0W)HyMNp5zXEtkN}8i_I82<Kt#3o?DQJ|5#8RdL@or}Z|1;P5m;J30NiY<
zdSzmaG*$fxz<tL3`v9JsNkm}gI!HZp6+%M%4d8lH)ql*Gompm=0K7C~_CT1Uw(pM2
zlvZGwt=5n6XJ#JbnaL~wd}#ZwFa^SdxdY(XRB3J9pAXDrKDT|hFbBebiE4e;p!6)W
zDAs4sE^XgE1n`cy4BpdTL9+jiZ>st|vCOUlI59Ow0>+HG^<!?msajuTGnAN&s`bTo
zb%`))*54f%2uw!Y`YLBp2r%N-SAE<jl$n_I)z=LU7_qg!`UyHmnTf6Sqnv4Uz=&Ai
z%5m9X>qkAnJd;eY^`oD}o`DIn{_c>!Vlpi2C+#1ZfMHqRMEl-EnR!{?OdsM1jF<Jz
zbiIv~nV0oV^&yVHkgcCXiz~_cCYz22$&jpXwtIR2<Fx*+F+Wi<lh)7Toevu@lh!Yg
z(P!{Fk<)BJHelWit)Jc7oYrOb2#NRgMUzRnuP+UAukE`lS&oqrnA-rpZc8%f{{vB9
V!|f!D3)cVu002ovPDHLkV1n7Cs#5>}

literal 0
HcmV?d00001

diff --git a/public/images/rightArrow.png b/public/images/rightArrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..e440c640a622cfc50f00876acc3530c1290eeaa4
GIT binary patch
literal 970
zcmV;*12z1KP)<h;3K|Lk000e1NJLTq001%o003kN1^@s6#OPyN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-~$B<7z)I7rDgyC16N5z
zK~#9!?VLZ06fqcwe+lQwHR{=mmG}X!R<yAY4jbG10%GqlQzxVmto#n^VP#=q;enuy
zegr`q5evamxWZ-^=H@b!e{YgE>rFSilUW{q@60p1d9zSPU&0n_62Pf4`qnnUKpA~i
z8GWbqL@;#y9{|^s(f76`nOCjC$jSZ@fY&X;oB<iS{x5(B0N%F-Gff0T*M9-<yfqj(
z^ZGLYUt59^3m5)P0N>WT_lK@OX)zHDUH=`x)AcU<WTfN$mjFJt03&>?58xMoUCw3Z
zN@QdG$D@~6CL?_g8oK@sfMd=uGT_)F0Kd7yc!P|r4~{S)iHxn!4n{_d*;t<yjEEUD
zvHp0gc59AFWNLjD$;gDUW9wIk5h;T$)~{A(DT&yuUo9D#dIF2}tH4O2^GvN@9EJpB
z#`;BJs1lj8elZwHd_J4?i@*r#6E0Xk>#dnOktOSAO-5!a**WWHgAutdK8N+m%PdzS
zF6)yglMTef`lK*fK|HKa29q7c!}=sJB@*$melkoE5KrqT!H9w&zSfVrHJ41p*ZNV(
z6a@*eelU!v01{$-?=q{ANQm{llc@p{Xnil3Y9N8ucfwQ!3AFwqOzlKMtv?G>9VEi~
zRv5tqB*yw@Zp~a00f5tlv3omA(%1p;DK?Fv>rc2O@&dq(SO^x^h%)*Bz~>Z*>LAMK
zJpexeTuFi8aQj_RKvV@$Mjrw=q=2aT7{9-MjNhSvsFH{>S^#)Q2~n%Go&Y$Y{@#A^
z<3psqKjeTYU0Nab4*rE+6iOq+-ci#Gq5#BY06zd+_c;9F(DiR)KBvUf@3ALD(u9x9
zoQAKxlV`1RPQCfsoA1<HfW674sdJT<kG)Cf+AkUg66~F&A&t7UT=ve^RVN73aM?R+
zYoH*4aDDgA-rq=7TC186Bp?oZ7wa@lZI@lLcN^`p4tp1GEl(+}IeS;>kN<z0{1@z9
zbrD%iY1!;ueI=X-Ov7ex7R&iW0EErnY}O=(l-7zXgg1!A-t1O~`Ydss+Pl3at`>W<
zT@LOlt+BmXuW8@zh4~YEvxitJt&P2#fUuU<$llFBoC6uz`%y~}w$fU)2yxEd&Ho9K
sGJ0PbeYbT8p^Uzb);DGJF1BF%2jz3MrQlp&xBvhE07*qoM6N<$g0+yj{r~^~

literal 0
HcmV?d00001

diff --git a/public/style/public.css b/public/style/public.css
index 48ff1fe..5a07a41 100644
--- a/public/style/public.css
+++ b/public/style/public.css
@@ -255,8 +255,17 @@ body{font-family:lato, arial;}
 .articoloTesto{text-align:justify;padding:5px 10px;}
 
 .mediasConatiner{border:solid #d6d6d6 1px;}
-.headMedias{height:25px;}
-.moreMedia{background-color:#94d3f6;padding:10xp;}
+.headMedias{height:25px;overflow:hidden;border-bottom:solid #d6d6d6 1px;}
+.moreMedia{background-color:#94d3f6;padding:3px 30px;float:left;}
+.caroselContainer{position:relative;height:100px;}
+.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 > .helper{height:100%;display:inline-block;vertical-align:middle;}
+.carosImage > img {vertical-align:middle; }
+
+
 .commentiContainer{}