2016-04-13 14:45:15 +00:00
|
|
|
<?php use \manager\ResourceDispatcher;
|
|
|
|
|
use \manager\MenuManager; ?>
|
2016-04-12 08:21:12 +00:00
|
|
|
|
|
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2016-04-05 13:08:42 +00:00
|
|
|
<title>SOCIOVIEW - Tableau de bord</title>
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
<!-- Informations de la page -->
|
|
|
|
|
<meta name='Content-Type' content='text/html; charset=utf-8'>
|
|
|
|
|
<meta charset='utf-8'>
|
|
|
|
|
<meta name='author' content='Adrien MARQUÈS alias {xdrm};'>
|
2016-04-05 13:08:42 +00:00
|
|
|
<meta name='description' content="Tableau de bord pour une enquete sociologique sur les liens sociaux entre les reseaux sociaux et la vie hors-ligne">
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
<!-- Dépendences CSS -->
|
2016-04-14 09:07:13 +00:00
|
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans|Noto+Serif|Inconsolata' rel='stylesheet' type='text/css'>
|
2016-04-19 15:08:59 +00:00
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/reset' /> <!-- Reset du css natif des browsers -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/font' /> <!-- Positionnement global des pages -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/layout' /> <!-- Positionnement global des pages -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/header' /> <!-- Gestion du header -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/menu-side' /> <!-- Gestion du menu -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/container' /> <!-- Gestion du container -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/global' /> <!-- Style global -->
|
2016-05-10 14:51:09 +00:00
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/min/css/notif' /> <!-- Inclusion du system de notifs -->
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Dépendences Javascript -->
|
2016-04-28 16:49:49 +00:00
|
|
|
<script type='text/javascript' src='/f/js/crc32-min/js/lib' ></script> <!-- Système de hash unique et rapide -->
|
2016-04-22 12:44:23 +00:00
|
|
|
<script type='text/javascript' src='/f/js/local-storage-interface-min/js/lib' ></script> <!-- Interface de gestion du 'localStorage' -->
|
2016-04-22 13:17:39 +00:00
|
|
|
<script type='text/javascript' src='/f/js/html-builder-min/js/lib' ></script> <!-- Gestion de construction de HTML -->
|
2016-04-22 12:44:23 +00:00
|
|
|
<script type='text/javascript' src='/f/js/input-checker-min/js/lib' ></script> <!-- Gestion dynamique des saisies -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/form-deflater-min/js/lib' ></script> <!-- Gestion des formulaires js-friendly -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/reset-min/js/lib' ></script> <!-- Corrections Javascript natif (ajouts) -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/api-min/js/lib' ></script> <!-- Gestion des transactions avec le serveur -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/page-manager-min/js/lib' ></script> <!-- Gestion réseau/chargement/liens/URL -->
|
2016-05-10 16:43:31 +00:00
|
|
|
<script type='text/javascript' src='/f/js/notif-min/js/lib' ></script> <!-- Gestion des notifications -->
|
2016-05-24 09:51:46 +00:00
|
|
|
<script type='text/javascript' src='/f/js/shortcut-manager/js/lib' ></script> <!-- Gestion des raccourcis clavier -->
|
2016-04-15 10:10:38 +00:00
|
|
|
|
2016-04-25 14:18:50 +00:00
|
|
|
<!-- Dépendences Spéficiques pré-chargeables -->
|
2016-05-24 09:51:46 +00:00
|
|
|
<script type='text/javascript' src='/f/js/input-html-phone-data-min/js/includes' ></script> <!-- Gestion du constructeur HTML pour la page d'acquisition 'phone' -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/input-html-facebook-data-min/js/includes' ></script> <!-- Gestion du constructeur HTML pour la page d'acquisition 'facebook' -->
|
2016-04-25 14:18:50 +00:00
|
|
|
|
2016-04-15 10:10:38 +00:00
|
|
|
<!-- Librairies Externes Javascript -->
|
2016-05-24 16:59:19 +00:00
|
|
|
<script type='text/javascript' src='/f/js/highcharts/highcharts' ></script> <!-- Librairie pour les graphiques -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/exporting/highcharts/modules' ></script> <!-- Librairie pour les graphiques -->
|
2016-05-23 09:10:24 +00:00
|
|
|
<script type='text/javascript' src='/f/js/_charts-min/js/lib' ></script> <!-- Librairie pour les graphiques -->
|
|
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2016-04-18 06:42:26 +00:00
|
|
|
|
2016-04-12 08:21:12 +00:00
|
|
|
<!-- LOGIN -->
|
2016-04-12 12:27:54 +00:00
|
|
|
<?php if( connected() ) echo "<div id='LOGIN'>";
|
2016-04-18 06:42:26 +00:00
|
|
|
else echo "<div id='LOGIN' class='active'>"; ?>
|
|
|
|
|
|
2016-04-13 11:36:49 +00:00
|
|
|
<?php //var_dump(session_id()); ?>
|
2016-04-12 08:21:12 +00:00
|
|
|
<div id='login-icon'></div>
|
2016-04-12 14:30:14 +00:00
|
|
|
<div id='login-close'>Accéder à la plateforme</div>
|
2016-04-18 06:42:26 +00:00
|
|
|
|
2016-04-13 11:36:49 +00:00
|
|
|
<form method='POST' action='' id='login-form'>
|
2016-04-18 06:42:26 +00:00
|
|
|
|
2016-04-13 13:20:57 +00:00
|
|
|
<!-- SI ON EST PAS CONNECTE -> FORMULAIRE DE LOGIN -->
|
|
|
|
|
<?php if( !connected() ){ ?>
|
|
|
|
|
<input type='text' placeholder='Identifiant ou adresse mail' name='login' id='login-login'>
|
|
|
|
|
<input type='password' placeholder='Mot de passe' name='password' id='login-password'>
|
|
|
|
|
<input type='submit' value='Connexion' name='login-sub'>
|
2016-04-12 12:27:54 +00:00
|
|
|
|
2016-04-13 13:20:57 +00:00
|
|
|
<span id='lost-password'>Mot de passe oublié ?</span>
|
|
|
|
|
|
|
|
|
|
<!-- SI ON EST CONNECTE -> FORMULAIRE DE LOGOUT -->
|
|
|
|
|
<?php }else{ ?>
|
2016-04-13 13:27:28 +00:00
|
|
|
<input type='submit' value='Déconnexion' name='logout-sub'>
|
2016-04-13 13:20:57 +00:00
|
|
|
<?php } ?>
|
2016-04-18 06:42:26 +00:00
|
|
|
|
2016-04-12 15:46:34 +00:00
|
|
|
</form>
|
2016-04-12 08:21:12 +00:00
|
|
|
</div>
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
2016-05-10 14:51:09 +00:00
|
|
|
<!-- CONTENEUR DES NOTIFICATIONS -->
|
2016-05-10 15:56:45 +00:00
|
|
|
<div id='notification-container'></div>
|
2016-05-10 14:51:09 +00:00
|
|
|
|
|
|
|
|
|
2016-04-13 12:49:53 +00:00
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
<!-- CORPS DE LA PAGE -->
|
|
|
|
|
<div id='WRAPPER'>
|
2016-04-18 06:42:26 +00:00
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
<!-- HEADER DE LA PAGE -->
|
|
|
|
|
<div id='HEADER'>
|
2016-04-08 09:56:04 +00:00
|
|
|
|
|
|
|
|
<!-- ZONE DE RECHERCHE -->
|
|
|
|
|
<input type='text' placeholder='Recherche...' id='searchbar'>
|
|
|
|
|
|
|
|
|
|
<!-- ZONE UTILISATEUR -->
|
2016-04-12 09:47:03 +00:00
|
|
|
<div id='user-data'>
|
|
|
|
|
<?php if( connected() ){
|
|
|
|
|
echo "<span id='user-name'>".$_SESSION['username']."</span>";
|
|
|
|
|
echo "<span id='user-picture' class='active'></span>";
|
|
|
|
|
}else{
|
|
|
|
|
echo "<span id='user-name'>Me connecter</span>";
|
|
|
|
|
echo "<span id='user-picture'></span>";
|
|
|
|
|
}?>
|
|
|
|
|
</div>
|
2016-04-18 06:42:26 +00:00
|
|
|
|
2016-04-08 09:56:04 +00:00
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- MENU DE LA PAGE -->
|
|
|
|
|
<nav id='MENU-SIDE'>
|
2016-04-13 14:45:15 +00:00
|
|
|
<?php
|
|
|
|
|
$menuInflater = new MenuManager();
|
|
|
|
|
echo $menuInflater->inflate();
|
2016-04-18 06:42:26 +00:00
|
|
|
?>
|
2016-04-04 09:47:17 +00:00
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CONTENEUR DE LA PAGE -->
|
|
|
|
|
<div id='CONTAINER'></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
2016-04-18 06:42:26 +00:00
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Dépendences Javascript après chargement des éléments -->
|
2016-04-20 12:40:44 +00:00
|
|
|
<script type='text/javascript' src='/f/js/action-script-min/js'></script>
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
</body>
|
2016-04-18 06:42:26 +00:00
|
|
|
</html>
|
