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