index.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>OsmHiCheck - Mapa</title>
  5. <meta charset="utf-8"/>
  6. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin-ext' rel='stylesheet' type='text/css'>
  7. <link rel="stylesheet" type="text/css" href="../css/leaflet/leaflet.css"/>
  8. <link rel="stylesheet" type="text/css" href="../css/leaflet/Control.OSMGeocoder.css"/>
  9. <link rel="stylesheet" type="text/css" href="../css/leaflet/L.Control.Sidebar.css"/>
  10. <link rel="stylesheet" type="text/css" href="../css/leaflet/L.Control.Zoomslider.css"/>
  11. <link rel="stylesheet" type="text/css" href="../css/leaflet/leaflet.awesome-markers.css" />
  12. <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
  13. <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" />
  14. <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css">
  15. <script type="text/javascript" src="../js/leaflet/leaflet.js"></script>
  16. <script type="text/javascript" src="../js/leaflet/leaflet-hash.js"></script>
  17. <script type="text/javascript" src="../js/leaflet/Control.OSMGeocoder.js">//vyhledavani</script>
  18. <script type="text/javascript" src="../js/leaflet/L.Control.Zoomslider.js"></script>
  19. <script type="text/javascript" src="../js/leaflet/leaflet.filelayer.js">//nahravani ext. souboru</script>
  20. <script type="text/javascript" src="../js/leaflet/togeojson.js"></script>
  21. <script type="text/javascript" src="../js/leaflet/L.Control.Sidebar.js">//sidebar</script>
  22. <script type="text/javascript" src="../js/leaflet/L.Control.LineStringSelect.js"></script>
  23. <script type="text/javascript" src="../js/leaflet/leaflet.awesome-markers.js"></script>
  24. <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>
  25. <script type="text/javascript" src="../js/OsmHiCheck.js"></script>
  26. </head>
  27. <body onload="initMap()">
  28. <iframe id="hiddenIframe" name="hiddenIframe"></iframe>
  29. <div id="mymap"></div>
  30. <div id="sidebar">
  31. <div id="load-circle" class="circle green"></div>
  32. <div id="side-loading"><br/></div>
  33. <div id="side-menu">
  34. <a href="../tables/" target="_blank">Zobrazit tabulky</a>
  35. <div class="menu">
  36. <span>
  37. <ul id="nav">
  38. <li><a onclick="changeSidebarContent(LAYERS)">Zobrazení</a></li>
  39. <li><a onclick="changeSidebarContent(DATA)">Data & Tagy</a></li>
  40. <li><a>Přidat</a>
  41. <div class="subs">
  42. <div>
  43. <ul>
  44. <li>
  45. <ul>
  46. <li><a onclick="changeSidebarContent(CR_NODE1)">Bod s poznámkou</a></li>
  47. <li><a onclick="changeSidebarContent(CR_PART1)">Část trasy s poznámkou</a></li>
  48. </ul>
  49. </li>
  50. </ul>
  51. </div>
  52. </div>
  53. </li>
  54. <li><a onclick="changeSidebarContent(IMPORT)">Import</a></li>
  55. </ul>
  56. </span>
  57. </div>
  58. </div>
  59. <br/>
  60. <div id="side-whatswrong"></div>
  61. <div id="side-content"></div>
  62. <div id="side-layer"></div>
  63. <div id="side-layer2">
  64. <div>Dodatečné volby:</div>
  65. <label><input type="checkbox" id="cycle" onclick="processCheckbox()"/>Zahrnout cyklotrasy bez kct barvy</label>
  66. </div>
  67. </div>
  68. <script type="text/javascript">
  69. /* prepinani s rolovanim*/
  70. jQuery(window).load(function() {
  71. $("#nav > li > a").click(function () {
  72. if ($(this).parent().hasClass('selected')) {
  73. $("#nav .selected div div").slideUp(0);
  74. $("#nav .selected").removeClass("selected");
  75. } else {
  76. $("#nav .selected div div").slideUp(0);
  77. $("#nav .selected").removeClass("selected");
  78. if ($(this).next(".subs").length) {
  79. $(this).parent().addClass("selected");
  80. $(this).next(".subs").children().slideDown(0);
  81. }
  82. }
  83. });
  84. $("#nav > li > div > div > ul > li > ul > li > a").click(function () {
  85. $("#nav .selected div div").slideUp(0);
  86. $("#nav .selected").removeClass("selected");
  87. });
  88. });
  89. </script>
  90. </body>
  91. </html>