Gitiles
Code Review Sign In
gerrit.avm99963.com / graf / 1b63761454a203393cd3b5ce2e3f65c3ab97430f / . / graf.php
blob: 6bbcd70da6ae36f131d3465676724524f0a95616 [file] [log] [blame]
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]1<?php
2require_once ("config.php");
3
4session_start();
5
6if (! isset($_POST["password"])) {
7 header("Location: login.php");
8 exit();
9}
10
11if ($_POST["password"] != $conf["password"]) {
12 header("Location: login.php?msg=wrong");
13 exit();
14}
15?>
16
17<!DOCTYPE html>
18<html>
19<head>
20
21<meta charset="utf-8">
22<title>Graf alternatiu FME</title>
23
24<meta name=viewport
25 content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
26<link rel="manifest" href="manifest.json">
27
28<!-- own css stylesheets -->
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]29<!-- FOR DEPLOYING -->
30<link rel="stylesheet" href="css/styles.css">
31
32<!-- FOR CODING
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]33<link rel="stylesheet" href="css/general.css">
34<link rel="stylesheet" href="css/graf.css">
35<link rel="stylesheet" href="css/dialog.css">
36<link rel="stylesheet" href="css/option-buttons.css">
37<link rel="stylesheet" href="css/year-list.css">
38<link rel="stylesheet" href="css/search-bar.css">
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]39-->
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]40
41
42<!-- imported css stylesheets -->
43<link rel="stylesheet"
44 href="https://fonts.googleapis.com/icon?family=Material+Icons">
45<link rel="stylesheet"
46 href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" />
47
48<!-- apple web app -->
49<link rel="apple-touch-icon" href="img/graf.png">
50<meta name="apple-mobile-web-app-title" content="Graf FME">
51<meta name="apple-mobile-web-app-capable" content="yes">
52<meta name="apple-mobile-web-app-status-bar-style" content="black">
53
54</head>
55
56<body>
57 <!-- side buttons -->
58 <div id="option-buttons">
59 <button id="circle-mode"
60 class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored">
61 <i class="material-icons">trip_origin</i>
62 </button>
63 <button id="settings"
64 class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored">
65 <i class="material-icons">settings</i>
66 </button>
67 <button id="search"
68 class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored">
69 <i class="material-icons">search</i>
70 </button>
71 <button id="zoomin"
72 class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored">
73 <i class="material-icons">zoom_in</i>
74 </button>
75 <button id="zoomout"
76 class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored">
77 <i class="material-icons">zoom_out</i>
78 </button>
79 </div>
80
81 <!-- limit year list -->
82 <div id="year-list" style="display:none">
83 <span id="year-list-span"></span>
84 </div>
85
86 <!-- search container -->
87 <div id="backdrop-container" style="display: none;">
88 <div id="backdrop"></div>
89 </div>
90
91 <!-- dialog container -->
92 <div id="dialog" class="mdl-shadow--2dp" style="display: none;">
93 <button id="quit-dialog"
94 class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect">
95 <i class="material-icons">close</i>
96 </button>
97 <button id="min-dialog"
98 class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect">
99 <i class="material-icons">remove</i>
100 </button>
101
102 <div id="dialog-vertex">
103 <h2 data-fill="name"></h2>
104 <ul>
105 <li><b>Any:</b> <span data-fill="year"></span></li>
106 <li><b>Sexe:</b> <span data-fill="sex"></span></li>
107 <li><b>ID:</b> <span data-fill="id"></span></li>
108 </ul>
109 <h3>
110 Arestes (<span data-fill="n-edges"></span>):
111 </h3>
112 <ul data-fill="edges">
113 </ul>
114 </div>
115 <div id="dialog-edge" style="display: none;"></div>
116 </div>
117 <div id="summary-dialog" class="mdl-shadow--2dp" style="display: none;">
118 <button id="quit2-dialog"
119 class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect">
120 <i class="material-icons">close</i>
121 </button>
122 <button id="max-dialog"
123 class="mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect">
124 <i class="material-icons">add</i>
125 </button>
126 <div id="summary-vertex">
127 <h2 data-fill="name"></h2>
128 <p>
129 <span data-fill="year"></span>, <span data-fill="sex"></span>, <span
130 data-fill="id"></span>
131 </p>
132 </div>
133 </div>
134
135 <!-- MD Search Box -->
136 <div class="md-google-search__metacontainer" style="display: none;">
137 <div class="md-google-search__container">
138 <div class="md-google-search">
139 <button class="md-google-search__search-btn">
140 <svg height="24px" viewBox="0 0 24 24" width="24px"
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]141 xmlns="http://www.w3.org/2000/svg">
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]142 <path
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]143 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>
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]144 <path d="M0 0h24v24H0z" fill="none"></path></svg>
145 </button>
146 <div class="md-google-search__field-container">
147 <input id="search-input" class="md-google-search__field"
148 autocomplete="off" placeholder="Cerca" value="" name="search"
149 type="text" spellcheck="false" style="outline: none;">
150 </div>
151 <button class="md-google-search__empty-btn" style="display: none;">
152 <svg focusable="false" height="24px" viewBox="0 0 24 24"
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]153 width="24px" xmlns="http://www.w3.org/2000/svg">
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]154 <path
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]155 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>
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]156 <path d="M0 0h24v24H0z" fill="none"></path></svg>
157 </button>
158 </div>
159 </div>
160 </div>
161
162 <div class="autocomplete-container" style="display: none;">
163 <div id="autocomplete-list" class="autocomplete-items"></div>
164 </div>
165
166 <div id="graf"></div>
167
168 <script
169 src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.0/sigma.min.js"></script>
170
171
172 <!-- our scripts -->
173 <script src="./js/autocomplete.js"></script>
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]174
175 <!-- FOR DEPLOYING -->
176 <script src="./js/script.js"></script>
177
178 <!-- FOR CODING
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]179 <script src="./js/circle-mode.js"></script>
180 <script src="./js/graf.js"></script>
181 <script src="./js/limit-years.js"></script>
182 <script src="./js/search-bar.js"></script>
183 <script src="./js/dialog.js"></script>
184 <script src="./js/camera.js"></script>
185 <script src="./js/easter-egg.js"></script>
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +0100[diff] [blame]186 -->
Javier López-Contreras68f34922018-12-26 12:16:37 +0100[diff] [blame]187
188 <!--<script src="js/service-worker.js"></script>-->
189
190 <!-- imported scripts -->
191 <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
192</body>
193</html>