%PDF- %PDF-
| Direktori : /home/tjamichg/intranet.tjamich.gob.mx/intranet/common/js/ |
| Current File : /home/tjamichg/intranet.tjamich.gob.mx/intranet/common/js/jplist.js |
$('document').ready(function(){
$('#grid-layout-div').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
//save plugin state
,storage: 'localstorage' //'', 'cookies', 'localstorage'
,storageName: 'jplist-div-layout'
});
$('#grid-layout-table-1').jplist({
itemsBox: '.demo-tbl'
,itemPath: '.tbl-item'
,panelPath: '.jplist-panel'
//save plugin state
,storage: 'localstorage' //'', 'cookies', 'localstorage'
,storageName: 'jplist-tabl'
});
$('#grid-layout-table-2').jplist({
itemsBox: '.demo-tbl tbody'
,itemPath: '.tbl-item'
,panelPath: '.jplist-panel'
//save plugin state
,storage: 'localstorage' //'', 'cookies', 'localstorage'
,storageName: 'jplist-table-2'
,redrawCallback: function(){
$('.tbl-item').each(function(index, el){
if(index%2 === 0){
$(el).addClass('even');
}
else{
$(el).addClass('odd');
}
});
}
});
$('#grid-layout-first-table').jplist({
itemsBox: '.demo-tbl'
,itemPath: '.tbl-item'
,panelPath: '.jplist-panel'
});
$('#grid-layout-second-table').jplist({
itemsBox: '.demo-tbl'
,itemPath: '.tbl-item'
,panelPath: '.jplist-panel'
});
$('#grid-layout-ul-li').jplist({
itemsBox: '.ul-li-list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
//save plugin state
,storage: 'localstorage' //'', 'cookies', 'localstorage'
,storageName: 'jplist-ul-li'
});
$('#grid-filter-with-ul-li').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
//save plugin state
,storage: 'localstorage' //'', 'cookies', 'localstorage'
,storageName: 'drop-down-filters-ul-li'
});
$('#grid-filter-with-select').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
});
$('#grid-double-sort').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
});
$('#grid-deep-linking').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
//deep linking
,deepLinking: true
});
$('#grid-pagination-only').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
});
$('#grid-without-item-per-page').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
});
$('#grid-hidden-sort').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
});
$('#grid-range-slider').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
,controlTypes: {
//likes range slider
'range-slider-likes': {
className: 'RangeSlider'
,options: {
//jquery ui range slider
ui_slider: function($slider, $prev, $next){
$slider.slider({
min: 0
,max: 350
,range: true
,values: [0, 350]
,slide: function(event, ui){
$prev.text(ui.values[0] + ' likes');
$next.text(ui.values[1] + ' likes');
}
});
}
,set_values: function($slider, $prev, $next){
$prev.text($slider.slider('values', 0) + ' likes');
$next.text($slider.slider('values', 1) + ' likes');
}
}
}
//prices range slider
,'range-slider-prices': {
className: 'RangeSlider'
,options: {
//jquery ui range slider
ui_slider: function($slider, $prev, $next){
$slider.slider({
min: 0
,max: 100
,range: true
,values: [0, 100]
,slide: function(event, ui){
$prev.text('$' + ui.values[0]);
$next.text('$' + ui.values[1]);
}
});
}
,set_values: function($slider, $prev, $next){
$prev.text('$' + $slider.slider('values', 0));
$next.text('$' + $slider.slider('values', 1));
}
}
}
//views range slider
,'range-slider-views': {
className: 'RangeSlider'
,options: {
//jquery ui range slider
ui_slider: function($slider, $prev, $next){
$slider.slider({
min: 0
,max: 4000
,range: true
,values: [0, 4000]
,slide: function(event, ui){
$prev.text(ui.values[0] + ' views');
$next.text(ui.values[1] + ' views');
}
});
}
,set_values: function($slider, $prev, $next){
$prev.text($slider.slider('values', 0) + ' views');
$next.text($slider.slider('values', 1) + ' views');
}
}
}
}
});
$('#grid-datepicker').jplist({
itemsBox: '.list'
,itemPath: '.list-item'
,panelPath: '.jplist-panel'
//save plugin state
,storage: 'localstorage' //'', 'cookies', 'localstorage'
,storageName: 'date-picker-range-filter'
,controlTypes: {
'date-picker-range-filter': {
className: 'DatePickerRangeFilter'
,options: {
datepicker: function(input, options){
//set options
options.dateFormat = 'mm/dd/yy'
input.datepicker(options);
}
}
}
}
});
});