Attachment #32132 for bug #10632

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




.dataTables_filter label {
    font-size: 12px;
}
.sorting_asc {
    padding-right: 19px;
    background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting_desc {
    padding-right: 19px;
    background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting {
    padding-right: 19px;
    background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting_asc_disabled {
    padding-right: 19px;
    background: url("../../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
}
.sorting_desc_disabled {
    padding-right: 19px;
    background: url("../../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE;
}
.sorting_disabled {
    padding-right: 19px;
    background-color: #EEEEEE;
}

div.top {clear : both; }

.dataTables_filter input {
    font-size : 12px;
    height : auto;
    margin : 0;
    padding: 0 4px;
}

input.search_init {
    color: #999999;
    border-right-width : 0;
}

div.top {clear : both; }
div.dataTables_length,
div.dataTables_info,
div.dataTables_paginate {
    float: left;
    padding : .3em .5em .3em .5em;

}
div.dataTables_length {
    border-right : 1px solid #686868;
    line-height:1.9em;
}
div.dataTables_info {
    border-right : 1px solid #AAA;
    line-height:1.9em;
}
div.dataTables_length,
div.dataTables_filter {
    border-left : 1px solid #FFF;
}
div.dataTables_filter {
    line-height : 1.9em;
}
div.dataTables_paginate {
    background-color : #F4F4F4;
    font-size: 110%;
    padding : 0;
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    border-right : 1px solid #AAA;
    border-left : 1px solid #FFF;
    display : block;
    float : left;
    line-height:1.6em;
    padding: .3em .7em;
    cursor: pointer;
}

.paging_full_numbers span.paginate_button {
    color : #0000CC;
}
.paging_full_numbers span.paginate_button.first {
    background-image : url('../../img/first.png');
    background-repeat: no-repeat;
    background-position : 2px center;
    padding-left : 2em;
}
.paging_full_numbers span.paginate_button.previous {
    background-image : url('../../img/prev.png');
    background-repeat: no-repeat;
    background-position : 2px center;
    padding-left : 2em;
}
.paging_full_numbers span.paginate_button.next {
    background-image : url('../../img/next.png');
    background-repeat: no-repeat;
    background-position : right center;
    padding-right : 2em;
}
.paging_full_numbers span.paginate_button.last {
    background-image : url('../../img/last.png');
    background-repeat: no-repeat;
    background-position : right center;
    border-right : 1px solid #686868;
    padding-right : 2em;
}
div.bottom.pager .paging_full_numbers span.paginate_button.last {
    border-right-width : 0;
}
.paging_full_numbers span.paginate_active {
    background-color : #FFFFEA;
    color : #000;
    font-weight: bold;
}

.paging_full_numbers span.paginate_button:hover {
    background-color: #FFC;
}

.paging_full_numbers span.paginate_button.paginate_button_disabled {
    color : #666;
}

/* Two-button version */

div.dataTables_paginate.paging_two_button,
div.dataTables_paginate.paging_four_button {
    background-color : transparent;
    border-right : 1px solid #686868;
    border-left : 1px solid #FFF;
    line-height : 1.8em;
}
.paginate_disabled_first,
.paginate_enabled_first,
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next,
.paginate_disabled_last,
.paginate_enabled_last {
    float: left;
    height: 16px;
    margin: .5em;
    width: 16px;
}
.paginate_disabled_first {
    background-image: url("../../img/first-disabled.png");
}
.paginate_enabled_first {
    background-image: url("../../img/first.png");
    cursor: pointer;
}
.paginate_disabled_previous {
    background-image: url("../../img/prev-disabled.png");
}
.paginate_enabled_previous {
    background-image: url("../../img/prev.png");
    cursor: pointer;
}
.paginate_disabled_next {
    background-image: url("../../img/next-disabled.png");
}
.paginate_enabled_next {
    background-image: url("../../img/next.png");
    cursor: pointer;
}
.paginate_disabled_last {
    background-image: url("../../img/last-disabled.png");
}
.paginate_enabled_last {
    background-image: url("../../img/last.png");
    cursor: pointer;
}


/*
table.display {
    width: 100%;
}
table.display thead th {
    border-bottom: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
}
.dataTables_wrapper {
    clear: both;
    position: relative;
}
.dataTables_processing {
    background-color: white;
    border: 1px solid #DDDDDD;
    color: #999999;
    font-size: 14px;
    height: 30px;
    left: 50%;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 250px;
}
.dataTables_info {
    float: left;
    padding : .3em 0 0 0;
    margin : 0;
.dataTables_paginate {
    float: right;
    text-align: right;
    width: 44px;
}
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
    width: 400px;
}
.paging_full_numbers span.paginate_button,
     .paging_full_numbers span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

.paging_full_numbers span.paginate_button {
    background-color: #ddd;
}

div.dataTables_length,
div.dataTables_filter {
    border-left : 1px solid #FFF;

.paging_full_numbers span.paginate_active {
    background-color: #99B3FF;
}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    float: left;
    height: 19px;
    margin-left: 3px;
    width: 19px;
}
.paginate_disabled_previous {
    background-image: url("../../img/datatables/back_disabled.jpg");
}
.paginate_enabled_previous {
    background-image: url("../../img/datatables/back_enabled.jpg");
}
.paginate_disabled_next {
    background-image: url("../../img/datatables/forward_disabled.jpg");
}
.paginate_enabled_next {
    background-image: url("../../img/datatables/forward_enabled.jpg");
}
.spacer {
    clear: both;
    height: 20px;
}




[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog &rsaquo; Course reserves for [% course.course_name %]
[% INCLUDE 'doc-head-close.inc' %]
[% BLOCK cssinclude %]
    <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/datatables.css" />
[% END %]

</head>

                    <table id="course-items-table" class="table table-bordered table-striped table-condensed">
                        <thead>
                            <tr>
                                <th class="anti-the">Title</th>
                                <th>Item type</th>
                                <th>Location</th>
                                <th>Collection</th>
                                <th>Call number</th>
                                <th>Copy number</th>
                                <th>Status</th>
                                <th class="title-string">Date due</th>
                                <th>Notes</th>
                            </tr>
                        </thead>

                                    <td>[% cr.item.itemcallnumber %]</td>
                                    <td>[% cr.item.copynumber %]</td>
                                    <td>[% INCLUDE 'item-status.inc' item=cr.item issue=cr.issue %]</td>
                                    <td><span title="[% cr.issue.date_due %]">[% cr.issue.date_due | $KohaDates as_due_date => 1 %]</span></td>
                                    <td>[% cr.public_note %]</td>
                                </tr>
                            [% END %]

                    </table>
                [% ELSE %]
                    <br style="clear:both;" />
                    <div class="alert alert-info">
                        <p>No reserves have been selected for this course.</p>
                    </div>
                [% END %]

    <script type="text/javascript">
    $(document).ready(function() {
        $("#course-items-table").dataTable($.extend(true, {}, dataTablesDefaults, {
            "sDom": '<"top"flp>rt<"clear">',
            "aoColumnDefs": [
                { "sType": "anti-the", "aTargets" : [ "anti-the" ] },
                { "sType": "title-string", "aTargets" : [ "title-string" ] }
            ]
        }));
    });
    </script>

Lines 5-11 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt (-3 / +2 lines)
5	[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog &rsaquo; Courses	5	[% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog &rsaquo; Courses
6	[% INCLUDE 'doc-head-close.inc' %]	6	[% INCLUDE 'doc-head-close.inc' %]
7	[% BLOCK cssinclude %]	7	[% BLOCK cssinclude %]
8	<link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />	8	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/datatables.css" />
9	[% END %]	9	[% END %]
10		10
11	</head>	11	</head>
Lines 64-70 Link Here
64	<script type="text/javascript">	64	<script type="text/javascript">
65	$(document).ready(function() {	65	$(document).ready(function() {
66	$("#course_reserves_table").dataTable($.extend(true, {}, dataTablesDefaults, {	66	$("#course_reserves_table").dataTable($.extend(true, {}, dataTablesDefaults, {
67	"sDom": '<"bottom"flp>rt<"clear">',	67	"sDom": '<"top"flp>rt<"clear">',
68	}));	68	}));
69	});	69	});
70	</script>	70	</script>
71	-

Return to bug 10632

Lines 1-265 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/datatables.css (-252 / +15 lines)
1	input.search_init {	1	.dataTables_filter label {
2	color: #999999;	2	font-size: 12px;
3	}
4	.sorting_asc {
5	padding-right: 19px;
6	background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE;
7	}
8	.sorting_desc {
9	padding-right: 19px;
10	background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE;
11	}
12	.sorting {
13	padding-right: 19px;
14	background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
15	}	3	}
16	.sorting_asc_disabled {
17	padding-right: 19px;
18	background: url("../../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
19	}
20	.sorting_desc_disabled {
21	padding-right: 19px;
22	background: url("../../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE;
23	}
24	.sorting_disabled {
25	padding-right: 19px;
26	background-color: #EEEEEE;
27	}
28
29	div.top {clear : both; }
30		4
31	div.top.pager,	5	.dataTables_filter input {
32	div.bottom.pager {	6	font-size : 12px;
33	background-color : #E5E5E5;	7	height : auto;
34	padding : 0;	8	margin : 0;
		9	padding: 0 4px;
35	}	10	}
36		11
37	div.bottom.pager div.dataTables_paginate.paging_full_numbers,	12	input.search_init {
38	div.bottom.pager div.dataTables_paginate.paging_four_button {	13	color: #999999;
39	border-right-width : 0;
40	}	14	}
41		15
42	div.dataTables_filter,	16	div.top {clear : both; }
43	div.dataTables_length,
44	div.dataTables_info,
45	div.dataTables_paginate {
46	float: left;
47	padding : .3em .5em .3em .5em;
48		17
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 {	18	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	/*
180	table.display {
181	width: 100%;
182	}
183	table.display thead th {
184	border-bottom: 1px solid black;
185	cursor: pointer;
186	font-weight: bold;
187	padding: 3px 18px 3px 10px;
188	}
189	.dataTables_wrapper {
190	clear: both;
191	position: relative;
192	}
193	.dataTables_processing {
194	background-color: white;
195	border: 1px solid #DDDDDD;
196	color: #999999;
197	font-size: 14px;
198	height: 30px;
199	left: 50%;
200	margin-left: -125px;
201	margin-top: -15px;
202	padding: 14px 0 2px;
203	position: fixed;
204	text-align: center;
205	top: 50%;
206	width: 250px;
207	}
208	.dataTables_info {
209	float: left;	19	float: left;
210	width: 60%;	20	padding : .3em 0 0 0;
211	}	21	margin : 0;
212	.dataTables_paginate {
213	float: right;
214	text-align: right;
215	width: 44px;
216	}
217	.paging_full_numbers {
218	height: 22px;
219	line-height: 22px;
220	width: 400px;
221	}
222	.paging_full_numbers span.paginate_button,
223	.paging_full_numbers span.paginate_active {
224	border: 1px solid #aaa;
225	-webkit-border-radius: 5px;
226	-moz-border-radius: 5px;
227	padding: 2px 5px;
228	margin: 0 3px;
229	cursor: pointer;
230	*cursor: hand;
231	}
232		22
233	.paging_full_numbers span.paginate_button {
234	background-color: #ddd;
235	}	23	}
236		24
237	.paging_full_numbers span.paginate_button:hover {	25	div.dataTables_length,
238	background-color: #ccc;	26	div.dataTables_filter {
239	}	27	border-left : 1px solid #FFF;
240
241	.paging_full_numbers span.paginate_active {
242	background-color: #99B3FF;
243	}
244	.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
245	float: left;
246	height: 19px;
247	margin-left: 3px;
248	width: 19px;
249	}
250	.paginate_disabled_previous {
251	background-image: url("../../img/datatables/back_disabled.jpg");
252	}
253	.paginate_enabled_previous {
254	background-image: url("../../img/datatables/back_enabled.jpg");
255	}
256	.paginate_disabled_next {
257	background-image: url("../../img/datatables/forward_disabled.jpg");
258	}
259	.paginate_enabled_next {
260	background-image: url("../../img/datatables/forward_enabled.jpg");
261	}
262	.spacer {
263	clear: both;
264	height: 20px;
265	}	28	}