-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
111 lines (108 loc) · 6.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<!--
@author: Francisco Siles
@Github user: https://github.com/Fransiro/
@author Carlos Blanco
@Github user: https://github.com/cblanco
-->
<html lang='es_ES' class="no-js">
<head>
<link rel="shortcut icon" type="image/png" href="resources/img/farolapp-icon.png"/>
<title>FarolApp4All</title>
<meta charset='UTF-8'>
<meta name='description' content='FarolApp4All'>
<meta id='metaLocale' name='locale' content='es_ES'>
<meta content='width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<!--jQuery and jQuery libraries-->
<script src='resources/js/jquery-latest.min.js' type='text/javascript'></script>
<script src='resources/js/jquery-handler-toolkit.js' type='text/javascript'></script>
<!--Modernizr library for detect browser functionalities-->
<script src='resources/js/modernizr-custom.js' type='text/javascript'></script>
<!--Page CSS and JavaScript-->
<script src='resources/js/gui.js' type='text/javascript'></script>
<script src='resources/js/form.js' type='text/javascript'></script>
<script src='resources/js/tempRandomGeometries.js' type='text/javascript'></script>
<link rel='stylesheet' href='resources/css/styles.css'>
<link rel="stylesheet" href="resources/css/about.css">
<link rel='stylesheet' href='resources/css/animations.css'>
<link rel="stylesheet" href="resources/css/formStyle.css">
<!--Bootstrap min-->
<link rel="stylesheet" href="resources/bootstrap/css/bootstrap.min.css" />
<!--Jquery mobile min css-->
<link rel="stylesheet" href="resources/css/jquery.mobile-1.4.5.min.css" />
<!--Font Awesome -->
<link rel="stylesheet" href="resources/fonts/font-awesome-4.6.3/css/font-awesome.min.css">
<!-- SweetAlert library (Beautifuls alerts, messages etc...-->
<script src='resources/sweetAlert/sweetalert.min.js' type='text/javascript'></script>
<link rel='stylesheet' href='resources/sweetAlert/sweetalert.css'>
<!-- Google Maps Javascript Api -->
<!-- <script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDj3SLXStHHFZ3jcw8MSNNzqb6R7bGkHY0' type='text/javascript'></script>-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDj3SLXStHHFZ3jcw8MSNNzqb6R7bGkHY0&libraries=visualization" type="text/javascript"></script>
<!-- Markers With Labels library -->
<script src='resources/js/markerWithLabel.js' type='text/javascript'></script>
<!-- lod4all -->
<script type="text/javascript" src="http://lod4all.net/api/lfasparql-2.0.0.js"></script>
</head>
<body>
<div class='flex-container-column maxMainAxisFlexSize maxCrossAxisFlexSize'>
<header class='flex-container-row flex-item maxCrossAxisFlexSize header menu flex-shrink0'>
<!-- PUT A LOGO OR LETTERS -->
<div class='flex-item Logo'><img id="mainLogo" src="resources/img/logo-invertido3.png" alt="FarolApp Logo" class='Logo LogoMin'></img></div>
<nav class='navMenu flex-item-main maxCrossAxisFlexSize mainAxisFlexCenter crossAxisFlexCenter notActivateResponsive'>
<div class='gDesignButton' onclick='showLamppostMap()'><a>Mapa de farolas</a></div>
<div class='gDesignButton' onclick='showPollutionMap()'><a>Mapa de contaminación lumínica</a></div>
<div class='gDesignButton navDropDownContainer notActivateResponsive'>
<div class='flex-container-row crossAxisFlexCenter navDropDownClick'>
<a>Regiones</a>
<img class='dropDownImage' src='resources/img/dropdown.png' alt='DropDown menu image'>
<img class='dropUpImage' src='resources/img/dropup.png' alt='DropUp menu image'>
</div>
<div id='regionesMenu' class='navDropDownItem'>
</div>
</div>
<div class='gDesignButton' onclick='showAboutUs()'><a>Acerca de</a></div>
</nav>
<div class='flex-item Logo removeOnTabletOrMobile'><img src="resources/img/OEG_Logo.png" alt="OEG Logo" class='Logo'></img></div>
<div class='flex-item imgMenu'><img src="resources/img/nav.png" alt="Menu IMG" class='imgMenu'></img></div>
</header>
<section id='mainBody' class='flex-container-row flex-item-main maxCrossAxisFlexSize maxMainAxisFlexSize mainContent'>
<article id='lamppostMapContainer' class='maxWidthAndHeightAbsolute animationEnter notAnimationOnLoad'>
</article>
<article id='pollutionMapContainer' class='maxWidthAndHeightAbsolute animationOut notAnimationOnLoad'>
</article>
<article id='specialForm' class='maxWidthAndHeightAbsolute notDisplay' style='display:none'>
<div id="settingsBox">
<div id="formMapContainer">
<div id="mapheader"> <i class="headericonleft fa fa-map-marker"></i><span class="headertitle">Posición</span><i class="headericonright fa fa-map-o"></i><i id="mapttogleico" class="fa"></i></div>
<div id="markers">
<div id="dragableMarker" class="drag" style="background-image: url('resources/img/markers/farola_ico2.png')">
</div>
</div>
<div id="markerContainer">
<div id="alloc">Arrástrame sobre el mapa</div>
</div>
<div id="formMap" class=""></div>
</div>
<div id="streetViewContainer">
<div id="croshair" class=""></div>
<div id="streetheader"> <i class="headericonleft fa fa-lightbulb-o"></i><span class="headertitle">Vista</span><i class="headericonright fa fa-street-view"></i><i id="streettogleico" class="fa"></i></div>
<div id="streetMap" class=""></div>
</div>
<div id="formContainer">
<div id="myList" class="list-group"></div>
</div>
<div id="controlsContainer">
<div id="controlsContainer"class="formbutton raised" onclick="submitLampInfo()">
<div class="center" fit>Actualizar farola</div>
<paper-ripple fit></paper-ripple>
</div>
</div>
</div>
</article>
<div id='addLamppost' class='addLamppost' style='display:none'><img src='resources/img/add.png'></img></div>
<div id='warningLamppost' class='warningLamppost' style='display:none'><img src='resources/img/warning.png'></img></div>
<div id='mapLoading' class='mapLoading' style='display:none'><img src='resources/img/loading.gif'></img></div>
</section>
</div>
</body>
</html>