site.js

---
---
{% include ext/jquery.min.js %}
{% include ext/Blob/Blob.js %}
{% include ext/canvas-toBlob/canvas-toBlob.js %}
{% include ext/FileSaver/FileSaver.js %}

;(function(context) {

    var gfdrr = {}

    gfdrr.global = function() {
        function scroll(el){
            $('html, body').animate({
                scrollTop: $(el).offset().top
            }, 500);
        }

        $('a[data-scroll]').click(function() {
            var to = $(this).attr('href');
            scroll(to);
            return false;
        });

        var $toggle = $('#toggle');

        // On mobile view this toggles the
        // navigation from the right.
        $toggle.click(function() {
            $('body').toggleClass('active-nav');
            return false;
        });

        $('.close', '.interactive-heading').click(function() {
            $('.interactive-heading').toggleClass('inactive');
            return false;
        });

        $('.overpass_link').click(function() {
            url = $(this).attr('href');

            $.ajax({
                url: url,
                success: function(data) {
                    xml = (new XMLSerializer()).serializeToString(data);
                    var blob = new Blob([xml], {type: "application/xml;charset=utf-8"});
                    saveAs(blob, "export.osm");
                },
                dataType: 'xml'
            });
            return false;
        });
    };

    gfdrr.slideShow = function(context) {
        var slideIndex = 1,
            $slide = $('[data-index]', context),
            slides = $slide.length;

        $('a.slide-control').click(function() {
            $slide.removeClass('active');
            if ($(this).hasClass('next')) {
                if (slideIndex >= slides) {
                    slideIndex = 1;
                } else {
                    slideIndex++;
                }
            } else {
                if (slideIndex <= 1) {
                    slideIndex = slides;
                } else {
                    slideIndex--;
                }
            }

           $('[data-index="slide-' + slideIndex + '"]', context).addClass('active');
            return false;
        });
    };

    gfdrr.generateMap = function(layer, options, callback) {

        var o = {
            lat: options.lat || 18.46,
            lon: options.lon || 81.65,
            zoom: options.zoom.defaultZoom || 4,
            max: options.zoom.max || 17,
            min: options.zoom.min || 7
        };

        mapbox.load(layer, function(l) {
            var map = mapbox.map('map');
            map.addLayer(l.layer).zoom(o.zoom).center({
                lat: o.lat,
                lon: o.lon
            });

            map.setZoomRange(o.min, o.max);
            map.ui.zoomer.add();
            // map.ui.hash.add();
            map.interaction.auto();
            map.ui.legend.add();
            map.ui.refresh();

            callback;

            // fix source in dhaka legends
            var legendsrc = $('.legend-source').html();

            if ( legendsrc == 'Source: <a href="https://www.gfdrr.org/gfdrr/">GFDRR</a>') {
                $('.legend-source').html("Source: <a href='http://www.cdmp.org.bd/'>CDMP, Government of Bangladesh</a>");
            } else {
                $('.legend-source').html();
            }

            map.interaction.on({
                on: function(o) {
                    $('img').error(function () {
                        
                        var url = $(this).attr('src');
                        var replace = url.replace('mapbox.com/dhaka/dhaka/','opencitiesproject.com/dhaka/')
                        $(this).attr('src',replace)
                        
                    });
                },
                off: function(){
                    
                }
            });

        });
    };

    gfdrr.citiesMap = function(el, mapId) {
        var map = mapbox.map(el, mapbox.layer().id(mapId), null, [
            easey_handlers.DragHandler(),
            easey_handlers.DoubleClickHandler()
        ]);

        // Create and add marker layer
        var markerLayer = mapbox.markers.layer().features(poi).factory(function(f) {
            var a = document.createElement('a');
                a.className = 'marker marker-' + f.properties.klass;
                a.href = f.properties.url;
                a.setAttribute('data-scroll', true);

                var city = f.properties.title.split(',')[0],
                    country = f.properties.title.split(',')[1],
                    projects = f.properties.projects.length - 1;

                var up = document.createElement('div');
                    up.className = 'popup';
                    up.innerHTML = '<div class="clearfix"><div class="name">' + city + '<small>' + country + '</small></div><div class="val"><p>' + projects + ' Case Studies</p></div></div>';

                a.appendChild(up);
            return a;
        });

        map.addLayer(markerLayer);
        map.setZoomRange(3, 17);

        var mapDefaults = {
            lat: 21.43,
            lon: 71.54,
            zoom: 4
        };

        // Set iniital center and zoom
        map.centerzoom({
            lat: mapDefaults.lat,
            lon: mapDefaults.lon
        }, mapDefaults.zoom);

        map.setZoomRange(mapDefaults.min,mapDefaults.max);
    };

    window.gfdrr = gfdrr;
})(window);

$( document ).ajaxStart(function() {
  $( "#loading" ).show();
});
$( document ).ajaxStop(function() {
  $( "#loading" ).hide();
});