Colorado Parks and Wildlife (2024)

') { tableStr += '

'; } else { tableStr += '

'; } tableStr += ''; // Map markers if (this.latlon != '') { var latlon = []; latln = this.latlon.split(','); markers.push([this.title, latln[0], latln[1], this.id]); } }); tableStr += ''; $('#list').html(tableStr); $('#listtable').footable(); } else { $('#fullcalendar').html('There are no events matching the currently selected filter criteria.'); $('#list').html('There are no events matching the currently selected filter criteria.'); } // Initialize the tabs and maintain selected tab across postback $('#tabs').tabs({ activate: function() { var selectedTab = $('#tabs').tabs('option', 'active'); $("#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_CurrentTab").val(selectedTab); }, active: '0' }); // Initialize the datepickers $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_from').val($('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_DateFromSel').val()); $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_to').val($('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_DateToSel').val()); $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_from').datepicker({ defaultDate: null, changeMonth: true, hideIfNoPrevNext: true, minDate: 0, numberOfMonths: 2, onSelect: function (selectedDate) { $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_to').datepicker('option', 'minDate', selectedDate); } }); $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_to').datepicker({ defaultDate: null, changeMonth: true, hideIfNoPrevNext: true, minDate: 0, numberOfMonths: 2, onSelect: function (selectedDate) { $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_from').datepicker('option', 'maxDate', selectedDate); } }); // Initialize the multiselect filters ddMulti($('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_dd_Parks'), 'Parks', $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_ParksSelected')); ddMulti($('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_dd_Programs'), 'Programs', $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_ProgSelected')); ddMulti($('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_dd_SWA'), 'State Wildlife Areas', $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_SWASelected')); ddMulti($('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_dd_Audiences'), 'Audiences', $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_AudSelected')); ddMulti($('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_dd_Activities'), 'Activities', $('#ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_ActSelected')); // Make the multiselect filters 100% width //$('#filters .ui-multiselect').css('width', '100%'); // Render the map if (markers.length !== 0) { //set map options var myLatlng = new google.maps.LatLng(38.998428, -105.540575);//Center on Colorado var myOptions = { zoom: 7, scaleControl: true, scrollwheel: false, center: myLatlng, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, mapTypeId: google.maps.MapTypeId.TERRAIN } //draw the map map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); //add markers to the map setMarkers(map, markers); google.maps.event.trigger(map, 'resize'); map.setZoom(map.getZoom()); map.fitBounds(bounds); } else { $('#map_canvas').html('There are no location data associated with events matching the currently selected filter criteria.'); } //Bind calendar and map tabs to redrawing dynamic content when clicked $('#tabs').on('tabsactivate', function (event, ui) { if (ui.newPanel.selector === '#map_canvas') { if (markers.length !== 0) { google.maps.event.trigger(map, 'resize'); map.setZoom(map.getZoom()); map.fitBounds(bounds); } } if (ui.newPanel.selector === '#fullcalendar') { $('#fullcalendar').fullCalendar('render'); } }); } }); // Display the modal dialog box function displayModal(itemid) { //find the event and populate the dialog with event information var title = ''; var eventArr = JSON.parse(document.getElementById('ctl00_SPWebPartManager1_g_8b7322b8_360a_4482_85d4_ad622785bd8a_EventData').value); $.each(eventArr, function (i, val) { if (val.id === itemid) { modalEvent(val); title = val.title; return false; } else if (i === eventArr.length - 1) { $('#dialog-modal').html('The details for this event could not be found.'); } }); //show the modal dialog box $('#dialog-modal').dialog({ maxHeight: 500, modal: true, width: 600, title: title }); } // Create the modal dialog box function modalEvent(details) { var eventstr = ''; eventstr += '

'; $('#dialog-modal').html(eventstr); } // Convert select menus to multiselect and persist selections across postbacks function ddMulti(select, title, valfield) { if (select[0].options.length > 0) { var selval = (valfield.val()).split(','); select.multiselect({ noneSelectedText: title, selectedText: '# of # ' + title + ' Selected', close: function () { var values = []; select.multiselect('getChecked').each(function (index, item) { values.push($(item).val()); }); valfield.val(values.join(',')); } }); select.attr('multiple', 'multiple'); select.multiselect('uncheckAll'); select.multiselect('refresh'); if (selval.length != 0) { for (var i in selval) { $('select option[value="' + selval[i] + '"]').prop('selected', true); } select.multiselect('refresh'); } } else { select.hide(); } } // Create the markers for the map function setMarkers(map, locations) { //Create Spiderfied map instance var oms = new OverlappingMarkerSpiderfier(map); //Event icons var image = { url: '../_layouts/15/Calendar/images/tree.png', size: new google.maps.Size(32, 32), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(16, 26) }; var shadow = { url: '../_layouts/15/Calendar/images/tree.shadow.png', size: new google.maps.Size(59, 32), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(16, 26) }; //Display markers on the map $.each(locations, function (el, eventloc) { var myLatLng = new google.maps.LatLng(eventloc[1], eventloc[2]); var marker = new google.maps.Marker({ position: myLatLng, map: map, shadow: shadow, icon: image, title: eventloc[0], id: eventloc[3] }); //Extend the boundaries of the map display to include the current marker bounds.extend(myLatLng); //Show modal dialog when marker is clicked oms.addListener('click', function (marker) { displayModal(marker.id); }); oms.addMarker(marker); }); }