diff --git a/style.css b/css/style.css similarity index 100% rename from style.css rename to css/style.css diff --git a/index.html b/index.html index a32619d0125fa63676c636a6ceca3458dfdb48d7..4f0872194ab5eeff9e3afcd07313048f8b1233ef 100644 --- a/index.html +++ b/index.html @@ -3,13 +3,11 @@ <head> <title>ProgGIS</title> - <link rel="stylesheet" href="style.css" /> + <link rel="stylesheet" href="css/style.css"/> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> - <script src="https://unpkg.com/shpjs@latest/dist/shp.js"></script> - </head> <body class="standard"> @@ -47,12 +45,12 @@ </svg> </div> - <div style="margin-top: 5px; margin-bottom: 5px;"> + <div style="margin-left: 10px; margin-top: 5px; margin-bottom: 5px;"> <input type="file" none="dialog" id="dialog" multiple> <button id="clickOpen" onclick="clickMe()">Click here to open new layers</button> </div> - <div style="margin-left: 10px; font-size: 18px; height: 60vh;"> + <div style="margin-left: 10px; font-size: 18px; height: 50vh;"> <p id="layers"></p> </div> </div> @@ -142,9 +140,10 @@ </div> </div> </div> + + <script src="javascript/map.js"></script> + <script src="javascript/sidebar&boxes.js"></script> + <script src="javascript/openFileFromExplorer.js"></script> + </body> </html> - -<script src="javascript/map.js"></script> -<script src="javascript/sidebar&boxes.js"></script> -<script src="javascript/openFileFromExplorer.js"></script> diff --git a/javascript/openFileFromExplorer.js b/javascript/openFileFromExplorer.js index e58a1d2a64601ef4b43ac7f78273f54672309144..317211edfe67a99672fd4631bafdeda7457910d7 100644 --- a/javascript/openFileFromExplorer.js +++ b/javascript/openFileFromExplorer.js @@ -7,7 +7,8 @@ function clickMe() { dialog.addEventListener("input", () => { if (dialog.files.length) { - let text = dialog.files[0].name; - document.getElementById("layers").innerHTML = text; + for (i = 0; i < dialog.files.length; i++) { + document.getElementById("layers").innerHTML = dialog.files[i].name; + } } -}); \ No newline at end of file +});