2016-04-12 08:21:12 +00:00
|
|
|
<?php use \manager\ResourceDispatcher;
|
|
|
|
|
|
|
|
|
|
/* [1] Gestion des utilisateurs
|
|
|
|
|
=========================================================*/
|
|
|
|
|
/* (1) Valeurs par defaut */
|
|
|
|
|
if( !isset($_SESSION['userid']) ) $_SESSION['userid'] = null;
|
|
|
|
|
if( !isset($_SESSION['username']) ) $_SESSION['username'] = null;
|
|
|
|
|
if( !isset($_SESSION['permission']) ) $_SESSION['permission'] = array();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
?>
|
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-05 13:08:42 +00:00
|
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300' rel='stylesheet' type='text/css'>
|
2016-04-04 09:47:17 +00:00
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/reset/css' /> <!-- Reset du css natif des browsers -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/font/css' /> <!-- Positionnement global des pages -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/layout/css' /> <!-- Positionnement global des pages -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/header/css' /> <!-- Gestion du header -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/menu-side/css' /> <!-- Gestion du menu -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/container/css' /> <!-- Gestion du container -->
|
|
|
|
|
<link type='text/css' rel='stylesheet' href='/f/css/global/css' /> <!-- Style global -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Dépendences Javascript -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/input-checker/js/lib' ></script> <!-- Gestion dynamique des saisies -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/reset/js/lib' ></script> <!-- Corrections Javascript natif (ajouts) -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/api/js/lib' ></script> <!-- Gestion des transactions avec le serveur -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/page-manager/js/lib' ></script> <!-- Gestion réseau/chargement/liens/URL -->
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2016-04-12 08:21:12 +00:00
|
|
|
|
|
|
|
|
<!-- LOGIN -->
|
|
|
|
|
<div id='LOGIN'>
|
|
|
|
|
<div id='login-icon'></div>
|
|
|
|
|
|
|
|
|
|
<div id='login-form'>
|
|
|
|
|
<input type='text' placeholder='Identifiant ou adresse mail' id='login-login'>
|
|
|
|
|
<input type='password' placeholder='Mot de passe' id='login-password'>
|
|
|
|
|
<input type='button' value='Connexion' id='login-submit'>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CORPS DE LA PAGE -->
|
|
|
|
|
<div id='WRAPPER'>
|
|
|
|
|
|
|
|
|
|
<!-- 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 -->
|
|
|
|
|
<span class='user-picture'></span>
|
|
|
|
|
<span class='user-name'>John Doe</span>
|
2016-04-08 14:58:40 +00:00
|
|
|
|
|
|
|
|
<!-- USER PANEL -->
|
2016-04-08 09:56:04 +00:00
|
|
|
<input type='checkbox' value='' id='toggle-user-panel'>
|
|
|
|
|
<label for='toggle-user-panel' class='user-panel'>
|
2016-04-08 14:58:40 +00:00
|
|
|
<span class='profile'>Mon Profil</span>
|
|
|
|
|
<span class='administration'>Historique</span>
|
|
|
|
|
<span class='logout'>Parametres</span>
|
2016-04-08 09:56:04 +00:00
|
|
|
</label>
|
|
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- MENU DE LA PAGE -->
|
|
|
|
|
<nav id='MENU-SIDE'>
|
2016-04-06 14:24:45 +00:00
|
|
|
<span class='icon sep' ><?= ResourceDispatcher::getResource('f/svg/icon/st' ); ?>CALL LOG</span>
|
2016-04-04 09:47:17 +00:00
|
|
|
|
2016-04-06 14:24:45 +00:00
|
|
|
<span data-link='dashboard' ><?= ResourceDispatcher::getResource('f/svg/home/st/menu-side'); ?>Tableau de bord</span>
|
2016-04-10 16:27:38 +00:00
|
|
|
<div class='sub'>
|
|
|
|
|
<span data-sublink='presentation'>Presentation</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
2016-04-06 14:24:45 +00:00
|
|
|
<span data-link='input' ><?= ResourceDispatcher::getResource('f/svg/input/st/menu-side'); ?>Acquisition</span>
|
2016-04-10 11:20:37 +00:00
|
|
|
<div class='sub'>
|
|
|
|
|
<span data-sublink='q'>Questionnaire</span>
|
|
|
|
|
<span data-sublink='fb'>Facebook</span>
|
2016-04-10 13:33:36 +00:00
|
|
|
<span data-sublink='tel'>Journal telephonique</span>
|
2016-04-10 11:20:37 +00:00
|
|
|
</div>
|
2016-04-10 16:27:38 +00:00
|
|
|
|
2016-04-06 14:24:45 +00:00
|
|
|
<span data-link='analytics' ><?= ResourceDispatcher::getResource('f/svg/analytics/st/menu-side'); ?>Statistiques</span>
|
|
|
|
|
<span data-link='charts' class='sep'><?= ResourceDispatcher::getResource('f/svg/charts/st/menu-side'); ?>Visualisation</span>
|
2016-04-10 16:27:38 +00:00
|
|
|
|
2016-04-06 14:24:45 +00:00
|
|
|
<span data-link='settings' ><?= ResourceDispatcher::getResource('f/svg/settings/st/menu-side' ); ?>Paramètres</span>
|
2016-04-10 11:20:37 +00:00
|
|
|
<div class='sub'>
|
|
|
|
|
<span data-sublink='tokens'>Gestion des tokens</span>
|
|
|
|
|
<span data-sublink='users'>Gestion des utilisateurs</span>
|
|
|
|
|
</div>
|
2016-04-04 09:47:17 +00:00
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- CONTENEUR DE LA PAGE -->
|
|
|
|
|
<div id='CONTAINER'></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Dépendences Javascript après chargement des éléments -->
|
|
|
|
|
<script type='text/javascript' src='/f/js/action-script/js'></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
