Added photos to com

This commit is contained in:
Keplyx 2018-05-24 14:27:15 +02:00
parent 54cdbeb490
commit 0af42ee8aa
5 changed files with 62 additions and 36 deletions

View file

@ -16,7 +16,6 @@
background-color: #fff; background-color: #fff;
margin: 5px 0; margin: 5px 0;
transition: 0.3s; transition: 0.3s;
box-shadow: 1px 1px 3px #333;
} }
#bar1 { #bar1 {

View file

@ -282,13 +282,24 @@ Full-Width Styles
width: 100%; width: 100%;
table-layout: auto; table-layout: auto;
text-align: center; text-align: center;
border: 1px solid #5c5c5c; border: 1px solid #494949;
} }
#table_coms td{ #table_coms td{
vertical-align: middle; vertical-align: middle;
border: none; border: none;
padding: 0 0 0 10px; padding: 0;
}
#table_coms .com_photo{
vertical-align: middle;
width: 50%;
}
#table_coms img{
height: 100px;
margin: 5px;
} }
.com_description{ .com_description{

View file

@ -9,6 +9,8 @@ $comTitle = "COM Mise à Feu";
$comDescription = "Ici pour mettre l'ambiance toute la semaine!"; $comDescription = "Ici pour mettre l'ambiance toute la semaine!";
$comRespo = "Paul MERLE"; $comRespo = "Paul MERLE";
$comRespoId = "p_merle"; $comRespoId = "p_merle";
$comRespoPhoto = "assets/images/usa_logo.svg";
$comRespo2Photo = "assets/images/usa_logo.svg";
include("includes/coms/com_template.php"); include("includes/coms/com_template.php");
$comTitle = "COM Ins'cape Game"; $comTitle = "COM Ins'cape Game";
@ -25,14 +27,18 @@ include("includes/coms/com_template.php");
$comTitle = "COM Walle-E"; $comTitle = "COM Walle-E";
$comDescription = "Une journée dans la foret de Boucone, avec de nombreuses activités le matin ayant pour but de nettoyer la foret, et une piscine en accès libre l'après midi"; $comDescription = "Une journée dans la foret de Boucone, avec de nombreuses activités le matin ayant pour but de nettoyer la foret, et une piscine en accès libre l'après midi";
$comRespo = "Nélia BAHRAOUI et Lucas PERIN"; $comRespo = "Nélia BAHRAOUI";
$comRespoId = "bahraoui ou lperin"; $comRespoId = "bahraoui ";
$comRespo2 = "Lucas PERIN";
$comRespo2Id = "lperin";
include("includes/coms/com_template.php"); include("includes/coms/com_template.php");
$comTitle = "COM Parrainage"; $comTitle = "COM Parrainage";
$comDescription = "Ici pour vous aider à vous sentir moins perdus"; $comDescription = "Ici pour vous aider à vous sentir moins perdus";
$comRespo = "Léa LAXAGUE et Blaise MAUGARD"; $comRespo = "Léa LAXAGUE";
$comRespoId = "laxague ou bmaugard"; $comRespoId = "laxague ";
$comRespo2 = "Blaise MAUGARD";
$comRespo2Id = "bmaugard";
include("includes/coms/com_template.php"); include("includes/coms/com_template.php");
$comTitle = "COM Hubble"; $comTitle = "COM Hubble";

View file

@ -1,12 +1,22 @@
<h3 id="<?= $comId ?>"><?= $comTitle ?></h3> <h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
<table id="table_coms"> <table id="table_coms">
<tr> <tr>
<td class="com_description"><?= $comDescription ?></td> <td colspan="2" class="com_description"><?= $comDescription ?></td>
</tr> </tr>
<tr> <tr>
<td>Responsable : <?= $comRespo ?></td> <td><?= $comRespo ?></td>
<td rowspan="2" class="com_photo"><img src="<?= $comRespoPhoto ?>"></td>
</tr> </tr>
<tr> <tr>
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespoId ?></td> <td><span class="fas fa-envelope"></span> Mail : <?= $comRespoId ?></td>
</tr> </tr>
<?php if ($comRespo2 != ""): ?>
<tr>
<td><?= $comRespo2 ?></td>
<td rowspan="2" class="com_photo"><img src="<?= $comRespo2Photo ?>"></td>
</tr>
<tr>
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespo2Id ?></td>
</tr>
<?php endif; ?>
</table> </table>

View file

@ -218,7 +218,7 @@ function generatePath($path)
} }
?> ?>
<div id="photo_overlay" style="display:none"> <div id="photo_overlay" style="display:none">
<img src="" id="img_big" onclick="toggleFullscreen()"> <img src="" id="img_big" onclick="toggleFullscreen()">
<div id="close_back" onclick="closeBig()"></div> <div id="close_back" onclick="closeBig()"></div>
@ -239,16 +239,16 @@ function generatePath($path)
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<h1 id="photos_title">Photos</h1> <h1 id="photos_title">Photos</h1>
<p>Cliquez sur le dossier de votre choix pour afficher les photos</p> <p>Cliquez sur le dossier de votre choix pour afficher les photos</p>
<ul class="photos_path"> <ul class="photos_path">
<li><p>Chemin : </p></li> <li><p>Chemin : </p></li>
<?php <?php
generatePath(getActivePath()); generatePath(getActivePath());
?> ?>
</ul> </ul>
<?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?> <?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
<div class="photos_folder"> <div class="photos_folder">
<?php <?php
@ -271,7 +271,7 @@ function generatePath($path)
?> ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
<script src="assets/scripts/photosScript.js"></script> <script src="assets/scripts/photosScript.js"></script>
<?php <?php
$pageContent = ob_get_clean(); // Store html content in variable $pageContent = ob_get_clean(); // Store html content in variable
?> ?>