NxTIC/view.php

127 lines
5.4 KiB
PHP
Executable File

<?php use \manager\MenuManager; ?>
<!DOCTYPE html>
<html>
<head>
<title>SOCIOVIEW - Tableau de bord</title>
<!-- 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};'>
<meta name='description' content="Tableau de bord pour une enquete sociologique sur les liens sociaux entre les reseaux sociaux et la vie hors-ligne">
<!-- Dépendences CSS -->
<link type='text/css' rel='stylesheet' href='/css/reset/min.css' /> <!-- Reset du css natif des browsers -->
<link type='text/css' rel='stylesheet' href='/css/font/min.css' /> <!-- Positionnement global des pages -->
<link type='text/css' rel='stylesheet' href='/css/layout/min.css' /> <!-- Positionnement global des pages -->
<link type='text/css' rel='stylesheet' href='/css/header/min.css' /> <!-- Gestion du header -->
<link type='text/css' rel='stylesheet' href='/css/menu-side/min.css' /> <!-- Gestion du menu -->
<link type='text/css' rel='stylesheet' href='/css/container/min.css' /> <!-- Gestion du container -->
<link type='text/css' rel='stylesheet' href='/css/global/min.css' /> <!-- Style global -->
<link type='text/css' rel='stylesheet' href='/css/notif/min.css' /> <!-- Inclusion du system de notifs -->
<!-- Dépendences Javascript -->
<script type='text/javascript' src='/js/lib/crc32-min.js' ></script> <!-- Système de hash unique et rapide -->
<script type='text/javascript' src='/js/lib/local-storage-interface-min.js' ></script> <!-- Interface de gestion du 'localStorage' -->
<script type='text/javascript' src='/js/lib/html-builder-min.js' ></script> <!-- Gestion de construction de HTML -->
<script type='text/javascript' src='/js/lib/input-checker-min.js' ></script> <!-- Gestion dynamique des saisies -->
<script type='text/javascript' src='/js/lib/form-deflater-min.js' ></script> <!-- Gestion des formulaires js-friendly -->
<script type='text/javascript' src='/js/lib/reset-min.js' ></script> <!-- Corrections Javascript natif (ajouts) -->
<script type='text/javascript' src='/js/lib/api-min.js' ></script> <!-- Gestion des transactions avec le serveur -->
<script type='text/javascript' src='/js/lib/page-manager-min.js' ></script> <!-- Gestion réseau/chargement/liens/URL -->
<script type='text/javascript' src='/js/lib/notif-min.js' ></script> <!-- Gestion des notifications -->
<script type='text/javascript' src='/js/lib/shortcut-manager.js' ></script> <!-- Gestion des raccourcis clavier -->
<!-- <script type='text/javascript' src='/js/lib/form-builder.js' ></script> <!-- Gestion de construction de <form> --> -->
<!-- Dépendences Spéficiques pré-chargeables -->
<script type='text/javascript' src='/js/includes/input-html-phone-data-min.js' ></script> <!-- Gestion du constructeur HTML pour la page d'acquisition 'phone' -->
<script type='text/javascript' src='/js/includes/input-html-facebook-data-min.js' ></script> <!-- Gestion du constructeur HTML pour la page d'acquisition 'facebook' -->
<!-- Librairies Externes Javascript -->
</head>
<body>
<!-- LOGIN -->
<?php if( connected() ) echo "<div id='LOGIN'>";
else echo "<div id='LOGIN' class='active'>"; ?>
<?php //var_dump(session_id()); ?>
<div id='login-icon'></div>
<div id='login-close'>Accéder à la plateforme</div>
<form method='POST' action='' id='login-form'>
<!-- 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'>
<span id='lost-password'>Mot de passe oublié ?</span>
<!-- SI ON EST CONNECTE -> FORMULAIRE DE LOGOUT -->
<?php }else{ ?>
<input type='submit' value='Déconnexion' name='logout-sub'>
<?php } ?>
</form>
</div>
<!-- CONTENEUR DES NOTIFICATIONS -->
<div id='notification-container'></div>
<!-- CORPS DE LA PAGE -->
<div id='WRAPPER'>
<!-- HEADER DE LA PAGE -->
<div id='HEADER'>
<!-- ZONE DE RECHERCHE -->
<input type='text' placeholder='Recherche...' id='searchbar'>
<!-- ZONE UTILISATEUR -->
<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>
</div>
<!-- MENU DE LA PAGE -->
<nav id='MENU-SIDE'>
<?php
$menuInflater = new MenuManager();
echo $menuInflater->inflate();
?>
</nav>
<!-- CONTENEUR DE LA PAGE -->
<div id='CONTAINER'></div>
</div>
<!-- Dépendences Javascript après chargement des éléments -->
<script type='text/javascript' src='/js/action-script-min.js'></script>
<!-- <script type='text/javascript' src='/js/lib/form-builder/main.js'></script> -->
</body>
</html>