Skip to content

Commit

Permalink
Reformatted code.
Browse files Browse the repository at this point in the history
  • Loading branch information
@mleibman
mleibman authored and Michael Leibman committed Jan 17, 2012
1 parent 6634f16 commit 061ac59
Show file tree
Hide file tree
Showing 46 changed files with 9,284 additions and 9,090 deletions.
32 changes: 16 additions & 16 deletions controls/slick.columnpicker.css
View file
@@ -1,30 +1,30 @@
.slick-columnpicker {
border: 1px solid #718BB7;
background: #f0f0f0;
padding: 6px;
-moz-box-shadow: 2px 2px 2px silver;
-webkit-box-shadow: 2px 2px 2px silver;
min-width: 100px;
cursor: default;
border: 1px solid #718BB7;
background: #f0f0f0;
padding: 6px;
-moz-box-shadow: 2px 2px 2px silver;
-webkit-box-shadow: 2px 2px 2px silver;
min-width: 100px;
cursor: default;
}

.slick-columnpicker li {
list-style: none;
margin: 0;
padding: 0;
background: none;
list-style: none;
margin: 0;
padding: 0;
background: none;
}

.slick-columnpicker input {
margin: 4px;
margin: 4px;
}

.slick-columnpicker li a {
display: block;
padding: 4px;
font-weight: bold;
display: block;
padding: 4px;
font-weight: bold;
}

.slick-columnpicker li a:hover {
background: white;
background: white;
}
209 changes: 105 additions & 104 deletions controls/slick.columnpicker.js
View file
@@ -1,105 +1,106 @@
(function($) {
function SlickColumnPicker(columns,grid,options)
{
var $menu;

var defaults = {
fadeSpeed: 250
};

function init() {
grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);
options = $.extend({}, defaults, options);

$menu = $("<span class='slick-columnpicker' style='display:none;position:absolute;z-index:20;' />").appendTo(document.body);

$menu.bind("mouseleave", function(e) { $(this).fadeOut(options.fadeSpeed) });
$menu.bind("click", updateColumn);

}

function handleHeaderContextMenu(e, args)
{
e.preventDefault();
$menu.empty();

var $li, $input;
for (var i=0; i<columns.length; i++) {
$li = $("<li />").appendTo($menu);

$input = $("<input type='checkbox' />")
.attr("id", "columnpicker_" + i)
.data("id", columns[i].id)
.appendTo($li);

if (grid.getColumnIndex(columns[i].id) != null)
$input.attr("checked","checked");

$("<label for='columnpicker_" + i + "' />")
.text(columns[i].name)
.appendTo($li);
}

$("<hr/>").appendTo($menu);
$li = $("<li />").appendTo($menu);
$input = $("<input type='checkbox' id='autoresize' />").appendTo($li);
$("<label for='autoresize'>Force Fit Columns</label>").appendTo($li);
if (grid.getOptions().forceFitColumns)
$input.attr("checked", "checked");

$li = $("<li />").appendTo($menu);
$input = $("<input type='checkbox' id='syncresize' />").appendTo($li);
$("<label for='syncresize'>Synchronous Resizing</label>").appendTo($li);
if (grid.getOptions().syncColumnCellResize)
$input.attr("checked", "checked");

$menu
.css("top", e.pageY - 10)
.css("left", e.pageX - 10)
.fadeIn(options.fadeSpeed);
}

function updateColumn(e)
{
if (e.target.id == 'autoresize') {
if (e.target.checked) {
grid.setOptions({forceFitColumns: true});
grid.autosizeColumns();
} else {
grid.setOptions({forceFitColumns: false});
}
return;
}

if (e.target.id == 'syncresize') {
if (e.target.checked) {
grid.setOptions({syncColumnCellResize: true});
} else {
grid.setOptions({syncColumnCellResize: false});
}
return;
}

if ($(e.target).is(":checkbox")) {
if ($menu.find(":checkbox:checked").length == 0) {
$(e.target).attr("checked","checked");
return;
}

var visibleColumns = [];
$menu.find(":checkbox[id^=columnpicker]").each(function(i,e) {
if ($(this).is(":checked")) {
visibleColumns.push(columns[i]);
}
});
grid.setColumns(visibleColumns);
}
}


init();
}

// Slick.Controls.ColumnPicker
$.extend(true, window, { Slick: { Controls: { ColumnPicker: SlickColumnPicker }}});
(function ($) {
function SlickColumnPicker(columns, grid, options) {
var $menu;

var defaults = {
fadeSpeed:250
};

function init() {
grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);
options = $.extend({}, defaults, options);

$menu = $("<span class='slick-columnpicker' style='display:none;position:absolute;z-index:20;' />").appendTo(document.body);

$menu.bind("mouseleave", function (e) {
$(this).fadeOut(options.fadeSpeed)
});
$menu.bind("click", updateColumn);

}

function handleHeaderContextMenu(e, args) {
e.preventDefault();
$menu.empty();

var $li, $input;
for (var i = 0; i < columns.length; i++) {
$li = $("<li />").appendTo($menu);

$input = $("<input type='checkbox' />")
.attr("id", "columnpicker_" + i)
.data("id", columns[i].id)
.appendTo($li);

if (grid.getColumnIndex(columns[i].id) != null) {
$input.attr("checked", "checked");
}

$("<label for='columnpicker_" + i + "' />")
.text(columns[i].name)
.appendTo($li);
}

$("<hr/>").appendTo($menu);
$li = $("<li />").appendTo($menu);
$input = $("<input type='checkbox' id='autoresize' />").appendTo($li);
$("<label for='autoresize'>Force Fit Columns</label>").appendTo($li);
if (grid.getOptions().forceFitColumns) {
$input.attr("checked", "checked");
}

$li = $("<li />").appendTo($menu);
$input = $("<input type='checkbox' id='syncresize' />").appendTo($li);
$("<label for='syncresize'>Synchronous Resizing</label>").appendTo($li);
if (grid.getOptions().syncColumnCellResize) {
$input.attr("checked", "checked");
}

$menu
.css("top", e.pageY - 10)
.css("left", e.pageX - 10)
.fadeIn(options.fadeSpeed);
}

function updateColumn(e) {
if (e.target.id == 'autoresize') {
if (e.target.checked) {
grid.setOptions({forceFitColumns:true});
grid.autosizeColumns();
} else {
grid.setOptions({forceFitColumns:false});
}
return;
}

if (e.target.id == 'syncresize') {
if (e.target.checked) {
grid.setOptions({syncColumnCellResize:true});
} else {
grid.setOptions({syncColumnCellResize:false});
}
return;
}

if ($(e.target).is(":checkbox")) {
if ($menu.find(":checkbox:checked").length == 0) {
$(e.target).attr("checked", "checked");
return;
}

var visibleColumns = [];
$menu.find(":checkbox[id^=columnpicker]").each(function (i, e) {
if ($(this).is(":checked")) {
visibleColumns.push(columns[i]);
}
});
grid.setColumns(visibleColumns);
}
}

init();
}

// Slick.Controls.ColumnPicker
$.extend(true, window, { Slick:{ Controls:{ ColumnPicker:SlickColumnPicker }}});
})(jQuery);
63 changes: 28 additions & 35 deletions controls/slick.pager.css
View file
@@ -1,48 +1,41 @@
.slick-pager
{
width: 100%;
height: 26px;
border: 1px solid gray;
border-top: 0;
background: url('../images/header-columns-bg.gif') repeat-x center bottom;
vertical-align: middle;
.slick-pager {
width: 100%;
height: 26px;
border: 1px solid gray;
border-top: 0;
background: url('../images/header-columns-bg.gif') repeat-x center bottom;
vertical-align: middle;
}

.slick-pager .slick-pager-status
{
display: inline-block;
padding: 6px;
.slick-pager .slick-pager-status {
display: inline-block;
padding: 6px;
}

.slick-pager .ui-icon-container
{
display: inline-block;
margin: 2px;
border-color: gray;
.slick-pager .ui-icon-container {
display: inline-block;
margin: 2px;
border-color: gray;
}

.slick-pager .slick-pager-nav
{
display: inline-block;
float: left;
padding: 2px;
.slick-pager .slick-pager-nav {
display: inline-block;
float: left;
padding: 2px;
}

.slick-pager .slick-pager-settings
{
display: block;
float: right;
padding: 2px;
.slick-pager .slick-pager-settings {
display: block;
float: right;
padding: 2px;
}

.slick-pager .slick-pager-settings *
{
vertical-align: middle;
.slick-pager .slick-pager-settings * {
vertical-align: middle;
}

.slick-pager .slick-pager-settings a
{
padding: 2px;
text-decoration: underline;
cursor: pointer;
.slick-pager .slick-pager-settings a {
padding: 2px;
text-decoration: underline;
cursor: pointer;
}

0 comments on commit 061ac59

Please sign in to comment.