blob: e965a0067d22ae9c0bcaac982e12072c360ba028 [file] [log] [blame]
avm99963658fae52017-10-08 23:09:16 +02001<?php
2require_once("config.php");
3
4session_start();
5
6if (!isset($_POST["password"])) {
7 header("Location: login.php");
8 exit();
9}
10
avm99963ce735762018-09-26 16:29:29 +020011if ($_POST["password"] != $conf["password"]) {
avm99963658fae52017-10-08 23:09:16 +020012 header("Location: login.php?msg=wrong");
13 exit();
14}
15?>
avm99963f0d15212017-10-08 17:03:22 +020016<!DOCTYPE html>
17<html>
18 <head>
19 <meta charset="utf-8">
20 <title>Graf alternatiu FME</title>
21
22 <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
23 <link rel="manifest" href="manifest.json">
24
avm99963f7592e22018-09-26 17:06:15 +020025 <link rel="stylesheet" href="css/styles.css">
Huguet57f2c26902018-07-23 01:15:26 +020026
avm99963f0d15212017-10-08 17:03:22 +020027 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
28 <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" />
29
30 <!-- Apple web app -->
31 <link rel="apple-touch-icon" href="img/graf.png">
32 <meta name="apple-mobile-web-app-title" content="Graf FME">
33 <meta name="apple-mobile-web-app-capable" content="yes">
34 <meta name="apple-mobile-web-app-status-bar-style" content="black">
35 </head>
36 <body>
avm99963a00c43e2018-09-26 20:16:07 +020037 <button id="search" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored"><i class="material-icons">search</i></button>
38 <button id="zoomin" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored"><i class="material-icons">zoom_in</i></button>
avm99963f0d15212017-10-08 17:03:22 +020039 <button id="zoomout" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored"><i class="material-icons">zoom_out</i></button>
avm99963a00c43e2018-09-26 20:16:07 +020040
avm99963f0d15212017-10-08 17:03:22 +020041 <div id="backdrop-container" style="display: none;">
42 <div id="backdrop"></div>
43 </div>
44 <div id="dialog" class="mdl-shadow--2dp" style="display: none;">
45 <button id="quit-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">close</i></button>
46 <button id="min-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">remove</i></button>
47 <div id="dialog-vertex">
48 <h2 data-fill="name"></h2>
49 <ul>
50 <li><b>Any:</b> <span data-fill="year"></span></li>
51 <li><b>Sexe:</b> <span data-fill="sex"></span></li>
avm99963f7592e22018-09-26 17:06:15 +020052 <li><b>ID:</b> <span data-fill="id"></span></li>
avm99963f0d15212017-10-08 17:03:22 +020053 </ul>
avm99963f7592e22018-09-26 17:06:15 +020054 <h3>Arestes (<span data-fill="n-edges"></span>):</h3>
55 <ul data-fill="edges">
56 </ul>
avm99963f0d15212017-10-08 17:03:22 +020057 </div>
58 <div id="dialog-edge" style="display: none;">
59 </div>
60 </div>
61 <div id="summary-dialog" class="mdl-shadow--2dp" style="display: none;">
62 <button id="quit2-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">close</i></button>
63 <button id="max-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">add</i></button>
64 <div id="summary-vertex">
65 <h2 data-fill="name"></h2>
66 <p><span data-fill="year"></span>, <span data-fill="sex"></span>, <span data-fill="id"></span></p>
67 </div>
68 </div>
avm99963a00c43e2018-09-26 20:16:07 +020069 <!-- MD Search Box -->
70 <div class="md-google-search__metacontainer" style="display: none;">
71 <div class="md-google-search__container">
72 <div class="md-google-search">
73 <button class="md-google-search__search-btn">
74 <svg height="24px" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
75 </button>
76 <div class="md-google-search__field-container">
avm999630f7e1e72018-09-26 21:30:30 +020077 <input id="search-input" class="md-google-search__field" autocomplete="off" placeholder="Cerca" value="" name="search" type="text" spellcheck="false" style="outline: none;">
avm99963a00c43e2018-09-26 20:16:07 +020078 </div>
79 <button class="md-google-search__empty-btn" style="display: none;">
80 <svg focusable="false" height="24px" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
81 </button>
Huguet57f2c26902018-07-23 01:15:26 +020082 </div>
83 </div>
84 </div>
avm99963a00c43e2018-09-26 20:16:07 +020085
86 <div class="autocomplete-container" style="display: none;">
87 <div id="autocomplete-list" class="autocomplete-items"></div>
88 </div>
89
avm99963f0d15212017-10-08 17:03:22 +020090 <div id="graf"></div>
avm99963a00c43e2018-09-26 20:16:07 +020091
avm99963f0d15212017-10-08 17:03:22 +020092 <script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.0/sigma.min.js"></script>
avm99963a00c43e2018-09-26 20:16:07 +020093
Huguet57f2c26902018-07-23 01:15:26 +020094 <!-- Search Bar JS files -->
Huguet57f2c26902018-07-23 01:15:26 +020095 <script src="./js/autocomplete.js" ></script>
avm99963a00c43e2018-09-26 20:16:07 +020096
97 <script src="js/script.js"></script>
98
avm99963f0d15212017-10-08 17:03:22 +020099 <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
100 <!--<script src="js/service-worker.js"></script>-->
101 </body>
102</html>