124 lines
5.6 KiB
Plaintext
Executable File
124 lines
5.6 KiB
Plaintext
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--Importing CSS frameworks-->
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
|
|
integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
|
|
crossorigin=""/>
|
|
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.css' rel='stylesheet' />
|
|
<link rel="shortcut icon" type="image/x-icon" href="./static/Icons/h0.png" />
|
|
<link rel="stylesheet" type="text/css" href="./static/css/style.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
</head>
|
|
<body>
|
|
<!--Background shapes Don't care about them! :D -->
|
|
<div id="water-shape">
|
|
<img src="./static/Shapes/water-shape.svg">
|
|
</div>
|
|
<div id="circle-shape">
|
|
<img src="./static/Shapes/circle-shape.svg">
|
|
</div>
|
|
<div id="curve-shape">
|
|
<img src="./static/Shapes/curve1-shape.svg">
|
|
</div>
|
|
<div id="curve-two-shape">
|
|
<img src="./static/Shapes/curve2-shape.svg">
|
|
</div>
|
|
<div id="triangle-shape">
|
|
<img src="./static/Shapes/triangle-shape.svg">
|
|
</div>
|
|
<!--End of background shapes-->
|
|
|
|
<!--This is the beginning of the navigation you dont have to care about it too :D -->
|
|
<div class="container">
|
|
<nav>
|
|
<div class="nav-wrapper">
|
|
<a href="#" class="brand-logo left">Pub</a>
|
|
<ul class="right">
|
|
<li><a class="btn-floating btn-small waves-effect waves-light purple darken-3"><i class="material-icons">menu</i></a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<!--The End of the naviation-->
|
|
|
|
|
|
<!-- this is the interesting part-->
|
|
<div class="container">
|
|
<div id="body" class="row">
|
|
<div class="col m12 s12">
|
|
<div class="row">
|
|
<!-- this is the combo-box! :) -->
|
|
<div class="input-field col m12 s12">
|
|
<select id="zone">
|
|
|
|
<option value="" disabled selected>Choose you location</option>
|
|
<% for(var i = 0;i<zone.length;i++){ %>
|
|
<option value="<%= zone[i].ID_Zone %>"><%= zone[i].Nom %></option>
|
|
<% } %>
|
|
</select>
|
|
<label>Location</label>
|
|
</div>
|
|
<div class="input-field col m12 s12">
|
|
<select id="level">
|
|
<option value="" disabled selected>Choose you level</option>
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
</select>
|
|
<label>Level</label>
|
|
</div>
|
|
<!--The end of the combo box-->
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!--Link to the map page to add a new map-->
|
|
<div class=" col s12 center">
|
|
<a href="/map">Click here to add a new Location</a>
|
|
</div>
|
|
<!--End of the map link-->
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<!--This is the call of the summernote-->
|
|
<div id="summernote" class="">Write your publication here!</div>
|
|
<!--End of the summernote-->
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s12 center-btn">
|
|
<!--This is the upload button-->
|
|
<a href="#" class="btn white-text waves-effect purple darken-3 center bordered" id="send">Upload</a>
|
|
<!--This is the End of the upload button-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--The end of the interesting part :( -->
|
|
|
|
|
|
<!--The footer-->
|
|
<footer>
|
|
</footer>
|
|
|
|
<!-- Importing Javascript frameworks-->
|
|
<script src="/socket.io/socket.io.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.css" rel="stylesheet">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.js"></script>
|
|
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.js'></script>
|
|
<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"
|
|
integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
|
|
crossorigin=""></script>
|
|
<script type="text/javascript" src="./static/Js/index.js"></script>
|
|
</body>
|
|
</html>
|