forked from vergnet/site-accueil-insa
Added planning display from database using ajax requests
This commit is contained in:
Keplyx
parent
08aabc21c3
commit
9f560be357
22 changed files with 648 additions and 665 deletions
|
|
@ -2,14 +2,17 @@
|
|||
ob_start(); // Start reading html
|
||||
$relativePath = "../";
|
||||
?>
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Bienvenue sur la page d'administration</h2>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Bienvenue sur la page d'administration</h2>
|
||||
|
||||
<a href="scores.php">Editer les scores</a>
|
||||
<br>
|
||||
<a href="map.php">Editer le texte de la carte</a>
|
||||
<br>
|
||||
<a href="planning.php">Editer le planning</a>
|
||||
</div>
|
||||
|
||||
<a href="scores.php">Editer les scores</a>
|
||||
<br>
|
||||
<a href="map.php">Editer le texte de la carte</a>
|
||||
<br>
|
||||
<a href="planning.php">Editer le planning</a>
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
|
|
|
|||
|
|
@ -1,37 +1,40 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
$relativePath = "../";
|
||||
require_once $relativePath.'classes/dao.php';
|
||||
require_once $relativePath . 'classes/dao.php';
|
||||
?>
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition de la carte</h2>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition de la carte</h2>
|
||||
|
||||
|
||||
<select id="mapSelect">
|
||||
<?php setup_map_dropdown() ?>
|
||||
</select>
|
||||
<select id="mapSelect">
|
||||
<?php setup_map_dropdown() ?>
|
||||
</select>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<label for="titleInput">Titre</label>
|
||||
<input type="text" id="titleInput">
|
||||
<label for="titleInput">Titre</label>
|
||||
<input type="text" id="titleInput">
|
||||
|
||||
<label for="descriptionInput">Description</label>
|
||||
<textarea rows="15" id="descriptionInput"></textarea>
|
||||
<label for="descriptionInput">Description</label>
|
||||
<textarea rows="15" id="descriptionInput"></textarea>
|
||||
|
||||
<div class="save">
|
||||
<i class="fas fa-save"></i> Enregistrer
|
||||
</div>
|
||||
<br>
|
||||
<div class="buttons-container">
|
||||
<a href="index.php" class="admin-back-button">
|
||||
Retour sur la page admin
|
||||
</a>
|
||||
<a href="<?= $relativePath ?>map.php" class="website-back-button">
|
||||
Retour sur le site
|
||||
</a>
|
||||
<div class="save">
|
||||
<i class="fas fa-save"></i> Enregistrer
|
||||
</div>
|
||||
<br>
|
||||
<div class="buttons-container">
|
||||
<a href="index.php" class="admin-back-button">
|
||||
Retour sur la page admin
|
||||
</a>
|
||||
<a href="<?= $relativePath ?>map.php" class="website-back-button">
|
||||
Retour sur le site
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
|
||||
|
||||
<?php
|
||||
|
|
@ -42,7 +45,8 @@ $pageScripts = "<script type=\"text/javascript\" src=\"../assets/js/mapManager.j
|
|||
|
||||
include($relativePath . "includes/template.php"); // Display template with variable content
|
||||
|
||||
function setup_map_dropdown() {
|
||||
function setup_map_dropdown()
|
||||
{
|
||||
$dao = new Dao('../');
|
||||
foreach ($dao->get_map_selectors() as $row) {
|
||||
echo "<option value='" . $row['selector'] . "'>" . $row['selector'] . "</option>";
|
||||
|
|
|
|||
|
|
@ -1,48 +1,51 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
$relativePath = "../";
|
||||
require_once $relativePath.'classes/dao.php';
|
||||
require_once $relativePath . 'classes/dao.php';
|
||||
?>
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition du planning</h2>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition du planning</h2>
|
||||
|
||||
|
||||
<select id="daySelect">
|
||||
<option value="1">Lundi</option>
|
||||
<option value="2">Mardi</option>
|
||||
<option value="3">Mercredi</option>
|
||||
<option value="4">Jeudi</option>
|
||||
<option value="5">Vendredi</option>
|
||||
<option value="6">Samedi</option>
|
||||
<option value="7">Dimanche</option>
|
||||
</select>
|
||||
<select id="daySelect">
|
||||
<option value="1">Lundi</option>
|
||||
<option value="2">Mardi</option>
|
||||
<option value="3">Mercredi</option>
|
||||
<option value="4">Jeudi</option>
|
||||
<option value="5">Vendredi</option>
|
||||
<option value="6">Samedi</option>
|
||||
<option value="7">Dimanche</option>
|
||||
</select>
|
||||
|
||||
<br>
|
||||
<div class="add-line">
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="edit-header">
|
||||
<div class="planning-start">Début</div>
|
||||
<div class="planning-length">Durée</div>
|
||||
<div class="planning-name">Nom</div>
|
||||
<div class="planning-trash"><i class='fas fa-trash'></i></div>
|
||||
</div>
|
||||
<table id="activityTable">
|
||||
</table>
|
||||
<br>
|
||||
<div class="add-line">
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="edit-header">
|
||||
<div class="planning-start">Début</div>
|
||||
<div class="planning-length">Durée</div>
|
||||
<div class="planning-name">Nom</div>
|
||||
<div class="planning-trash"><i class='fas fa-trash'></i></div>
|
||||
</div>
|
||||
<table id="activityTable">
|
||||
</table>
|
||||
|
||||
<div class="save">
|
||||
<i class="fas fa-save"></i> Enregistrer
|
||||
</div>
|
||||
<br>
|
||||
<div class="buttons-container">
|
||||
<a href="index.php" class="admin-back-button">
|
||||
Retour sur la page admin
|
||||
</a>
|
||||
<a href="<?= $relativePath ?>map.php" class="website-back-button">
|
||||
Retour sur le site
|
||||
</a>
|
||||
<div class="save">
|
||||
<i class="fas fa-save"></i> Enregistrer
|
||||
</div>
|
||||
<br>
|
||||
<div class="buttons-container">
|
||||
<a href="index.php" class="admin-back-button">
|
||||
Retour sur la page admin
|
||||
</a>
|
||||
<a href="<?= $relativePath ?>map.php" class="website-back-button">
|
||||
Retour sur le site
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
|
||||
|
||||
<?php
|
||||
|
|
@ -53,7 +56,8 @@ $pageScripts = "<script type=\"text/javascript\" src=\"../assets/js/planningMana
|
|||
|
||||
include($relativePath . "includes/template.php"); // Display template with variable content
|
||||
|
||||
function setup_map_dropdown() {
|
||||
function setup_map_dropdown()
|
||||
{
|
||||
$dao = new Dao('../');
|
||||
foreach ($dao->get_map_selectors() as $row) {
|
||||
echo "<option value='" . $row['selector'] . "'>" . $row['selector'] . "</option>";
|
||||
|
|
|
|||
|
|
@ -2,41 +2,44 @@
|
|||
ob_start(); // Start reading html
|
||||
$relativePath = "../";
|
||||
?>
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition des scores</h2>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition des scores</h2>
|
||||
|
||||
|
||||
<select id="teamSelect">
|
||||
<option value="gli">Glissefondor</option>
|
||||
<option value="pek">Peksentard</option>
|
||||
<option value="boo">Boomsouffle</option>
|
||||
<option value="ver">Verredaigle</option>
|
||||
</select>
|
||||
<select id="teamSelect">
|
||||
<option value="gli">Glissefondor</option>
|
||||
<option value="pek">Peksentard</option>
|
||||
<option value="boo">Boomsouffle</option>
|
||||
<option value="ver">Verredaigle</option>
|
||||
</select>
|
||||
|
||||
<div class="add-line">
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="edit-header">
|
||||
<div class="stat-log">Log</div>
|
||||
<div class="stat-points">Points</div>
|
||||
<div class="stat-trash"><i class='fas fa-trash'></i></div>
|
||||
</div>
|
||||
<table class="stats-table edit-stats">
|
||||
</table>
|
||||
<div class="add-line">
|
||||
<i class="fas fa-plus"></i>
|
||||
</div>
|
||||
<div class="edit-header">
|
||||
<div class="stat-log">Log</div>
|
||||
<div class="stat-points">Points</div>
|
||||
<div class="stat-trash"><i class='fas fa-trash'></i></div>
|
||||
</div>
|
||||
<table class="stats-table edit-stats">
|
||||
</table>
|
||||
|
||||
<div class="save">
|
||||
<i class="fas fa-save"></i> Enregistrer
|
||||
</div>
|
||||
<br>
|
||||
<div class="buttons-container">
|
||||
<a href="index.php" class="admin-back-button">
|
||||
Retour sur la page admin
|
||||
</a>
|
||||
<a href="<?= $relativePath ?>stats.php" class="website-back-button">
|
||||
Retour sur le site
|
||||
</a>
|
||||
<div class="save">
|
||||
<i class="fas fa-save"></i> Enregistrer
|
||||
</div>
|
||||
<br>
|
||||
<div class="buttons-container">
|
||||
<a href="index.php" class="admin-back-button">
|
||||
Retour sur la page admin
|
||||
</a>
|
||||
<a href="<?= $relativePath ?>stats.php" class="website-back-button">
|
||||
Retour sur le site
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
|
||||
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -1,27 +1,23 @@
|
|||
/*******************************************************************************
|
||||
General
|
||||
*******************************************************************************/
|
||||
|
||||
#table-planning {
|
||||
#tableWrapper {
|
||||
width: 100%;
|
||||
border: none;
|
||||
border-collapse: separate;
|
||||
border-spacing: 10px;
|
||||
font-size: 15px;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#table-planning th {
|
||||
#tablePlanning {
|
||||
margin: auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.planning-header {
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: #414141;
|
||||
font-weight: bold;
|
||||
width: 12.5%;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#table-planning td {
|
||||
padding: 0;
|
||||
margin: 0 0 0 0;
|
||||
padding: 5px;
|
||||
margin: 5px 0;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.horaires {
|
||||
|
|
@ -30,65 +26,35 @@ General
|
|||
border-top: 1px solid #ccc;
|
||||
text-align: right;
|
||||
vertical-align: top;
|
||||
margin-top: -1px; /* negate the border to prevent offsest with events */
|
||||
}
|
||||
|
||||
.event {
|
||||
border-radius: 10px;
|
||||
background: none;
|
||||
border: none;
|
||||
color: white;
|
||||
vertical-align: middle;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/*******************************************************************************
|
||||
Events Specific
|
||||
*******************************************************************************/
|
||||
|
||||
.discours {
|
||||
background-color: #212121;
|
||||
.event-color {
|
||||
background-color: #bf021c;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
margin: 5px 0;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.remise_niveau {
|
||||
background-color: #d2a000;
|
||||
.event-text {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.barbecue, .banquet, .act_prev {
|
||||
background-color: #7fa1b3;
|
||||
}
|
||||
|
||||
.fabcamp {
|
||||
background-color: #004568;
|
||||
}
|
||||
|
||||
.soir {
|
||||
background-color: #2696a2;
|
||||
}
|
||||
|
||||
.escape_game {
|
||||
background-color: #929ba8;
|
||||
}
|
||||
|
||||
.com_ville {
|
||||
background-color: #bbe19e;
|
||||
}
|
||||
|
||||
.com_walle {
|
||||
background-color: #a20000;
|
||||
}
|
||||
|
||||
.wini {
|
||||
background-color: #b7472a;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width: 750px) {
|
||||
#table-planning {
|
||||
font-size: 10px;
|
||||
}
|
||||
#table-planning th{
|
||||
font-size: 12px;
|
||||
}
|
||||
.day-column {
|
||||
position: relative;
|
||||
min-width: 200px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
|
@ -305,10 +305,6 @@ Full-Width Styles
|
|||
padding: 50px 0 50px 0;
|
||||
}
|
||||
|
||||
#table-wrapper {
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#table-coms{
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -1,16 +1,12 @@
|
|||
|
||||
var clickedColor = "#ee293d";
|
||||
var hoverColor = "#1a5dad";
|
||||
var normalColor = "#efbd95";
|
||||
|
||||
var selected;
|
||||
let hoverColor = "#1a5dad";
|
||||
let normalColor = "#efbd95";
|
||||
|
||||
function get_name(id){
|
||||
return id.replace("map-", "");
|
||||
}
|
||||
|
||||
function clicked(elem){
|
||||
set_element_active(elem);
|
||||
$.alert({
|
||||
title: 'Chargement...',
|
||||
theme: 'supervan',
|
||||
|
|
@ -39,22 +35,10 @@ function clicked(elem){
|
|||
});
|
||||
}
|
||||
|
||||
function set_element_active(elem){
|
||||
selected = elem;
|
||||
let elements = document.querySelectorAll('*[id^="map-"]');
|
||||
|
||||
for (let i = 0; i < elements.length; i++){
|
||||
$(elements[i]).css("fill", normalColor);
|
||||
}
|
||||
$(elem).css("fill", clickedColor);
|
||||
}
|
||||
|
||||
function hover_in(elem){
|
||||
if (elem !== selected)
|
||||
$(elem).css("fill", hoverColor);
|
||||
$(elem).css("fill", hoverColor);
|
||||
}
|
||||
|
||||
function hover_out(elem){
|
||||
if (elem !== selected)
|
||||
$(elem).css("fill", normalColor);
|
||||
$(elem).css("fill", normalColor);
|
||||
}
|
||||
|
|
@ -1,50 +1,100 @@
|
|||
var current = null;
|
||||
var classes = null;
|
||||
let ajaxurl = 'admin/ajax_load.php';
|
||||
|
||||
|
||||
let tableWrapper = $('#tablePlanning');
|
||||
let cellHeight = 50;
|
||||
let startHour = 8;
|
||||
|
||||
let activityList = [];
|
||||
|
||||
let dayNames =
|
||||
['Horaires',
|
||||
'Lundi',
|
||||
'Mardi',
|
||||
'Mercredi',
|
||||
'Jeudi',
|
||||
'Vendredi',
|
||||
'Samedi',
|
||||
'Dimanche'];
|
||||
|
||||
$(document).ready(function () {
|
||||
generateTable();
|
||||
});
|
||||
|
||||
/*
|
||||
* Display clicked event as selected, change info box content and scroll to it
|
||||
*/
|
||||
$(".event").click(function () {
|
||||
/* Reset last selected items */
|
||||
if (current != null) {
|
||||
setEventShadow(current, "none");
|
||||
}
|
||||
/* Set style for currently selected items */
|
||||
current = this.className.split(" ")[1];
|
||||
setEventShadow(current, "0px 0px 10px #ee293d");
|
||||
/* Load info box text and smoothly scroll to it */
|
||||
$("#infoBox").load("includes/planning_events/" + current + ".html");
|
||||
$('html, body').animate({
|
||||
scrollTop: $("#info-box-top").offset().top
|
||||
}, 300);
|
||||
});
|
||||
function getDayActivities(day, callback) {
|
||||
let object = {
|
||||
"function": 'get_activities_of_day',
|
||||
'day': day,
|
||||
};
|
||||
$.get(
|
||||
ajaxurl,
|
||||
object,
|
||||
callback,
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Display shadow on hovered events
|
||||
*/
|
||||
$(".event").hover(function () {
|
||||
var element = this.className.split(" ")[1];
|
||||
if (element != current) {
|
||||
setEventShadow(element, "0px 0px 10px #1a5dad");
|
||||
}
|
||||
}, function () {
|
||||
var element = this.className.split(" ")[1];
|
||||
if (element != current) {
|
||||
setEventShadow(element, "none");
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* Display shadow under all elements with the save eventName
|
||||
*/
|
||||
function setEventShadow(eventName, shadow) {
|
||||
classes = document.getElementsByClassName(eventName);
|
||||
for (var i = 0; i < classes.length; i++) {
|
||||
classes[i].style.boxShadow = shadow;
|
||||
classes[i].style.textShadow = shadow;
|
||||
function getDataOfElement($elem) {
|
||||
let id = $elem.attr('id');
|
||||
let day = $elem.parent().attr('id').replace('day_', '');
|
||||
let data = undefined;
|
||||
for (let i = 0; i < activityList[day].length; i++) {
|
||||
if (activityList[day][i]['ID'] === id) {
|
||||
data = activityList[day][i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
return data;
|
||||
}
|
||||
|
||||
function clicked($elem){
|
||||
let data = getDataOfElement($elem);
|
||||
console.log(data);
|
||||
$.alert({
|
||||
title: data['full_title'],
|
||||
theme: 'supervan',
|
||||
content: data['description'],
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
function generateTable() {
|
||||
tableWrapper.html(''); // Reset the table
|
||||
generateHours();
|
||||
for (let i = 1; i <= 7; i++) { // Iterate over the days
|
||||
tableWrapper.append('<div class="day-column" id="day_' + i + '"><div class="planning-header">' + dayNames[i] + '</div></div>');
|
||||
let $dayColumn = $('#day_'+i);
|
||||
getDayActivities(i, function (data) {
|
||||
activityList[i] = data;
|
||||
for (let j = 0; j < data.length; j++) {
|
||||
addActivityToColumn($dayColumn, data[j]);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function addActivityToColumn($col, act) {
|
||||
let offsetTop = $col.find('.planning-header').outerHeight(true);
|
||||
$col.append('<div class="event ' + act['small_title'] +'" + id="' + act['ID'] +'">' +
|
||||
'<div class="event-color">' +
|
||||
'<div class="event-text">' +
|
||||
act['small_title'] +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>');
|
||||
let position = (act['start'] - startHour);
|
||||
$('#' + act['ID']).css('top', offsetTop + position * cellHeight);
|
||||
$('#' + act['ID']).css('height', act['length'] * cellHeight);
|
||||
$('#' + act['ID']).find('.event-color').css('background-color', act['color']);
|
||||
$('#' + act['ID']).on('click', function () {
|
||||
clicked($(this));
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function generateHours() {
|
||||
tableWrapper.append('<div id="hoursColumn"><div class="planning-header">Horaires</div></div>')
|
||||
for (let i = startHour; i < 24; i++) {
|
||||
tableWrapper.find('#hoursColumn').append('<div class="horaires">' + i + 'h</div>')
|
||||
}
|
||||
tableWrapper.find('.horaires').css('height', cellHeight);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,18 +14,21 @@ let entryTemplate =
|
|||
'</tr>';
|
||||
|
||||
let editEntryTemplate =
|
||||
' <label for="startTimeInput">Heure de début</label>\n' +
|
||||
' <input type="number" id="startTimeInput">\n' +
|
||||
' <label for="lengthTimeInput">Durée</label>\n' +
|
||||
' <input type="number" id="lengthTimeInput">\n' +
|
||||
'\n' +
|
||||
' <label for="smallTitleInput">Titre dans le planning</label>\n' +
|
||||
' <input type="text" id="smallTitleInput">\n' +
|
||||
' <label for="fullTitleInput">Titre dans la description</label>\n' +
|
||||
' <input type="text" id="fullTitleInput">\n' +
|
||||
'\n' +
|
||||
' <label for="descriptionInput">Description</label>\n' +
|
||||
' <textarea rows="15" id="descriptionInput"></textarea>';
|
||||
'<label for="startTimeInput">Heure de début</label>\n' +
|
||||
'<input type="number" id="startTimeInput">\n' +
|
||||
'<label for="lengthTimeInput">Durée</label>\n' +
|
||||
'<input type="number" id="lengthTimeInput">\n' +
|
||||
'' +
|
||||
'<label for="smallTitleInput">Titre dans le planning</label>\n' +
|
||||
'<input type="text" id="smallTitleInput">\n' +
|
||||
'<label for="fullTitleInput">Titre dans la description</label>\n' +
|
||||
'<input type="text" id="fullTitleInput">\n' +
|
||||
'' +
|
||||
'<label for="descriptionInput">Description</label>\n' +
|
||||
'<textarea rows="10" id="descriptionInput"></textarea>' +
|
||||
'' +
|
||||
'<label for="colorInput">Couleur (hexadécimal)</label>\n' +
|
||||
'<input type="text" id="colorInput">\n';
|
||||
|
||||
$(document).ready(function () {
|
||||
getDayActivities(getSelectedDay());
|
||||
|
|
@ -117,6 +120,7 @@ function showInfo(entry) {
|
|||
$('#smallTitleInput').val(entry['small_title']);
|
||||
$('#fullTitleInput').val(entry['full_title']);
|
||||
$('#descriptionInput').val(entry['description']);
|
||||
$('#colorInput').val(entry['color']);
|
||||
},
|
||||
onClose: function () {
|
||||
entry['start'] =$('#startTimeInput').val();
|
||||
|
|
@ -124,6 +128,7 @@ function showInfo(entry) {
|
|||
entry['small_title'] = $('#smallTitleInput').val();
|
||||
entry['full_title'] = $('#fullTitleInput').val();
|
||||
entry['description'] = $('#descriptionInput').val();
|
||||
entry['color'] = $('#colorInput').val();
|
||||
updateListEntry(entry);
|
||||
},
|
||||
});
|
||||
|
|
|
|||
125
blouse.php
125
blouse.php
|
|
@ -1,68 +1,73 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>La Blouse</h1>
|
||||
<p>Mais qu'est-ce que c'est cette histoire, une page entière dédiée à une pauvre blouse de TP ? Que nenni ! LA
|
||||
Blouse
|
||||
est une tradition ancestrale à l'INSA. Cette blouse, que tu devras porter pendant ta semaine d'accueil et
|
||||
pendant
|
||||
les TP, devra être brodée par tes soins (et pas de tricheurs !).
|
||||
</p>
|
||||
<p>
|
||||
Cette année, le thème étant <strong>l'espace</strong>, tu devras teinter ta blouse en <strong
|
||||
style="color: #1a5dad">Bleu inter-sidéral</strong> si tu es dans la team <strong
|
||||
style="color: #1a5dad">USA</strong>, et <strong style="color: #ee293d">Rouge Stellaire</strong> pour la
|
||||
<strong style="color: #ee293d">Mère Patrie</strong>. Ensuite, du devras la décorer en brodant et cousant selon
|
||||
ce thème en respectant les règles ci-dessous. Qui sait, peut-être que tu seras élu Miss ou Mister Blouse.
|
||||
</p>
|
||||
<h3>
|
||||
Voici les 5 commandements de la Blouse, et attention à les respecter scrupuleusement !
|
||||
</h3>
|
||||
<ul id="list-blouse">
|
||||
<li>
|
||||
Uniquement fils et aiguilles tu utiliseras.
|
||||
</li>
|
||||
<li>
|
||||
Par toi-même tu décoreras ta blouse, l’aide de maman et mamie tu ne demanderas pas. (Et oui,
|
||||
on y est tous passé, à ton tour maintenant, et gare aux tricheurs !)
|
||||
</li>
|
||||
<li>
|
||||
Des marqueurs ou feutres tu n’utiliseras pas, car réservés aux Grands Dindons Autoritaires que
|
||||
nous sommes pour t’octroyer bonus ou malus ainsi que des tags comme se veut la tradition.
|
||||
</li>
|
||||
<li>
|
||||
Comme sur le schéma ta blouse tu décoreras
|
||||
<ul>
|
||||
<li>
|
||||
Sur le devant de ta blouse, ton prénom, le blason et le nom de ton patelin d’origine apparaitront
|
||||
</li>
|
||||
<li>
|
||||
Sur l’arrière de ta blouse, ton surnom (en gros et bien visible) et “INSA 56” en très
|
||||
gros tu broderas car ta promo tu aduleras
|
||||
</li>
|
||||
<li>
|
||||
Les espaces vides tu combleras de broderies et fantaisies sur le thème de l’espace
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<div class="inner">
|
||||
<h1>La Blouse</h1>
|
||||
<p>Mais qu'est-ce que c'est cette histoire, une page entière dédiée à une pauvre blouse de TP ? Que nenni ! LA
|
||||
Blouse
|
||||
est une tradition ancestrale à l'INSA. Cette blouse, que tu devras porter pendant ta semaine d'accueil et
|
||||
pendant
|
||||
les TP, devra être brodée par tes soins (et pas de tricheurs !).
|
||||
</p>
|
||||
<p>
|
||||
Cette année, le thème étant <strong>l'espace</strong>, tu devras teinter ta blouse en <strong
|
||||
style="color: #1a5dad">Bleu inter-sidéral</strong> si tu es dans la team <strong
|
||||
style="color: #1a5dad">USA</strong>, et <strong style="color: #ee293d">Rouge Stellaire</strong> pour
|
||||
la
|
||||
<strong style="color: #ee293d">Mère Patrie</strong>. Ensuite, du devras la décorer en brodant et cousant
|
||||
selon
|
||||
ce thème en respectant les règles ci-dessous. Qui sait, peut-être que tu seras élu Miss ou Mister Blouse.
|
||||
</p>
|
||||
<h3>
|
||||
Voici les 5 commandements de la Blouse, et attention à les respecter scrupuleusement !
|
||||
</h3>
|
||||
<ul id="list-blouse">
|
||||
<li>
|
||||
Uniquement fils et aiguilles tu utiliseras.
|
||||
</li>
|
||||
<li>
|
||||
Par toi-même tu décoreras ta blouse, l’aide de maman et mamie tu ne demanderas pas. (Et oui,
|
||||
on y est tous passé, à ton tour maintenant, et gare aux tricheurs !)
|
||||
</li>
|
||||
<li>
|
||||
Des marqueurs ou feutres tu n’utiliseras pas, car réservés aux Grands Dindons Autoritaires que
|
||||
nous sommes pour t’octroyer bonus ou malus ainsi que des tags comme se veut la tradition.
|
||||
</li>
|
||||
<li>
|
||||
Comme sur le schéma ta blouse tu décoreras
|
||||
<ul>
|
||||
<li>
|
||||
Sur le devant de ta blouse, ton prénom, le blason et le nom de ton patelin d’origine
|
||||
apparaitront
|
||||
</li>
|
||||
<li>
|
||||
Sur l’arrière de ta blouse, ton surnom (en gros et bien visible) et “INSA 56” en très
|
||||
gros tu broderas car ta promo tu aduleras
|
||||
</li>
|
||||
<li>
|
||||
Les espaces vides tu combleras de broderies et fantaisies sur le thème de l’espace
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Créatif et original tu seras, bonus à la clé
|
||||
</li>
|
||||
<li>
|
||||
D’humour tu feras preuve, bonus à la clé
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Pour t’aider dans l ‘élaboration de ton œuvre magistrale, voici <a href="assets/images/logos.zip">les logos de
|
||||
la semaine</a> (à ne surtout pas coller évidement, utilise-les seulement comme modèle !).
|
||||
</p>
|
||||
<img src="assets/images/blouse_example.png">
|
||||
|
||||
<h3>
|
||||
Pour te motiver, voici ce que notre Miss Blouse avait brodé pour le thème de la ferme
|
||||
</h3>
|
||||
<li>
|
||||
Créatif et original tu seras, bonus à la clé
|
||||
</li>
|
||||
<li>
|
||||
D’humour tu feras preuve, bonus à la clé
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Pour t’aider dans l ‘élaboration de ton œuvre magistrale, voici <a href="assets/images/logos.zip">les logos
|
||||
de
|
||||
la semaine</a> (à ne surtout pas coller évidement, utilise-les seulement comme modèle !).
|
||||
</p>
|
||||
<img src="assets/images/blouse_example.png">
|
||||
|
||||
<h3>
|
||||
Pour te motiver, voici ce que notre Miss Blouse avait brodé pour le thème de la ferme
|
||||
</h3>
|
||||
</div>
|
||||
<img src="assets/images/blouse_example_2017.jpeg">
|
||||
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -98,9 +98,9 @@ class Dao
|
|||
$cursor->execute([$day]);
|
||||
|
||||
foreach ($info_json as $value) {
|
||||
$sql = 'INSERT INTO planning_insa (day, small_title, full_title, description, start, length) VALUES (?, ?, ?, ?, ?, ?)';
|
||||
$sql = 'INSERT INTO planning_insa (day, small_title, full_title, description, color, start, length) VALUES (?, ?, ?, ?, ?, ?, ?)';
|
||||
$cursor = $this->conn->prepare($sql);
|
||||
$cursor->execute([$value['day'], $value['small_title'], $value['full_title'], $value['description'], $value['start'], $value['length']]);
|
||||
$cursor->execute([$value['day'], $value['small_title'], $value['full_title'], $value['description'], $value['color'], $value['start'], $value['length']]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
6
coms.php
6
coms.php
|
|
@ -1,8 +1,10 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Les Coms</h1>
|
||||
<p>La liste de toutes les coms de ta semaine d'accueil, avec les contacts des responsables.</p>
|
||||
<div class="inner">
|
||||
<h1>Les Coms</h1>
|
||||
<p>La liste de toutes les coms de ta semaine d'accueil, avec les contacts des responsables.</p>
|
||||
</div>
|
||||
<?php
|
||||
$comId = "";
|
||||
$comRespo2Id = "Mail respo 2 (facultatif";
|
||||
|
|
|
|||
|
|
@ -1,28 +1,31 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Les Téléchargements</h1>
|
||||
<p>Sur cette page tu peux télécharger les différents documents de ta semaine d'accueil</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="assets/pdf/Parrainage.pdf">La fiche de parrainage</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Plaquette.pdf">La plaquette</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Charte-droit-image.pdf">La charte de droit à l'image</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Fiche-renseignements-wini.pdf">La fiche d'autorisation pour le WINI</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/images/planning.png">Le planning</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/images/logos.zip">Les logos de la semaine</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="inner">
|
||||
<h1>Les Téléchargements</h1>
|
||||
<p>Sur cette page tu peux télécharger les différents documents de ta semaine d'accueil</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="assets/pdf/Parrainage.pdf">La fiche de parrainage</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Plaquette.pdf">La plaquette</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Charte-droit-image.pdf">La charte de droit à l'image</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/pdf/Fiche-renseignements-wini.pdf">La fiche d'autorisation pour le WINI</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/images/planning.png">Le planning</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="assets/images/logos.zip">Les logos de la semaine</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
$pageTitle = "Téléchargements";
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@ include($relativePath."includes/score_counter.php");
|
|||
|
||||
<div id="main-fading-top-edge"></div>
|
||||
<div id="main-content-wrap" class="outer">
|
||||
<section id="main-content" class="inner">
|
||||
<section id="main-content">
|
||||
<?= $pageContent // Display content defined in calling file ?>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
147
info.php
147
info.php
|
|
@ -1,78 +1,87 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Contact</h1>
|
||||
<p>
|
||||
Voici la merveilleuse page que personne lit ! Mais t'es là, donc autant en profiter.
|
||||
</p>
|
||||
<p>
|
||||
Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la
|
||||
semaine. On y postera des infos sur les événements à venir.
|
||||
Mais on a pensé à ceux qui n'ont pas les réseaux sociaux, c'est pourquoi je vais essayer de mettre les infos sur le
|
||||
site aussi.
|
||||
</p>
|
||||
<br id="arnaud">
|
||||
<h5>Si t'as des questions à propos du site, tu peux m'envoyer des mails (pas trop quand même) :</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Mail :</strong> vergnet<span class="fas fa-envelope"></span>etud.insa-toulouse.fr
|
||||
</li>
|
||||
<li>
|
||||
<strong>Facebook :</strong> Arnaud Vergnet
|
||||
</li>
|
||||
</ul>
|
||||
<br id="beranger">
|
||||
<h5>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Mail :</strong> bquintan<span class="fas fa-envelope"></span>etud.insa-toulouse.fr
|
||||
</li>
|
||||
<li>
|
||||
<strong>Tel :</strong> +33 6 95 35 65 26
|
||||
</li>
|
||||
<li>
|
||||
<strong>Facebook :</strong> Béranger Qtn
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
<h6>Sinon, si tu veux des infos à propos d'une activité/COM spécifique, va sur la page des <a href="coms.php">COMs</a>
|
||||
pour
|
||||
contacter le responsable.
|
||||
</h6>
|
||||
<br>
|
||||
<p>
|
||||
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une
|
||||
association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services.
|
||||
</p>
|
||||
<div class="inner">
|
||||
<h1>Contact</h1>
|
||||
<p>
|
||||
Voici la merveilleuse page que personne lit ! Mais t'es là, donc autant en profiter.
|
||||
</p>
|
||||
<p>
|
||||
Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la
|
||||
semaine. On y postera des infos sur les événements à venir.
|
||||
Mais on a pensé à ceux qui n'ont pas les réseaux sociaux, c'est pourquoi je vais essayer de mettre les infos sur
|
||||
le
|
||||
site aussi.
|
||||
</p>
|
||||
<br id="arnaud">
|
||||
<h5>Si t'as des questions à propos du site, tu peux m'envoyer des mails (pas trop quand même) :</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Mail :</strong> vergnet<span class="fas fa-envelope"></span>etud.insa-toulouse.fr
|
||||
</li>
|
||||
<li>
|
||||
<strong>Facebook :</strong> Arnaud Vergnet
|
||||
</li>
|
||||
</ul>
|
||||
<br id="beranger">
|
||||
<h5>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Mail :</strong> bquintan<span class="fas fa-envelope"></span>etud.insa-toulouse.fr
|
||||
</li>
|
||||
<li>
|
||||
<strong>Tel :</strong> +33 6 95 35 65 26
|
||||
</li>
|
||||
<li>
|
||||
<strong>Facebook :</strong> Béranger Qtn
|
||||
</li>
|
||||
</ul>
|
||||
<br>
|
||||
<h6>Sinon, si tu veux des infos à propos d'une activité/COM spécifique, va sur la page des <a
|
||||
href="coms.php">COMs</a>
|
||||
pour
|
||||
contacter le responsable.
|
||||
</h6>
|
||||
<br>
|
||||
<p>
|
||||
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une
|
||||
association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services.
|
||||
</p>
|
||||
|
||||
|
||||
<h1>Crédits</h1>
|
||||
<p>
|
||||
Site créé par Arnaud VERGNET, un GDA qui avait du temps à perdre mais qui aime bien rendre service. J'ai essayé de
|
||||
faire ce site le plus modulable possible, donc si un de vous veut le reprendre pour l'année suivante, envoyez-moi un
|
||||
petit mot pour que je passe le flambeau (pas besoin de connaissances de fou, ya pas grand-chose à modifier).
|
||||
</p>
|
||||
<br>
|
||||
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
|
||||
<ul id="credits-list">
|
||||
<li><a href="https://fontawesome.com/"><i class="fab fa-font-awesome"></i></a></li>
|
||||
<li><a href="https://jquery.com/"><i class="fab fa-js-square"></i></a></li>
|
||||
<li><a href="http://www.php.net/"><i class="fab fa-php"></i></a></li>
|
||||
<li><a href="https://www.w3.org/html/"><i class="fab fa-html5"></i></a></li>
|
||||
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3"><i class="fab fa-css3-alt"></i></a></li>
|
||||
</ul>
|
||||
<p>
|
||||
Image de fond trouvée sur <a href="https://www.pexels.com/photo/train-with-smoke-507410/"> Pexexls</a>
|
||||
</p>
|
||||
<h1>Crédits</h1>
|
||||
<p>
|
||||
Site créé par Arnaud VERGNET, un GDA qui avait du temps à perdre mais qui aime bien rendre service. J'ai essayé
|
||||
de
|
||||
faire ce site le plus modulable possible, donc si un de vous veut le reprendre pour l'année suivante,
|
||||
envoyez-moi un
|
||||
petit mot pour que je passe le flambeau (pas besoin de connaissances de fou, ya pas grand-chose à modifier).
|
||||
</p>
|
||||
<br>
|
||||
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
|
||||
<ul id="credits-list">
|
||||
<li><a href="https://fontawesome.com/"><i class="fab fa-font-awesome"></i></a></li>
|
||||
<li><a href="https://jquery.com/"><i class="fab fa-js-square"></i></a></li>
|
||||
<li><a href="http://www.php.net/"><i class="fab fa-php"></i></a></li>
|
||||
<li><a href="https://www.w3.org/html/"><i class="fab fa-html5"></i></a></li>
|
||||
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3"><i class="fab fa-css3-alt"></i></a></li>
|
||||
</ul>
|
||||
<p>
|
||||
Image de fond trouvée sur <a href="https://www.pexels.com/photo/train-with-smoke-507410/"> Pexexls</a>
|
||||
</p>
|
||||
|
||||
<h1>Vie Privée</h1>
|
||||
<p>
|
||||
Je mets juste ça ici au cas où. Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la
|
||||
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles (c'est la première année
|
||||
qu'on fait un site) ainsi que ton pays d'origine (pour voir si les étrangers ont reçu les info). Pour ne pas être
|
||||
traqué, activez simplement l'option "Indiquer aux sites que je ne souhaite pas être traqué" de votre navigateur. Si
|
||||
jamais vous avez des problèmes, contactez-moi comme expliqué ci-dessus.
|
||||
</p>
|
||||
<h1>Vie Privée</h1>
|
||||
<p>
|
||||
Je mets juste ça ici au cas où. Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la
|
||||
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles (c'est la première
|
||||
année
|
||||
qu'on fait un site) ainsi que ton pays d'origine (pour voir si les étrangers ont reçu les info). Pour ne pas
|
||||
être
|
||||
traqué, activez simplement l'option "Indiquer aux sites que je ne souhaite pas être traqué" de votre navigateur.
|
||||
Si
|
||||
jamais vous avez des problèmes, contactez-moi comme expliqué ci-dessus.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
|
|
|
|||
35
map.php
35
map.php
|
|
@ -1,24 +1,27 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Le Plan</h1>
|
||||
<p>
|
||||
Voici le plan de ton nouveau campus, que tu vas connaître par cœur en quelques jours (fond de carte issu du site
|
||||
<a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591">Open Street Map</a>).
|
||||
</p>
|
||||
<p>
|
||||
<strong>Clique sur un bâtiment pour voir les infos.</strong>
|
||||
</p>
|
||||
<p>
|
||||
Une petite note sur le numéro des salles : sur ton edt, c'est marqué le nom du bâtiment suivi du numéro de la
|
||||
salle (le STPI est aussi appelé bâtiment des Amphis). Le chiffre des centaines indique l'étage. Donc si tu vois
|
||||
marqué "Amphi 6", c'est dans le STPI au rez-de-chaussée, et "GC 312" c'est dans le GC au 3ème (j'espère t'auras
|
||||
pas à aller aussi loin).
|
||||
</p>
|
||||
<div id="map">
|
||||
<?php echo file_get_contents("assets/images/map.svg"); ?>
|
||||
<div class="inner">
|
||||
<h1>Le Plan</h1>
|
||||
<p>
|
||||
Voici le plan de ton nouveau campus, que tu vas connaître par cœur en quelques jours (fond de carte issu du site
|
||||
<a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591">Open Street Map</a>).
|
||||
</p>
|
||||
<p>
|
||||
<strong>Clique sur un bâtiment pour voir les infos.</strong>
|
||||
</p>
|
||||
<p>
|
||||
Une petite note sur le numéro des salles : sur ton edt, c'est marqué le nom du bâtiment suivi du numéro de la
|
||||
salle (le STPI est aussi appelé bâtiment des Amphis). Le chiffre des centaines indique l'étage. Donc si tu vois
|
||||
marqué "Amphi 6", c'est dans le STPI au rez-de-chaussée, et "GC 312" c'est dans le GC au 3ème (j'espère t'auras
|
||||
pas à aller aussi loin).
|
||||
</p>
|
||||
<div id="map">
|
||||
<?php echo file_get_contents("assets/images/map.svg"); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
$pageTitle = "Plan";
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>Le Parrainage</h1>
|
||||
<p>Tu viens ou va t'envoler de ton petit chez toi, tu es apeuré ? Pas de soucis, nous allons envoyer un Guide
|
||||
Défenseur d'Astronaute à tes côtés pour t'accompagner non seulement pendant la semaine, mais aussi pour toute
|
||||
|
|
@ -11,7 +12,9 @@ ob_start(); // Start reading html
|
|||
</p>
|
||||
<p>
|
||||
Tu étais sur une autre planète et t'as paumé ta fiche, pas (trop) de soucis, tu peux la télécharger ici :
|
||||
<strong><a href="assets/pdf/Parrainage.pdf">Superbe lien vers ta magnifique fiche de parrainage à ne pas oublier de renvoyer par courrier pour être sur d'avoir un parrain/marraine.</a></strong> </p>
|
||||
<strong><a href="assets/pdf/Parrainage.pdf">Superbe lien vers ta magnifique fiche de parrainage à ne pas oublier
|
||||
de
|
||||
renvoyer par courrier pour être sur d'avoir un parrain/marraine.</a></strong></p>
|
||||
<p>
|
||||
Pour savoir où envoyer ta fiche de parrainage, va voir à la dernière page de cette dernière.
|
||||
</p>
|
||||
|
|
@ -21,6 +24,8 @@ ob_start(); // Start reading html
|
|||
class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong> ou
|
||||
<strong>laxague<span
|
||||
class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong></p>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
$pageTitle = "Parrainage";
|
||||
|
|
|
|||
109
photos.php
109
photos.php
|
|
@ -194,7 +194,7 @@ function isValidImage($imagePath)
|
|||
*/
|
||||
function isValidDirectory($directoryPath, $directory)
|
||||
{
|
||||
return is_dir($directoryPath) && $directory != "." && $directory != ".." && substr($directory, 0, 1 ) !== ".";
|
||||
return is_dir($directoryPath) && $directory != "." && $directory != ".." && substr($directory, 0, 1) !== ".";
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -220,66 +220,69 @@ function generatePath($path)
|
|||
}
|
||||
|
||||
?>
|
||||
<div id="photo-overlay" style="display:none">
|
||||
<div class="inner">
|
||||
<div id="photo-overlay" style="display:none">
|
||||
|
||||
<img src="" id="img-big">
|
||||
<img src="" id="img-big">
|
||||
|
||||
<div id="close-back" onclick="closeBig()"></div>
|
||||
<div id="loading" onclick="closeBig()">
|
||||
<i class="fas fa-spinner fa-spin"></i>
|
||||
</div>
|
||||
<div id="close-back" onclick="closeBig()"></div>
|
||||
<div id="loading" onclick="closeBig()">
|
||||
<i class="fas fa-spinner fa-spin"></i>
|
||||
</div>
|
||||
|
||||
<div id="photo-buttons">
|
||||
<i id="right" class="fas fa-arrow-right" onclick="displayNext(1)"></i>
|
||||
<i id="left" class="fas fa-arrow-left" onclick="displayNext(-1)"></i>
|
||||
<div id="photo-control">
|
||||
<i id="close" class="fas fa-times" onclick="closeBig()"></i>
|
||||
<a id="img_big_download" download="" href="">
|
||||
<i id="download" class="fas fa-download"></i>
|
||||
</a>
|
||||
<a href="" id="img_big_link">
|
||||
<i id="fullscreen" class="fas fa-expand-arrows-alt"></i>
|
||||
</a>
|
||||
<div id="photo-buttons">
|
||||
<i id="right" class="fas fa-arrow-right" onclick="displayNext(1)"></i>
|
||||
<i id="left" class="fas fa-arrow-left" onclick="displayNext(-1)"></i>
|
||||
<div id="photo-control">
|
||||
<i id="close" class="fas fa-times" onclick="closeBig()"></i>
|
||||
<a id="img_big_download" download="" href="">
|
||||
<i id="download" class="fas fa-download"></i>
|
||||
</a>
|
||||
<a href="" id="img_big_link">
|
||||
<i id="fullscreen" class="fas fa-expand-arrows-alt"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 id="photos_title">Photos</h1>
|
||||
<p>Clique sur le dossier de ton choix pour afficher les photos. Il faut que tu sois inscrit à l'INSA pour pouvoir
|
||||
les regarder (et oui, pas de spoiler).
|
||||
</p>
|
||||
<p>
|
||||
Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page avec
|
||||
un autre navigateur.
|
||||
</p>
|
||||
<ul class="photos-path">
|
||||
<li><p>Chemin : </p></li>
|
||||
<?php
|
||||
generatePath(getActivePath());
|
||||
?>
|
||||
</ul>
|
||||
<?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
|
||||
<div class="photos-folder">
|
||||
<h1 id="photos_title">Photos</h1>
|
||||
<p>Clique sur le dossier de ton choix pour afficher les photos. Il faut que tu sois inscrit à l'INSA pour pouvoir
|
||||
les regarder (et oui, pas de spoiler).
|
||||
</p>
|
||||
<p>
|
||||
Si tu ne peux pas voir les photos (la fenêtre pour entrer le mot de passe ne s'affiche pas), ouvre cette page
|
||||
avec
|
||||
un autre navigateur.
|
||||
</p>
|
||||
<ul class="photos-path">
|
||||
<li><p>Chemin : </p></li>
|
||||
<?php
|
||||
createDirectories(getActivePath());
|
||||
generatePath(getActivePath());
|
||||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if (isAlbumAvailable(getActivePath())): ?>
|
||||
<a download=""
|
||||
href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
|
||||
id="download-album">
|
||||
<span id="download-text"><i class="fas fa-download"></i>Télécharger l'album</span>
|
||||
<span id="album-photo-count"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?>
|
||||
<div class="photos">
|
||||
<?php
|
||||
createPhotos(getActivePath());
|
||||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
<?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
|
||||
<div class="photos-folder">
|
||||
<?php
|
||||
createDirectories(getActivePath());
|
||||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if (isAlbumAvailable(getActivePath())): ?>
|
||||
<a download=""
|
||||
href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
|
||||
id="download-album">
|
||||
<span id="download-text"><i class="fas fa-download"></i>Télécharger l'album</span>
|
||||
<span id="album-photo-count"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<?php if (getPhotoCount(photoRoot . getActivePath()) > 0): ?>
|
||||
<div class="photos">
|
||||
<?php
|
||||
createPhotos(getActivePath());
|
||||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/photos.css">
|
||||
|
||||
|
|
|
|||
112
planning.php
112
planning.php
|
|
@ -1,104 +1,26 @@
|
|||
<?
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Le Planning</h1>
|
||||
<p>Voilà le planning de ta semaine. Les horaires sont approximatifs.</p>
|
||||
<p><strong>Clique sur une activité pour avoir plus d'informations.</strong></p>
|
||||
<div id="table-wrapper">
|
||||
<table cellspacing="10" id="table-planning">
|
||||
<tr>
|
||||
<th>Horaires</th>
|
||||
<th>Lundi</th>
|
||||
<th>Mardi</th>
|
||||
<th>Mercredi</th>
|
||||
<th>Jeudi</th>
|
||||
<th>Vendredi</th>
|
||||
<th>Samedi</th>
|
||||
<th>Dimanche</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">8h</td>
|
||||
<td rowspan="2" class="event discours">Présentation INSA</td>
|
||||
<td rowspan="4" class="event fabcamp">FabCamp</td>
|
||||
<td rowspan="4" class="event fabcamp">FabCamp</td>
|
||||
<td rowspan="5" class="event escape_game">Ins'cape Game</td>
|
||||
<td rowspan="11" class="event com_walle">COM Wall-E</td>
|
||||
<td rowspan="17" class="event wini">WINI</td>
|
||||
<td rowspan="17" class="event wini">WINI</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">9h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">10h</td>
|
||||
<td rowspan="2" class="event remise_niveau">Remise à niveau</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">11h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">12h</td>
|
||||
<td rowspan="1" class="event barbecue">Barbecue</td>
|
||||
<td rowspan="1" class="event barbecue">Barbecue</td>
|
||||
<td rowspan="1" class="event barbecue">Barbecue</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">13h</td>
|
||||
<td rowspan="6" class="event fabcamp">FabCamp</td>
|
||||
<td rowspan="6" class="event fabcamp">FabCamp</td>
|
||||
<td rowspan="6" class="event fabcamp">FabCamp</td>
|
||||
<td rowspan="6" class="event com_ville">COM ISS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">14h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">15h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">16h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">17h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">18h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">19h</td>
|
||||
<td rowspan="1" class="event banquet">Banquet</td>
|
||||
<td rowspan="1" class="event banquet">Banquet</td>
|
||||
<td rowspan="1" class="event banquet">Banquet</td>
|
||||
<td rowspan="1" class="event banquet">Banquet</td>
|
||||
<td rowspan="1" class="event banquet">Banquet</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">20h</td>
|
||||
<td rowspan="3" class="event soir">Space Meeting</td>
|
||||
<td rowspan="3" class="event soir">Soirée des Clubs et Spécifiques</td>
|
||||
<td rowspan="3" class="event soir">Soirée Jeune Padawan</td>
|
||||
<td rowspan="3" class="event soir">2001 : L'Odyssée du PK</td>
|
||||
<td rowspan="4" class="event soir">Concert</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">21h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">22h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">23h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="horaires">00h</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="inner">
|
||||
<h1>Le Planning</h1>
|
||||
<p>Voilà le planning de ta semaine. Les horaires sont approximatifs.</p>
|
||||
<p><strong>Clique sur une activité pour avoir plus d'informations.</strong></p>
|
||||
</div>
|
||||
<h1 id="info-box-top">Informations</h1>
|
||||
<div id="infoBox">
|
||||
<p>Clique sur un évenement pour afficher ses informations</p>
|
||||
|
||||
<div id="tableWrapper">
|
||||
<div id="tablePlanning">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inner">
|
||||
<h1 id="info-box-top">Informations</h1>
|
||||
<div id="infoBox">
|
||||
<p>Clique sur un évenement pour afficher ses informations</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/planningEvents.css">
|
||||
|
||||
<?php
|
||||
|
|
|
|||
39
prevs.php
39
prevs.php
|
|
@ -1,23 +1,28 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>La Prévention</h1>
|
||||
<p>C'est les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention à ce
|
||||
que tout se passe dans les meilleures conditions.
|
||||
Ils seront là toute la semaine, avec des médocs, de la bouffe et de la boisson (de l'eau hein !), bref pour
|
||||
assurer ta
|
||||
survie.Ça sera facile de les repérer, ils auront tous un bandeau rouge !
|
||||
</p>
|
||||
<p>
|
||||
Surtout, si t'as un problème, hésite pas à les embêter !
|
||||
</p>
|
||||
<p>Voici une petite video pour t'expliquer les bases :</p>
|
||||
<iframe class="video" src="https://www.youtube-nocookie.com/embed/Eak9JO1zO2U?rel=0" frameborder="0"
|
||||
allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
<h3>Contact d'urgence</h3>
|
||||
<p>
|
||||
rien à voir ici, ils sont pas encore en ligne !
|
||||
</p>
|
||||
<div class="inner">
|
||||
<h1>La Prévention</h1>
|
||||
<p>C'est les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention
|
||||
à ce
|
||||
que tout se passe dans les meilleures conditions.
|
||||
Ils seront là toute la semaine, avec des médocs, de la bouffe et de la boisson (de l'eau hein !), bref pour
|
||||
assurer ta
|
||||
survie.Ça sera facile de les repérer, ils auront tous un bandeau rouge !
|
||||
</p>
|
||||
<p>
|
||||
Surtout, si t'as un problème, hésite pas à les embêter !
|
||||
</p>
|
||||
<p>Voici une petite video pour t'expliquer les bases :</p>
|
||||
<iframe class="video" src="https://www.youtube-nocookie.com/embed/Eak9JO1zO2U?rel=0" frameborder="0"
|
||||
allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
<h3>Contact d'urgence</h3>
|
||||
<p>
|
||||
rien à voir ici, ils sont pas encore en ligne !
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
$pageTitle = "Prévention";
|
||||
|
|
|
|||
35
stats.php
35
stats.php
|
|
@ -24,23 +24,26 @@ function get_stats($team)
|
|||
}
|
||||
|
||||
?>
|
||||
|
||||
<h1>Stats</h1>
|
||||
<p>
|
||||
Les stats de la semaine.
|
||||
<div class="inner">
|
||||
<h1>Stats</h1>
|
||||
<p>
|
||||
Les stats de la semaine.
|
||||
<br>
|
||||
Remporte le plus de points possible pour faire gagner ton équipe, mais attention à ne pas lui en faire
|
||||
perdre !
|
||||
<br><br>
|
||||
<strong>Clique sur une équipe pour voir le détail de son score</strong>
|
||||
</p>
|
||||
<br>
|
||||
Remporte le plus de points possible pour faire gagner ton équipe, mais attention à ne pas lui en faire perdre !
|
||||
<br><br>
|
||||
<strong>Clique sur une équipe pour voir le détail de son score</strong>
|
||||
</p>
|
||||
<br>
|
||||
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
|
||||
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css">
|
||||
<?php
|
||||
|
|
|
|||
154
wini.php
154
wini.php
|
|
@ -1,79 +1,87 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Le WINI</h1>
|
||||
<p>
|
||||
Le top du top de la semaine, le WINI c’est le week-end le plus important. En plus, cette année tu as la chance
|
||||
d’avoir des organisateurs géniaux qui ont réussi à réserver un camping pas loin de <a
|
||||
href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">Cap Découverte</a>, pour pouvoir
|
||||
s’éclater toute la journée.
|
||||
Mais quécécé Cap Découverte ? C’est une base de loisirs près d’Albi (à une heure de Toulouse), construite dans
|
||||
un trou (un peu plus grand que celui devant l’amicale), qui propose plein d’activités. Tu peux dévaler de la
|
||||
mine en kart, en ski, faire du vélo, et pas mal d’autres trucs. Hésite pas à faire un tour sur <a
|
||||
href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">leur site</a> pour te
|
||||
renseigner !
|
||||
</p>
|
||||
<p>
|
||||
Tu partiras de l’INSA le samedi matin, pour revenir le lendemain aprèm vers 15h, alors sois à fond pour ce
|
||||
week-end !
|
||||
</p>
|
||||
<h5>
|
||||
Voici le planning de ton week-end (pas interactif celui-là parce que flemme…) :
|
||||
</h5>
|
||||
<ul>
|
||||
<li>
|
||||
Départ à 7h45 le samedi matin (attention aux retardataires !)
|
||||
</li>
|
||||
<li>
|
||||
Arrivée à Cap Découverte même pas 1h30 plus tard.
|
||||
</li>
|
||||
<li>
|
||||
Apporte ton manger pour le midi, mais on organise tout pour le soir et le dimanche midi!
|
||||
</li>
|
||||
<li>
|
||||
La grosse soirée de la semaine le samedi soir, encadrée pour éviter les glissades.
|
||||
</li>
|
||||
<li>
|
||||
Dodo sur le camping
|
||||
</li>
|
||||
<li>
|
||||
Dimanche, plus de Cap Découverte, mais tu pourras accéder à des terrains de sport, ou juste te remettre de
|
||||
tes
|
||||
émotions de la veille.
|
||||
</li>
|
||||
</ul>
|
||||
<h5>
|
||||
Et voici la liste du matos indispensable pour profiter au mieux du WINI :
|
||||
</h5>
|
||||
<ul>
|
||||
<li>
|
||||
Maillot (ya pas mal d’activités avec de l’eau)
|
||||
</li>
|
||||
<li>
|
||||
Chaussures fermées et habits longs en rechange (c’est mieux pour certaines activités comme le kart)
|
||||
</li>
|
||||
<li>
|
||||
Tente et sac de couchage (tu pourras essayer de partager avec ceux qui ont de la place si t’as pas de tente)
|
||||
</li>
|
||||
<li>
|
||||
De quoi survire au soleil et à la chaleur. Et oui, Cap Découverte est dans une ancienne mine à ciel ouvert,
|
||||
donc
|
||||
pas de vent, et beaucoup de soleil (Eau, crème solaire, chapeaux, et trucs du genre)
|
||||
</li>
|
||||
<li>
|
||||
Carte d’identité (pour louer du matériel comme des vélos, échasses, …)
|
||||
</li>
|
||||
<li>
|
||||
De la joie de vivre (c’est mieux)
|
||||
</li>
|
||||
<li>
|
||||
Ta blouse (attention, malus à ceux qui l’oublient)
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Le WINI, ce sera aussi l'occasion de terminer l'INSA WARS, avec la sélection de l'équipe gagnante. Alors fais
|
||||
gagner le plus de points à ton groupe lors de ces derniers jours !
|
||||
</p>
|
||||
<div class="inner">
|
||||
<h1>Le WINI</h1>
|
||||
<p>
|
||||
Le top du top de la semaine, le WINI c’est le week-end le plus important. En plus, cette année tu as la
|
||||
chance
|
||||
d’avoir des organisateurs géniaux qui ont réussi à réserver un camping pas loin de <a
|
||||
href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">Cap Découverte</a>, pour pouvoir
|
||||
s’éclater toute la journée.
|
||||
Mais quécécé Cap Découverte ? C’est une base de loisirs près d’Albi (à une heure de Toulouse), construite
|
||||
dans
|
||||
un trou (un peu plus grand que celui devant l’amicale), qui propose plein d’activités. Tu peux dévaler de la
|
||||
mine en kart, en ski, faire du vélo, et pas mal d’autres trucs. Hésite pas à faire un tour sur <a
|
||||
href="https://www.vert-marine.com/cap-decouverte-le-garric-81/">leur site</a> pour te
|
||||
renseigner !
|
||||
</p>
|
||||
<p>
|
||||
Tu partiras de l’INSA le samedi matin, pour revenir le lendemain aprèm vers 15h, alors sois à fond pour ce
|
||||
week-end !
|
||||
</p>
|
||||
<h5>
|
||||
Voici le planning de ton week-end (pas interactif celui-là parce que flemme…) :
|
||||
</h5>
|
||||
<ul>
|
||||
<li>
|
||||
Départ à 7h45 le samedi matin (attention aux retardataires !)
|
||||
</li>
|
||||
<li>
|
||||
Arrivée à Cap Découverte même pas 1h30 plus tard.
|
||||
</li>
|
||||
<li>
|
||||
Apporte ton manger pour le midi, mais on organise tout pour le soir et le dimanche midi!
|
||||
</li>
|
||||
<li>
|
||||
La grosse soirée de la semaine le samedi soir, encadrée pour éviter les glissades.
|
||||
</li>
|
||||
<li>
|
||||
Dodo sur le camping
|
||||
</li>
|
||||
<li>
|
||||
Dimanche, plus de Cap Découverte, mais tu pourras accéder à des terrains de sport, ou juste te remettre
|
||||
de
|
||||
tes
|
||||
émotions de la veille.
|
||||
</li>
|
||||
</ul>
|
||||
<h5>
|
||||
Et voici la liste du matos indispensable pour profiter au mieux du WINI :
|
||||
</h5>
|
||||
<ul>
|
||||
<li>
|
||||
Maillot (ya pas mal d’activités avec de l’eau)
|
||||
</li>
|
||||
<li>
|
||||
Chaussures fermées et habits longs en rechange (c’est mieux pour certaines activités comme le kart)
|
||||
</li>
|
||||
<li>
|
||||
Tente et sac de couchage (tu pourras essayer de partager avec ceux qui ont de la place si t’as pas de
|
||||
tente)
|
||||
</li>
|
||||
<li>
|
||||
De quoi survire au soleil et à la chaleur. Et oui, Cap Découverte est dans une ancienne mine à ciel
|
||||
ouvert,
|
||||
donc
|
||||
pas de vent, et beaucoup de soleil (Eau, crème solaire, chapeaux, et trucs du genre)
|
||||
</li>
|
||||
<li>
|
||||
Carte d’identité (pour louer du matériel comme des vélos, échasses, …)
|
||||
</li>
|
||||
<li>
|
||||
De la joie de vivre (c’est mieux)
|
||||
</li>
|
||||
<li>
|
||||
Ta blouse (attention, malus à ceux qui l’oublient)
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Le WINI, ce sera aussi l'occasion de terminer l'INSA WARS, avec la sélection de l'équipe gagnante. Alors
|
||||
fais
|
||||
gagner le plus de points à ton groupe lors de ces derniers jours !
|
||||
</p>
|
||||
</div>
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
$pageTitle = "WINI";
|
||||
|
|
|
|||
Loading…
Reference in a new issue