blob: 9dcf6ee72f36c630117e6a1cc9959dbb84df66a2 [file] [log] [blame]
Javier López-Contreras68f34922018-12-26 12:16:37 +01001<?php
2require_once ("config.php");
3
4session_start();
5
6if (! isset($_POST["password"])) {
avm99963865b8ca2018-12-28 02:52:50 +01007 header("Location: login.php");
8 exit();
Javier López-Contreras68f34922018-12-26 12:16:37 +01009}
10
11if ($_POST["password"] != $conf["password"]) {
avm99963865b8ca2018-12-28 02:52:50 +010012 header("Location: login.php?msg=wrong");
13 exit();
Javier López-Contreras68f34922018-12-26 12:16:37 +010014}
15?>
16
17<!DOCTYPE html>
18<html>
avm99963865b8ca2018-12-28 02:52:50 +010019 <head>
20 <meta charset="utf-8">
21 <title>Graf alternatiu FME</title>
Javier López-Contreras68f34922018-12-26 12:16:37 +010022
avm99963865b8ca2018-12-28 02:52:50 +010023 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
24 <link rel="manifest" href="manifest.json">
Javier López-Contreras68f34922018-12-26 12:16:37 +010025
avm99963865b8ca2018-12-28 02:52:50 +010026 <!-- own css stylesheets -->
avm9996336f9b9b2018-12-31 02:28:44 +010027 <link rel="stylesheet" href="css/general.css">
28 <link rel="stylesheet" href="css/graf.css">
29 <link rel="stylesheet" href="css/dialog.css">
30 <link rel="stylesheet" href="css/option-buttons.css">
31 <link rel="stylesheet" href="css/year-list.css">
32 <link rel="stylesheet" href="css/search-bar.css">
Javier López-Contreras68f34922018-12-26 12:16:37 +010033
avm99963865b8ca2018-12-28 02:52:50 +010034 <!-- imported css stylesheets -->
avm9996336f9b9b2018-12-31 02:28:44 +010035 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
36 <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" />
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +010037
avm99963865b8ca2018-12-28 02:52:50 +010038 <!-- Apple web app -->
39 <link rel="apple-touch-icon" href="img/graf.png">
40 <meta name="apple-mobile-web-app-title" content="Graf FME">
41 <meta name="apple-mobile-web-app-capable" content="yes">
42 <meta name="apple-mobile-web-app-status-bar-style" content="black">
43 </head>
44 <body>
45 <!-- side buttons -->
46 <div id="option-buttons">
47 <button id="circle-mode" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored"><i class="material-icons">trip_origin</i></button>
48 <button id="settings" class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored"><i class="material-icons">settings</i></button>
49 <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>
50 <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>
51 <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>
52 </div>
53
54 <!-- limit year list -->
55 <div id="year-list" style="display:none">
56 <span id="year-list-span"></span>
57 </div>
58
59 <!-- Search container -->
60 <div id="backdrop-container" style="display: none;">
61 <div id="backdrop"></div>
62 </div>
63
64 <!-- Dialog container -->
65 <div id="dialog" class="mdl-shadow--2dp" style="display: none;">
66 <button id="quit-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">close</i></button>
67 <button id="min-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">remove</i></button>
68
69 <div id="dialog-vertex">
70 <h2 data-fill="name"></h2>
71 <ul>
72 <li><b>Any:</b> <span data-fill="year"></span></li>
73 <li><b>Sexe:</b> <span data-fill="sex"></span></li>
74 <li><b>ID:</b> <span data-fill="id"></span></li>
75 </ul>
76 <h3>Arestes (<span data-fill="n-edges"></span>):</h3>
77 <ul data-fill="edges">
78 </ul>
79 </div>
80 <div id="dialog-edge" style="display: none;"></div>
81 </div>
82 <div id="summary-dialog" class="mdl-shadow--2dp" style="display: none;">
83 <button id="quit2-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">close</i></button>
84 <button id="max-dialog" class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"><i class="material-icons">add</i></button>
85 <div id="summary-vertex">
86 <h2 data-fill="name"></h2>
87 <p><span data-fill="year"></span>, <span data-fill="sex"></span>, <span data-fill="id"></span></p>
88 </div>
89 </div>
90
91 <!-- MD Search Box -->
92 <div class="md-google-search__metacontainer" style="display: none;">
93 <div class="md-google-search__container">
94 <div class="md-google-search">
95 <button class="md-google-search__search-btn">
96 <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>
97 </button>
98 <div class="md-google-search__field-container">
99 <input id="search-input" class="md-google-search__field" autocomplete="off" placeholder="Cerca" value="" name="search" type="text" spellcheck="false" style="outline: none;">
100 </div>
101 <button class="md-google-search__empty-btn" style="display: none;">
102 <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>
103 </button>
104 </div>
105 </div>
106 </div>
107
108 <div class="autocomplete-container" style="display: none;">
109 <div id="autocomplete-list" class="autocomplete-items"></div>
110 </div>
111
112 <div id="graf"></div>
113
114 <script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.0/sigma.min.js"></script>
Javier López-Contreras68f34922018-12-26 12:16:37 +0100115
116
avm99963865b8ca2018-12-28 02:52:50 +0100117 <!-- Our scripts -->
avm9996336f9b9b2018-12-31 02:28:44 +0100118 <script src="js/autocomplete.js"></script>
119 <script src="js/circle-mode.js"></script>
120 <script src="js/graf.js"></script>
121 <script src="js/limit-years.js"></script>
122 <script src="js/search-bar.js"></script>
123 <script src="js/dialog.js"></script>
124 <script src="js/camera.js"></script>
125 <script src="js/just-do-it.js"></script>
126 <script src="js/init.js"></script>
Javier López-Contreras68f34922018-12-26 12:16:37 +0100127
avm99963865b8ca2018-12-28 02:52:50 +0100128 <!-- imported scripts -->
129 <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
Javier López-Contreras68f34922018-12-26 12:16:37 +0100130
avm99963865b8ca2018-12-28 02:52:50 +0100131 <!--<script src="js/service-worker.js"></script>-->
132 </body>
Javier López-Contreras68f34922018-12-26 12:16:37 +0100133</html>