1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 3<head> 4 <title>Watch the Med</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700" rel="stylesheet" type="text/css"> 7 <link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/jquery-ui-themeroller.css?m=1376284507&" /> 8<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/global.css?m=1376284506&" /> 9<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/openlayers.css?m=1376284510&" /> 10<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/media/css/jquery.jqplot.min.css?m=1376284508&" /> 11<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/base.css?m=1608540687&" /> 12<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/accordion.css?m=1608540687&" /> 13<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/slider.css?m=1608540687&" /> 14<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/default/css/style.css?m=1608540687&" /> 15<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/themes/wtm/css/wtm.css?m=1608540687&" /> 16 17<link rel="alternate" type="application/rss+xml" href="https://www.watchthemed.net/index.php/feed" title="RSS2" /> 18<!--[if IE 6]><link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/.css" /> 19<![endif]-->
20<script type="text/javascript" src="https://www.watchthemed.net/plugins/searchlocation/js/searchlocation.js?m=1608540652&"></script>
vendor: 1 bytes, line 20
20
21<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.js?m=1584278828&"></script>
vendor: 1 bytes, line 21
21
22<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.ui.min.js?m=1584278825&"></script>
vendor: 1 bytes, line 22
22
23<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.pngFix.pack.js?m=1584278824&"></script>
vendor: 1 bytes, line 23
23
24<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.timeago.js?m=1584278826&"></script>
vendor: 1 bytes, line 24
24
25<script type="text/javascript" src="https://www.watchthemed.net/media/js/global.js?m=1584278827&"></script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript" src="https://www.watchthemed.net/media/js/OpenLayers.js?m=1584278823&"></script>
vendor: 1 bytes, line 26
26
27<script type="text/javascript" src="https://www.watchthemed.net/media/js/ushahidi.js?m=1584278827&"></script>
vendor: 1 bytes, line 27
27
28<script type="text/javascript" src="https://www.watchthemed.net/media/js/selectToUISlider.jQuery.js?m=1584278826&"></script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript" src="https://www.watchthemed.net/media/js/jquery.jqplot.min.js?m=1584278824&"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="https://www.watchthemed.net/media/js/jqplot.dateAxisRenderer.min.js?m=1584278821&"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="https://www.watchthemed.net/themes/wtm/js/wtm.js?m=1608540652&"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript"> 33//<![CDATA[ 34OpenLayers.ImgPath = 'https://www.watchthemed.net/media/img/openlayers/'; 35 36 37//]]> 38</script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript"> 40//<![CDATA[ 41</script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript"> 43var layer_top = null; 44var cat_height = null; 45var bathymetry = null; 46$(document).ready(function() { 47 48 $("#the-filters").show(); 49 layer_top = parseInt($("div#layers-box").css('top').replace("px")); 50 cat_height = $("#the-filters").outerHeight(true); 51 $("#the-filters").hide(); 52 53 /** 54 * Handles moving the layers menu up and down as the 55 * categories menu is opened and closed 56 */ 57 $("#filter-menu-toggle").click(function(e){ 58 59 if($("#filter-menu-toggle").hasClass('active-toggle')){ 60 //about to hide the menu 61 $("div#layers-box").css('top',layer_top+"px"); 62 } else { 63 //about to show the menu 64 $("#the-filters").show(); 65 //var height = $("#the-filters").outerHeight(true); 66 $("div#layers-box").css('top',(layer_top + cat_height)+"px"); 67 } 68 69 }); 70 71 $("[id^='layer_']").mouseover(function(){ 72 var metaData = $(this).attr('meta_data'); 73 if(metaData != ''){ 74 $("#layer_meta_window").show(); 75 $("#layer_meta_window").html(metaData); 76 } 77 }); 78 $("[id^='layer_']").mouseenter(function(){ 79 var metaData = $(this).attr('meta_data'); 80 if(metaData != '' && typeof metaData != 'undefined'){ 81 var layerName = $(this).text(); 82 $("#layer_meta_window").show(); 83 $("#layer_meta_window").html(metaData); 84 } 85 }).mouseleave(function(){ 86 //$("#layer_meta_window").hide(); 87 }); 88}); 89 90 91 92// Initialize the Ushahidi namespace 93Ushahidi.baseUrl = "https://www.watchthemed.net/index.php/"; 94Ushahidi.markerRadius = 4; 95Ushahidi.markerOpacity = 0.8; 96Ushahidi.markerStokeWidth = 2; 97Ushahidi.markerStrokeOpacity = 0.3; 98 99// Selected Category 100var gCategoryId = ['0']; //default to all 101// 102// Default to most active month 103var startTime = 1301608800; 104 105// Default to most active month 106var endTime = 1730415599; 107 108// To hold the Ushahidi.Map reference 109var map = null; 110 111var graphData = null; 112 113var graphColor = null; 114 115 116/****** 117* Removes the category ID from the string currentCat 118*******/ 119function removeCategoryFilter(idToRemove) 120{ 121 for(i = 0; i < gCategoryId.length; i++) 122 { 123 if (gCategoryId[i] == idToRemove) 124 { 125 //deactivate 126 $("#cat_"+idToRemove).removeClass("active"); 127 gCategoryId.splice(i,1); 128 break; 129 } 130 } 131}//end removeCategoryFilter() 132 133 134/** 135 * Toggle Layer Switchers 136 */ 137function toggleLayer(link, layer) { 138 if ($("#"+link).text() == "Show") 139 { 140 $("#"+link).text("Hide"); 141 } 142 else 143 { 144 $("#"+link).text("Show"); 145 } 146 $('#'+layer).toggle(500); 147} 148 149/** 150 * Create a function that calculates the smart columns 151 */ 152function smartColumns() { 153 return; 154 //Reset column size to a 100% once view port has been adjusted 155 $("ul.content-column").css({ 'width' : "100%"}); 156 157 //Get the width of row 158 var colWrap = $("ul.content-column").width(); 159 160 // Find how many columns of 200px can fit per row / then round it down to a whole number 161 var colNum = 2; 162
163 // Get the width of the row and divide it by the number of columns it 164 // can fit / then round it down to a whole number. This value will be 165 // the exact width of the re-adjusted column 166 var colFixed = Math.floor(colWrap / colNum); 167 168 // Set exact width of row in pixels instead of using % - Prevents 169 // cross-browser bugs that appear in certain view port resolutions. 170 //$("ul.content-column").css({ 'width' : colWrap}); 171 172 // Set exact width of the re-adjusted column 173 //$("ul.content-column li").css({ 'width' : colFixed}); 174} 175 176/** 177 * Callback function for rendering the timeline 178 */ 179function refreshTimeline(options) { 180 181 182 // Use report filters if no options passed 183 options = options || map.getReportFilters(); 184 // Copy options object to avoid accidental modifications to reportFilters 185 options = jQuery.extend({}, options); 186 187 var url = "https://www.watchthemed.net/index.php/bigmap_json/timeline"; 188 189 var interval = (options.e - options.s) / (3600 * 24); 190 191 if (interval <= 3) { 192 options.i = "hour"; 193 } else if (interval <= (31 * 6)) { 194 options.i = "day"; 195 } else { 196 options.i = "month"; 197 } 198 199 // Get the graph data 200 $.ajax({ 201 url: url, 202 data: options, 203 success: function(response) { 204 // Clear out the any existing plots 205 $("#graph").html(''); 206 207 if (response != null && response[0].data.length < 2) 208 return; 209 210 graphData = []; 211 var raw = response[0].data; 212 for (var i=0; i<raw.length; i++) { 213 var date = new Date(raw[i][0]); 214 215 var dateStr = date.getFullYear() + "-"; 216 dateStr += ('0' + (date.getMonth()+1)).slice(-2) + '-'; 217 dateStr += ('0' + date.getDate()).slice(-2); 218 219 graphData.push([dateStr, parseInt(raw[i][1])]); 220 } 221 graphColor = response[0].color; 222 reDrawGraph(); 223 }, 224 dataType: "json" 225 }); 226 } 227 228 229 230function reDrawGraph(){ 231 var timeline = $.jqplot('graph', [graphData], { 232 seriesDefaults: { 233 color: graphColor, 234 lineWidth: 1.6, 235 markerOptions: { 236 show: false 237 } 238 }, 239 axesDefaults: { 240 pad: 1.23, 241 }, 242 axes: { 243 xaxis: { 244 renderer: $.jqplot.DateAxisRenderer, 245 tickOptions: { 246 formatString: '%#d %b\n%Y' 247 } 248 }, 249 yaxis: { 250 min: 0, 251 tickOptions: { 252 formatString: '%.0f' 253 } 254 } 255 }, 256 cursor: {show: false} 257 }); 258} 259 260 261jQuery(function() { 262 //Etherton: commented this out and put in the enhanced map URL so that we can have the full power 263 //of enahcned map 264 //var reportsURL = "json/cluster"; 265 var reportsURL = "bigmap_json/cluster"; 266 267 // Render thee JavaScript for the base layers so that 268 // they are accessible by Ushahidi.js 269 var bing_road = new OpenLayers.Layer.Bing({ 270 name: "Bing-Road", 271 type: "Road", 272 key: "Apumcka0uPOF2lKLorq8aeo4nuqfVVeNRqJjqOcLMJ9iMCTsnMsNd9_OvpA8gR0i" 273}); 274 275var bing_hybrid = new OpenLayers.Layer.Bing({ 276 name: "Bing-Hybrid", 277 type: "AerialWithLabels", 278 key: "Apumcka0uPOF2lKLorq8aeo4nuqfVVeNRqJjqOcLMJ9iMCTsnMsNd9_OvpA8gR0i" 279}); 280 281var bing_satellite = new OpenLayers.Layer.Bing({ 282 name: "Bing-Satellite", 283 type: "Aerial", 284 key: "Apumcka0uPOF2lKLorq8aeo4nuqfVVeNRqJjqOcLMJ9iMCTsnMsNd9_OvpA8gR0i" 285}); 286 287 288 // Tweak the OpenLayers MousePosition formatOutput method, so it also shows 289 // the mouse position in DMS format. 290 // The original function code can be found here: 291 // https://github.com/openlayers/openlayers/blob/f4a4090814f240414548e8eda55070d16f3d3901/lib/OpenLayers/Control/MousePosition.js#L208-L224 292 OpenLayers.Control.MousePosition.prototype.formatOutput = function (lonLat) { 293 var latLon = { 294 latitude: lonLat.lat, 295 longitude: lonLat.lon 296 }; 297 var newHtml = 298 WTMLib.formatCoordinates(latLon, { 299 format: 'DD', 300 roundTo: parseInt(this.numDigits) 301 }) 302 + ' | ' 303 + WTMLib.formatCoordinates(latLon, { 304 format: 'DMS', 305 roundTo: 1 306 }); 307 308 return newHtml; 309 } 310 311 // Store the LayerSwitcher control in a variable so we can reference it in 312 // the tweaked Ushahidi Map redraw method. 313 var layerSwitcher = new OpenLayers.Control.LayerSwitcher(); 314 315 // Map configuration 316 var config = { 317 318 // Zoom level at which to display the map 319 zoom: 4, 320 321 // Redraw the layers when the zoom level changes 322 redrawOnZoom: true, 323 324 // Center of the map 325 center: { 326 latitude: 36.693240853502836, 327 longitude: 21.704263682007582 }, 328 329 // Map controls
330 mapControls: [ 331 new OpenLayers.Control.Navigation({ dragPanOptions: { enableKinetic: true } }), 332 new OpenLayers.Control.Attribution(), 333 new OpenLayers.Control.Zoom(), 334 new OpenLayers.Control.ZoomBox(), 335 new OpenLayers.Control.MousePosition({ 336 div: document.getElementById('mapMousePosition'), 337 numdigits: 5 338 }), 339 layerSwitcher 340 ], 341 342 // Base layers 343 baseLayers: [bing_satellite,bing_road,bing_hybrid], 344 345 // Display the map projection 346 showProjection: true, 347 348 reportFilters: { 349 s: startTime, 350 e: endTime 351 } 352 353 }; 354 355 // Tweak the Ushahidi Map redraw method, so it respects the visibility 356 // state of the layer. The original function code can be found here: 357 // https://github.com/ushahidi/Ushahidi_Web/blob/develop/media/js/ushahidi.js#L773-L789 358 Ushahidi.Map.prototype.redraw = function () { 359 // Close any open popups 360 this.closePopups(); 361 362 for (var i=0; i<this._registry.length; i++) { 363 var layer = this._registry[i]; 364 365 // Check if we have a state for the layer and whether it was hidden. 366 // If that's the case go to the next layer without adding this one. 367 var layerState = layerSwitcher.layerStates.filter(state => { 368 return state.name === layer.options.name; 369 })[0]; 370 if (layerState && layerState.visibility === false) continue; 371 372 this.addLayer(layer.layerType, layer.options); 373 } 374 375 return this; 376 } 377 378 // Initialize the map 379 map = new Ushahidi.Map('map', config); 380 map.addLayer(Ushahidi.GEOJSON, { 381 name: "Reports", 382 url: reportsURL, 383 transform: false 384 }, true, true); 385 386 387 // Register the referesh timeline function as a callback 388 map.register("filterschanged", refreshTimeline); 389 setTimeout(function() { refreshTimeline({ 390 s: startTime, 391 e: endTime 392 }); }, 800); 393 394 395 396 ////////////////////////////////////////////////////////////////////////////////////// 397 // Parent Category opener 398 $("a[id^='drop_cat_']").click(function() 399 { 400 //get the ID of the category we're dealing with 401 var catID = this.id.substring(9); 402 //if the kids aren't currenlty shown, show them 403 if( !$("#child_"+catID).is(":visible")) 404 { 405 $("#child_"+catID).show(); 406 $(this).html("-"); 407 //since all we're doing is showing things we don't need to update the map 408 // so just bounce 409 410 $("a[id^='cat_']").addClass("forceRefresh"); //have to do this because IE sucks 411 $("a[id^='cat_']").removeClass("forceRefresh"); //have to do this because IE sucks 412 413 return false; 414 } 415 else //kids are shown, deactivate them. 416 { 417 var kids = $("#child_"+catID).find('a'); 418 kids.each(function(){ 419 if($(this).hasClass("active")) 420 { 421 //remove this category ID from the list of IDs to show 422 var idNum = $(this).attr("id").substring(4); 423 //removeCategoryFilter(idNum); 424 } 425 }); 426 $("#child_"+catID).hide(); 427 $(this).html("+"); 428 return false; 429 } 430 }); 431 432 433 434 435 ////////////////////////////////////////////////////////////////////////////////////// 436 // Category Switch Action 437 $("a[id^='cat_']").click(function(e) 438 { 439 //the id of the category that just changed 440 var catID = this.id.substring(4); 441 442 //the list of categories we're currently showing 443 numOfCategoriesSelected = gCategoryId.length; 444 445 446 //First we check if the "All Categories" button was pressed. If so unselect everything else 447 if( catID == 0) 448 { 449 if( !$("#cat_0").hasClass("active")) //it's being activated so unselect everything else 450 { 451 //unselect all other selected categories 452 while (gCategoryId.length > 0) 453 { 454 removeCategoryFilter(gCategoryId[0]); 455 } 456 } 457 } 458 else 459 { //we're dealing wtih single categories or parents 460 461 462 //first check and see if we're dealing with a parent category 463 if( $("#child_"+catID).find('a').length > 0) 464 { 465 //are we turning the parent on or off? 466 var parentActive = $("#cat_"+catID).hasClass("active"); 467 468 //we want to turn on/off kid categories 469 var kids = $("#child_"+catID).find('a'); 470 kids.each(function(){ 471 472 var kidNum = $(this).attr("id").substring(4); 473 if(!parentActive) 474 { 475 $(this).addClass("active"); 476 477 } 478 else 479 { 480 removeCategoryFilter(kidNum); 481 $(this).removeClass("active"); 482 } 483 }); 484 485 }//end of if for dealing with parents 486 487 //check if we're dealing with a child 488 if($(this).attr("cat_parent")) 489 { 490 //get the parent ID 491 parentID = $(this).attr("cat_parent"); 492 //if it's active deactivate it 493 //first check and see if we're adding or removing this category 494 if($("#cat_"+parentID).hasClass("active")) //it is active so make it unactive and remove this category from the list of categories we're looking at. 495 { 496 removeCategoryFilter(parentID); 497 //also deactiveate any siblings 498 var kids = $("#child_"+parentID).find('a'); 499 kids.each(function(){ 500 var kidNum = $(this).attr("id").substring(4); 501 removeCategoryFilter(kidNum); 502 $(this).removeClass("active"); 503 }); 504 } 505 506 }//end of dealing with kids 507 508 //first check and see if we're adding or removing this category 509 if($("#cat_"+catID).hasClass("active")) //it is active so make it unactive and remove this category from the list of categories we're looking at. 510 { 511 removeCategoryFilter(catID); 512 } 513 else //it isn't active so make it active 514 { 515 516 $("#cat_"+catID).addClass("active"); 517 518 //make sure the "all categories" button isn't active 519 removeCategoryFilter("0"); 520 521 gCategoryId.push(catID); 522 } 523 } 524 525 526 //check to make sure something is selected. If nothing is selected then select "all gategories" 527 if( gCategoryId.length == 0) 528 { 529 $("#cat_0").addClass("active"); 530 gCategoryId.push("0"); 531 } 532 533 // Update report filters 534 map.updateReportFilters({c: gCategoryId}); 535 536 e.stopPropagation(); 537 538 539 return false;
540 }); 541 542 543 // Layer selection 544 $("ul#kml_switch li > a.toggleLayer").click(function(e) { 545 // Get the layer id 546 var layerId = this.id.substring(6); 547 548 549 var isCurrentLayer = false; 550 var context = this; 551 552 // Remove all actively selected layers 553 $("#kml_switch a").each(function(i) { 554 if ($(this).hasClass("active")) { 555 if (this.id == context.id) { 556 isCurrentLayer = true; 557 } 558 } 559 }); 560 //remove the layer if it was clicked again 561 if(isCurrentLayer && layerId != "bath"){ 562 map.trigger("deletelayer", $(".layer-name", this).html()); 563 $(this).removeClass("active"); 564 $("#meta_layer_click_"+layerId).removeClass("layerActive"); 565 } 566 567 // Was a different layer selected? 568 if (!isCurrentLayer && layerId != "bath") { 569 // Set the currently selected layer as the active one 570 $(this).addClass("active"); 571 $("#meta_layer_click_"+layerId).addClass("layerActive"); 572 map.addLayer(Ushahidi.KML, { 573 name: $(".layer-name", this).html(), 574 url: "json/layer/" + layerId 575 }); 576 } 577 console.log(layerId); 578 if(layerId == "bath"){ 579 580 if(bathymetry.visibility){ 581 $(this).removeClass("active"); 582 $("#meta_layer_click_"+layerId).removeClass("layerActive"); 583 bathymetry.setVisibility(false); 584 } else { 585 $(this).addClass("active"); 586 $("#meta_layer_click_"+layerId).addClass("layerActive"); 587 bathymetry.setVisibility(true); 588 } 589 } 590 591 return false; 592 }); 593 594 $("ul#kml_switch li > a.layer_meta_clicker").click(function(e) { 595 596 var layerId = this.id.substring(17); 597 if($(this).hasClass("active")){ 598 $(this).removeClass("active"); 599 $("#layerMetaInfo_"+layerId).hide(); 600 } else { 601 $(this).addClass("active"); 602 $("#layerMetaInfo_"+layerId).show(); 603 } 604 }); 605 606 $("a#timelineSliderToggle").click(function(e) { 607 if ( $(".slider-holder .ui-slider").is(":visible") ) { 608 609 } else { 610 $(".slider-holder").css("height","90px"); 611 $(".slider-holder .ui-slider").show(); 612 $("#timelineSliderToggle").hide(); 613 } 614 615 return false; 616 }); 617 618 619 // Timeslider and date change actions 620 $("select#startDate, select#endDate").selectToUISlider({ 621 labels: 4, 622 labelSrc: 'text', 623 sliderOptions: { 624 change: function(e, ui) { 625 var from = $("#startDate").val(); 626 var to = $("#endDate").val(); 627 628 if (to > from && (from != startTime || to != endTime)) { 629 // Update the report filters 630 startTime = from; 631 endTime = to; 632 map.updateReportFilters({s: from, e: to}); 633 } 634 635 e.stopPropagation(); 636 } 637 } 638 }); 639 640 // Media Filter Action 641 $('.filters a').click(function() { 642 var mediaType = parseFloat(this.id.replace('media_', '')) || 0; 643 644 $('.filters a.active').removeClass('active'); 645 $(this).addClass('active'); 646 647 // Update the report filters 648 map.updateReportFilters({m: mediaType}); 649 650 return false; 651 }); 652 653 //Execute the function when page loads 654 smartColumns(); 655 656 // Are checkins enabled? 657 658}); 659 660$(window).resize(function () { 661 //Each time the viewport is adjusted/resized, execute the function 662 smartColumns(); 663}); 664 665 666 667 $(document).ready(function(){ 668 669 //bathymetry layer 670 var proj_4326 = new OpenLayers.Projection('EPSG:4326'); 671 var topLeft = new OpenLayers.Geometry.Point(0, 45); 672 OpenLayers.Projection.transform(topLeft, proj_4326, map._olMap.getProjectionObject()); 673 var bottomRight = new OpenLayers.Geometry.Point(32, 30); 674 OpenLayers.Projection.transform(bottomRight, proj_4326, map._olMap.getProjectionObject()); 675 676 bathymetry = new OpenLayers.Layer.Image( 677 'Bathymetry', 678 'https://www.watchthemed.net/media/img/openlayers/bathymetry.jpg', 679 new OpenLayers.Bounds(topLeft.x, bottomRight.y, bottomRight.x, topLeft.y), 680 new OpenLayers.Size(1280, 850), 681 {'isBaseLayer': false, 'alwaysInRange': true} 682 ); 683 684 685 //map._olMap.addLayer(bathymetry); 686 bathymetry.setVisibility(false); 687 }); 688 689 690</script>
vendor: 1 bytes, line 690
690
691<script type="text/javascript"> 692 693 694//]]> 695</script>
695 696
697<script type="text/javascript"> 698 //get the current page 699 var path_info = 'main'; 700 701 //See what methods should be called based on the page 702 function loadWide(){ 703 switch(path_info){ 704 /* Etherton: this is good but we don't need it right now and will probably do this by changing the theme since we'll want to move the category filter 705 case 'main': 706 mainMapWide(); 707 break;*/ 708 case 'reports/submit': 709 reportSubmitWide(); 710 break; 711 case 'reports/view': 712 $('a.wider-map').click(); 713 break; 714 case 'admin/reports/edit': 715 $('a.wider-map').click(); 716 break; 717 } 718 719 } 720 721 //For the reports/submit page, moves the map and the report box below it to be wide 722 function reportSubmitWide(){ 723 $('.report-find-location').prependTo($('.report_left')); 724 $('#divMap').parent().prependTo($('.report_left')); 725 726 $('#divMap').width(960); 727 $('.report-find-location').width(940); 728 $('.report-find-location').height(30); 729 $('#location_find').css({"float": "right","top": "-38px","position": "relative"}); 730 $('#button').css({"float": "right","top": "-38px","position": "relative"}); 731 $('#find_text').css({"position":"relative", "top":"-32px"}); 732 $('.report_right').css({"position":"relative", "top":"430px"}); 733 $('#divMap').parent().css({'margin':'0'}); 734 $('.report_optional').prependTo($('.btn_submit').parent()); 735 736 //Tell the map that it has a new siez to update the center 737 map.updateSize(); 738 } 739 740 //For the main "home" page, moves the map and expands the divs 741 function mainMapWide(){ 742 $('.map').css({"height":"350px", "width": "900px"}); 743 $('#main').css({"height":"500px"}); 744 $('#mapStatus').css({"width":"900px"}); 745 $('.slider-holder').css({"width":"885px"}); 746 $('#content').css({"height":"500px", "width": "1200px"}); 747 $('#right').prependTo($('.content-container')); 748 //Tell the map that it has a new size to update the center 749 map._olMap.updateSize(); 750 } 751 752 //Reports/ page not accepting listeners elsewhere, so this will load for all pages, but these only exist on the reports/ page 753 $(window).load(function() { 754 loadWide(); 755 $('a.map').click(function(){ 756 $('#reports-box').width(900); 757 $('#rb_map-view').width(897); 758 $('#filters-box').css({"float":"right"}); 759 map.updateSize(); 760 }); 761 $('a.list').click(function(){ 762 $('#reports-box').width(600); 763 $('#filters-box').css({"float":"left"}); 764 }); 765 }); 766 767</script>
767 768
769<script type="text/javascript"> 770 var path_info = 'main'; 771 var map_div = ''; 772 var my_map = null; 773 var map_expand = false; 774 var ruler_exists = false; 775 //variables to hold map zooming listeners 776 var clickOut; 777 var clickIn; 778 var zoomBox; 779 //conversion for nautical miles 780 var nautMile = 0.539957; 781 var order = 1; 782 var nautChecked = false; 783 var kiloChecked = false; 784 var measureDeactivateAll = null; 785 var measureControls = null; 786 787 $(document).ready(function(){ 788 $('a.map').click(function(){ 789 if(!map_expand){ 790 if(!ruler_exists){ 791 Ruler(); 792 zoomButtons(); 793 } 794 else{ 795 $('#toolbarControl').show(); 796 } 797 map_expand = true; 798 } 799 }); 800 $('a.list').click(function(){ 801 if(map_expand){ 802 map_expand = false; 803 $('#toolbarControl').hide(); 804 } 805 }); 806 }); 807 // style the sketch fancy 808 var sketchSymbolizers = { 809 "Point": { 810 pointRadius: 4, 811 graphicName: "square", 812 fillColor: "white", 813 fillOpacity: 1, 814 strokeWidth: 1, 815 strokeOpacity: 1, 816 strokeColor: "#333333" 817 }, 818 "Line": { 819 strokeWidth: 3, 820 strokeOpacity: 1, 821 strokeColor: "#666666", 822 strokeDashstyle: "dash" 823 }, 824 "Polygon": { 825 strokeWidth: 2, 826 strokeOpacity: 1, 827 strokeColor: "#666666", 828 fillColor: "white", 829 fillOpacity: 0.3 830 } 831 }; 832 var style = new OpenLayers.Style(); 833 834 style.addRules([new OpenLayers.Rule({symbolizer: sketchSymbolizers})]); 835 var styleMap = new OpenLayers.StyleMap({"default": style}); 836 837 // allow testing of specific renderers via "?renderer=Canvas", etc 838 var renderer = OpenLayers.Util.getParameters(window.location.href).renderer; 839 renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers; 840 841 measureControls = { 842 line: new OpenLayers.Control.Measure( 843 OpenLayers.Handler.Path, { 844 geodesic: true, 845 persist: true, 846 handlerOptions: { 847 layerOptions: { 848 renderers: renderer, 849 styleMap: styleMap 850 } 851 } 852 } 853 ), 854 polygon: new OpenLayers.Control.Measure( 855 OpenLayers.Handler.Polygon, { 856 geodesic: true, 857 persist: true, 858 handlerOptions: { 859 layerOptions: { 860 renderers: renderer, 861 styleMap: styleMap 862 } 863 } 864 } 865 ) 866 }; 867 868 //turn off all listeners 869 function deactivateAll(runRemotely){ 870 871 //hide the Find Location stuff 872 $('#searchButtons').hide(); 873 874 clickOut.deactivate(); 875 clickIn.deactivate(); 876 zoomBox.deactivate(); 877 $('#'+map_div).css({ 878 'cursor': "default" 879 }); 880 $('#output').hide(); 881 882 $('#distanceOptionsDiv').hide(); 883 for(key in measureControls) { 884 var control = measureControls[key]; 885 control.deactivate(); 886 my_map.removeControl(control); 887 } 888 //incase we are on the edit or submit page 889 if( typeof turnOffControls != "undefined" && turnOffControls != null && typeof runRemotely == "undefined"){ 890 turnOffControls(true); 891 } 892 $('#clickOut').removeClass("active"); 893 $('#clickIn').removeClass("active"); 894 $('#lineDraw').removeClass("active"); 895 $('#areaDraw').removeClass("active"); 896 $('#noDraw').removeClass("active"); 897 898 } 899 900 measureDeactivateAll = deactivateAll; 901 902 function createRuler(){ 903 //create the ruler buttons 904 $('#'+map_div).before( 905 '<div style="position:absolute;">\ 906 <div id="toolbarControl">\ 907 <div title="Measure in a series of lines." id="lineDraw" onclick="toggleControl(this)">\ 908 <img class="rulerIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/>\ 909 </div>\ 910 <div title="Measure within an area." id="areaDraw" onclick="toggleControl(this)">\ 911 <img class="areaIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/>\ 912 </div>\ 913 <div value="None" title="Turn off measuring." id="noDraw" class="active">\ 914 <img class="dragIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/>\ 915 </div>\ 916 </br><div id="distanceOptionsDiv">\ 917 <input type="radio" id="kilometers" name="distanceOptions" checked> Kilometers\ 918 <input type="radio" name="distanceOptions" id="nautMile"> Nautical Miles\ 919 </div>\ 920 </br><div id = "output"></div>\ 921 </div>\ 922 '); 923 $('#lineDraw').val('line'); 924 $('#areaDraw').val('polygon'); 925 $('#noDraw').click(function(){ 926 deactivateAll(); 927 }); 928 $('#nautMile').click(function(){ 929 if(!nautChecked){ 930 nautChecked = true; 931 kiloChecked = false;
932 var dis = parseFloat($('#output').text().substring(10)); 933 dis *= nautMile; 934 var out = ''; 935 if(order == 1) { 936 out += "Distance: " + dis + " NM"; 937 } else { 938 out += "Distance: " + dis + " NM" + "<sup>2</sup>"; 939 } 940 document.getElementById('output').innerHTML = out; 941 } 942 }); 943 $('#kilometers').click(function(){ 944 if(!kiloChecked){ 945 kiloChecked = true; 946 nautChecked = false; 947 var dis = parseFloat($('#output').text().substring(10)); 948 dis /= nautMile; 949 var out = ''; 950 if(order == 1) { 951 out += "Distance: " + dis + " km"; 952 } else { 953 out += "Distance: " + dis + " km" + "<sup>2</sup>"; 954 } 955 document.getElementById('output').innerHTML = out; 956 } 957 }); 958 } 959 960 var measureControls; 961 function Ruler(){ 962 ruler_exists = true; 963 switch(path_info){ 964 case 'main': 965 map_div = 'map'; 966 my_map = map._olMap; 967 break; 968 case 'reports/submit': 969 map_div = 'divMap'; 970 my_map = map; 971 break; 972 case 'reports': 973 map_div = 'rb_map-view'; 974 my_map = map; 975 break; 976 case 'reports/view': 977 map_div = 'map'; 978 my_map = myMap; 979 break; 980 case 'admin/reports/edit': 981 map_div = 'divMap'; 982 my_map = myMap; 983 break; 984 case 'alerts': 985 map_div = 'divMap'; 986 my_map = map; 987 break; 988 } 989 createRuler(); 990 var control; 991 for(var key in measureControls) { 992 control = measureControls[key]; 993 control.events.on({ 994 "measure": handleMeasurements, 995 "measurepartial": handleMeasurements 996 }); 997 998 my_map.addControl(control); 999 } 1000 for(key in measureControls) { 1001 var control = measureControls[key]; 1002 control.setImmediate(true); 1003 } 1004 1005 1006 1007 1008 1009 } 1010 1011 function handleMeasurements(event) { 1012 var units = ($('#kilometers').is(':checked')) ? event.units : 'NM'; 1013 order = event.order; 1014 var measure = event.measure; 1015 var element = document.getElementById('output'); 1016 var out = ""; 1017 var kind = ($('#kilometers').is(':checked')) ? 1 : nautMile; 1018 if(order == 1) { 1019 out += "Distance: " + measure.toFixed(3)*kind + " " + units; 1020 } else { 1021 out += "Distance: " + measure.toFixed(3)*kind + " " + units + "<sup>2</sup>"; 1022 } 1023 element.innerHTML = out; 1024 $('#output').show(); 1025 $('#distanceOptionsDiv').show(); 1026 1027 } 1028 1029 function toggleControl(element) { 1030 clickIn.deactivate(); 1031 clickOut.deactivate(); 1032 1033 $('#'+map_div).css({ 1034 'cursor': "default" 1035 }); 1036 for(key in measureControls) { 1037 var control = measureControls[key]; 1038 if(element.value == key) { 1039 control.activate(); 1040 } else { 1041 control.deactivate(); 1042 } 1043 } 1044 //console.log(my_map); 1045 } 1046 1047 1048 1049 //create the ZoomButtons 1050 function zoomButtons(){ 1051 $('.olControlZoom').hide(); 1052 1053 1054 $('#lineDraw').before( 1055 '<div id="clickIn" title="Zoom in"><img class="zoomInIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/></div>\ 1056 <div id="clickOut" title="Zoom out"><img class="zoomOutIcon" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/></div>\ 1057 <div id="ZoomBoxHolder" class="olControlEditingToolbar"></div>' 1058 ); 1059 1060 if(path_info == "main"){ 1061 $('#noDraw').after( 1062 '<div id="fullScreen" title="FullScreen"><img style="border-top-right-radius: 3px;border-bottom-right-radius: 3px;" class="fullScreen" src="https://www.watchthemed.net/plugins/mapmeasure/media/img/img_trans.gif" width="1" height="1"/></div>' 1063 ); 1064 $('#noDraw img').css('border-top-right-radius', '0px'); 1065 $('#noDraw img').css('border-bottom-right-radius', '0px'); 1066 $("#toolbarControl").css("width","250px"); 1067 } 1068 1069 zoomBox = new OpenLayers.Control.ZoomBox(); 1070 1071 var panelControls = [ zoomBox ]; 1072 var container = document.getElementById("ZoomBoxHolder"); 1073 var panel2 = new OpenLayers.Control.Panel({ 1074 div:container, 1075 displayClass: 'olControlEditingToolbar' 1076 });
1077 panel2.addControls(panelControls); 1078 my_map.addControl(panel2); 1079 1080 $("#ZoomBoxHolder div").click(function (){ 1081 deactivateAll(); 1082 zoomBox.activate(); 1083 console.log("hey"); 1084 $('#'+map_div).css({ 1085 'cursor': "crosshair" 1086 }); 1087 1088 }); 1089 1090 1091 OpenLayers.Control.ClickOut = OpenLayers.Class(OpenLayers.Control, { 1092 defaultHandlerOptions: { 1093 'single': true, 1094 'double': false, 1095 'pixelTolerance': 0, 1096 'stopSingle': false, 1097 'stopDouble': true 1098 }, 1099 initialize: function(options) { 1100 this.handlerOptions = OpenLayers.Util.extend( 1101 {}, this.defaultHandlerOptions 1102 ); 1103 OpenLayers.Control.prototype.initialize.apply( 1104 this, arguments 1105 ); 1106 this.handler = new OpenLayers.Handler.Click( 1107 this, { 1108 'click': this.trigger 1109 }, this.handlerOptions 1110 ); 1111 }, 1112 trigger: function(e) { 1113 var lonlat = my_map.getLonLatFromPixel(e.xy); 1114 my_map.setCenter(lonlat, my_map.getZoom() - 1); 1115 } 1116 }); 1117 1118 OpenLayers.Control.ClickIn = OpenLayers.Class(OpenLayers.Control, { 1119 defaultHandlerOptions: { 1120 'single': true, 1121 'double': false, 1122 'pixelTolerance': 0, 1123 'stopSingle': false, 1124 'stopDouble': true 1125 }, 1126 1127 initialize: function(options) { 1128 this.handlerOptions = OpenLayers.Util.extend( 1129 {}, this.defaultHandlerOptions 1130 ); 1131 OpenLayers.Control.prototype.initialize.apply( 1132 this, arguments 1133 ); 1134 this.handler = new OpenLayers.Handler.Click( 1135 this, { 1136 'click': this.trigger 1137 }, this.handlerOptions 1138 ); 1139 }, 1140 1141 trigger: function(e) { 1142 var lonlat = my_map.getLonLatFromPixel(e.xy); 1143 my_map.setCenter(lonlat, my_map.getZoom() + 1); 1144 } 1145 1146 }); 1147 1148 clickOut = new OpenLayers.Control.ClickOut(); 1149 clickIn = new OpenLayers.Control.ClickIn(); 1150 1151 my_map.addControl(clickOut); 1152 my_map.addControl(clickIn); 1153 $('#clickOut').click(function(){ 1154 deactivateAll(); 1155 clickOut.activate(); 1156 $(this).addClass("active"); 1157 $('#'+map_div).css({ 1158 'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/ZoomOut.png'), -moz-zoom-out" 1159 }); 1160 1161 }); 1162 $('#clickIn').click(function(){ 1163 deactivateAll(); 1164 clickIn.activate(); 1165 $(this).addClass("active"); 1166 $('#'+map_div).css({ 1167 'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/ZoomIn.png'), -moz-zoom-in" 1168 }); 1169 }); 1170 1171 $('#fullScreen').click(function(){ 1172 if($("#fullScreen").hasClass("active")){ 1173 $("#fullScreen").removeClass("active") 1174 $("#mainmenu").show(); 1175 $(".slider-holder").show(); 1176 $("#graphWrapper").show(); 1177 $(".content-container").show(); 1178 $("#footer").show(); 1179 $("#clearBoth").show(); 1180 $("div.wrapper").css("width","960px"); 1181 1182 $("#page").css({ "height": "auto", "overflow-y": "auto" }); 1183 $("div.wrapper").css("height", "auto"); 1184 $("#page").css("height", "auto"); 1185 $("#middle").css("height", "auto"); 1186 $("div.background").css("height", "auto"); 1187 $("#main").css("height", "auto"); 1188 $("#mainmiddle").css("height", "auto"); 1189 $("#content").css("height", "auto"); 1190 $("#map").css("height", "592px"); 1191 1192 $("div#report-type-filter").css("position","relative"); 1193 $("div#report-type-filter").css("top","-75px"); 1194 $("div#report-type-filter").css("bottom","auto"); 1195 1196 $("#mapStatus").css("position","relative"); 1197 $("#mapStatus").css("top","-40px"); 1198 $("#mapStatus").css("bottom","auto"); 1199 1200 $("#report-map-filter-box").css("float","none"); 1201 $("#report-map-filter-box").css("left","730px"); 1202 1203 $("#toolbarControl").css("top", "10px"); 1204 $("#searchControl").css("top", "10px"); 1205 1206 } else { 1207 $("#fullScreen").addClass("active") 1208 1209 $("#mainmenu").hide(); 1210 $(".slider-holder").hide();
1211 $("#graphWrapper").hide(); 1212 $(".content-container").hide(); 1213 $("#footer").hide(); 1214 $("#clearBoth").hide(); 1215 $("div.wrapper").css("width","100%"); 1216 1217 $("#page").scrollTop(); 1218 $("#page").css({ "height": "100%", "overflow-y": "hidden" }); 1219 $("div.wrapper").css("height", "100%"); 1220 $("#page").css("height", "100%"); 1221 $("#middle").css("height", "100%"); 1222 $("div.background").css("height", "100%"); 1223 $("#main").css("height", "100%"); 1224 $("#mainmiddle").css("height", "100%"); 1225 $("#content").css("height", "100%"); 1226 $("#map").css("height", "100%"); 1227 1228 $("div#report-type-filter").css("position","absolute"); 1229 $("div#report-type-filter").css("top", "auto"); 1230 $("div#report-type-filter").css("bottom", "-55px"); 1231 1232 $("#mapStatus").css("position","absolute"); 1233 $("#mapStatus").css("top","auto"); 1234 $("#mapStatus").css("bottom", "-50px"); 1235 1236 $("#report-map-filter-box").css("float","right"); 1237 $("#report-map-filter-box").css("left","-10px"); 1238 1239 $("#toolbarControl").css("top", "10px"); 1240 1241 $("#searchControl").css("top", "10px"); 1242 1243 } 1244 1245 my_map.updateSize(); 1246 }); 1247 1248 $('#lineDraw').click(function() { 1249 deactivateAll(); 1250 measureControls.line.activate(); 1251 $(this).addClass("active"); 1252 $('#'+map_div).css({ 1253 'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/rulerLine.png'), -moz-zoom-in" 1254 }); 1255 }); 1256 1257 $('#areaDraw').click(function() { 1258 deactivateAll(); 1259 measureControls.polygon.activate(); 1260 $(this).addClass("active"); 1261 $('#'+map_div).css({ 1262 'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/rulerPoly.png'), -moz-zoom-in" 1263 }); 1264 }); 1265 1266 $('#ZoomBoxHolder').click(function() { 1267 deactivateAll(); 1268 zoomBox.activate(); 1269 $('#'+map_div).css({ 1270 'cursor': "url('https://www.watchthemed.net/plugins/mapmeasure/media/img/ZoomToBox.png'), -moz-zoom-in" 1271 }); 1272 }); 1273 1274 $('#noDraw').click(function() { 1275 deactivateAll(); 1276 $(this).addClass("active"); 1277 }); 1278 1279 } 1280 1281 1282jQuery(window).load(function() { 1283 if(path_info != 'reports'){ 1284 Ruler(); 1285 zoomButtons(); 1286 1287 } 1288}); 1289 1290 1291</script>
1291 1292 1293 1294 1295<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/plugins/mapmeasure/media/css/measureCSS.css"/> 1296 1297 1298 1299
1300<script type="text/javascript"> 1301 1302 var path_info = 'main'; 1303 var map_div = ''; 1304 var olMap = null; 1305 var map_search = false; 1306 var search_exists = false; 1307 var olSearchLayer = null; 1308 1309 var markers = null; 1310 1311 $(document).ready(function(){ 1312 $('a.map').click(function(){ 1313 if(!map_search){ 1314 if(!search_exists){ 1315 createSearchbar(); 1316 } 1317 else{ 1318 $('#searchControl').show(); 1319 } 1320 map_search = true; 1321 } 1322 }); 1323 $('a.list').click(function(){ 1324 if(map_search){ 1325 map_search = false; 1326 $('#searchControl').hide(); 1327 } 1328 }); 1329 }); 1330 1331 1332 function createSearchbar(){ 1333 //create the ruler buttons 1334 $('#'+map_div).before( 1335 '<div style="position:absolute;">\ 1336 <div id="searchControl">\ 1337 <img class="searchIcon" src="https://www.watchthemed.net/plugins/searchlocation/media/img/img_trans.gif" width="1" height="1"/>\ 1338 <div id="searchButtons" style="display:none;padding:5px;">\ 1339 <input type="text" id="coordinates" placeholder="Lat, Lon (DD, DM or DMS)" name="coordinates"/>\ 1340 <input type="button" value="search" onclick="searchLocation();"/> <input type="button" value="clear" onclick="clearSearch();"/></br>\ 1341 <hr />\ 1342 <button id="enableShiftMode" type="button">Shift Mode</button>\ 1343 </div>\ 1344 </div>\ 1345 '); 1346 1347 $('.searchIcon').click(function(){ 1348 $('#searchButtons').toggle(); 1349 }); 1350 1351 $('#enableShiftMode').click(function() { 1352 // Hide reports. 1353 var layersReports = olMap.getLayersByName('Reports'); 1354 for (var i = 0; i < layersReports.length; i++) { 1355 var layer = layersReports[i]; 1356 layer.setVisibility(false); 1357 } 1358 1359 // Display SAR and territorial waters layers. 1360 var SELECTOR_LAYER_SAR = '#layer_9'; 1361 var SELECTOR_LAYER_TERRITORIAL_WATERS = '#layer_15'; 1362 $(SELECTOR_LAYER_SAR).click(); 1363 $(SELECTOR_LAYER_TERRITORIAL_WATERS).click(); 1364 1365 // Set base layer to bing hybrid map. 1366 var layersHybrid = olMap.getLayersByName('Bing-Hybrid'); 1367 for (var i = 0; i < layersHybrid.length; i++) { 1368 var layer = layersHybrid[i]; 1369 olMap.setBaseLayer(layer); 1370 } 1371 1372 // Make map fullscreen. 1373 $('#fullScreen').click(); 1374 }); 1375 1376 map_search = true; 1377 1378 var template = { 1379 pointRadius: "10", // using context.getSize(feature) 1380 fillColor: "#333333", // using context.getColor(feature) 1381 strokeWidth:"2", 1382 strokeColor:"#ffffff" 1383 }; 1384 var style = new OpenLayers.Style(template); 1385 1386 olSearchLayer = new OpenLayers.Layer.Vector( "Search Layer", { 1387 styleMap: new OpenLayers.StyleMap(style) 1388 }); 1389 1390 1391 olMap.addLayer(olSearchLayer); 1392 1393 markers = new WTMSearchLocation.Markers(OpenLayers, olMap, olSearchLayer); 1394 1395 if (markers.hasData()) { 1396 olMap.setCenter(markers.getLatest().olLonLat, olMap.zoom); 1397 } 1398 } 1399 1400 1401 function clearSearch(){ 1402 markers.clear(); 1403 } 1404 1405 function searchLocation(){ 1406 //transform variables for coordinates 1407 var orgCenter = olMap.center; 1408 var searchQuery = $("#coordinates").val(); 1409 var parsed = WTMLib.parseCoordinates(searchQuery); 1410 if (parsed.data) { 1411 var searchResult = parsed.data.latLon; 1412 } else { 1413 var errorMessages = 1414 ['There were some errors parsing the coordinates: «' + searchQuery + '»:\n'] 1415 .concat(parsed.errors.map(function(error) { return error.message; })); 1416 alert(errorMessages.join('\n- ')); 1417 } 1418 1419 // Add a marker to the map 1420 var marker = markers.add({ 1421 createdAt: new Date(), 1422 searchQuery: searchQuery, 1423 searchResult: searchResult, 1424 OpenLayers: OpenLayers, 1425 olMap: olMap, 1426 olSearchLayer: olSearchLayer, 1427 popupState: { 1428 label: '', 1429 isShown: true, 1430 isTooltip: false, 1431 isBeingEdited: true 1432 } 1433 }); 1434 1435 olMap.setCenter(marker.olLonLat, olMap.zoom); 1436 } 1437 1438jQuery(window).load(function() { 1439 switch(path_info){ 1440 case 'main': 1441 map_div = 'map'; 1442 olMap = map._olMap; 1443 break; 1444 case 'reports/submit': 1445 map_div = 'divMap'; 1446 olMap = map; 1447 break; 1448 case 'reports': 1449 map_div = 'rb_map-view'; 1450 olMap = map; 1451 break; 1452 case 'admin/reports/edit': 1453 map_div = 'divMap'; 1454 olMap = myMap; 1455 break; 1456 case 'alerts': 1457 map_div = 'divMap'; 1458 olMap = map._olMap; 1459 break; 1460 } 1461 if(path_info != 'reports'){ 1462 createSearchbar(); 1463 } 1464 1465 }); 1466 1467// 1468</script>
1468 1469 1470<link rel="stylesheet" type="text/css" href="https://www.watchthemed.net/plugins/searchlocation/media/css/searchLocationCSS.css"/> 1471 1472 1473 1474 1475</head> 1476 1477 1478 1479<body id="page" class="page-main"> 1480 1481<div id="header_nav"> 1482 <ul id="header_nav_left"> 1483 <li><span class="bignext">»</span><a href="https://www.watchthemed.net/index.php/">Watch the Med</a></li> 1484 </ul> 1485 1486 1487 <ul id="header_nav_right"> 1488 <li class="header_nav_user header_nav_has_dropdown"> 1489 1490 <a href="https://www.watchthemed.net/index.php/login" style="float:right;padding-top:8px;"><span class="header_nav_label"><strong>Login</strong></span></a> 1491 1492 <div class="header_nav_dropdown" style="display:none;"> 1493 1494 <form action="https://www.watchthemed.net/index.php/login" method="post" id="userpass_form"> 1495<input type="hidden" name="form_auth_token" value="2a653f92bff99b582154a2f9a8734b7836206b6736322687add1927859a2897f" /> 1496 1497 <input type="hidden" name="action" value="signin" /> 1498 1499 <ul> 1500 <li><label for="username">Email</label><input type="text" name="username" id="username" class="" /></li> 1501 1502 <li><label for="password">Password</label><input name="password" type="password" class="" id="password" size="20" /></li> 1503 1504 <li><input type="submit" name="submit" value="Login" class="header_nav_login_btn" /></li> 1505 </ul> 1506 </form> 1507 1508 <ul> 1509 1510 <li><a href="https://www.watchthemed.net/index.php/login/?newaccount">Create an Account</a></li> 1511 1512 <li><a href="#" id="header_nav_forgot" onclick="return false">Forgot your password?</a> 1513 <form action="https://www.watchthemed.net/index.php/login" method="post" id="header_nav_userforgot_form"> 1514<input type="hidden" name="form_auth_token" value="2a653f92bff99b582154a2f9a8734b7836206b6736322687add1927859a2897f" /> 1515 1516 <input type="hidden" name="action" value="forgot" /> 1517 <label for="resetemail">Registered Email</label> 1518 <input type="text" id="resetemail" name="resetemail" value="" /> 1519 1520 <input type="submit" name="submit" value="Reset Password" class="header_nav_login_btn" /> 1521 </form> 1522 1523 </li> 1524 </ul> 1525 </div> 1526 1527 </li> 1528 </ul> 1529</div> 1530 <!-- top bar--> 1531 <div id="top-bar"> 1532 <!-- searchbox --> 1533 <div id="searchbox"> 1534 1535 <!-- languages --> 1536 <!-- / languages --> 1537 1538 <!-- searchform --> 1539 <div class="search-form"><form action="https://www.watchthemed.net/index.php/search" method="get" id="search"> 1540<ul><li><input type="text" name="k" value="" class="text" /></li><li><input type="submit" name="b" class="searchbtn" value="Search" /></li></ul></form> 1541</div> <!-- / searchform --> 1542 1543 1544 </div> 1545 1546 </div> 1547 <!-- / searchbox --> 1548 1549 1550 <!-- wrapper --> 1551 <div class="wrapper floatholder"> 1552 1553 <!-- header --> 1554 <div id="header"> 1555 1556 <!-- logo --> 1557 <div id="logo"> 1558 <h1><a href="https://www.watchthemed.net/index.php/">Watch the Med</a></h1> 1559 <span>Development WTM site</span> 1560 </div> 1561 <!-- / logo --> 1562 1563 <!-- submit incident --> 1564 <!-- / submit incident --> 1565 1566 1567 <div id="searchbox"> 1568 1569 <!-- searchform --> 1570 <div class="search-form"><form action="https://www.watchthemed.net/index.php/search" method="get" id="search"> 1571<ul><li><input type="text" name="k" value="" class="text" /></li><li><input type="submit" name="b" class="searchbtn" value="Search" /></li></ul></form> 1572</div> <!-- / searchform --> 1573 1574 </div> 1575 1576 </div> 1577 <!-- / header --> 1578 <!-- / header item for plugins --> 1579 1580 1581 <!-- main body --> 1582 <div id="middle"> 1583 <div class="background layoutleft"> 1584 1585 <!-- mainmenu --> 1586 <div id="mainmenu" class="clearingfix agile_light_1em"> 1587 <ul class="clearingfix"> 1588 <div id='mainMenuLeft' class='menuLeft'><li><a href="https://www.watchthemed.net/index.php/main" class="active">Home</a></li><li><a href="https://www.watchthemed.net/index.php/reports" >Reports</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/9" >
1588How to contribute</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/10" >Safety at Sea</a></li></div><div id='mainMenuRight' class='menuRight'><li><a href="https://www.watchthemed.net/index.php/page/index/1" >The Sea as Frontier</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/2" >Rights at Sea</a></li><li><a href="https://www.watchthemed.net/index.php/page/index/3" >About WTM</a></li></div> </ul> 1589 1590 </div> 1591 1592 1593 1594 <div id="searchbox"> 1595 <!-- searchform --> 1596 <div class="search-form"><form action="https://www.watchthemed.net/index.php/search" method="get" id="search"> 1597<ul><li><input type="text" name="k" value="" class="text" /></li><li><input type="submit" name="b" class="searchbtn" value="Search" /></li></ul></form> 1598</div> <!-- / searchform --> 1599 1600 <!-- 1601 <a id="submitAReport" href="https://www.watchthemed.net/reports/submit">Submit Report</a> 1602 --> 1603 </div> 1604 <!-- / mainmenu -->
1605<script type="text/javascript"> 1606$(function(){ 1607 1608 // show/hide report filters and layers boxes on home page map 1609 $("a.toggle").toggle( 1610 function() { 1611 $($(this).attr("href")).show(); 1612 $(this).addClass("active-toggle"); 1613 }, 1614 function() { 1615 $($(this).attr("href")).hide(); 1616 $(this).removeClass("active-toggle"); 1617 } 1618 ); 1619 1620}); 1621 1622</script>
1622 1623<!-- main body --> 1624<div id="main" class="clearingfix"> 1625 1626 <div id="fb-root"></div>
1627<script async defer crossorigin="anonymous" src="https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v3.3"></script>
1627 1628 1629 <div id="mainmiddle"> 1630 1631 <!-- right column --> 1632 <div id="report-map-filter-box" class="clearingfix"> 1633 <a class="btn toggle" id="filter-menu-toggle" class="" href="#the-filters">Categories<span id="show_cat_btn" class="btn-icon ic-right">»</span></a> 1634 1635 <!-- filters box --> 1636 <div id="the-filters" class="map-menu-box"> 1637 1638 <!-- report category filters --> 1639 1640 1641<!-- category filters --> 1642<div id="report-category-filter"> 1643 <ul id="category_switch" class="category-filters cat_switch"> 1644 1645 <li><a class="active" id="cat_0" href="#"> 1646 <div class="color_swatch" style="background-color:#bb0203;"></div> 1647 1648 <div> <img src="https://watchthemed.net/themes/wtm/images/emptybar.png" style="float:left;width:20px;height:20px;" class="cat_icon"></div> 1649 <div class="category-title">All</div> 1650 </a></li> 1651 <li><a href="#" id="cat_1"><div class="color_swatch" style="background: #d7b105"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_1_1373470011.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">In Distress</div></a><div class="hide" id="child_1"><ul></ul></div></li><li><a href="#" id="cat_14"><div class="color_swatch" style="background: #368182"></div><div class="swatch" style="background-color:#368182"></div><div class="category-title">Shipwreck</div></a><div class="hide" id="child_14"><ul></ul></div></li><li><a href="#" id="cat_2"><div class="color_swatch" style="background: #d84f23"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_2_1373539325.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Interception</div></a><div class="hide" id="child_2"><ul></ul></div></li><li><a href="#" id="cat_3"><div class="color_swatch" style="background: #959595"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_3_1373539339.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Dead</div></a><div class="hide" id="child_3"><ul></ul></div></li><li><a href="#" id="cat_6"><div class="color_swatch" style="background: #96a741"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_6_1373539350.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Missing</div></a><div class="hide" id="child_6"><ul></ul></div></li><li><a href="#" id="cat_7"><div class="color_swatch" style="background: #338d45"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_7_1373539363.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Investigations</div></a><div class="hide" id="child_7"><ul></ul></div></li><li><a href="#" id="cat_8"><div class="color_swatch" style="background: #ba027a"></div><div ><img src="https://www.watchthemed.net/media/uploads/category_8_1373557886.png" style="float:left;width:20px;height:20px;" class="cat_icon" /></div><div class="category-title">Protest</div></a><div class="hide" id="child_8"><ul></ul></div></li><li><a href="#" id="cat_10"><div class="color_swatch" style="background: #7a0a7a"></div><div class="swatch" style="background-color:#7a0a7a"></div><div class="category-title">Push-Back</div></a><div class="hide" id="child_10"><ul></ul></div></li><li><a href="#" id="cat_11"><div class="color_swatch" style="background: #35ad0e"></div><div class="swatch" style="background-color:#35ad0e"></div><div class="category-title">Stranded</div></a><div class="hide" id="child_11"><ul></ul></div></li><li><a href="#" id="cat_12"><div class="color_swatch" style="background: #fa8f0d"></div><div class="swatch" style="background-color:#fa8f0d"></div><div class="category-title">Boza</div></a><div class="hide" id="child_12"><ul></ul></div></li><li><a href="#" id="cat_13"><div class="color_swatch" style="background: #02aacc"></div><div class="swatch" style="background-color:#02aacc"></div><div class="category-title">Testimony</div></a><div class="hide" id="child_13"><ul></ul></div></li><li><a href="#" id="cat_15"><div class="color_swatch" style="background: #d8db1f"></div><div class="swatch" style="background-color:#d8db1f"></div><div class="category-title">Returned by themselves</div></a><div class="hide" id="child_15"><ul></ul></div></li><li><a href="#" id="cat_16"><div class="color_swatch" style="background: #c41818"></div><div class="swatch" style="background-color:#c41818"></div><div class="category-title">NGO vessel involved</div></a><div class="hide" id="child_16"><ul></ul></div></li><li><a href="#" id="cat_17"><div class="color_swatch" style="background: #101fa6"></div><div class="swatch" style="background-color:#101fa6"></div><div class="category-title">Merchant vessel involved</div></a><div class="hide" id="child_17"><ul></ul></div></li><li><a href="#" id="cat_18"><div class="color_swatch" style="background: #2a5e05"></div><div class="swatch" style="background-color:#2a5e05"></div><div class="category-title">Fate unknown</div></a><div class="hide" id="child_18"><ul></ul></div></li> </ul> 1652</div> 1653 <!-- / category filters --> 1654 <!-- / report category filters --> 1655 1656 1657 1658 1659 1660 1661 </div> 1662 <br/> 1663 <!-- / filters box --> 1664 1665 <div id="layers-box"> 1666 <a class="btn toggle" id="layers-menu-toggle" class="" href="#kml_switch">Layers <span id="show_layers_btn" class="btn-icon ic-right">»</span></a> 1667 <!-- Layers (KML/KMZ) --> 1668 <ul id="kml_switch" class="category-filters map-menu-box"> 1669 1670 <li><a href="#" class="toggleLayer" id="layer_11" ><div class="color_swatch" style="background-color:#000000;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_11_1374070003.png"/></span><span class="layer-name">Border police patrols</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_11"> </a><div id="layerMetaInfo_11" class="layerMeta">While the exact location of patrols is of course constantly changing, this line indicates the approximate boundary routinely patrolled by border guardsâ naval assets. In the open sea, it usually correspond to the outer extent of the contiguous zone, the area in which âState may exercise the control necessary to prevent infringement of its customs, fiscal, immigration or sanitary lawsâ (UNCLOS, art. 33). Data source: interviews with border police officials.<br><!-- 1671 /* Font Definitions */ 1672@font-face 1673 {font-family:Times; 1674 panose-1:2 0 5 0 0 0 0 0 0 0; 1675 mso-font-charset:0; 1676 mso-generic-font-family:auto; 1677 mso-font-pitch:variable; 1678 mso-font-signature:3 0 0 0 1 0;} 1679@font-face 1680 {font-family:"ï¼ï¼³ ææ"; 1681 mso-font-charset:78; 1682 mso-generic-font-family:auto; 1683 mso-font-pitch:variable; 1684 mso-font-signature:1 134676480 16 0 131072 0;} 1685@font-face 1686 {font-family:"ï¼ï¼³ ææ"; 1687 mso-font-charset:78; 1688 mso-generic-font-family:auto; 1689 mso-font-pitch:variable; 1690 mso-font-signature:1 134676480 16 0 131072 0;} 1691@font-face 1692 {font-family:Cambria; 1693 panose-1:2 4 5 3 5 4 6 3 2 4; 1694 mso-font-charset:0; 1695 mso-generic-font-family:auto; 1696 mso-font-pitch:variable; 1697 mso-font-signature:-536870145 1073743103 0 0 415 0;} 1698 /* Style Definitions */ 1699p.MsoNormal, li.MsoNormal, div.MsoNormal 1700 {mso-style-unhide:no; 1701 mso-style-qformat:yes; 1702 mso-style-parent:""; 1703 margin:0cm; 1704 margin-bottom:.0001pt; 1705 mso-pagination:widow-orphan; 1706 font-size:12.0pt; 1707 font-family:Cambria; 1708 mso-ascii-font-family:Cambria; 1709 mso-ascii-theme-font:minor-latin; 1710 mso-fareast-font-family:"ï¼ï¼³ ææ"; 1711 mso-fareast-theme-font:minor-fareast; 1712 mso-hansi-font-family:Cambria; 1713 mso-hansi-theme-font:minor-latin; 1714 mso-bidi-font-family:"Times New Roman"; 1715 mso-bidi-theme-font:minor-bidi;} 1716.MsoChpDefault 1717 {mso-style-type:export-only; 1718 mso-default-props:yes; 1719 font-family:Cambria; 1720 mso-ascii-font-family:Cambria; 1721 mso-ascii-theme-font:minor-latin; 1722 mso-fareast-font-family:"ï¼ï¼³ ææ"; 1723 mso-fareast-theme-font:minor-fareast; 1724 mso-hansi-font-family:Cambria; 1725 mso-hansi-theme-font:minor-latin; 1726 mso-bidi-font-family:"Times New Roman"; 1727 mso-bidi-theme-font:minor-bidi;} 1728@page WordSection1 1729 {size:612.0pt 792.0pt; 1730 margin:72.0pt 90.0pt 72.0pt 90.0pt; 1731 mso-header-margin:36.0pt; 1732 mso-footer-margin:36.0pt; 1733 mso-paper-source:0;} 1734div.WordSection1 1735 {page:WordSection1;} 1736--></div></li><li><a href="#" class="toggleLayer" id="layer_12" ><div class="color_swatch" style="background-color:#da511f;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_12_1374070018.png"/></span><span class="layer-name">Coastal radars</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_12"> </a><div id="layerMetaInfo_12" class="layerMeta">Approximate radar beam range covered by coastal radars operating in the frame of national marine traffic monitoring systems. The actual beam depends from several different parameters (including the type of object to be detected). Data source: <a href="http://www.amicidipaola.it/AICT_Finmeccanica.pdf">Finmeccanica</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_2" ><div class="color_swatch" style="background-color:#ffffff;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_2_1374070033.png"/></span><span class="layer-name">Exclusive Economic Zone</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_2"> </a><div id="layerMetaInfo_2" class="layerMeta">Maritime area beyond and adjacent to the territorial sea in which the coastal state exercises sovereign rights for the purposes of exploring and exploiting, conserving and managing the natural resources, whether living or non-living, the seabed and its subsoil and the superjacent waters. Its breadth is 200 nautical miles from the straight baselines from which the territorial sea is measured (UNCLOS, Arts. 55, 56 and 57). Data source: <a href="http://www.marineplan.es/ES/ATLAS_EUROPA.pdf">Juan Luis Suárez de Vivero, Atlas of the European Seas and Oceans</a></div></li><li><a href="#" class="toggleLayer" id="layer_10" ><div class="color_swatch" style="background-color:#0089cf;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_10_1374070055.png"/></span><span class="layer-name">Frontex operations</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_10"> </a><div id="layerMetaInfo_10" class="layerMeta">Frontex has, in the past few years, carried out several sea operations at the maritime borders of the EU. The blue shapes indicate the approximate extend of these operations. Data source: <a href="http://www.frontexit.org/en/docs/14-map-111-operations-frontex-without-graph/file">Migreurop Altas</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_13" ><div class="color_swatch" style="background-color:#cc0066;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_13_1374070564.png"/></span><span class="layer-name">Mobile phone coverage</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_13"> </a><div id="layerMetaInfo_13" class="layerMeta">Global System for Mobile Communications (GSM) network coverage. Data source: <a href="http://www.collinsbartholomew.com/PDF/GSMA%20A2%20lo%20res.pdf">Collins Mobile Coverage</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_14" ><div class="color_swatch" style="background-color:#000000;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_14_1374070525.png"/></span><span class="layer-name">Oil and gas platforms</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_14">
1736 </a><div id="layerMetaInfo_14" class="layerMeta">Oil and gas platforms in the Mediterranean. Data source:</div></li><li><a href="#" class="toggleLayer" id="layer_9" ><div class="color_swatch" style="background-color:#da511f;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_9_1374070550.png"/></span><span class="layer-name">Search and Rescue Zone</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_9"> </a><div id="layerMetaInfo_9" class="layerMeta">An area of defined dimensions within which a given state is has the responsibility to co-ordinate Search and Rescue operations, i.e. the search for, and provision of aid to, persons, ships or other craft which are, or are feared to be, in 1737distress or imminent danger. Data source: <a href="http://www.uscg.mil/hq/cg5/cg534/nsarc/SAR.8-Circ.3 Global SAR Plan.pdf">IMO availability of search and rescue (SAR) services - SAR.8/Circ.3, 17 June 2011</a>.</div></li><li><a href="#" class="toggleLayer" id="layer_15" ><div class="color_swatch" style="background-color:#97a643;"></div><span class="swatch" ><image src="https://www.watchthemed.net/media/uploads/layer_icon_15_1374070578.png"/></span><span class="layer-name">Territorial Waters</span></a><a href="#" class="layer_meta_clicker" id="meta_layer_click_15"> </a><div id="layerMetaInfo_15" class="layerMeta">A belt of sea (usually extending up to 12 nautical miles) upon which the sovereignty of a coastal State extends (UNCLOS, Art. 2). Data source: <a href="http://www.marineplan.es/ES/ATLAS_EUROPA.pdf">Juan Luis Suárez de Vivero, Atlas of the European Seas and Oceans</a></div></li> 1738 1739 </ul> 1740 </div> 1741 <!-- /Layers --> 1742 1743 1744 <!-- additional content --> 1745 1746 <!-- / additional content --> 1747 </div> 1748 <!-- / right column --> 1749 1750 <!-- content column --> 1751 <div id="content" class="clearingfix"> 1752 <div style="clear:both;position: relative;"></div> 1753 <!-- map --> 1754<div class="map timeline-enabled" id="map"></div> 1755<div style="clear:both;"></div> 1756<div id="mapStatus"> 1757 <div id="mapMousePosition"></div> 1758 <div id="mapProjection"></div> 1759 <div id="mapOutput"></div> 1760</div> 1761<div id="clearBoth" style="clear:both;"></div> 1762<!-- / map --> <!-- report type filters --> 1763 <div id="report-type-filter" class="filters"> 1764 1765 <ul> 1766 <li class="left_most_filter"><div>filter</div></li> 1767 <li><a id="media_0" href="#"><span>All</span></a></li> 1768 <li><a id="media_4" href="#"></span></a></li> 1769 <li><a id="media_1" href="#"></span></a></li> 1770 <li class="right_most_filter" ><a id="media_2" href="#"></a></li> 1771 1772 </ul> 1773 <div class="floatbox"> 1774 </div> 1775 <!-- / report type filters --> 1776 </div> 1777 <div class="slider-holder"> 1778 <a href="#" id="timelineSliderToggle"> </a> 1779 <div id="graphSwitch" onclick="toggleGraph();">Histogram</div> 1780 <form action="https://www.watchthemed.net/index.php/main" method="get"> 1781 <input type="hidden" value="0" name="currentCat" id="currentCat"/> 1782 <fieldset> 1783 <label for="startDate">From:</label> 1784 <select name="startDate" id="startDate"><optgroup label="2011"><option value="1301608800" selected="selected" >Apr 2011</option><option value="1304200800">May 2011</option><option value="1306879200">Jun 2011</option><option value="1309471200">Jul 2011</option><option value="1312149600">Aug 2011</option><option value="1314828000">Sep 2011</option><option value="1317420000">Oct 2011</option><option value="1320102000">Nov 2011</option><option value="1322694000">Dec 2011</option></optgroup><optgroup label="2012"><option value="1325372400">Jan 2012</option><option value="1328050800">Feb 2012</option><option value="1330556400">Mar 2012</option><option value="1333231200">Apr 2012</option><option value="1335823200">May 2012</option><option value="1338501600">Jun 2012</option><option value="1341093600">Jul 2012</option><option value="1343772000">Aug 2012</option><option value="1346450400">Sep 2012</option><option value="1349042400">Oct 2012</option><option value="1351724400">Nov 2012</option><option value="1354316400">Dec 2012</option></optgroup><optgroup label="2013"><option value="1356994800">Jan 2013</option><option value="1359673200">Feb 2013</option><option value="1362092400">Mar 2013</option><option value="1364767200">Apr 2013</option><option value="1367359200">May 2013</option><option value="1370037600">Jun 2013</option><option value="1372629600">Jul 2013</option><option value="1375308000">Aug 2013</option><option value="1377986400">Sep 2013</option><option value="1380578400">Oct 2013</option><option value="1383260400">Nov 2013</option><option value="1385852400">Dec 2013</option></optgroup><optgroup label="2014"><option value="1388530800">Jan 2014</option><option value="1391209200">Feb 2014</option><option value="1393628400">Mar 2014</option><option value="1396303200">Apr 2014</option><option value="1398895200">May 2014</option><option value="1401573600">Jun 2014</option><option value="1404165600">Jul 2014</option><option value="1406844000">Aug 2014</option><option value="1409522400">Sep 2014</option><option value="1412114400">Oct 2014</option><option value="1414796400">Nov 2014</option><option value="1417388400">Dec 2014</option></optgroup><optgroup label="2015"><option value="1420066800">Jan 2015</option><option value="1422745200">Feb 2015</option><option value="1425164400">Mar 2015</option><option value="1427839200">Apr 2015</option><option value="1430431200">May 2015</option><option value="1433109600">Jun 2015</option><option value="1435701600">Jul 2015</option><option value="1438380000">Aug 2015</option><option value="1441058400">Sep 2015</option><option value="1443650400">Oct 2015</option><option value="1446332400">Nov 2015</option><option value="1448924400">Dec 2015</option></optgroup><optgroup label="2016"><option value="1451602800">Jan 2016</option><option value="1454281200">Feb 2016</option><option value="1456786800">Mar 2016</option><option value="1459461600">Apr 2016</option><option value="1462053600">May 2016</option><option value="1464732000">Jun 2016</option><option value="1467324000">Jul 2016</option><option value="1470002400">Aug 2016</option><option value="1472680800">Sep 2016</option><option value="1475272800">Oct 2016</option><option value="1477954800">Nov 2016</option><option value="1480546800">Dec 2016</option></optgroup><optgroup label="2017"><option value="1483225200">Jan 2017</option><option value="1485903600">Feb 2017</option><option value="1488322800">Mar 2017</option><option value="1490997600">Apr 2017</option><option value="1493589600">May 2017</option><option value="1496268000">Jun 2017</option><option value="1498860000">Jul 2017</option><option value="1501538400">Aug 2017</option><option value="1504216800">Sep 2017</option><option value="1506808800">Oct 2017</option><option value="1509490800">Nov 2017</option><option value="1512082800">Dec 2017</option></optgroup><optgroup label="2018"><option value="1514761200">Jan 2018</option><option value="1517439600">Feb 2018</option><option value="1519858800">Mar 2018</option><option value="1522533600">Apr 2018</option><option value="1525125600">May 2018</option><option value="1527804000">Jun 2018</option><option value="1530396000">Jul 2018</option><option value="1533074400">Aug 2018</option><option value="1535752800">Sep 2018</option><option value="1538344800">Oct 2018</option><option value="1541026800">Nov 2018</option><option value="1543618800">Dec 2018</option></optgroup><optgroup label="2019"><option value="1546297200">Jan 2019</option><option value="1548975600">Feb 2019</option><option value="1551394800">Mar 2019</option><option value="1554069600">Apr 2019</option><option value="1556661600">May 2019</option><option value="1559340000">Jun 2019</option><option value="1561932000">Jul 2019</option><option value="1564610400">Aug 2019</option><option value="1567288800">Sep 2019</option><option value="1569880800">Oct 2019</option><option value="1572562800">Nov 2019</option><option value="1575154800">Dec 2019</option></optgroup><optgroup label="2020"><option value="1577833200">Jan 2020</option><option value="1580511600">Feb 2020</option><option value="1583017200">Mar 2020</option><option value="1585692000">Apr 2020</option><option value="1588284000">May 2020</option><option value="1590962400">Jun 2020</option><option value="1593554400">Jul 2020</option><option value="1596232800">Aug 2020</option><option value="1598911200">Sep 2020</option><option value="1601503200">Oct 2020</option><option value="1604185200">Nov 2020</option><option value="1606777200">Dec 2020</option></optgroup><optgroup label="2021"><option value="1609455600">Jan 2021</option><option value="1612134000">Feb 2021</option><option value="1614553200">Mar 2021</option><option value="1617228000">Apr 2021</option><option value="1619820000">May 2021</option><option value="1622498400">Jun 2021</option><option value="1625090400">Jul 2021</option><option value="1627768800">Aug 2021</option><option value="1630447200">Sep 2021</option><option value="1633039200">Oct 2021</option>
1784<option value="1635721200">Nov 2021</option><option value="1638313200">Dec 2021</option></optgroup><optgroup label="2022"><option value="1640991600">Jan 2022</option><option value="1643670000">Feb 2022</option><option value="1646089200">Mar 2022</option><option value="1648764000">Apr 2022</option><option value="1651356000">May 2022</option><option value="1654034400">Jun 2022</option><option value="1656626400">Jul 2022</option><option value="1659304800">Aug 2022</option><option value="1661983200">Sep 2022</option><option value="1664575200">Oct 2022</option><option value="1667257200">Nov 2022</option><option value="1669849200">Dec 2022</option></optgroup><optgroup label="2023"><option value="1672527600">Jan 2023</option><option value="1675206000">Feb 2023</option><option value="1677625200">Mar 2023</option><option value="1680300000">Apr 2023</option><option value="1682892000">May 2023</option><option value="1685570400">Jun 2023</option><option value="1688162400">Jul 2023</option><option value="1690840800">Aug 2023</option><option value="1693519200">Sep 2023</option><option value="1696111200">Oct 2023</option><option value="1698793200">Nov 2023</option><option value="1701385200">Dec 2023</option></optgroup><optgroup label="2024"><option value="1704063600">Jan 2024</option><option value="1706742000">Feb 2024</option><option value="1709247600">Mar 2024</option><option value="1711922400">Apr 2024</option><option value="1714514400">May 2024</option><option value="1717192800">Jun 2024</option><option value="1719784800">Jul 2024</option><option value="1722463200">Aug 2024</option><option value="1725141600">Sep 2024</option><option value="1727733600">Oct 2024</option></optgroup></select> 1785 <label for="endDate">to:</label> 1786 <select name="endDate" id="endDate"><optgroup label="2011"><option value="1304200799">Apr 2011</option><option value="1306879199">May 2011</option><option value="1309471199">Jun 2011</option><option value="1312149599">Jul 2011</option><option value="1314827999">Aug 2011</option><option value="1317419999">Sep 2011</option><option value="1320101999">Oct 2011</option><option value="1322693999">Nov 2011</option><option value="1325372399">Dec 2011</option></optgroup><optgroup label="2012"><option value="1328050799">Jan 2012</option><option value="1330469999">Feb 2012</option><option value="1333231199">Mar 2012</option><option value="1335823199">Apr 2012</option><option value="1338501599">May 2012</option><option value="1341093599">Jun 2012</option><option value="1343771999">Jul 2012</option><option value="1346450399">Aug 2012</option><option value="1349042399">Sep 2012</option><option value="1351724399">Oct 2012</option><option value="1354316399">Nov 2012</option><option value="1356994799">Dec 2012</option></optgroup><optgroup label="2013"><option value="1359673199">Jan 2013</option><option value="1362092399">Feb 2013</option><option value="1364767199">Mar 2013</option><option value="1367359199">Apr 2013</option><option value="1370037599">May 2013</option><option value="1372629599">Jun 2013</option><option value="1375307999">Jul 2013</option><option value="1377986399">Aug 2013</option><option value="1380578399">Sep 2013</option><option value="1383260399">Oct 2013</option><option value="1385852399">Nov 2013</option><option value="1388530799">Dec 2013</option></optgroup><optgroup label="2014"><option value="1391209199">Jan 2014</option><option value="1393628399">Feb 2014</option><option value="1396303199">Mar 2014</option><option value="1398895199">Apr 2014</option><option value="1401573599">May 2014</option><option value="1404165599">Jun 2014</option><option value="1406843999">Jul 2014</option><option value="1409522399">Aug 2014</option><option value="1412114399">Sep 2014</option><option value="1414796399">Oct 2014</option><option value="1417388399">Nov 2014</option><option value="1420066799">Dec 2014</option></optgroup><optgroup label="2015"><option value="1422745199">Jan 2015</option><option value="1425164399">Feb 2015</option><option value="1427839199">Mar 2015</option><option value="1430431199">Apr 2015</option><option value="1433109599">May 2015</option><option value="1435701599">Jun 2015</option><option value="1438379999">Jul 2015</option><option value="1441058399">Aug 2015</option><option value="1443650399">Sep 2015</option><option value="1446332399">Oct 2015</option><option value="1448924399">Nov 2015</option><option value="1451602799">Dec 2015</option></optgroup><optgroup label="2016"><option value="1454281199">Jan 2016</option><option value="1456700399">Feb 2016</option><option value="1459461599">Mar 2016</option><option value="1462053599">Apr 2016</option><option value="1464731999">May 2016</option><option value="1467323999">Jun 2016</option><option value="1470002399">Jul 2016</option><option value="1472680799">Aug 2016</option><option value="1475272799">Sep 2016</option><option value="1477954799">Oct 2016</option><option value="1480546799">Nov 2016</option><option value="1483225199">Dec 2016</option></optgroup><optgroup label="2017"><option value="1485903599">Jan 2017</option><option value="1488322799">Feb 2017</option><option value="1490997599">Mar 2017</option><option value="1493589599">Apr 2017</option><option value="1496267999">May 2017</option><option value="1498859999">Jun 2017</option><option value="1501538399">Jul 2017</option><option value="1504216799">Aug 2017</option><option value="1506808799">Sep 2017</option><option value="1509490799">Oct 2017</option><option value="1512082799">Nov 2017</option><option value="1514761199">Dec 2017</option></optgroup><optgroup label="2018"><option value="1517439599">Jan 2018</option><option value="1519858799">Feb 2018</option><option value="1522533599">Mar 2018</option><option value="1525125599">Apr 2018</option><option value="1527803999">May 2018</option><option value="1530395999">Jun 2018</option><option value="1533074399">Jul 2018</option><option value="1535752799">Aug 2018</option><option value="1538344799">Sep 2018</option><option value="1541026799">Oct 2018</option><option value="1543618799">Nov 2018</option><option value="1546297199">Dec 2018</option></optgroup><optgroup label="2019"><option value="1548975599">Jan 2019</option><option value="1551394799">Feb 2019</option><option value="1554069599">Mar 2019</option><option value="1556661599">Apr 2019</option><option value="1559339999">May 2019</option><option value="1561931999">Jun 2019</option><option value="1564610399">Jul 2019</option><option value="1567288799">Aug 2019</option><option value="1569880799">Sep 2019</option><option value="1572562799">Oct 2019</option><option value="1575154799">Nov 2019</option><option value="1577833199">Dec 2019</option></optgroup><optgroup label="2020"><option value="1580511599">Jan 2020</option><option value="1582930799">Feb 2020</option><option value="1585691999">Mar 2020</option><option value="1588283999">Apr 2020</option><option value="1590962399">May 2020</option><option value="1593554399">Jun 2020</option><option value="1596232799">Jul 2020</option><option value="1598911199">Aug 2020</option><option value="1601503199">Sep 2020</option><option value="1604185199">Oct 2020</option><option value="1606777199">Nov 2020</option><option value="1609455599">Dec 2020</option></optgroup><optgroup label="2021"><option value="1612133999">Jan 2021</option><option value="1614553199">Feb 2021</option><option value="1617227999">Mar 2021</option><option value="1619819999">Apr 2021</option><option value="1622498399">May 2021</option><option value="1625090399">Jun 2021</option><option value="1627768799">Jul 2021</option><option value="1630447199">Aug 2021</option><option value="1633039199">Sep 2021</option><option value="1635721199">Oct 2021</option><option value="1638313199">Nov 2021</option><option value="1640991599">Dec 2021</option></optgroup><optgroup label="2022"><option value="1643669999">Jan 2022</option><option value="1646089199">Feb 2022</option><option value="1648763999">Mar 2022</option><option value="1651355999">Apr 2022</option><option value="1654034399">May 2022</option><option value="1656626399">Jun 2022</option><option value="1659304799">Jul 2022</option><option value="1661983199">Aug 2022</option><option value="1664575199">Sep 2022</option><option value="1667257199">Oct 2022</option><option value="1669849199">Nov 2022</option><option value="1672527599">Dec 2022</option></optgroup><optgroup label="2023"><option value="1675205999">Jan 2023</option><option value="1677625199">Feb 2023</option><option value="1680299999">Mar 2023</option><option value="1682891999">Apr 2023</option><option value="1685570399">May 2023</option><option value="1688162399">Jun 2023</option><option value="1690840799">Jul 2023</option><option value="1693519199">Aug 2023</option><option value="1696111199">Sep 2023</option><option value="1698793199">Oct 2023</option><option value="1701385199">Nov 2023</option><option value="1704063599">Dec 2023</option></optgroup><optgroup label="2024"><option value="1706741999">Jan 2024</option><option value="1709161199">Feb 2024</option><option value="1711922399">Mar 2024</option><option value="1714514399">Apr 2024</option><option value="1717192799">May 2024</option><option value="1719784799">Jun 2024</option><option value="1722463199">Jul 2024</option><option value="1725141599">Aug 2024</option><option value="1727733599">Sep 2024</option><option value="1730415599" selected="selected" >Oct 2024</option></optgroup></select> 1787 </fieldset> 1788 </form> 1789</div> 1790
1791<script type="text/javascript"> 1792 function toggleGraph(){ 1793 if($(".graph-holder").is(":visible")){ 1794 $(".graph-holder").hide(400); 1795 $("#graphSwitch").removeClass("active"); 1796 $("#graphWrapper").css("padding-bottom","0px"); 1797 } else { 1798 $("#graphSwitch").addClass("active"); 1799 $(".graph-holder").show(400); 1800 $("#graphWrapper").css("padding-bottom","10px"); 1801 window.setTimeout(function(){reDrawGraph();},500); 1802 1803 } 1804 } 1805</script>
1805 1806<div id="graphWrapper"> 1807 1808 <div id="graph" class="graph-holder"></div> 1809</div> 1810 </div> 1811 </div> 1812 <!-- / content column --> 1813 1814 </div> 1815</div> 1816<!-- / main body --> 1817 1818<!-- content --> 1819<div class="content-container" style="position: relative;top: -198px;"> 1820 1821 <!-- content blocks --> 1822 <div class="content-blocks clearingfix"> 1823 <ul class="content-column"> 1824 1825 1826 1827 <li id="front-col-small" style="width:310px; padding:0px; float:right;"> 1828 1829 <div style="cursor: pointer;" onclick="window.open('http://alarmphone.org/en/', '_blank');"> 1830<div id="wtm_network" class="wtm_head_up banner_box_c"> 1831 <h1>ALARM PHONE</h1> 1832 <a target="_self" href="#"><img src="https://www.watchthemed.net/themes/wtm/images/icons/alarmphone-icon.png" /></a> 1833</div> 1834</div> 1835 1836 <div id="front_all_about" class="wtm_head_up"> 1837 <div id="front_about"> 1838 <h1>About</h1> 1839 <p> 1840 Watch the Mediterranean Sea is an online mapping platform to monitor the deaths and violations of migrants' rights at the maritime borders of the EU 1841 </p> 1842 </div> 1843 <div id="how_to_report_box"> <!--front_flyer--> 1844 <p> 1845 Read the Flyer: <a target="_blank" href="https://www.watchthemed.net/pdf/WTM-flyer-eng.pdf">english</a>, <a target="_blank" href="https://www.watchthemed.net/pdf/WTM-flyer-french.pdf">french</a>, <a target="_blank" href="https://www.watchthemed.net/pdf/WTM-flyer-arabic.pdf">arabic</a> 1846 </p> 1847 </div> 1848 <!-- 1849 <div id="how_to_report_box"> 1850 <a href="https://www.watchthemed.net/page/index/4"><h2>How to Report</h2></a>--> 1851 <!-- Phone --> 1852 <!-- 1853 --> 1854 1855 <!-- External Apps --><!-- 1856 <p> 1857 By using an app:<br/> 1858 <a href="http://download.ushahidi.com/track_download.php?download=ios">iPhone</a>, <a href="http://download.ushahidi.com/track_download.php?download=android">Android</a> </p> 1859 -_> 1860 <!-- Email --><!-- 1861 <p> 1862 By sending an email:<br/> 1863 <a href="mailto:[email protected]">[email protected]</a> 1864 </p> 1865 --> 1866 1867 <!-- Twitter --><!-- 1868 --> 1869 1870 <!-- Web Form --><!-- 1871 <p> 1872 <a href="https://www.watchthemed.net/index.php/reports/submit/"> 1873 By filling this form on our website. 1874 </a> 1875 <br/> 1876 <br/> 1877 <br/> 1878 <a id="submitAReport" class="sidepanel" href="https://www.watchthemed.net/reports/submit">Submit Report</a> 1879 </p> 1880 1881 1882 1883 </div>--> 1884 </div> 1885 <!-- 1886 <div id="front_social" class="wtm_head_up"> 1887 <a class="social" target="_blank" href="https://www.facebook.com/pages/Watch-The-Med/142123319326364#"><div id="social_facebook"></div></a> 1888 <a class="social" target="_blank" href="https://twitter.com/watchthemed"><div id="social_twitter"></div></a> 1889 <a class="social" target="_blank" href="https://www.watchthemed.net/feed"><div id="social_rss"></div></a> 1890 </div> 1891 --> 1892 <div id="front_social" class="wtm_head_up"> 1893 <a class="social" target="_blank" href="https://www.facebook.com/watchthemed.alarmphone/"><div id="social_facebook"></div></a> 1894 <a class="social" target="_blank" href="https://twitter.com/alarm_phone"><div id="social_twitter"></div></a> 1895 <a class="social" target="_blank" href="https://www.watchthemed.net/feed"><div id="social_rss"></div></a> 1896 </div> 1897 1898 <!-- 1899 <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FWatch-The-Med%2F142123319326364&width=310&height=427&colorscheme=light&show_faces=false&header=true&stream=true&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:310px; height:427px; padding: 0;" class="wtm_head_up" allowTransparency="true"></iframe> 1900 --> 1901 <div class="fb-page" data-href="https://www.facebook.com/watchthemed.alarmphone/" data-tabs="timeline" data-width="310" data-height="427" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/watchthemed.alarmphone/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/watchthemed.alarmphone/">Watch The Med - Alarmphone</a></blockquote></div> <div id="wtm_network" class="wtm_head_up banner_box"> 1902 <h1>WTM-Network</h1> 1903 <a target="_blank" href="https://www.facebook.com/boats4people"><img src="https://www.watchthemed.net/themes/wtm/images/logos/b4p.png" /></a> 1904 <a target="_blank" href="http://ffm-online.org/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/ffm.jpg" /></a> 1905 <a target="_blank" href="http://www.afrique-europe-interact.net/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/aei.png" /></a> 1906 <a target="_blank" href="http://w2eu.info/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/w2eu.png" /></a> 1907</div> 1908 1909<div id="supported_by" class="wtm_head_up banner_box"> 1910 <h1>Supported by</h1>
1911 <a target="_blank" href="http://www.stiftung-do.org/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/do2.png" /></a> 1912 <a target="_blank" href="http://www.proasyl.de/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/proasyl2.png" /></a> 1913 <a target="_blank" href="http://www.medico.de/"><img src="https://www.watchthemed.net/themes/wtm/images/logos/medico3.png" /></a> 1914</div> 1915 1916 1917 1918 <!-- 1919 <div id="tag cloud" class="wtm_head_up"> 1920 <h1>Not sure what goes here</h1> 1921 </div> 1922 --> 1923 1924 </li> 1925 <li id="front-page-news" class="wtm_head_up" style="width:620px; float:left;"> 1926 <h1>WatchTheMed Alarm Phone Reports</h1> 1927 <table style="width:100%;"> 1928 <tr> 1929 <td> 1930 <div class="front_date_cat"> 1931 Date 2024-10-14 / Category: In Distress / </div> 1932 <h2><a href="https://www.watchthemed.net/reports/view/3335">13/10: 12 travellers rescued by Salvamento Maritimo in the Western Med</a></h2> 1933 <div class="front_teaser"> 1934 Watch The Med Alarm Phone Investigations â 13th October 2024 1935Case name: 2024_10_13-WM031 1936Situation: 12 travellers in distress in the Western Med, rescued to Motril by Salvamento Maritimo. 1937Status of WTM Investigation: Concluded 1938Place of Incident: Western Mediterranean... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3335">more></a> </div> 1939 </td> 1940 </tr> 1941 <tr> 1942 <td> 1943 <div class="front_date_cat"> 1944 Date 2024-10-14 / Category: In Distress / </div> 1945 <h2><a href="https://www.watchthemed.net/reports/view/3333">13/10: 159 travellers rescued to El Hierro</a></h2> 1946 <div class="front_teaser"> 1947 Watch The Med Alarm Phone Investigations â 13th October 2024 1948Case name: 2024_10_13-ATL032 1949Situation: 159 travellers in distress in the Atlantic Ocean, rescued by Salvamento Maritimo and brought to El Hierro. 1950Status of WTM Investigation: Concluded 1951Place of Incident:... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3333">more></a> </div> 1952 </td> 1953 </tr> 1954 <tr> 1955 <td> 1956 <div class="front_date_cat"> 1957 Date 2024-10-13 / Category: In Distress / </div> 1958 <h2><a href="https://www.watchthemed.net/reports/view/3334">12/10: 20 travellers rescued by Salvamento Maritimo in the Western Med</a></h2> 1959 <div class="front_teaser"> 1960 Watch The Med Alarm Phone Investigations â 12th October 2024 1961Case name: 2024_10_12-WM30 1962Situation: 20 travellers in distress in the Western Med, rescued by Salvamento Maritimo. 1963Status of WTM Investigation: Concluded 1964Place of Incident: Western Mediterranean 1965 1966Summary... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3334">more></a> </div> 1967 </td> 1968 </tr> 1969 <tr> 1970 <td> 1971 <div class="front_date_cat"> 1972 Date 2024-10-09 / Category: In Distress / </div> 1973 <h2><a href="https://www.watchthemed.net/reports/view/3332">08/10: 26 travellers rescued to Cadiz</a></h2> 1974 <div class="front_teaser"> 1975 Watch The Med Alarm Phone Investigations â 8th October 2024 1976Case name: 2024_10_08-ATL031 1977Situation: 26 travellers in distress in the Atlantic Ocean, rescued and brought to Cadiz. 1978Status of WTM Investigation: Concluded 1979Place of Incident: Atlantic Ocean 1980 1981Summary... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3332">more></a> </div> 1982 </td> 1983 </tr> 1984 </table> 1985 1986 </li> 1987 1988 <li id="front-page-news" class="wtm_head_up" style="width:620px; float:left;"> 1989 <h1 style= "border-bottom: 6px solid #338d45;">Investigations</h1> 1990 <table style="width:100%;"> 1991 <tr> 1992 <td> 1993 <div class="front_date_cat"> 1994 Date 2023-02-27 / Category: In Distress / </div> 1995 <h2><a href="https://www.watchthemed.net/reports/view/3036">26/02: 47 travellers pulled back by the Moroccan navy in the Atlantic</a></h2> 1996 <div class="front_teaser"> 1997 Watch The Med Alarm Phone Investigations â 26th February 2023 1998 1999Case name: 2022_02_26ATL017 2000 2001Situation: 47 travellers in distress in the Altantic Ocean, pulled back by the Moroccan navy after having been... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3036">more></a> </div> 2002 </td> 2003 </tr> 2004 <tr> 2005 <td> 2006 <div class="front_date_cat"> 2007 Date 2023-02-11 / Category: In Distress / </div> 2008 <h2><a href="https://www.watchthemed.net/reports/view/3109">8/12/22-25/01/23: 48 days back and forth at the Turkish-Greek land border</a></h2> 2009 <div class="front_teaser"> 2010 Watch The Med Alarm Phone Investigations â 8/12/22 - 25/01/23 2011 2012Case name: 2022_12_08- Eastern Med - 1082 2013 2014Situation: 48 days Back and forth at the Turkish-Greek land border 2015 2016Status of WTM Investigation:... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/3109">more></a> </div> 2017 </td> 2018 </tr> 2019 <tr> 2020 <td> 2021 <div class="front_date_cat"> 2022 Date 2020-10-17 / Category: In Distress / </div> 2023 <h2><a href="https://www.watchthemed.net/reports/view/1698">16/10: 6 people stranded in Greece after crossing the landborder, fate unclear</a></h2> 2024 <div class="front_teaser"> 2025 Watch The Med Alarm Phone Investigations â 16th of October 2020 2026Case name: 2019_10_16-AEG714 2027Situation: 6 people stranded near the Greek-Turkish land border, fate unclear. 2028Status of WTM Investigation:... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/1698">more></a> </div> 2029 </td> 2030 </tr> 2031 <tr> 2032 <td> 2033 <div class="front_date_cat"> 2034 Date 2020-10-16 / Category: In Distress / </div> 2035 <h2><a href="https://www.watchthemed.net/reports/view/1697">15/10: 16 people pushed back from the Evros river</a></h2> 2036 <div class="front_teaser"> 2037 Watch The Med Alarm Phone Investigations â 15th of October 2020 2038Case name: 2019_10_15-AEG713 2039Situation: 16 people on an island on the Greek side of the Evros river pushed back to Turkey 2040Status of WTM... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/1697">more></a> </div> 2041 </td> 2042 </tr> 2043 <tr> 2044 <td> 2045 <img class="teaser_img" src="https://www.watchthemed.net/media/uploads/32_1_1381537411_t.jpg"/> <div class="front_date_cat"> 2046 Date 2013-10-11 / Category: In Distress / </div> 2047 <h2><a href="https://www.watchthemed.net/reports/view/32">Over 200 die after shooting by Libyan vessel and delay in rescue</a></h2> 2048 <div class="front_teaser"> 2049 On the 11 October 2013, a boat carrying over 400 people sank after being shot by a Libyan vessel. Despite the rescue operation led by Maltese and Italian assets that saved 212 people, it is believed that... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/32">more></a> </div> 2050 </td> 2051 </tr> 2052 <tr> 2053 <td> 2054 <img class="teaser_img" src="https://www.watchthemed.net/media/uploads/16_1_1378140296_t.png"/> <div class="front_date_cat"> 2055 Date 2011-04-10 / Category: In Distress / </div> 2056 <h2><a href="https://www.watchthemed.net/reports/view/16">Left-to-die boat</a></h2> 2057 <div class="front_teaser"> 2058 The migrantsâ vessel left the Port of Tripoli between 00:00 and 02:00 GMT on 27 March 2011 with 72 migrants on board. The vessel was sighted by a French aircraft which transmitted its coordinates to Rome... <a style="text-decoration:underline;" href="https://www.watchthemed.net/reports/view/16">more></a> </div> 2059 </td> 2060 </tr> 2061 </table> 2062 </li> 2063 <!--end of news--> 2064 </ul> 2065 </div> 2066 <!-- /content blocks --> 2067 2068</div> 2069<!-- content --> 2070 2071<div style="clear:both;"></div> 2072 2073 2074 2075 2076 2077 </div> 2078 <div style="clear:both;"></div> 2079 </div> 2080 <!-- / main body --> 2081 2082 </div> 2083 <!-- / wrapper --> 2084<div style="clear:both;"></div> 2085 <!-- footer --> 2086 <div id="footer" class="clearingfix"> 2087 2088 <div id="underfooter"></div> 2089 2090 <!-- footer content --> 2091 <div class="wrapper floatholder"> 2092 2093 2094 <!-- footer menu --> 2095 <div class="footermenu"> 2096 <ul class="clearingfix"> 2097 <li> 2098 <a class="item1" href="https://www.watchthemed.net/index.php/"> 2099 Home </a> 2100 </li> 2101 2102 2103 2104 2105 <li> 2106 <a href="https://www.watchthemed.net/page/index/8"> 2107 Impressum 2108 </a> 2109 </li> 2110 2111 2112 <li> 2113 <a href="https://www.watchthemed.net/page/index/7"> 2114 Contact Us </a> 2115 </li> 2116 2117 2118 2119 </ul> 2120 </div> 2121 <!-- / footer menu --> 2122 2123 2124 </div> 2125 <!-- / footer content --> 2126 2127 </div> 2128 <!-- / footer --> 2129 2130 2131 2132 <!-- Task Scheduler --> 2133
2133<script type="text/javascript"> 2134 setTimeout(function() { 2135 var scheduler = document.createElement('img'); 2136 scheduler.src = "https://www.watchthemed.net/scheduler"; 2137 scheduler.style.cssText = "width: 1px; height: 1px; opacity: 0.1;"; 2138 2139 document.body.appendChild(scheduler); 2140 }, 200); 2141 </script>
2141 2142 <!-- End Task Scheduler --></body> 2143</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.