Skip to content

Commit

Permalink
updates bootstrap3 views with new dataTables & responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
@dleffler
dleffler committed Apr 24, 2014
1 parent e20937e commit 9e46cce
Show file tree
Hide file tree
Showing 7 changed files with 59 additions and 55 deletions.
6 changes: 5 additions & 1 deletion framework/core/assets/less/forms-bootstrap3.less
View file
Expand Up @@ -174,4 +174,8 @@ a.fa-sort, .container-chrome ul li a.fa-sort {

.label {
color: #000000;
}
}

input.tagit-hidden-field {
display: none!important;
}
18 changes: 9 additions & 9 deletions framework/modules/ecommerce/views/eventregistration/view_registrants.bootstrap3.tpl
View file
Expand Up @@ -13,7 +13,7 @@
*
*}

{css unique="viewregistrants" corecss="tables"}
{css unique="viewregistrants" corecss="tables,datatables-tools"}

{/css}

Expand Down Expand Up @@ -172,30 +172,30 @@
{script unique="view-registrants" jquery='jquery.dataTables,dataTables.tableTools,dataTables.bootstrap3,datatables.responsive'}
{literal}
$(document).ready(function() {
var responsiveHelper = undefined;
var responsiveHelper;
var breakpointDefinition = {
tablet: 1024,
phone : 480
};
var tableElement = $('#view-registrants');
var tableContainer = $('#view-registrants');

var table = tableElement.dataTable({
var table = tableContainer.dataTable({
// sDom: 'T<"row-fluid"<"span6"l><"span6"f>r>t<"row-fluid"<"span6"i><"span6"p>>',
aoColumnDefs: [
{ bSearchable: false, aTargets: [ -2 ] },
{ bSortable: false, aTargets: [ -2 ] },
],
bAutoWidth: false,
fnPreDrawCallback: function () {
autoWidth: false,
preDrawCallback: function () {
// Initialize the responsive datatables helper once.
if (!responsiveHelper) {
responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
}
},
fnRowCallback: function (nRow) {
rowCallback: function (nRow) {
responsiveHelper.createExpandIcon(nRow);
},
fnDrawCallback: function (oSettings) {
drawCallback: function (oSettings) {
responsiveHelper.respond();
}
});
Expand Down
18 changes: 9 additions & 9 deletions framework/modules/forms/views/forms/showall.bootstrap3.tpl
View file
Expand Up @@ -17,7 +17,7 @@
{*{css unique="data-view" corecss="button"}*}

{*{/css}*}
{css unique="showall-forms" link="`$asset_path`css/datatables-tools.css"}
{css unique="manage-groups" corecss="datatables-tools"}

{/css}

Expand Down Expand Up @@ -98,30 +98,30 @@
{script unique="form-showall" jquery='jquery.dataTables,dataTables.tableTools,dataTables.bootstrap3,datatables.responsive'}
{literal}
$(document).ready(function() {
var responsiveHelper = undefined;
var responsiveHelper;
var breakpointDefinition = {
tablet: 1024,
phone : 480
};
var tableElement = $('#forms-showall');
var tableContainer = $('#forms-showall');

var table = tableElement.dataTable({
var table = tableContainer.dataTable({
// sDom: 'T<"row-fluid"<"span6"l><"span6"f>r>t<"row-fluid"<"span6"i><"span6"p>>',
aoColumnDefs: [
{ bSearchable: false, "aTargets": [ -1 ] },
{ bSortable: false, "aTargets": [ -1 ] },
],
bAutoWidth: false,
fnPreDrawCallback: function () {
autoWidth: false,
preDrawCallback: function () {
// Initialize the responsive datatables helper once.
if (!responsiveHelper) {
responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
}
},
fnRowCallback: function (nRow) {
rowCallback: function (nRow) {
responsiveHelper.createExpandIcon(nRow);
},
fnDrawCallback: function (oSettings) {
drawCallback: function (oSettings) {
responsiveHelper.respond();
}
});
Expand Down
18 changes: 9 additions & 9 deletions framework/modules/users/views/users/_permissions.bootstrap3.tpl
View file
Expand Up @@ -21,7 +21,7 @@
{*}*}
{*{/literal}*}
{*{/css}*}
{css unique="manage-perms" link="`$asset_path`css/datatables-tools.css"}
{css unique="manage-groups" corecss="datatables-tools"}

{/css}

Expand Down Expand Up @@ -122,14 +122,14 @@ YUI(EXPONENT.YUI3_CONFIG).use('node', "event", "node-event-delegate", function(Y
{script unique="permissions" jquery='jquery.dataTables,dataTables.tableTools,dataTables.bootstrap3,datatables.responsive'}
{literal}
$(document).ready(function() {
var responsiveHelper = undefined;
var responsiveHelper;
var breakpointDefinition = {
tablet: 1024,
phone : 480
};
var tableElement = $('#permissions');
var tableContainer = $('#permissions');

var table = tableElement.dataTable({
var table = tableContainer.dataTable({
// sDom: 'T<"row-fluid"<"span6"l><"span6"f>r>t<"row-fluid"<"span6"i><"span6"p>>',
aoColumnDefs: [
// { "bSearchable": true, "aTargets": [ {/literal}{if !$is_group}0, 1, 2{else}0{/if}{literal} ] },
Expand All @@ -139,17 +139,17 @@ YUI(EXPONENT.YUI3_CONFIG).use('node', "event", "node-event-delegate", function(Y
{aTargets: [ "sortme"], bSortable: true },
{aTargets: [ 'nosort' ], bSortable: false }
],
bAutoWidth: false,
fnPreDrawCallback: function () {
autoWidth: false,
preDrawCallback: function () {
// Initialize the responsive datatables helper once.
if (!responsiveHelper) {
responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
}
},
fnRowCallback: function (nRow) {
rowCallback: function (nRow) {
responsiveHelper.createExpandIcon(nRow);
},
fnDrawCallback: function (oSettings) {
drawCallback: function (oSettings) {
responsiveHelper.respond();
}
});
Expand Down
18 changes: 9 additions & 9 deletions framework/modules/users/views/users/manage.bootstrap3.tpl
View file
Expand Up @@ -20,7 +20,7 @@
{*height:20px;*}
{*}*}
{*{/css}*}
{css unique="manage-users" link="`$asset_path`css/datatables-tools.css"}
{css unique="manage-groups" corecss="datatables-tools"}

{/css}

Expand Down Expand Up @@ -83,14 +83,14 @@
{script unique="manage-users" jquery='jquery.dataTables,dataTables.tableTools,dataTables.bootstrap3,datatables.responsive'}
{literal}
$(document).ready(function() {
var responsiveHelper = undefined;
var responsiveHelper;
var breakpointDefinition = {
tablet: 1024,
phone : 480
};
var tableElement = $('#users-manage');
var tableContainer = $('#users-manage');

var table = tableElement.dataTable({
var table = tableContainer.dataTable({
// sDom: "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
aoColumns: [
null,
Expand All @@ -99,17 +99,17 @@
{ bSearchable: false, bSortable: false },
{ bSearchable: false, bSortable: false },
],
bAutoWidth: false,
fnPreDrawCallback: function () {
autoWidth: false,
preDrawCallback: function () {
// Initialize the responsive datatables helper once.
if (!responsiveHelper) {
responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
}
},
fnRowCallback: function (nRow) {
rowCallback: function (nRow) {
responsiveHelper.createExpandIcon(nRow);
},
fnDrawCallback: function (oSettings) {
drawCallback: function (oSettings) {
responsiveHelper.respond();
}
});
Expand Down
18 changes: 9 additions & 9 deletions framework/modules/users/views/users/manage_group_memberships.bootstrap3.tpl
View file
Expand Up @@ -16,7 +16,7 @@
{*{css unique="group" corecss="tables"}*}

{*{/css}*}
{css unique="manage-groups" link="`$asset_path`css/datatables-tools.css"}
{css unique="manage-groups" corecss="datatables-tools"}

{/css}

Expand Down Expand Up @@ -68,14 +68,14 @@
{script unique="manage-groups" jquery='jquery.dataTables,dataTables.tableTools,dataTables.bootstrap3,datatables.responsive'}
{literal}
$(document).ready(function() {
var responsiveHelper = undefined;
var responsiveHelper;
var breakpointDefinition = {
tablet: 1024,
phone : 480
};
var tableElement = $('#groups-manage');
var tableContainer = $('#groups-manage');

var table = tableElement.dataTable({
var table = tableContainer.dataTable({
// sDom: "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
aoColumns: [
null,
Expand All @@ -84,17 +84,17 @@
{ bSearchable: false, bSortable: false },
{ bSearchable: false, bSortable: false },
],
bAutoWidth: false,
fnPreDrawCallback: function () {
autoWidth: false,
preDrawCallback: function () {
// Initialize the responsive datatables helper once.
if (!responsiveHelper) {
responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
}
},
fnRowCallback: function (nRow) {
rowCallback: function (nRow) {
responsiveHelper.createExpandIcon(nRow);
},
fnDrawCallback: function (oSettings) {
drawCallback: function (oSettings) {
responsiveHelper.respond();
}
});
Expand Down
18 changes: 9 additions & 9 deletions framework/modules/users/views/users/manage_groups.bootstrap3.tpl
View file
Expand Up @@ -16,7 +16,7 @@
{*{css unique="manage_groups" corecss="tables"}*}

{*{/css}*}
{css unique="manage-groups" link="`$asset_path`css/datatables-tools.css"}
{css unique="manage-groups" corecss="datatables-tools"}

{/css}

Expand Down Expand Up @@ -76,14 +76,14 @@
{script unique="manage-groups" jquery='jquery.dataTables,dataTables.tableTools,dataTables.bootstrap3,datatables.responsive'}
{literal}
$(document).ready(function() {
var responsiveHelper = undefined;
var responsiveHelper;
var breakpointDefinition = {
tablet: 1024,
phone : 480
};
var tableElement = $('#groups-manage');
var tableContainer = $('#groups-manage');

var table = tableElement.dataTable({
var table = tableContainer.dataTable({
// sDom: "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
aoColumns: [
null,
Expand All @@ -92,17 +92,17 @@
{ bSearchable: false },
{ bSearchable: false, bSortable: false },
],
bAutoWidth: false,
fnPreDrawCallback: function () {
autoWidth: false,
preDrawCallback: function () {
// Initialize the responsive datatables helper once.
if (!responsiveHelper) {
responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
}
},
fnRowCallback: function (nRow) {
rowCallback: function (nRow) {
responsiveHelper.createExpandIcon(nRow);
},
fnDrawCallback: function (oSettings) {
drawCallback: function (oSettings) {
responsiveHelper.respond();
}
});
Expand Down

0 comments on commit 9e46cce

Please sign in to comment.