Attachment #33465 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("../../images/asc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting_desc {
    padding-right: 19px;
    background: url("../../images/desc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting {
    padding-right: 19px;
    background: url("../../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
}
.sorting_asc_disabled {
    padding-right: 19px;
    background: url("../../images/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
}
.sorting_desc_disabled {
    padding-right: 19px;
    background: url("../../images/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 {
    float: left;
    padding : .3em 0 0 0;
    margin : 0;
    line-height : 1.9em;
}
div.dataTables_paginate {
    background-color : #F4F4F4;
    padding : 0;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.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 a.paginate_button {
    color : #0000CC;
}
.paging_full_numbers a.paginate_button.first {
    background-image : url('../../images/first.png');
    background-repeat: no-repeat;
    background-position : 1% center;
    padding-left : 2em;
}
.paging_full_numbers a.paginate_button.previous {
    background-image : url('../../images/prev.png');
    background-repeat: no-repeat;
    background-position : 1% center;
    padding-left : 2em;
}
.paging_full_numbers a.paginate_button.next {
    background-image : url('../../images/next.png');
    background-repeat: no-repeat;
    background-position : 96% center;
    padding-right : 2em;
}
.paging_full_numbers a.paginate_button.last {
    background-image : url('../../images/last.png');
    background-repeat: no-repeat;
    background-position : 96% center;
    border-right : 1px solid #686868;
    padding-right : 2em;
}
div.bottom.pager .paging_full_numbers a.paginate_button.last {
    border-right-width : 0;
}
.paging_full_numbers a.paginate_active {
    background-color : #FFFFEA;
    color : #000;
    font-weight: bold;
}

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

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

div.dataTables_length,
div.dataTables_filter {
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 : 2.5em;
}
.paginate_disabled_first,
.paginate_enabled_first,
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next,
.paginate_disabled_last,
.paginate_enabled_last {
    cursor: pointer;
    *cursor: hand;
    padding: .1em 0;
}

.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    color: #111 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next,
.paginate_disabled_last,
.paginate_enabled_last {
    padding-right: 23px;
    margin-left: 10px;
    margin-right : .3em;
}

.paging_four_button .paginate_disabled_first,
.paging_four_button .paginate_disabled_previous,
.paging_four_button .paginate_enabled_first,
.paging_four_button .paginate_enabled_previous  {
    margin-left : .3em;
}

.paginate_disabled_first {
    background: transparent url("../../images/first-disabled.png") no-repeat 3px top;
}
.paginate_enabled_first {
    background: transparent url("../../images/first.png") no-repeat 3px top;
    cursor: pointer;
}
.paginate_disabled_previous {
    background: transparent url("../../images/prev-disabled.png") no-repeat 3px top;
}
.paginate_enabled_previous {
    background: transparent url("../../images/prev.png") no-repeat 3px top;
    cursor: pointer;
}
.paginate_disabled_next {
    background: transparent url("../../images/next-disabled.png") no-repeat right top;
}
.paginate_enabled_next {
    background: transparent url("../../images/next.png") no-repeat right top;
    cursor: pointer;
}
.paginate_disabled_last {
    background: transparent url("../../images/last-disabled.png") no-repeat right top;
}
.paginate_enabled_last {
    background: transparent url("../../images/last.png") no-repeat right top;
    cursor: pointer;
}

.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;
}

tr.odd.selected td {
    background-color: #D3D3D3;
}

tr.even.selected td {
    background-color: #D3D3D3;
}

/* ColumnFilter */
span.filter_column > input.text_filter {
    font-size: 80%;
    width: 100%;
}

div.pager {
    background-color : #E8E8E8;
    border : 1px solid #BCBCBC;
    -moz-border-radius : 5px;
    border-radius : 5px;
    display : inline-block;
    font-size : 85%;
    padding : .3em .5em .3em .5em;
    margin : .4em 0;
}
div.pager img {
    vertical-align : middle;
}

div.pager img.last {
    padding-right: 5px;
}
div.pager input.pagedisplay {
    border : 0;
    background-color : transparent;
    font-weight: bold;
    text-align : center;
}
div.pager p {
    margin: 0;
}




[% 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-259 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/datatables.css (-246 / +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("../../images/asc.gif") no-repeat scroll right center #EEEEEE;
7	}
8	.sorting_desc {
9	padding-right: 19px;
10	background: url("../../images/desc.gif") no-repeat scroll right center #EEEEEE;
11	}
12	.sorting {
13	padding-right: 19px;
14	background: url("../../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
15	}	3	}
16	.sorting_asc_disabled {
17	padding-right: 19px;
18	background: url("../../images/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
19	}
20	.sorting_desc_disabled {
21	padding-right: 19px;
22	background: url("../../images/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;	19	float: left;
61	}	20	padding : .3em 0 0 0;
62	div.dataTables_filter {	21	margin : 0;
63	line-height : 1.9em;
64	}
65	div.dataTables_paginate {
66	background-color : #F4F4F4;
67	padding : 0;
68	}
69
70	.paging_full_numbers a.paginate_button,
71	.paging_full_numbers a.paginate_active {
72	border-right : 1px solid #AAA;
73	border-left : 1px solid #FFF;
74	display : block;
75	float : left;
76	line-height:1.6em;
77	padding: .3em .7em;
78	cursor: pointer;
79	}
80
81	.paging_full_numbers a.paginate_button {
82	color : #0000CC;
83	}
84	.paging_full_numbers a.paginate_button.first {
85	background-image : url('../../images/first.png');
86	background-repeat: no-repeat;
87	background-position : 1% center;
88	padding-left : 2em;
89	}
90	.paging_full_numbers a.paginate_button.previous {
91	background-image : url('../../images/prev.png');
92	background-repeat: no-repeat;
93	background-position : 1% center;
94	padding-left : 2em;
95	}
96	.paging_full_numbers a.paginate_button.next {
97	background-image : url('../../images/next.png');
98	background-repeat: no-repeat;
99	background-position : 96% center;
100	padding-right : 2em;
101	}
102	.paging_full_numbers a.paginate_button.last {
103	background-image : url('../../images/last.png');
104	background-repeat: no-repeat;
105	background-position : 96% center;
106	border-right : 1px solid #686868;
107	padding-right : 2em;
108	}
109	div.bottom.pager .paging_full_numbers a.paginate_button.last {
110	border-right-width : 0;
111	}
112	.paging_full_numbers a.paginate_active {
113	background-color : #FFFFEA;
114	color : #000;
115	font-weight: bold;
116	}
117
118	.paging_full_numbers a.paginate_button:hover {
119	background-color: #FFC;
120	}
121		22
122	.paging_full_numbers a.paginate_button.paginate_button_disabled {
123	color : #666;
124	}	23	}
125		24
126	/* Two-button version */	25	div.dataTables_length,
127		26	div.dataTables_filter {
128	div.dataTables_paginate.paging_two_button,
129	div.dataTables_paginate.paging_four_button {
130	background-color : transparent;
131	border-right : 1px solid #686868;
132	border-left : 1px solid #FFF;	27	border-left : 1px solid #FFF;
133	line-height : 2.5em;
134	}
135	.paginate_disabled_first,
136	.paginate_enabled_first,
137	.paginate_disabled_previous,
138	.paginate_enabled_previous,
139	.paginate_disabled_next,
140	.paginate_enabled_next,
141	.paginate_disabled_last,
142	.paginate_enabled_last {
143	cursor: pointer;
144	*cursor: hand;
145	padding: .1em 0;
146	}
147
148	.paginate_disabled_previous,
149	.paginate_enabled_previous,
150	.paginate_disabled_next,
151	.paginate_enabled_next {
152	color: #111 !important;
153	}
154
155	.paginate_disabled_previous,
156	.paginate_enabled_previous {
157	padding-left: 23px;
158	}
159	.paginate_disabled_next,
160	.paginate_enabled_next,
161	.paginate_disabled_last,
162	.paginate_enabled_last {
163	padding-right: 23px;
164	margin-left: 10px;
165	margin-right : .3em;
166	}
167
168	.paging_four_button .paginate_disabled_first,
169	.paging_four_button .paginate_disabled_previous,
170	.paging_four_button .paginate_enabled_first,
171	.paging_four_button .paginate_enabled_previous {
172	margin-left : .3em;
173	}
174
175	.paginate_disabled_first {
176	background: transparent url("../../images/first-disabled.png") no-repeat 3px top;
177	}
178	.paginate_enabled_first {
179	background: transparent url("../../images/first.png") no-repeat 3px top;
180	cursor: pointer;
181	}
182	.paginate_disabled_previous {
183	background: transparent url("../../images/prev-disabled.png") no-repeat 3px top;
184	}
185	.paginate_enabled_previous {
186	background: transparent url("../../images/prev.png") no-repeat 3px top;
187	cursor: pointer;
188	}
189	.paginate_disabled_next {
190	background: transparent url("../../images/next-disabled.png") no-repeat right top;
191	}
192	.paginate_enabled_next {
193	background: transparent url("../../images/next.png") no-repeat right top;
194	cursor: pointer;
195	}
196	.paginate_disabled_last {
197	background: transparent url("../../images/last-disabled.png") no-repeat right top;
198	}
199	.paginate_enabled_last {
200	background: transparent url("../../images/last.png") no-repeat right top;
201	cursor: pointer;
202	}
203
204	.dataTables_processing {
205	background-color: white;
206	border: 1px solid #DDDDDD;
207	color: #999999;
208	font-size: 14px;
209	height: 30px;
210	left: 50%;
211	margin-left: -125px;
212	margin-top: -15px;
213	padding: 14px 0 2px;
214	position: fixed;
215	text-align: center;
216	top: 50%;
217	width: 250px;
218	}
219
220	tr.odd.selected td {
221	background-color: #D3D3D3;
222	}
223
224	tr.even.selected td {
225	background-color: #D3D3D3;
226	}
227
228	/* ColumnFilter */
229	span.filter_column > input.text_filter {
230	font-size: 80%;
231	width: 100%;
232	}
233
234	div.pager {
235	background-color : #E8E8E8;
236	border : 1px solid #BCBCBC;
237	-moz-border-radius : 5px;
238	border-radius : 5px;
239	display : inline-block;
240	font-size : 85%;
241	padding : .3em .5em .3em .5em;
242	margin : .4em 0;
243	}
244	div.pager img {
245	vertical-align : middle;
246	}
247
248	div.pager img.last {
249	padding-right: 5px;
250	}
251	div.pager input.pagedisplay {
252	border : 0;
253	background-color : transparent;
254	font-weight: bold;
255	text-align : center;
256	}
257	div.pager p {
258	margin: 0;
259	}	28	}