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/arrow-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/arrow-back.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/arrow-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/arrow-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 (+101 lines)
Lines 278-280 function replace_html_date( original_node, id, format ) { Link Here
278
    script.text = script_content;
278
    script.text = script_content;
279
    $(original_node).append( script );
279
    $(original_node).append( script );
280
}
280
}
281
$.fn.dataTableExt.oPagination.four_button = {
282
    /*
283
     * Function: oPagination.four_button.fnInit
284
     * Purpose:  Initalise dom elements required for pagination with a list of the pages
285
     * Returns:  -
286
     * Inputs:   object:oSettings - dataTables settings object
287
     *           node:nPaging - the DIV which contains this pagination control
288
     *           function:fnCallbackDraw - draw function which must be called on update
289
     */
290
    "fnInit": function ( oSettings, nPaging, fnCallbackDraw )
291
    {
292
        nFirst = document.createElement( 'span' );
293
        nPrevious = document.createElement( 'span' );
294
        nNext = document.createElement( 'span' );
295
        nLast = document.createElement( 'span' );
296
         
297
/*        nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) );
298
        nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) );
299
        nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) );
300
        nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) );*/
301
         
302
        nFirst.className = "paginate_button first";
303
        nPrevious.className = "paginate_button previous";
304
        nNext.className="paginate_button next";
305
        nLast.className = "paginate_button last";
306
         
307
        nPaging.appendChild( nFirst );
308
        nPaging.appendChild( nPrevious );
309
        nPaging.appendChild( nNext );
310
        nPaging.appendChild( nLast );
311
         
312
        $(nFirst).click( function () {
313
            oSettings.oApi._fnPageChange( oSettings, "first" );
314
            fnCallbackDraw( oSettings );
315
        } );
316
         
317
        $(nPrevious).click( function() {
318
            oSettings.oApi._fnPageChange( oSettings, "previous" );
319
            fnCallbackDraw( oSettings );
320
        } );
321
         
322
        $(nNext).click( function() {
323
            oSettings.oApi._fnPageChange( oSettings, "next" );
324
            fnCallbackDraw( oSettings );
325
        } );
326
         
327
        $(nLast).click( function() {
328
            oSettings.oApi._fnPageChange( oSettings, "last" );
329
            fnCallbackDraw( oSettings );
330
        } );
331
         
332
        /* Disallow text selection */
333
        $(nFirst).bind( 'selectstart', function () { return false; } );
334
        $(nPrevious).bind( 'selectstart', function () { return false; } );
335
        $(nNext).bind( 'selectstart', function () { return false; } );
336
        $(nLast).bind( 'selectstart', function () { return false; } );
337
    },
338
     
339
    /*
340
     * Function: oPagination.four_button.fnUpdate
341
     * Purpose:  Update the list of page buttons shows
342
     * Returns:  -
343
     * Inputs:   object:oSettings - dataTables settings object
344
     *           function:fnCallbackDraw - draw function which must be called on update
345
     */
346
    "fnUpdate": function ( oSettings, fnCallbackDraw )
347
    {
348
        if ( !oSettings.aanFeatures.p )
349
        {
350
            return;
351
        }
352
         
353
        /* Loop over each instance of the pager */
354
        var an = oSettings.aanFeatures.p;
355
        for ( var i=0, iLen=an.length ; i<iLen ; i++ )
356
        {
357
            var buttons = an[i].getElementsByTagName('span');
358
            if ( oSettings._iDisplayStart === 0 )
359
            {
360
                buttons[0].className = "paginate_disabled_first";
361
                buttons[1].className = "paginate_disabled_previous";
362
            }
363
            else
364
            {
365
                buttons[0].className = "paginate_enabled_first";
366
                buttons[1].className = "paginate_enabled_previous";
367
            }
368
             
369
            if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() )
370
            {
371
                buttons[2].className = "paginate_disabled_next";
372
                buttons[3].className = "paginate_disabled_last";
373
            }
374
            else
375
            {
376
                buttons[2].className = "paginate_enabled_next";
377
                buttons[3].className = "paginate_enabled_last";
378
            }
379
        }
380
    }
381
};
(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/members/readingrec.tt (-17 / +9 lines)
Lines 1-21 Link Here
1
[% INCLUDE 'doc-head-open.inc' %]
1
[% INCLUDE 'doc-head-open.inc' %]
2
<title>Circulation History for [% INCLUDE 'patron-title.inc' %]</title>
2
<title>Circulation History for [% INCLUDE 'patron-title.inc' %]</title>
3
[% INCLUDE 'doc-head-close.inc' %]
3
[% INCLUDE 'doc-head-close.inc' %]
4
<script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.tablesorter.min.js"></script>
4
<link rel="stylesheet" type="text/css" href="/intranet-tmpl/prog/en/css/datatables.css" />
5
<script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.tablesorter.pager.js"></script>
5
<script type="text/javascript" src="/intranet-tmpl/prog/en/lib/jquery/plugins/jquery.dataTables.min.js"></script>
6
<script type="text/javascript" src="/intranet-tmpl/prog/en/js/datatables.js"></script>
6
<script type="text/javascript" id="js">$(document).ready(function() {
7
<script type="text/javascript" id="js">$(document).ready(function() {
7
	$.tablesorter.addParser({
8
 $(document).ready(function() {
8
		id: 'articles',
9
    $("#table_readingrec").dataTable({
9
		is: function(s) {return false;  },
10
        "sPaginationType": "four_button",
10
		format: function(s) { return s.toLowerCase().replace(/^(the|an|a) /,''); },
11
        "sDom": '<"top pager"ilpf>t<"bottom pager"ip>'
11
		type: 'text'
12
    });
12
	});
13
 });
13
	$.tablesorter.defaults.widgets = ['zebra'];
14
	$("#table_readingrec").tablesorter({[% IF ( dateformat_metric ) %]
15
		dateFormat: 'uk',[% END %]
16
		sortList: [[8,1]],
17
		headers: { 1: { sorter: 'articles' }, 9: { sorter: 'shortDate'} }
18
	}).tablesorterPager({container: $("#pagertable_readingrec"),positionFixed: false,size: 20});
19
}); </script>
14
}); </script>
20
</head>
15
</head>
21
<body>
16
<body>
Lines 34-42 Link Here
34
[% IF ( loop_reading ) %]
29
[% IF ( loop_reading ) %]
35
<form action="/cgi-bin/koha/members/readingrec.pl" method="get"><input type="hidden" name="borrowernumber" id="borrowernumber" value="[% borrowernumber %]" /></form>
30
<form action="/cgi-bin/koha/members/readingrec.pl" method="get"><input type="hidden" name="borrowernumber" id="borrowernumber" value="[% borrowernumber %]" /></form>
36
31
37
<div id="pagertable_readingrec">
38
[% INCLUDE 'table-pager.inc' perpage='20' %]
39
</div>
40
<table id="table_readingrec">
32
<table id="table_readingrec">
41
<thead>
33
<thead>
42
    <th>Date</th>
34
    <th>Date</th>
(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/serials/serials-home.tt (-2 / +2 lines)
Lines 11-17 Link Here
11
        "aoColumnDefs": [
11
        "aoColumnDefs": [
12
            { "aTargets": [ -1, -2, -3 ], "bSortable": false, "bSearchable": false },
12
            { "aTargets": [ -1, -2, -3 ], "bSortable": false, "bSearchable": false },
13
        ],
13
        ],
14
        "sPaginationType": "full_numbers"
14
        "sPaginationType": "full_numbers",
15
        "sDom": '<"top pager"ilpf>t<"bottom pager"ip>'
15
    } ) );
16
    } ) );
16
17
17
    srlt.fnAddFilters("filter", 750);
18
    srlt.fnAddFilters("filter", 750);
18
- 

Return to bug 6836