/ var / www / html / cai / admins / javascripts / pages / [ HOME SHELL ]

Name	Size	Permission
examples.calendar.js	4.1 KB	-rwxr-x--x
examples.lockscreen.js	334 B	-rwxr-x--x
examples.mediagallery.js	3.5 KB	-rwxr-x--x
examples.session.timeout.js	2.04 KB	-rwxr-x--x
examples.timeline.js	1.03 KB	-rwxr-x--x

Code Editor : examples.mediagallery.js

(function( $ ) {

/*
	Thumbnail: Select
	*/
	$('.mg-option input[type=checkbox]').on('change', function( ev ) {
		var wrapper = $(this).parents('.thumbnail');
		if($(this).is(':checked')) {
			wrapper.addClass('thumbnail-selected');
		} else {
			wrapper.removeClass('thumbnail-selected');
		}
	});

$('.mg-option input[type=checkbox]:checked').trigger('change');

/*
	Toolbar: Select All
	*/
	$('#mgSelectAll').on('click', function( ev ) {
		ev.preventDefault();
		var $this = $(this),
			$label = $this.find('> span');
			$checks = $('.mg-option input[type=checkbox]');

if($this.attr('data-all-selected')) {
			$this.removeAttr('data-all-selected');
			$checks.prop('checked', false).trigger('change');
			$label.html($label.data('all-text'));
		} else {
			$this.attr('data-all-selected', 'true');
			$checks.prop('checked', true).trigger('change');
			$label.html($label.data('none-text'));
		}
	});

/*
	Image Preview: Lightbox
	*/
	$('.thumb-preview a[href]').magnificPopup({
		type: 'image',
		closeOnContentClick: true,
		mainClass: 'mfp-img-mobile',
		image: {
			verticalFit: true
		}
	});

$('.thumb-preview .mg-zoom').on('click.lightbox', function( ev ) {
		ev.preventDefault();
		$(this).closest('.thumb-preview').find('a.thumb-image').triggerHandler('click');
	});

/*
	Thumnail: Dropdown Options
	*/
	$('.thumbnail .mg-toggle').parent()
		.on('show.bs.dropdown', function( ev ) {
			$(this).closest('.mg-thumb-options').css('overflow', 'visible');
		})
		.on('hidden.bs.dropdown', function( ev ) {
			$(this).closest('.mg-thumb-options').css('overflow', '');
		});

$('.thumbnail').on('mouseenter', function() {
		var toggle = $(this).find('.mg-toggle');
		if ( toggle.parent().hasClass('open') ) {
			toggle.dropdown('toggle');
		}
	});

/*
	Isotope: Sort Thumbnails
	*/
	$("[data-sort-source]").each(function() {

var source = $(this);
		var destination = $("[data-sort-destination][data-sort-id=" + $(this).attr("data-sort-id") + "]");

if(destination.get(0)) {

$(window).load(function() {

destination.isotope({
					itemSelector: ".isotope-item",
					layoutMode: 'fitRows'
				});

$(window).on('sidebar-left-toggle inner-menu-toggle', function() {
					destination.isotope();
				});

source.find("a[data-option-value]").click(function(e) {

e.preventDefault();

var $this = $(this),
						filter = $this.attr("data-option-value");

source.find(".active").removeClass("active");
					$this.closest("li").addClass("active");

destination.isotope({
						filter: filter
					});

if(window.location.hash != "" || filter.replace(".","") != "*") {
						window.location.hash = filter.replace(".","");
					}

return false;

});

$(window).bind("hashchange", function(e) {

var hashFilter = "." + location.hash.replace("#",""),
						hash = (hashFilter == "." || hashFilter == ".*" ? "*" : hashFilter);

source.find(".active").removeClass("active");
					source.find("[data-option-value='" + hash + "']").closest("li").addClass("active");

destination.isotope({
						filter: hash
					});

});

var hashFilter = "." + (location.hash.replace("#","") || "*");
				var initFilterEl = source.find("a[data-option-value='" + hashFilter + "']");

if(initFilterEl.get(0)) {
					source.find("[data-option-value='" + hashFilter + "']").click();
				} else {
					source.find(".active a").click();
				}

});

}

});

}(jQuery));

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : examples.mediagallery.js

Urban Research Lab