View | Details | Raw Unified | Return to bug 6836
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css (-3 / +154 lines)
Lines 3-17 input.search_init { Link Here
3
}
3
}
4
.sorting_asc {
4
.sorting_asc {
5
    padding-right: 19px;
5
    padding-right: 19px;
6
    background: url("../../img/datatables/sort_asc.png") no-repeat scroll right center #EEEEEE;
6
    background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE;
7
}
7
}
8
.sorting_desc {
8
.sorting_desc {
9
    padding-right: 19px;
9
    padding-right: 19px;
10
    background: url("../../img/datatables/sort_desc.png") no-repeat scroll right center #EEEEEE;
10
    background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE;
11
}
11
}
12
.sorting {
12
.sorting {
13
    padding-right: 19px;
13
    padding-right: 19px;
14
    background: url("../../img/datatables/sort_both.png") no-repeat scroll right center #EEEEEE;
14
    background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
15
}
15
}
16
.sorting_asc_disabled {
16
.sorting_asc_disabled {
17
    padding-right: 19px;
17
    padding-right: 19px;
Lines 26-31 input.search_init { Link Here
26
    background-color: #EEEEEE;
26
    background-color: #EEEEEE;
27
}
27
}
28
28
29
div.top {clear : both; }
30
31
div.top.pager,
32
div.bottom.pager {
33
    background-color : #E5E5E5;
34
    padding : 0;
35
}
36
37
div.bottom.pager div.dataTables_paginate.paging_full_numbers,
38
div.bottom.pager div.dataTables_paginate.paging_four_button {
39
    border-right-width : 0;
40
}
41
42
div.dataTables_filter,
43
div.dataTables_length,
44
div.dataTables_info,
45
div.dataTables_paginate {
46
    float: left;
47
    padding : .3em .5em .3em .5em;
48
49
}
50
div.dataTables_length {
51
    border-right : 1px solid #686868;
52
    line-height:1.9em;
53
}
54
div.dataTables_info {
55
    border-right : 1px solid #AAA;
56
    line-height:1.9em;
57
}
58
div.dataTables_length,
59
div.dataTables_filter {
60
    border-left : 1px solid #FFF;
61
}
62
div.dataTables_filter {
63
    line-height : 1.9em;
64
}
65
div.dataTables_paginate {
66
    background-color : #F4F4F4;
67
    font-size: 110%;
68
    padding : 0;
69
}
70
71
.paging_full_numbers span.paginate_button,
72
.paging_full_numbers span.paginate_active {
73
    border-right : 1px solid #AAA;
74
    border-left : 1px solid #FFF;
75
    display : block;
76
    float : left;
77
    line-height:1.6em;
78
    padding: .3em .7em;
79
    cursor: pointer;
80
}
81
82
.paging_full_numbers span.paginate_button {
83
    color : #0000CC;
84
}
85
.paging_full_numbers span.paginate_button.first {
86
    background-image : url('../../img/first.png');
87
    background-repeat: no-repeat;
88
    background-position : 2px center;
89
    padding-left : 2em;
90
}
91
.paging_full_numbers span.paginate_button.previous {
92
    background-image : url('../../img/prev.png');
93
    background-repeat: no-repeat;
94
    background-position : 2px center;
95
    padding-left : 2em;
96
}
97
.paging_full_numbers span.paginate_button.next {
98
    background-image : url('../../img/next.png');
99
    background-repeat: no-repeat;
100
    background-position : right center;
101
    padding-right : 2em;
102
}
103
.paging_full_numbers span.paginate_button.last {
104
    background-image : url('../../img/last.png');
105
    background-repeat: no-repeat;
106
    background-position : right center;
107
    border-right : 1px solid #686868;
108
    padding-right : 2em;
109
}
110
div.bottom.pager .paging_full_numbers span.paginate_button.last {
111
    border-right-width : 0;
112
}
113
.paging_full_numbers span.paginate_active {
114
    background-color : #FFFFEA;
115
    color : #000;
116
    font-weight: bold;
117
}
118
119
.paging_full_numbers span.paginate_button:hover {
120
    background-color: #FFC;
121
}
122
123
.paging_full_numbers span.paginate_button.paginate_button_disabled {
124
    color : #666;
125
}
126
127
/* Two-button version */
128
129
div.dataTables_paginate.paging_two_button,
130
div.dataTables_paginate.paging_four_button {
131
    background-color : transparent;
132
    border-right : 1px solid #686868;
133
    border-left : 1px solid #FFF;
134
    line-height : 1.8em;
135
}
136
.paginate_disabled_first,
137
.paginate_enabled_first,
138
.paginate_disabled_previous,
139
.paginate_enabled_previous,
140
.paginate_disabled_next,
141
.paginate_enabled_next,
142
.paginate_disabled_last,
143
.paginate_enabled_last {
144
    float: left;
145
    height: 16px;
146
    margin: .5em;
147
    width: 16px;
148
}
149
.paginate_disabled_first {
150
    background-image: url("../../img/first-disabled.png");
151
}
152
.paginate_enabled_first {
153
    background-image: url("../../img/first.png");
154
    cursor: pointer;
155
}
156
.paginate_disabled_previous {
157
    background-image: url("../../img/prev-disabled.png");
158
}
159
.paginate_enabled_previous {
160
    background-image: url("../../img/prev.png");
161
    cursor: pointer;
162
}
163
.paginate_disabled_next {
164
    background-image: url("../../img/next-disabled.png");
165
}
166
.paginate_enabled_next {
167
    background-image: url("../../img/next.png");
168
    cursor: pointer;
169
}
170
.paginate_disabled_last {
171
    background-image: url("../../img/last-disabled.png");
172
}
173
.paginate_enabled_last {
174
    background-image: url("../../img/last.png");
175
    cursor: pointer;
176
}
177
178
179
/*
29
table.display {
180
table.display {
30
    width: 100%;
181
    width: 100%;
31
}
182
}
(-)a/koha-tmpl/intranet-tmpl/prog/en/js/datatables.js (-1 / +104 lines)
Lines 22-28 var dataTablesDefaults = { Link Here
22
        "sProcessing"       : window.MSG_DT_PROCESSING || "Processing...",
22
        "sProcessing"       : window.MSG_DT_PROCESSING || "Processing...",
23
        "sSearch"           : window.MSG_DT_SEARCH || "Search:",
23
        "sSearch"           : window.MSG_DT_SEARCH || "Search:",
24
        "sZeroRecords"      : window.MSG_DT_ZERO_RECORDS || "No matching records found"
24
        "sZeroRecords"      : window.MSG_DT_ZERO_RECORDS || "No matching records found"
25
    }
25
    },
26
    "sDom": '<"top pager"ilpf>t<"bottom pager"ip>'
26
};
27
};
27
28
28
29
Lines 279-281 function replace_html_date( original_node, id, format ) { Link Here
279
    script.text = script_content;
280
    script.text = script_content;
280
    $(original_node).append( script );
281
    $(original_node).append( script );
281
}
282
}
283
284
$.fn.dataTableExt.oPagination.four_button = {
285
    /*
286
     * Function: oPagination.four_button.fnInit
287
     * Purpose:  Initalise dom elements required for pagination with a list of the pages
288
     * Returns:  -
289
     * Inputs:   object:oSettings - dataTables settings object
290
     *           node:nPaging - the DIV which contains this pagination control
291
     *           function:fnCallbackDraw - draw function which must be called on update
292
     */
293
    "fnInit": function ( oSettings, nPaging, fnCallbackDraw )
294
    {
295
        nFirst = document.createElement( 'span' );
296
        nPrevious = document.createElement( 'span' );
297
        nNext = document.createElement( 'span' );
298
        nLast = document.createElement( 'span' );
299
300
/*        nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) );
301
        nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) );
302
        nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) );
303
        nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) );*/
304
305
        nFirst.className = "paginate_button first";
306
        nPrevious.className = "paginate_button previous";
307
        nNext.className="paginate_button next";
308
        nLast.className = "paginate_button last";
309
310
        nPaging.appendChild( nFirst );
311
        nPaging.appendChild( nPrevious );
312
        nPaging.appendChild( nNext );
313
        nPaging.appendChild( nLast );
314
315
        $(nFirst).click( function () {
316
            oSettings.oApi._fnPageChange( oSettings, "first" );
317
            fnCallbackDraw( oSettings );
318
        } );
319
320
        $(nPrevious).click( function() {
321
            oSettings.oApi._fnPageChange( oSettings, "previous" );
322
            fnCallbackDraw( oSettings );
323
        } );
324
325
        $(nNext).click( function() {
326
            oSettings.oApi._fnPageChange( oSettings, "next" );
327
            fnCallbackDraw( oSettings );
328
        } );
329
330
        $(nLast).click( function() {
331
            oSettings.oApi._fnPageChange( oSettings, "last" );
332
            fnCallbackDraw( oSettings );
333
        } );
334
335
        /* Disallow text selection */
336
        $(nFirst).bind( 'selectstart', function () { return false; } );
337
        $(nPrevious).bind( 'selectstart', function () { return false; } );
338
        $(nNext).bind( 'selectstart', function () { return false; } );
339
        $(nLast).bind( 'selectstart', function () { return false; } );
340
    },
341
342
    /*
343
     * Function: oPagination.four_button.fnUpdate
344
     * Purpose:  Update the list of page buttons shows
345
     * Returns:  -
346
     * Inputs:   object:oSettings - dataTables settings object
347
     *           function:fnCallbackDraw - draw function which must be called on update
348
     */
349
    "fnUpdate": function ( oSettings, fnCallbackDraw )
350
    {
351
        if ( !oSettings.aanFeatures.p )
352
        {
353
            return;
354
        }
355
356
        /* Loop over each instance of the pager */
357
        var an = oSettings.aanFeatures.p;
358
        for ( var i=0, iLen=an.length ; i<iLen ; i++ )
359
        {
360
            var buttons = an[i].getElementsByTagName('span');
361
            if ( oSettings._iDisplayStart === 0 )
362
            {
363
                buttons[0].className = "paginate_disabled_first";
364
                buttons[1].className = "paginate_disabled_previous";
365
            }
366
            else
367
            {
368
                buttons[0].className = "paginate_enabled_first";
369
                buttons[1].className = "paginate_enabled_previous";
370
            }
371
372
            if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() )
373
            {
374
                buttons[2].className = "paginate_disabled_next";
375
                buttons[3].className = "paginate_disabled_last";
376
            }
377
            else
378
            {
379
                buttons[2].className = "paginate_enabled_next";
380
                buttons[3].className = "paginate_enabled_last";
381
            }
382
        }
383
    }
384
};
(-)a/koha-tmpl/opac-tmpl/prog/en/css/datatables.css (-3 / +154 lines)
Lines 3-17 input.search_init { Link Here
3
}
3
}
4
.sorting_asc {
4
.sorting_asc {
5
    padding-right: 19px;
5
    padding-right: 19px;
6
    background: url("../../img/datatables/sort_asc.png") no-repeat scroll right center #EEEEEE;
6
    background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE;
7
}
7
}
8
.sorting_desc {
8
.sorting_desc {
9
    padding-right: 19px;
9
    padding-right: 19px;
10
    background: url("../../img/datatables/sort_desc.png") no-repeat scroll right center #EEEEEE;
10
    background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE;
11
}
11
}
12
.sorting {
12
.sorting {
13
    padding-right: 19px;
13
    padding-right: 19px;
14
    background: url("../../img/datatables/sort_both.png") no-repeat scroll right center #EEEEEE;
14
    background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
15
}
15
}
16
.sorting_asc_disabled {
16
.sorting_asc_disabled {
17
    padding-right: 19px;
17
    padding-right: 19px;
Lines 26-31 input.search_init { Link Here
26
    background-color: #EEEEEE;
26
    background-color: #EEEEEE;
27
}
27
}
28
28
29
div.top {clear : both; }
30
31
div.top.pager,
32
div.bottom.pager {
33
    background-color : #E5E5E5;
34
    padding : 0;
35
}
36
37
div.bottom.pager div.dataTables_paginate.paging_full_numbers,
38
div.bottom.pager div.dataTables_paginate.paging_four_button {
39
    border-right-width : 0;
40
}
41
42
div.dataTables_filter,
43
div.dataTables_length,
44
div.dataTables_info,
45
div.dataTables_paginate {
46
    float: left;
47
    padding : .3em .5em .3em .5em;
48
49
}
50
div.dataTables_length {
51
    border-right : 1px solid #686868;
52
    line-height:1.9em;
53
}
54
div.dataTables_info {
55
    border-right : 1px solid #AAA;
56
    line-height:1.9em;
57
}
58
div.dataTables_length,
59
div.dataTables_filter {
60
    border-left : 1px solid #FFF;
61
}
62
div.dataTables_filter {
63
    line-height : 1.9em;
64
}
65
div.dataTables_paginate {
66
    background-color : #F4F4F4;
67
    font-size: 110%;
68
    padding : 0;
69
}
70
71
.paging_full_numbers span.paginate_button,
72
.paging_full_numbers span.paginate_active {
73
    border-right : 1px solid #AAA;
74
    border-left : 1px solid #FFF;
75
    display : block;
76
    float : left;
77
    line-height:1.6em;
78
    padding: .3em .7em;
79
    cursor: pointer;
80
}
81
82
.paging_full_numbers span.paginate_button {
83
    color : #0000CC;
84
}
85
.paging_full_numbers span.paginate_button.first {
86
    background-image : url('../../img/first.png');
87
    background-repeat: no-repeat;
88
    background-position : 2px center;
89
    padding-left : 2em;
90
}
91
.paging_full_numbers span.paginate_button.previous {
92
    background-image : url('../../img/prev.png');
93
    background-repeat: no-repeat;
94
    background-position : 2px center;
95
    padding-left : 2em;
96
}
97
.paging_full_numbers span.paginate_button.next {
98
    background-image : url('../../img/next.png');
99
    background-repeat: no-repeat;
100
    background-position : right center;
101
    padding-right : 2em;
102
}
103
.paging_full_numbers span.paginate_button.last {
104
    background-image : url('../../img/last.png');
105
    background-repeat: no-repeat;
106
    background-position : right center;
107
    border-right : 1px solid #686868;
108
    padding-right : 2em;
109
}
110
div.bottom.pager .paging_full_numbers span.paginate_button.last {
111
    border-right-width : 0;
112
}
113
.paging_full_numbers span.paginate_active {
114
    background-color : #FFFFEA;
115
    color : #000;
116
    font-weight: bold;
117
}
118
119
.paging_full_numbers span.paginate_button:hover {
120
    background-color: #FFC;
121
}
122
123
.paging_full_numbers span.paginate_button.paginate_button_disabled {
124
    color : #666;
125
}
126
127
/* Two-button version */
128
129
div.dataTables_paginate.paging_two_button,
130
div.dataTables_paginate.paging_four_button {
131
    background-color : transparent;
132
    border-right : 1px solid #686868;
133
    border-left : 1px solid #FFF;
134
    line-height : 1.8em;
135
}
136
.paginate_disabled_first,
137
.paginate_enabled_first,
138
.paginate_disabled_previous,
139
.paginate_enabled_previous,
140
.paginate_disabled_next,
141
.paginate_enabled_next,
142
.paginate_disabled_last,
143
.paginate_enabled_last {
144
    float: left;
145
    height: 16px;
146
    margin: .5em;
147
    width: 16px;
148
}
149
.paginate_disabled_first {
150
    background-image: url("../../img/first-disabled.png");
151
}
152
.paginate_enabled_first {
153
    background-image: url("../../img/first.png");
154
    cursor: pointer;
155
}
156
.paginate_disabled_previous {
157
    background-image: url("../../img/prev-disabled.png");
158
}
159
.paginate_enabled_previous {
160
    background-image: url("../../img/prev.png");
161
    cursor: pointer;
162
}
163
.paginate_disabled_next {
164
    background-image: url("../../img/next-disabled.png");
165
}
166
.paginate_enabled_next {
167
    background-image: url("../../img/next.png");
168
    cursor: pointer;
169
}
170
.paginate_disabled_last {
171
    background-image: url("../../img/last-disabled.png");
172
}
173
.paginate_enabled_last {
174
    background-image: url("../../img/last.png");
175
    cursor: pointer;
176
}
177
178
179
/*
29
table.display {
180
table.display {
30
    width: 100%;
181
    width: 100%;
31
}
182
}
(-)a/koha-tmpl/opac-tmpl/prog/en/js/datatables.js (-2 / +104 lines)
Lines 22-28 var dataTablesDefaults = { Link Here
22
        "sProcessing"       : window.MSG_DT_PROCESSING || "Processing...",
22
        "sProcessing"       : window.MSG_DT_PROCESSING || "Processing...",
23
        "sSearch"           : window.MSG_DT_SEARCH || "Search:",
23
        "sSearch"           : window.MSG_DT_SEARCH || "Search:",
24
        "sZeroRecords"      : window.MSG_DT_ZERO_RECORDS || "No matching records found"
24
        "sZeroRecords"      : window.MSG_DT_ZERO_RECORDS || "No matching records found"
25
    }
25
    },
26
    "sDom": '<"top pager"ilpf>t<"bottom pager"ip>'
26
};
27
};
27
28
28
29
Lines 279-281 function replace_html_date( original_node, id, format ) { Link Here
279
    script.text = script_content;
280
    script.text = script_content;
280
    $(original_node).append( script );
281
    $(original_node).append( script );
281
}
282
}
282
- 
283
284
$.fn.dataTableExt.oPagination.four_button = {
285
    /*
286
     * Function: oPagination.four_button.fnInit
287
     * Purpose:  Initalise dom elements required for pagination with a list of the pages
288
     * Returns:  -
289
     * Inputs:   object:oSettings - dataTables settings object
290
     *           node:nPaging - the DIV which contains this pagination control
291
     *           function:fnCallbackDraw - draw function which must be called on update
292
     */
293
    "fnInit": function ( oSettings, nPaging, fnCallbackDraw )
294
    {
295
        nFirst = document.createElement( 'span' );
296
        nPrevious = document.createElement( 'span' );
297
        nNext = document.createElement( 'span' );
298
        nLast = document.createElement( 'span' );
299
300
/*        nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) );
301
        nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) );
302
        nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) );
303
        nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) );*/
304
305
        nFirst.className = "paginate_button first";
306
        nPrevious.className = "paginate_button previous";
307
        nNext.className="paginate_button next";
308
        nLast.className = "paginate_button last";
309
310
        nPaging.appendChild( nFirst );
311
        nPaging.appendChild( nPrevious );
312
        nPaging.appendChild( nNext );
313
        nPaging.appendChild( nLast );
314
315
        $(nFirst).click( function () {
316
            oSettings.oApi._fnPageChange( oSettings, "first" );
317
            fnCallbackDraw( oSettings );
318
        } );
319
320
        $(nPrevious).click( function() {
321
            oSettings.oApi._fnPageChange( oSettings, "previous" );
322
            fnCallbackDraw( oSettings );
323
        } );
324
325
        $(nNext).click( function() {
326
            oSettings.oApi._fnPageChange( oSettings, "next" );
327
            fnCallbackDraw( oSettings );
328
        } );
329
330
        $(nLast).click( function() {
331
            oSettings.oApi._fnPageChange( oSettings, "last" );
332
            fnCallbackDraw( oSettings );
333
        } );
334
335
        /* Disallow text selection */
336
        $(nFirst).bind( 'selectstart', function () { return false; } );
337
        $(nPrevious).bind( 'selectstart', function () { return false; } );
338
        $(nNext).bind( 'selectstart', function () { return false; } );
339
        $(nLast).bind( 'selectstart', function () { return false; } );
340
    },
341
342
    /*
343
     * Function: oPagination.four_button.fnUpdate
344
     * Purpose:  Update the list of page buttons shows
345
     * Returns:  -
346
     * Inputs:   object:oSettings - dataTables settings object
347
     *           function:fnCallbackDraw - draw function which must be called on update
348
     */
349
    "fnUpdate": function ( oSettings, fnCallbackDraw )
350
    {
351
        if ( !oSettings.aanFeatures.p )
352
        {
353
            return;
354
        }
355
356
        /* Loop over each instance of the pager */
357
        var an = oSettings.aanFeatures.p;
358
        for ( var i=0, iLen=an.length ; i<iLen ; i++ )
359
        {
360
            var buttons = an[i].getElementsByTagName('span');
361
            if ( oSettings._iDisplayStart === 0 )
362
            {
363
                buttons[0].className = "paginate_disabled_first";
364
                buttons[1].className = "paginate_disabled_previous";
365
            }
366
            else
367
            {
368
                buttons[0].className = "paginate_enabled_first";
369
                buttons[1].className = "paginate_enabled_previous";
370
            }
371
372
            if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() )
373
            {
374
                buttons[2].className = "paginate_disabled_next";
375
                buttons[3].className = "paginate_disabled_last";
376
            }
377
            else
378
            {
379
                buttons[2].className = "paginate_enabled_next";
380
                buttons[3].className = "paginate_enabled_last";
381
            }
382
        }
383
    }
384
};

Return to bug 6836