Some internationzalization and UI pagination

This commit is contained in:
Gonzalo Bellver 2011-10-11 16:55:13 -03:00
parent 16f78d46cc
commit 7ee850acc8
3 changed files with 15 additions and 10 deletions

View File

@ -86,7 +86,11 @@ body {
#map-table { #map-table {
width: 100% !important; width: 100% !important;
display: inline-block; display: inline-block;
}
input#selectAll {
position: relative;
left: 4px;
} }
/* ----------------------------- Toolbar -------------------------------- */ /* ----------------------------- Toolbar -------------------------------- */

View File

@ -7,6 +7,7 @@
@red: #FF0000; @red: #FF0000;
@base-border-size: 1px; @base-border-size: 1px;
@base-color: #111; @base-color: #111;
@base-margin: 10px;
@th-background-color: #FFFFFF; @th-background-color: #FFFFFF;
@ -40,25 +41,26 @@
} }
.dataTables_length { .dataTables_length {
width: 40%; float: right;
float: left;
margin-bottom: 10px; margin-bottom: 10px;
} }
.dataTables_filter { .dataTables_filter {
text-align: right; text-align: right;
margin-bottom: 10px; margin-bottom: @base-margin;
} }
.dataTables_info { .dataTables_info {
width: 60%; width: 60%;
float: left; float: left;
margin-top: @base-margin;
} }
.dataTables_paginate { .dataTables_paginate {
width: 44px; width: 44px;
float: right; float: right;
text-align: right; text-align: right;
margin-top: @base-margin;
} }
/* Pagination nested */ /* Pagination nested */
@ -170,9 +172,6 @@ tr.even {
margin-top: -1px; margin-top: -1px;
} }
.top, .bottom {
}
.top .dataTables_info { .top .dataTables_info {
float: none; float: none;
} }

View File

@ -73,15 +73,17 @@
], ],
"bAutoWidth" : false, "bAutoWidth" : false,
"bLengthChange": false, // "bLengthChange": false,
"bInfo": false, // "bInfo": false,
"bPaginate": false, // "bPaginate": false,
"oLanguage" : { "oLanguage" : {
"sSearch" : "Rechercher" "sSearch" : "Rechercher",
"sInfo" : "Affichage de _START_ &#224 _END_ de _TOTAL_ entrées"
} }
}); });
$('#maps_filter').appendTo("#toolbar"); $('#maps_filter').appendTo("#toolbar");
$("#maps_length").appendTo("#buttons");
$('input:checkbox[id="selectAll"]').click(function() { $('input:checkbox[id="selectAll"]').click(function() {
$("#maps").dataTableExt.selectAllMaps(); $("#maps").dataTableExt.selectAllMaps();