Revize e4f78eb8
Přidáno uživatelem Jan Kohlíček před téměř 7 roky(ů)
| frontend/index.php | ||
|---|---|---|
| 1 | 1 |
<!doctype html> |
| 2 |
<html ng-app="pvpk" class="no-js" lang="cs">
|
|
| 2 |
<html ng-app="pvpk" lang="cs"> |
|
| 3 | 3 |
<head> |
| 4 | 4 |
<meta charset="utf-8"> |
| 5 | 5 |
<title>Průjezd vozidel - Plzeňský kraj</title> |
| ... | ... | |
| 11 | 11 |
<link rel="apple-touch-icon" href="./assets/img/favicon.png"> |
| 12 | 12 |
<link rel="icon" href="./assets/img/favicon.png"> |
| 13 | 13 |
|
| 14 |
<script> |
|
| 15 |
document.documentElement.className = document.documentElement.className.replace("no-js", "js");
|
|
| 16 |
</script> |
|
| 17 |
|
|
| 18 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" |
|
| 19 |
integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"> |
|
| 14 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" |
|
| 15 |
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"> |
|
| 20 | 16 |
<link rel="stylesheet" media="screen" href="./assets/css/main.css"> |
| 21 | 17 |
|
| 22 |
|
|
| 23 | 18 |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> |
| 24 | 19 |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.min.js"></script> |
| 25 | 20 |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-resource.min.js"></script> |
| 21 |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.min.js"></script> |
|
| 22 |
|
|
| 23 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script> |
|
| 26 | 24 |
|
| 27 | 25 |
<script> |
| 28 | 26 |
<?php |
| ... | ... | |
| 37 | 35 |
</script> |
| 38 | 36 |
|
| 39 | 37 |
<script src="./app.js"></script> |
| 40 |
|
|
| 41 |
|
|
| 42 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script> |
|
| 43 | 38 |
</head> |
| 44 | 39 |
<body ng-controller="mainController" class="container-fluid"> |
| 45 | 40 |
|
| 46 | 41 |
|
| 42 |
|
|
| 43 |
|
|
| 47 | 44 |
<div id="loadingScreen" ng-show="showLoadingScreen"> |
| 45 |
<h1 id="logo"> |
|
| 46 |
<img src="./assets/img/favicon.png" alt="logo"> Průjezd vozidel |
|
| 47 |
<small class="text-muted">Plzeňský kraj</small> |
|
| 48 |
</h1> |
|
| 48 | 49 |
<div class="loading"></div> |
| 50 |
<noscript id="pvpk_noscript">Aplikace vyžaduje Javascript. Aktivujte Javascript a znovu načtěte tuto stránku.</noscript> |
|
| 49 | 51 |
</div> |
| 52 |
|
|
| 50 | 53 |
<div class="row h-100"> |
| 51 | 54 |
|
| 52 | 55 |
<!--SEARCH section--> |
| ... | ... | |
| 71 | 74 |
</div> |
| 72 | 75 |
|
| 73 | 76 |
<div class="custom-control custom-checkbox mb-3"> |
| 74 |
<!-- ng-true-value="ofCourse" ng-false-value="iWish" --> |
|
| 75 | 77 |
<input type="checkbox" id="searchDirection" name="searchDirection" class="custom-control-input" |
| 76 | 78 |
checked ng-model="search.direction" required ng-change="searchLocations()"> |
| 77 | 79 |
<label for="searchDirection" class="custom-control-label">Rozlišovat směr</label> |
| ... | ... | |
| 124 | 126 |
</div> |
| 125 | 127 |
</form> |
| 126 | 128 |
|
| 127 |
|
|
| 128 | 129 |
<div class="result-locations mb-5 mt-5"> |
| 129 | 130 |
<h5>Lokality</h5> |
| 130 | 131 |
|
| 131 | 132 |
<div class="list-group" ng-show="locations.length>0 && !showSearchLoading"> |
| 132 |
<!-- class = active --> |
|
| 133 | 133 |
<a href="" id="location-{{location.id}}"
|
| 134 | 134 |
class="list-group-item list-group-item-action flex-column align-items-start" |
| 135 | 135 |
ng-repeat="location in locations" |
| ... | ... | |
| 152 | 152 |
</div> |
| 153 | 153 |
|
| 154 | 154 |
<div class="loading" ng-show="showSearchLoading"></div> |
| 155 |
|
|
| 156 | 155 |
</div> |
| 157 |
|
|
| 158 | 156 |
</div> |
| 159 | 157 |
<footer class="text-center mb-2 mt-2 w-100"> |
| 160 | 158 |
<small class="text-muted">2018 © FAV, ZČU</small> |
| ... | ... | |
| 167 | 165 |
ng-controller="infoController"> |
| 168 | 166 |
|
| 169 | 167 |
<header class="mt-2"> |
| 170 |
|
|
| 171 | 168 |
<h5>{{$root.selectDevice.name}}
|
| 172 | 169 |
<button type="button" class="close" aria-label="Close" ng-click="infoClose()"> |
| 173 | 170 |
<span aria-hidden="true">×</span> |
| ... | ... | |
| 180 | 177 |
|
| 181 | 178 |
<div class="loading" ng-show="showInfoLoading"></div> |
| 182 | 179 |
|
| 183 |
|
|
| 184 | 180 |
<h3 class="mt-5">Graf #1</h3> |
| 185 | 181 |
|
| 186 | 182 |
<h3 class="mt-5">Graf #2</h3> |
| ... | ... | |
| 194 | 190 |
|
| 195 | 191 |
<h3 class="mt-5">Graf #3</h3> |
| 196 | 192 |
|
| 197 |
|
|
| 198 | 193 |
</section> |
| 199 | 194 |
|
| 195 |
|
|
| 200 | 196 |
<!--MAP section--> |
| 201 | 197 |
<section class="map col-12 col-sm-12" id="map" |
| 202 | 198 |
ng-class="{ 'col-lg-9': $root.selectDevice==null, 'col-lg-6': $root.selectDevice!=null }"
|
| 203 | 199 |
ng-controller="mapController"> |
| 204 |
|
|
| 205 |
|
|
| 206 | 200 |
</section> |
| 207 |
|
|
| 208 |
|
|
| 209 | 201 |
</div> |
| 210 | 202 |
|
| 211 |
<div class="modal fade" id="modalExpiredToken" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
|
| 212 |
aria-hidden="true"> |
|
| 203 |
<div class="modal fade" id="modalError" tabindex="-1" role="dialog"> |
|
| 213 | 204 |
<div class="modal-dialog" role="document"> |
| 214 | 205 |
<div class="modal-content"> |
| 215 | 206 |
<div class="modal-header"> |
| 216 |
<h5 class="modal-title" id="exampleModalLabel">Platnost webové aplikace vypršela</h5>
|
|
| 207 |
<h5 class="modal-title" id="exampleModalLabel">{{modalError.title}}</h5>
|
|
| 217 | 208 |
</div> |
| 218 | 209 |
<div class="modal-body"> |
| 219 |
<p>Pro obnovení platnosti stačí stisknout tlačítko <strong>Obnovit</strong>.</p>
|
|
| 210 |
<p ng-bind-html="modalError.body"></p>
|
|
| 220 | 211 |
</div> |
| 221 | 212 |
<div class="modal-footer"> |
| 222 |
<button type="button" class="btn btn-primary" ng-click="reloadApp()">Obnovit</button> |
|
| 213 |
<button type="button" class="btn btn-primary" data-dismiss="{{modalError.clickButton ? '' : 'modal'}}"
|
|
| 214 |
ng-click="modalError.clickButton && modalError.clickButton()">{{modalError.button}}
|
|
| 215 |
</button> |
|
| 223 | 216 |
</div> |
| 224 | 217 |
</div> |
| 225 | 218 |
</div> |
| 226 | 219 |
</div> |
| 227 | 220 |
|
| 228 |
|
|
| 229 | 221 |
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" |
| 230 | 222 |
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" |
| 231 | 223 |
crossorigin="anonymous"></script> |
| 232 |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" |
|
| 233 |
integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" |
|
| 224 |
|
|
| 225 |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" |
|
| 226 |
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" |
|
| 234 | 227 |
crossorigin="anonymous"></script> |
| 235 | 228 |
|
| 236 |
<!--async defer--> |
|
| 237 | 229 |
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCSx7hyAzQiG5uocJTeZgf1Z3lpDy4kpEk" |
| 238 | 230 |
type="text/javascript"></script> |
| 239 | 231 |
|
| 240 | 232 |
<script type="text/javascript" src="./assets/libs/gmaps.min.js"></script> |
| 241 | 233 |
|
| 242 |
|
|
| 243 | 234 |
</body> |
| 244 | 235 |
</html> |
Také k dispozici: Unified diff
refs #6863: Když REST API odpoví 400, 404, 500 nebo vyprší timeout zobrazí se modální okno s hláškou, při vypnutém JavaScriptu se zobrazí text vybízející k zapnutí JavaScriptu