-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcreate.html
More file actions
106 lines (95 loc) · 5.36 KB
/
Copy pathcreate.html
File metadata and controls
106 lines (95 loc) · 5.36 KB
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
<?xml version="1.0" standalone="no"?>
<!DOCTYPE HTML>
<html lang="en" class="js">
<head>
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<meta charset="utf-8">
<title>Module Map</title>
<meta name="description" content="JavaScript Load Image is a library to load images provided as File or Blob objects or via URL. It returns an optionally scaled and/or cropped HTML img or canvas element. It also provides a method to parse image meta data to extract Exif tags and thumbnails and to restore the complete image header after resizing.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Jcrop is not required by JavaScript Load Image, but included for the demo -->
<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
rel = "stylesheet">
<script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
<script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/jquery.Jcrop.css">
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/colorpicker.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-lg-8">
<h1 class="text-center">Créer une carte</h1>
<a href="index.html">Retour</a>
<div class="content" id="upload_img">
<div class="box-file">
<input type="file" name="file-5[]" id="file-5" class="inputfile inputfile-4" />
<label for="file-5"><figure><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg></figure> <span>Choisissez un fichier…</span></label>
</div>
</div>
<div id="workshop">
<div id="zone" usemap="#carte" class="frameitem">
</div>
<div id="data">
<h2>Liste des aires</h2>
</div>
<div>
<map name="carte" id="carte">
</map>
</div>
</div>
</div>
<div class="col-lg-4">
<form id="form">
<div class="form-group">
<label for="shape">Type de zone</label>
<input type="text" id="shape" class="form-control" value="poly" readonly/>
<small id="shapeHelp" class="form-text text-muted"></small>
</div>
<div class="form-group">
<label for="alt">Légende</label>
<input type="text" id="alt" class="form-control"/>
<small id="altHelp" class="form-text text-muted"></small>
</div>
<div class="form-group">
<label for="href">Lien hypergraphique</label>
<input type="text" id="href" class="form-control"/>
<small id="hrefHelp" class="form-text text-muted"></small>
<small id="nbPointHelp" class="form-text text-muted"></small>
</div>
<div class="form-group">
<label for="cp1">Couleur</label>
<input id="cp1" type="text" class="form-control" value=""/>
<small class="form-text text-muted">Validez avec le ✅</small>
</div>
<div class="form-group">
<p class="btn btn-secondary" id="zone_create">Créer zone</p>
<p class="btn btn-danger" id="edition_mode">Mode édition</p>
<p class="btn btn-secondary" id="polygon_show">Cacher polygones</p>
</div>
</form>
<p id="info">
<ol>
<li>Uploadez une image</li>
<li>Définissez des points</li>
<li>Choisissez une légende et associez un lien</li>
<li>Définissez la couleur</li>
</ol>
</p>
</div>
</div>
</div>
<script src="js/load-image.all.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="js/jquery.Jcrop.js"></script>
<script src="js/colorpicker.js"></script>
<script src="js/loadImage.js"></script>
<script src="js/demo.js"></script>
<script src="js/edit.js"></script>
<script src="js/create.js"></script>
</body>
</html>