modification du carousel et des images de la tv

MaisonLogicielLibre · Jun 9, 2016 · 5bd6fce · 5bd6fce
1 parent 6e3ad20
commit 5bd6fce
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 24 deletions.
diff --git a/src/Controller/PagesController.php b/src/Controller/PagesController.php
@@ -103,6 +103,7 @@ public function display()
     public function home()
     {
         //$this->viewBuilder()->layout(false);
+        set_time_limit(1000);
         $this->loadModel("Users");
         $numberUsers = $this->Users->find('all')->count();
         $numberStudents = $this->Users->find('all')->where(['isStudent' => true])->count();

diff --git a/src/Template/Pages/home.ctp b/src/Template/Pages/home.ctp
@@ -16,33 +16,46 @@
     <div id="carousel-container">
         <div id="carousel" class="carousel slide" data-ride="carousel">
             <ol class="carousel-indicators">
-				<?php 
-					$i = 0;
-					foreach ($fichiers as $fichier):
-				?>
-					<li data-target="#carousel" data-slide-to="<?= $i ?>" class="active"></li>
-				<?php 
-					$i++;
-					endforeach; 
-				?>
+				<li data-target="#carousel" data-slide-to="1" class="active"></li>
+				<li data-target="#carousel" data-slide-to="2"></li>
+				<li data-target="#carousel" data-slide-to="3"></li>
+				<li data-target="#carousel" data-slide-to="4"></li>
+				<li data-target="#carousel" data-slide-to="5"></li>
             </ol>
             <div class="carousel-inner" role="listbox">
-
-
-				<?php 
-					$i = 0;
-					foreach ($fichiers as $fichier):
-				?>
-					<div class="item <?= ($i==0)?'active': ''; ?>">
-						<div class="fillBackground">
-							<img src="<?= $this->request->webroot . 'img/carousel/'.$fichier; ?>" class="stretch" alt=""/>
-						</div>
-					</div>
-				<?php 
-					$i++;
-					endforeach; 
-				?>
+				<div class="item active">
+                    <div class="fillBackground">
+                        <img src="<?= $this->request->webroot . 'img/carousel/2.jpg'; ?>" class="stretch" alt=""/>
+                    </div>
+                </div>
+                <div class="item">
+                    <div class="fillBackground">
+                        <img src="<?= $this->request->webroot . 'img/carousel/banner.png'; ?>" class="stretch" alt=""/>
+                    </div>
+                </div>
+                <div class="item">
+                    <div class="fillBackground">
+                        <img src="<?= $this->request->webroot . 'img/carousel/financement-montreal.png'; ?>" class="stretch" alt=""/>
+                    </div>
+                </div>
+                <div class="item">
+                    <div class="fillBackground">
+                        <img src="<?= $this->request->webroot . 'img/carousel/tv4.png'; ?>" class="stretch" alt=""/>
+                    </div>
+                    <div class="bloc-link-event pull-right">
+                        <a href="https://www.youtube.com/channel/UCI65aeAJA9jf6AmUNQ6UayQ" class="btn btn-primary"><?= __('more'); ?></a>
+                    </div>
+                </div>
             </div>
+            <!-- Controls -->
+              <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
+                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+                <span class="sr-only"><?= __('previous'); ?></span>
+              </a>
+              <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
+                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+                <span class="sr-only"><?= __('next'); ?></span>
+              </a>
         </div>
     </div>
 </div>

diff --git a/webroot/img/carousel/tv3.png b/webroot/img/carousel/tv3.png
diff --git a/webroot/img/tv/tv3.png b/webroot/img/tv/tv3.png
diff --git a/webroot/less/home.less b/webroot/less/home.less
@@ -10,6 +10,15 @@
     height: 100%;
   }
 }
+.bloc-link-event{
+  background: rgba(0, 0, 0, 0.5);
+  position: relative;
+  bottom: 100%;
+  text-align: center;
+  padding: 30px;
+  height: 100px;
+  width:170px;
+}
 .fillBackground {
   width: 100%;
   height: 100%;
@@ -37,3 +46,4 @@
     padding: 0;
   }
 }
+