You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.php 14 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  1. <?php include "header.php";
  2. $message[0]='';
  3. $message[1]='
  4. <div class="col-lg-6 alert alert-dismissable alert-success">
  5. <button type="button" class="close" data-dismiss="alert">X</button>
  6. <h4>C\'est bon !</h4>
  7. <p>Vous pouvez à présent vous connecter pour commencer à configurer votre partie.</p>';
  8. $message[2]='
  9. <div class="col-lg-6 alert alert-dismissable alert-warning">
  10. <button type="button" class="close" data-dismiss="alert">X</button>
  11. <h4>Hey !</h4>
  12. <p>Vous avez déjà un compte !</p>';
  13. $message[3]='
  14. <div class="col-lg-6 alert alert-dismissable alert-danger">
  15. <button type="button" class="close" data-dismiss="alert">X</button>
  16. <h4>Erreur !</h4>
  17. <p>Votre email/mot de passe est invalide !</p>';
  18. $message[4]='
  19. <div class="col-lg-6 alert alert-dismissable alert-info">
  20. <button type="button" class="close" data-dismiss="alert">X</button>
  21. <h4>Oups !</h4>
  22. <p>Vous devez vous connecter pour pouvoir jouer ;)</p>';
  23. $message[5]='
  24. <div class="col-lg-6 alert alert-dismissable alert-success">
  25. <button type="button" class="close" data-dismiss="alert">X</button>
  26. <h4>OK !</h4>
  27. <p>Votre carte est à jour !</p>';
  28. $message[6]='
  29. <div class="col-lg-6 alert alert-dismissable alert-danger">
  30. <button type="button" class="close" data-dismiss="alert">X</button>
  31. <h4>ERREUR !</h4>
  32. <p>Echec de mise à jour de votre carte. Seul les fichiers <strong>.jpg</strong> (10 Mo max) sont autorisés.</p>';
  33. ?>
  34. <!DOCTYPE html>
  35. <html lang="fr">
  36. <head>
  37. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  38. <title>EcoMonde</title>
  39. <meta name="viewport" content="width=device-width, initial-scale=1">
  40. <link rel="stylesheet" href="./css/bootstrap.css" media="screen">
  41. <link rel="stylesheet" href="./css/bootswatch.min.css">
  42. <link rel="stylesheet" href="./css/ecomonde.css">
  43. </head>
  44. <body>
  45. <div class="container-fluid">
  46. <div class="col-lg-1"></div>
  47. <div class="col-lg-3">
  48. <a href="#"><img class="img-responsive" src="./img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a>
  49. </div>
  50. <div class="col-lg-6">
  51. <div class="navbar navbar-default">
  52. <div class="navbar-header">
  53. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
  54. <span class="icon-bar"></span>
  55. <span class="icon-bar"></span>
  56. <span class="icon-bar"></span>
  57. </button>
  58. </div>
  59. <div class="navbar-collapse collapse navbar-responsive-collapse">
  60. <ul class="nav navbar-nav">
  61. <li><a href="http://wiki.ecomonde.land"><i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;WIKI</a></li>
  62. <li><a href="https://github.com/heuzef/ecomonde"><i class="glyphicon glyphicon-new-window"></i>&nbsp;&nbsp;GITHUB</a></li>
  63. </ul>
  64. <ul class="nav navbar-nav navbar-right">
  65. <?php if($status != 0): ?>
  66. <li><?php echo '<img class="img-circle" src="http://gravatar.com/avatar/'.$hash.'?s=50" alt="gravatar" />'; ?>&nbsp;&nbsp;<strong><?php echo strtoupper($pseudo); ?></strong></li>
  67. <li><a href="logout.php"><i class="glyphicon glyphicon-off"></i>&nbsp;&nbsp;DECONNEXION</a></li>
  68. <?php elseif($status == 0): ?>
  69. <li><a data-toggle="modal" data-target="#modal_login"><i class="glyphicon glyphicon-log-in"></i>&nbsp;&nbsp;CONNEXION</a></li>
  70. <?php endif; ?>
  71. </ul>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="col-lg-1"></div>
  76. </div>
  77. <hr />
  78. <?php if(isset($_GET["msg"])){?>
  79. <div class="container-fluid">
  80. <div class="col-lg-3"></div>
  81. <?php echo $message[$_GET["msg"]]; ?>
  82. </div>
  83. <div class="col-lg-3"></div>
  84. </div>
  85. <?php } else {} ?>
  86. <?php if($status != 0):?>
  87. <div class="container-fluid">
  88. <div class="col-lg-1"></div>
  89. <div class="col-lg-3">
  90. <div class="panel panel-default">
  91. <div class="panel-heading"><i class="glyphicon glyphicon-cog"></i>&nbsp;&nbsp;<strong>Configurer votre partie</strong></div>
  92. <div class="panel-body">
  93. <p>
  94. <a href="play" class="btn btn-info btn-lg" target="_blank"><i class="glyphicon glyphicon-play"></i>&nbsp;&nbsp;Lancer votre partie</a>
  95. <p>
  96. <hr />
  97. <p>
  98. <a data-toggle="modal" data-target="#modal_new_player" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-plus"></i>&nbsp;&nbsp;Créer un joueur</a>
  99. </p>
  100. <hr />
  101. <p>
  102. <a href="#" class="btn btn-default btn-lg disabled"><i class="glyphicon glyphicon-import"></i>&nbsp;&nbsp;Importer un joueur (.XML)</a>
  103. </p>
  104. <hr />
  105. <p>
  106. <div class="btn-group">
  107. <a href="#" class="btn btn-default btn-lg dropdown-toggle disabled" data-toggle="dropdown">
  108. <i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;Changer les musiques
  109. <span class="caret"></span>
  110. </a>
  111. <ul class="dropdown-menu">
  112. <li><a href="#" style="color:#CCC;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;SOFT</a></li>
  113. <li class="divider"></li>
  114. <li><a href="#" style="color:#AAA;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;TONIC</a></li>
  115. <li class="divider"></li>
  116. <li><a href="#" style="color:#000;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;HARD</a></li>
  117. <li class="divider"></li>
  118. <li><a href="#" style="color:#ADDFFF;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;LIGHT</a></li>
  119. <li class="divider"></li>
  120. <li><a href="#" style="color:#8128B5;"><i class="glyphicon glyphicon-music"></i>&nbsp;&nbsp;DARK</a></li>
  121. </ul>
  122. </div>
  123. </p>
  124. <hr />
  125. <p>
  126. <a data-toggle="modal" data-target="#modal_change_map" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-map-marker"></i>&nbsp;&nbsp;Changer la carte</a>
  127. </p>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="col-lg-7">
  132. <div class="panel panel-default">
  133. <div class="panel-heading"><i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;<strong>Joueurs présents dans votre partie :</strong></div>
  134. <div class="panel-body">
  135. <table class="table table-striped table-hover ">
  136. <thead>
  137. <tr>
  138. <th></th>
  139. <th>Nom</th>
  140. <th><i class="glyphicon glyphicon-heart" style="color:red;"></i></th>
  141. <th><i class="glyphicon glyphicon-flash" style="color:#FFD700;"></i></th>
  142. <th><i class="glyphicon glyphicon-fire" style="color:#28b62c"></i></th>
  143. <th><i class="glyphicon glyphicon-fire" style="color:#158cba"></i></th>
  144. <th><i class="glyphicon glyphicon-fire" style="color:#ffd000"></i></th>
  145. <th><i class="glyphicon glyphicon-fire" style="color:#ff4136"></i></th>
  146. <th><i class="glyphicon glyphicon-fire" style="color:#ADDFFF"></i></th>
  147. <th><i class="glyphicon glyphicon-fire" style="color:#8128B5"></i></th>
  148. </tr>
  149. </thead>
  150. <tbody>
  151. <?php
  152. // nombre de gamers
  153. $f = 0;
  154. foreach(glob('*.xml') as $f) {$f+=1;}
  155. $nb_membres = count(glob('./medias/'.$hash.'/*.xml'));
  156. // liste des gamers
  157. $folder = "./medias/".$hash."/";
  158. $dossier = opendir($folder);
  159. while ($fichier = readdir($dossier))
  160. {
  161. if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3")
  162. {
  163. $gamers = explode(".xml", $fichier);
  164. $xml = simplexml_load_file('./medias/'.$hash.'/'.$fichier);
  165. if (!isset($itemnb)) {
  166. $itemnb=0;
  167. } else {
  168. $itemnb++;
  169. }
  170. foreach($xml->entry as $entry) {
  171. echo '<tr class="active">
  172. <td><a href="del.php?player='.$fichier.'" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>&nbsp;&nbsp;<a href="./medias/'.$hash.'/'.$fichier.'" target="_blank" class="btn btn-success btn-xs"><i class="glyphicon glyphicon-export"></i></a></td>
  173. <td>'.$entry->nom.'</td>
  174. <td>'.$entry->hp.'</td>
  175. <td>'.$entry->xp.'</td>
  176. <td>'.$entry->ecos->verte.'</td>
  177. <td>'.$entry->ecos->bleue.'</td>
  178. <td>'.$entry->ecos->jaune.'</td>
  179. <td>'.$entry->ecos->rouge.'</td>
  180. <td>'.$entry->ecos->blanche.'</td>
  181. <td>'.$entry->ecos->noire.'</td>
  182. </tr>';
  183. }
  184. }
  185. }
  186. closedir($dossier);
  187. ?>
  188. </tbody>
  189. </table>
  190. </div>
  191. </div>
  192. </div>
  193. <div class="col-lg-1"></div>
  194. </div>
  195. <div class="modal fade" id="modal_new_player">
  196. <div class="modal-dialog">
  197. <div class="modal-content">
  198. <form class="form-horizontal well" role="form" method="post" action="new_player.php" enctype="multipart/form-data">
  199. <div class="modal-header">
  200. <a type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black;">X</a>
  201. <h4 class="modal-title"><i class="glyphicon glyphicon-log-in"></i>&nbsp;&nbsp;NOUVEAU JOUEUR</h4>
  202. </div>
  203. <div class="modal-body">
  204. <div class="form-group">
  205. <label class="control-label" for="focusedInput">Nom :</label>
  206. <input class="form-control" id="focusedInput" type="text" name="player_name" value="Derpy">
  207. </div>
  208. <div class="form-group">
  209. <label class="control-label" for="focusedInput">Nombre d'XP</label>
  210. <div class="input-group">
  211. <span class="input-group-addon"><i class="glyphicon glyphicon-flash" style="color:#FFD700;";></i></span>
  212. <select class="form-control" id="focusedInput" name="player_xp">
  213. <option>0</option>
  214. <option>10</option>
  215. <option>50</option>
  216. <option>100</option>
  217. <option>999</option>
  218. </select>
  219. </div>
  220. </div>
  221. </div>
  222. <div class="modal-footer">
  223. <button type="submit" class="btn btn-info">Création du joueur</button>
  224. </div>
  225. </form>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="modal fade" id="modal_change_map">
  230. <div class="modal-dialog">
  231. <div class="modal-content">
  232. <form class="form-horizontal well" role="form" method="post" action="change_map.php" enctype="multipart/form-data">
  233. <div class="modal-header">
  234. <a type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black;">X</a>
  235. <h4 class="modal-title"><i class="glyphicon glyphicon-map-marker"></i>&nbsp;&nbsp;CHANGER LA CARTE</h4>
  236. </div>
  237. <div class="modal-body">
  238. <input type="hidden" name="MAX_FILE_SIZE" value="10048576" />
  239. <label class="control-label" for="focusedInput">Seul les fichiers <strong>.jpg</strong> (10 Mo max) sont autorisés.</label>
  240. <input class="form-control" id="focusedInput" type="file" name="userfile">
  241. </div>
  242. <div class="modal-footer">
  243. <button type="submit" class="btn btn-info">Mise à jour de la carte</button>
  244. </div>
  245. </form>
  246. </div>
  247. </div>
  248. </div>
  249. <?php elseif($status == 0): ?>
  250. <div class="container-fluid">
  251. <div class="col-lg-1"></div>
  252. <div class="col-lg-5">
  253. <h2>Présentation</h2>
  254. <p><strong>EcoMonde est un Jeu de Rôle d'aventure interactif.</strong></p>
  255. <p class="text-success">Celui-ci dispose d'une interface de jeu permettant au Maître du Jeu de contrôler la partie directement sans avoir besoin de matériel.</p>
  256. <p class="text-primary">Le jeu ne requiert qu'un PC relié à internet et de quelques dés. Tout est automatisé.</p>
  257. <p class="text-warning">Le Maître du Jeu peut ensuite créer sa partie en s'appuyant sur tous les outils existants.</p>
  258. <p class="text-danger">Un <a href="http://wiki.ecomonde.land"><i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;WIKI</a> est à disposition pour un plus grand partage des ressources.</p>
  259. </div>
  260. <div class="col-lg-5">
  261. <h2>Créer un compte</h2>
  262. <form class="form-horizontal well" role="form" method="post" action="register.php" enctype="multipart/form-data">
  263. <fieldset>
  264. <div class="form-group">
  265. <label for="pseudo" class="col-lg-3 control-label">Pseudo</label>
  266. <div class="col-lg-9">
  267. <input type="text" class="form-control" name="pseudo" placeholder="Pseudo">
  268. </div>
  269. </div>
  270. <div class="form-group">
  271. <label for="Email" class="col-lg-3 control-label">E-mail</label>
  272. <div class="col-lg-9">
  273. <input type="text" class="form-control" name="email" placeholder="E-mail">
  274. </div>
  275. </div>
  276. <div class="form-group">
  277. <label for="password" class="col-lg-3 control-label">Mot de passe</label>
  278. <div class="col-lg-9">
  279. <input type="password" class="form-control" name="pass" placeholder="Mot de passe">
  280. </div>
  281. </div>
  282. <div class="form-group">
  283. <div class="col-lg-9 col-lg-offset-3">
  284. <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-ok"></i>&nbsp;&nbsp;OK</button>
  285. </div>
  286. </div>
  287. </fieldset>
  288. </form>
  289. </div>
  290. <div class="col-lg-1"></div>
  291. </div>
  292. <div class="modal fade" id="modal_login">
  293. <div class="modal-dialog">
  294. <div class="modal-content">
  295. <form class="form-horizontal well" role="form" method="post" action="session.php" enctype="multipart/form-data">
  296. <div class="modal-header">
  297. <a type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black;">X</a>
  298. <h4 class="modal-title"><i class="glyphicon glyphicon-log-in"></i>&nbsp;&nbsp;CONNEXION</h4>
  299. </div>
  300. <div class="modal-body">
  301. <div class="form-group">
  302. <label class="control-label" for="focusedInput">Email :</label>
  303. <input class="form-control" id="focusedInput" type="text" name="email">
  304. </div>
  305. <div class="form-group">
  306. <label class="control-label" for="focusedInput">Mot de passe :</label>
  307. <input class="form-control" id="focusedInput" type="password" name="password">
  308. </div>
  309. </div>
  310. <div class="modal-footer">
  311. <a href="mailto:contact@heuzef.com?subject=Contact%20depuis%20heuzef.com" onclick="window.open('https://mail.google.com/mail/?view=cm&amp;tf=1&amp;to=contact@heuzef.com&amp;cc=&amp;bcc=&amp;su=[EcoMonde]%20Probleme%20avec%20mon%20compte&amp;body=Bonjour,','_blank');return false;">Un problème avec votre compte ?</a>
  312. &nbsp;&nbsp;<button type="submit" class="btn btn-info">Connexion</button>
  313. </div>
  314. </form>
  315. </div>
  316. </div>
  317. </div>
  318. <?php endif; ?>
  319. <script src="./js/jquery-1.10.2.min.js"></script>
  320. <script src="./js/bootstrap.min.js"></script>
  321. <script src="./js/bootswatch.js"></script>
  322. </body>
  323. </html>