File Metadata

Created: Sun, Oct 5, 6:20 AM

list_manager.js
View Options

	function ListManager() {}

	ListManager.containerSelector = ''; // selector id of container
	ListManager.url = ''; // url to template with list contents
	ListManager.urlParams = {layout: 'list'};
	ListManager.filters = {};
	ListManager.xhrRequests = [];
	ListManager.reloadTimer = null;
	ListManager.reloadTimeout = 1000;
	ListManager.firstLoad = true;

	ListManager.getUrl = function () {
	var $url = this.url;
	}

	ListManager.cancelXHRRequests = function () {
	while ( this.xhrRequests.length > 0 ) {
	this.xhrRequests.shift().abort();
	}
	}

	ListManager.reload = function ($now) {
	this.cancelXHRRequests();

	if ( $now === undefined \|\| $now === false ) {
	this.updateAnchor();

	return;
	}

	var $container = $(this.containerSelector);

	$container.fadeTo('fast', 0.7);

	var $request = $.post(
	this.url,
	this.urlParams,
	function ($data) {
	$container.html($data).fadeTo('fast', 1.0);
	}
	);

	this.xhrRequests.push($request);
	}

	ListManager.scheduleReload = function () {
	var $me = this;

	clearTimeout(this.reloadTimer);

	this.reloadTimer = setTimeout(function() { $me.reload(); }, this.reloadTimeout);
	}

	ListManager.setParam = function ($name, $value, $reload) {
	if ( $value === undefined \|\| $value === '' ) {
	// don't pass empty parameters
	delete this.urlParams[$name];
	}
	else {
	this.urlParams[$name] = $value;
	}

	if ( $reload === true ) {
	this.reload();
	}
	}

	ListManager.getParam = function ($name) {
	return this.urlParams[$name] !== undefined ? this.urlParams[$name] : false;
	}

	ListManager.updateAnchor = function () {
	var $query_string = [],
	$url_params = sort_object(this.urlParams);

	for (var $param_name in $url_params) {
	$query_string.push( $param_name + '=' + encodeURIComponent(this.urlParams[$param_name]) );
	}

	window.location.hash = '#' + $query_string.join('&');
	}

	ListManager.parseAnchor = function ($anchor) {
	var $query_string = {};

	$anchor.replace(
	new RegExp('([^?=&]+)(=([^&]*))?', 'g'),
	function($0, $1, $2, $3) {
	$query_string[$1] = decodeURIComponent($3);
	}
	);

	this.urlParams = $query_string;

	// sync values from url params into empty filters on first page with anchor load
	this.initFilters();

	this.reload(true);
	}

	ListManager.registerFilter = function ($field) {
	var $manager = this,
	$form = $('#filter-form-' + $field);

	$manager.filters[$field] = {'type': $form.attr('filter_type')};

	$('h2:first a', $form).click(
	function ($e) {
	var $header = $(this).parent(),
	$active = $header.hasClass('active');

	$header.toggleClass('active', !$active);
	$header.next().toggleClass('noactive', $active);

	return false;
	}
	);

	switch( $manager.filters[$field].type ) {
	case 'radio':
	$("input[type='radio']", $form).click(
	function ($e) {
	$manager.updateFilterParams();
	}
	);
	break;

	case 'checkbox':
	$("input[type='checkbox']", $form).click(
	function ($e) {
	var $checkbox = $(this),
	$hidden_id = $checkbox.attr('id').replace(/_([\d\w-=]\|)+$/, ''),
	$regexp = new RegExp(jq($hidden_id) + '_([\\d\\w-=]+)');

	if ( $checkbox.val() == '' ) {
	// "All" checkbox
	$("input[type='checkbox']", $form).not($checkbox).attr('checked', false);
	}
	else if ( $checkbox.is(':checked') ) {
	$("input[type='checkbox'][value='']", $form).attr('checked', false);
	}

	update_checkbox_options($regexp, $hidden_id, $form);

	$manager.updateFilterParams();
	}
	);
	break;
	}
	}

	ListManager.initFilters = function () {
	if ( !this.firstLoad ) {
	return;
	}

	for (var $filter_field in this.filters) {
	this.initFilter($filter_field);
	}

	this.firstLoad = false;
	}

	ListManager.initFilter = function ($field) {
	var $values = '',
	$form = $('#filter-form-' + $field),
	$param_name = 'filters[' + $field + ']',
	$param_value = this.getParam($param_name);

	if ( $param_value === false \|\| $param_value === '' ) {
	return;
	}

	switch( this.filters[$field].type ) {
	case 'radio':
	$('#' + jq($param_name + '_' + $param_value) ).attr('checked', true);
	break;

	case 'checkbox':
	$values = $param_value.substring(1, $param_value.length - 1).split('\|');

	for (var $i = 0; $i < $values.length; $i++) {
	$('#' + jq($param_name + '_' + $values[$i]) ).attr('checked', true);
	}

	$('#' + jq($param_name + '_') ).attr('checked', false);
	$('#' + jq($param_name) ).val($param_value);
	break;

	case 'range':
	$values = $param_value.split('-');

	$('#' + jq($param_name + '_slider') ).slider('option', 'values', $values);
	$('#' + jq($param_name) ).val($param_value);
	break;
	}

	this.syncChecked( $("input[type=checkbox], input[type=radio]", '#filter-form-' + $field) );
	}

	ListManager.syncChecked = function ($checkboxes) {
	$checkboxes.each(
	function () {
	var $me = $(this),
	$checked = $me.is(':checked'),
	$dt = $me.parent(),
	$dd = $dt.next();

	$dt.toggleClass('active', $checked);
	$dd.toggleClass('active', $checked);
	}
	);
	}

	ListManager.updateFilterParams = function () {
	var $form_fields;

	for (var $field in this.filters) {
	$form_fields = $('#filter-form-' + $field).serializeArray();

	for (var $i = 0; $i < $form_fields.length; $i++) {
	this.setParam($form_fields[$i].name, $form_fields[$i].value);
	}

	this.syncChecked( $("input[type=checkbox], input[type=radio]", '#filter-form-' + $field) );
	}

	this.scheduleReload();
	}

	ListManager.init = function () {
	var $manager = this;

	$('body').bind(
	'anchorchanged',
	function ($e, $anchor) {
	$manager.parseAnchor($anchor);
	}
	);
	}

list_manager.js
No OneTemporary
Actions

File Metadata

list_manager.js
View Options

Event Timeline

list_manager.jsNo OneTemporaryActions

File Metadata

list_manager.jsView Options

Event Timeline

list_manager.js
No OneTemporary
Actions

list_manager.js
View Options