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,6 +2,7 @@
|
|||
ob_start(); // Start reading html
|
||||
$relativePath = "../";
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Bienvenue sur la page d'administration</h2>
|
||||
|
||||
|
|
@ -10,6 +11,8 @@ $relativePath = "../";
|
|||
<a href="map.php">Editer le texte de la carte</a>
|
||||
<br>
|
||||
<a href="planning.php">Editer le planning</a>
|
||||
</div>
|
||||
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ ob_start(); // Start reading html
|
|||
$relativePath = "../";
|
||||
require_once $relativePath . 'classes/dao.php';
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition de la carte</h2>
|
||||
|
||||
|
|
@ -31,6 +32,8 @@ require_once $relativePath.'classes/dao.php';
|
|||
Retour sur le site
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
|
||||
|
||||
|
|
@ -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>";
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ ob_start(); // Start reading html
|
|||
$relativePath = "../";
|
||||
require_once $relativePath . 'classes/dao.php';
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition du planning</h2>
|
||||
|
||||
|
|
@ -42,6 +43,8 @@ require_once $relativePath.'classes/dao.php';
|
|||
Retour sur le site
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
|
||||
|
||||
|
|
@ -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,6 +2,7 @@
|
|||
ob_start(); // Start reading html
|
||||
$relativePath = "../";
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>ADMIN</h1>
|
||||
<h2>Edition des scores</h2>
|
||||
|
||||
|
|
@ -36,6 +37,8 @@ $relativePath = "../";
|
|||
Retour sur le site
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/adminEdit.css"/>
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
||||
function hover_out(elem){
|
||||
if (elem !== selected)
|
||||
$(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 () {
|
||||
|
||||
/*
|
||||
* 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);
|
||||
generateTable();
|
||||
});
|
||||
|
||||
/*
|
||||
* Display shadow on hovered events
|
||||
*/
|
||||
$(".event").hover(function () {
|
||||
var element = this.className.split(" ")[1];
|
||||
if (element != current) {
|
||||
setEventShadow(element, "0px 0px 10px #1a5dad");
|
||||
function getDayActivities(day, callback) {
|
||||
let object = {
|
||||
"function": 'get_activities_of_day',
|
||||
'day': day,
|
||||
};
|
||||
$.get(
|
||||
ajaxurl,
|
||||
object,
|
||||
callback,
|
||||
);
|
||||
}
|
||||
}, function () {
|
||||
var element = this.className.split(" ")[1];
|
||||
if (element != current) {
|
||||
setEventShadow(element, "none");
|
||||
|
||||
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]);
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* 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 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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,14 +18,17 @@ let editEntryTemplate =
|
|||
'<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>';
|
||||
'<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);
|
||||
},
|
||||
});
|
||||
|
|
|
|||
15
blouse.php
15
blouse.php
|
|
@ -1,6 +1,7 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<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
|
||||
|
|
@ -11,8 +12,10 @@ ob_start(); // Start reading html
|
|||
<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
|
||||
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>
|
||||
|
|
@ -34,7 +37,8 @@ ob_start(); // Start reading html
|
|||
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
|
||||
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
|
||||
|
|
@ -54,7 +58,8 @@ ob_start(); // Start reading html
|
|||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Pour t’aider dans l ‘élaboration de ton œuvre magistrale, voici <a href="assets/images/logos.zip">les logos de
|
||||
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">
|
||||
|
|
@ -62,7 +67,7 @@ ob_start(); // Start reading html
|
|||
<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']]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
2
coms.php
2
coms.php
|
|
@ -1,8 +1,10 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<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,6 +1,7 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<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>
|
||||
|
|
@ -23,6 +24,8 @@ ob_start(); // Start reading html
|
|||
<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>
|
||||
|
|
|
|||
23
info.php
23
info.php
|
|
@ -1,6 +1,7 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>Contact</h1>
|
||||
<p>
|
||||
Voici la merveilleuse page que personne lit ! Mais t'es là, donc autant en profiter.
|
||||
|
|
@ -8,7 +9,8 @@ ob_start(); // Start reading html
|
|||
<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
|
||||
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">
|
||||
|
|
@ -35,7 +37,8 @@ ob_start(); // Start reading html
|
|||
</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>
|
||||
<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>
|
||||
|
|
@ -48,8 +51,10 @@ ob_start(); // Start reading html
|
|||
|
||||
<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
|
||||
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>
|
||||
|
|
@ -68,11 +73,15 @@ ob_start(); // Start reading html
|
|||
<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
|
||||
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
|
||||
|
|
|
|||
3
map.php
3
map.php
|
|
@ -1,6 +1,7 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<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
|
||||
|
|
@ -18,6 +19,8 @@ ob_start(); // Start reading html
|
|||
<div id="map">
|
||||
<?php echo file_get_contents("assets/images/map.svg"); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -220,6 +220,7 @@ function generatePath($path)
|
|||
}
|
||||
|
||||
?>
|
||||
<div class="inner">
|
||||
<div id="photo-overlay" style="display:none">
|
||||
|
||||
<img src="" id="img-big">
|
||||
|
|
@ -249,7 +250,8 @@ function generatePath($path)
|
|||
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
|
||||
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">
|
||||
|
|
@ -280,6 +282,7 @@ function generatePath($path)
|
|||
?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/photos.css">
|
||||
|
||||
|
|
|
|||
100
planning.php
100
planning.php
|
|
@ -1,103 +1,25 @@
|
|||
<?
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<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 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>
|
||||
|
||||
<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">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,10 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<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
|
||||
<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
|
||||
|
|
@ -18,6 +20,9 @@ ob_start(); // Start reading html
|
|||
<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";
|
||||
|
|
|
|||
|
|
@ -24,12 +24,13 @@ function get_stats($team)
|
|||
}
|
||||
|
||||
?>
|
||||
|
||||
<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 !
|
||||
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>
|
||||
|
|
@ -41,6 +42,8 @@ function get_stats($team)
|
|||
<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
|
||||
|
|
|
|||
20
wini.php
20
wini.php
|
|
@ -1,13 +1,16 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
?>
|
||||
<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
|
||||
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
|
||||
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
|
||||
|
|
@ -37,7 +40,8 @@ ob_start(); // Start reading html
|
|||
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
|
||||
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>
|
||||
|
|
@ -53,10 +57,12 @@ ob_start(); // Start reading html
|
|||
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)
|
||||
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,
|
||||
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>
|
||||
|
|
@ -71,9 +77,11 @@ ob_start(); // Start reading html
|
|||
</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
|
||||
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