<commit_before>{% extends "base.html" %}
{% load static %}
{% load compress %}

{% block page_title %}School Map: Volunteer{% endblock %}
{% block endbody %}
    {% compress js %}
    <script type="text/javascript" src="{% static 'js/lib/jquery.slimscroll.min.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/lib/zebra_datepicker.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/lib/jquery.easydropdown.min.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/lib/leaflet-0.7.3/leaflet.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/volunteer_map/init.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/volunteer_map/volunteer_map.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/volunteer_map/volunteer_date_modal.js' %}"></script>
    {% endcompress %}

    <!-- <script type="text/javascript" src="js/map.js"></script> -->
    <link rel="stylesheet" href="{% static 'js/lib/leaflet-0.7.3/leaflet.css' %}" />

   <style type="text/css">
		@media only screen and (min-width: 769px) {
			.main-header {
				position: fixed;
			}
		}
   </style>

{% endblock %}

{% block subheader %}
	<div class="map-subheader-wrapper volunteer-map-subheader-wrapper show-volunteer-filters">
		<div class="subheader-content">
			<input type="text" name="search" placeholder="Search for a location" class="search-input fl"/>
			<a class="button no-mar filled-shadow clickable grey mt-10 mr-10 fr hide phn-block js-toggle-vol-mobile-filters">Filters</a>
			<div class="phn-clr"></div>

			<div class="volunteer-filters-wrapper fl">
				<!-- <div class="label fl">Location</div>
				<div class="filter-item fl phn-fr">
					<select name="location" class="dropdown">
						<option>Banaswadi</option>
						<option>Malleswaram</option>
						<option>Banaswadi</option>
						<option>Malleswaram</option>
					</select>
				</div> -->
				<div class="hide phn-block phn-clr"></div>

				<div class="label fl">Date</div>
				<div class="filter-item fl phn-fr">
					<span class="js-volunter-date-input-wrapper">
						<input type="text" name="date" readonly="readonly" value="15-07-2014" class="input date-input" id="vol-date-input">
					</span>

					<div class="calendar-wrapper js-volunteer-cal">
						<div class="cal">
		    				<!-- <input class="js-datepicker-input" id="datepicker-input" type="hidden" readonly="readonly"> -->
		    				<div id="vol-datepicker-wrapper"></div>
		    			</div>
					</div>

					<script type="text/javascript">
						// function init_volunteer_date_filter(){
						// 	var $date_input = $("#vol-date-input");
						// 	var $calender_wrapper = $('.js-volunteer-cal');
						// 	var $datepicker_wrapper = $calender_wrapper.find("#vol-datepicker-wrapper");

						// 	$date_input.Zebra_DatePicker({
						// 	    always_visible: $datepicker_wrapper,
						// 	    format: 'd-m-Y',
						// 	    first_day_of_week: 0,
						// 	    show_clear_date: false,
						// 	    show_select_today: false,
						// 	    disabled_dates: ['1,3,4,5,12,13,14,22,24'],
						// 	    onSelect: onDateSelect,
						// 	    onClear: onDateClear
						// 	});
						// 	// var datepicker = $datepicker_input.data('Zebra_DatePicker');

						// 	function onDateSelect(date){
						// 		$date_input.val(date);
						// 		$calender_wrapper.removeClass("show");
						// 		// $btn_next_step_cal.show();
						// 	}
						// 	function onDateClear(){
						// 		// $date_input.val("");
						// 		// $btn_next_step_cal.hide();
						// 	}

						// 	$(document).on("click", ".js-volunter-date-input-wrapper", function(){
						// 		$(".js-volunteer-cal").toggleClass("show");
						// 	});
						// }

						// $(document).ready(function(){
						// 	init_volunteer_date_filter();
						// });

					</script>
				</div>
				<div class="hide phn-block phn-clr"></div>

				<div class="label fl">Organization</div>
				<div class="filter-item fl phn-fr">
					<select name="organization" class="dropdown">
						<option selected>All</option>
						<option>Akshara Foundation</option>
						<option>Akshaya Patra</option>
						<option>KSEEB</option>
						<option>NUEPA</option>
					</select>
				</div>
				<div class="hide phn-block phn-clr"></div>

				<div class="label fl">Opportunity</div>
				<div class="filter-item fl phn-fr">
					<select name="activity" class="dropdown">
						<option selected>All</option>
						<option>Teaching Based</option>
						<option>Activity Based</option>
						<option>Skill Based</option>
					</select>
				</div>
				<div class="clr"></div>
			</div>

			<div class="clr"></div>
		</div>
	</div>


{% endblock %}

{% block content %}

	<script type="text/javascript">
		// $(function(){
		//     $('.option_item .item_values ul').slimScroll({
		//         height: '200px',
		//         size: '6px',
		//         color: '#8d8d8d',
		//         railVisible: true,
  //     			railColor: '#f6f6f6',<commit_msg>populate organization and activity type filters in volunteer map template<commit_after>{% extends "base.html" %}
{% load static %}
{% load compress %}

{% block page_title %}School Map: Volunteer{% endblock %}
{% block endbody %}
    {% compress js %}
    <script type="text/javascript" src="{% static 'js/lib/jquery.slimscroll.min.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/lib/zebra_datepicker.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/lib/jquery.easydropdown.min.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/lib/leaflet-0.7.3/leaflet.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/volunteer_map/init.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/volunteer_map/volunteer_map.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/volunteer_map/volunteer_date_modal.js' %}"></script>
    {% endcompress %}

    <!-- <script type="text/javascript" src="js/map.js"></script> -->
    <link rel="stylesheet" href="{% static 'js/lib/leaflet-0.7.3/leaflet.css' %}" />

   <style type="text/css">
		@media only screen and (min-width: 769px) {
			.main-header {
				position: fixed;
			}
		}
   </style>

{% endblock %}

{% block subheader %}
	<div class="map-subheader-wrapper volunteer-map-subheader-wrapper show-volunteer-filters">
		<div class="subheader-content">
			<input type="text" name="search" placeholder="Search for a location" class="search-input fl"/>
			<a class="button no-mar filled-shadow clickable grey mt-10 mr-10 fr hide phn-block js-toggle-vol-mobile-filters">Filters</a>
			<div class="phn-clr"></div>

			<div class="volunteer-filters-wrapper fl">
				<!-- <div class="label fl">Location</div>
				<div class="filter-item fl phn-fr">
					<select name="location" class="dropdown">
						<option>Banaswadi</option>
						<option>Malleswaram</option>
						<option>Banaswadi</option>
						<option>Malleswaram</option>
					</select>
				</div> -->
				<div class="hide phn-block phn-clr"></div>

				<div class="label fl">Date</div>
				<div class="filter-item fl phn-fr">
					<span class="js-volunter-date-input-wrapper">
						<input type="text" name="date" readonly="readonly" value="15-07-2014" class="input date-input" id="vol-date-input">
					</span>

					<div class="calendar-wrapper js-volunteer-cal">
						<div class="cal">
		    				<!-- <input class="js-datepicker-input" id="datepicker-input" type="hidden" readonly="readonly"> -->
		    				<div id="vol-datepicker-wrapper"></div>
		    			</div>
					</div>

					<script type="text/javascript">
						// function init_volunteer_date_filter(){
						// 	var $date_input = $("#vol-date-input");
						// 	var $calender_wrapper = $('.js-volunteer-cal');
						// 	var $datepicker_wrapper = $calender_wrapper.find("#vol-datepicker-wrapper");

						// 	$date_input.Zebra_DatePicker({
						// 	    always_visible: $datepicker_wrapper,
						// 	    format: 'd-m-Y',
						// 	    first_day_of_week: 0,
						// 	    show_clear_date: false,
						// 	    show_select_today: false,
						// 	    disabled_dates: ['1,3,4,5,12,13,14,22,24'],
						// 	    onSelect: onDateSelect,
						// 	    onClear: onDateClear
						// 	});
						// 	// var datepicker = $datepicker_input.data('Zebra_DatePicker');

						// 	function onDateSelect(date){
						// 		$date_input.val(date);
						// 		$calender_wrapper.removeClass("show");
						// 		// $btn_next_step_cal.show();
						// 	}
						// 	function onDateClear(){
						// 		// $date_input.val("");
						// 		// $btn_next_step_cal.hide();
						// 	}

						// 	$(document).on("click", ".js-volunter-date-input-wrapper", function(){
						// 		$(".js-volunteer-cal").toggleClass("show");
						// 	});
						// }

						// $(document).ready(function(){
						// 	init_volunteer_date_filter();
						// });

					</script>
				</div>
				<div class="hide phn-block phn-clr"></div>

				<div class="label fl">Organization</div>
				<div class="filter-item fl phn-fr">
					<select name="organization" id="filterOrganization" class="dropdown">
						<option value="" selected>All</option>
						{% for org in organizations %}
						<option value="{{ org.id }}">{{ org.name }}</option>
						{% endfor %}
					</select>
				</div>
				<div class="hide phn-block phn-clr"></div>

				<div class="label fl">Opportunity</div>
				<div class="filter-item fl phn-fr">
					<select name="activity" id="filterActivity" class="dropdown">
						<option value="" selected>All</option>
						{% for typ in activity_types %}
						<option value="{{ typ.id }}">{{ typ.name }}</option>
						{% endfor %}
					</select>
				</div>
				<div class="clr"></div>
			</div>

			<div class="clr"></div>
		</div>
	</div>


{% endblock %}

{% block content %}

	<script type="text/javascript">
		// $(function(){
		//     $('.option_item .item_values ul').slimScroll({
		//         height: '200px',
		//         size: '6px',
		//         color: '#8d8d8d',
		//         railVisible: true,
  //     			railColor: '#f6f6f6',
{'fraction_non_alphanumeric': 0.1964873765093304, 'fraction_numerical': 0.009180720486977347, 'mean_word_length': 2.8091980235651843, 'pattern_counts': {'":': 0, '<': 201, '<?xml version=': 0, '>': 201, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '898781', 'n_tokens_mistral': 4351, 'n_tokens_neox': 3404, 'n_words': 602}