Attachment #131895 for bug #29998

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




Item types &rsaquo; Administration &rsaquo; Koha
</title>
[% INCLUDE 'doc-head-close.inc' %]
[% FILTER collapse %]
    <style>
        fieldset.rows div.toptabs li {
            clear: none;
            margin-right:.4em;
            padding-bottom: 0;
            width: auto;
        }
        .itemtype-icons {
            display: flex;
            flex-wrap: wrap;
            clear: both;
        }
        .itemtype-icons label {
            float: none;
            width: auto;
        }
    </style>
[% END %]
</head>

<body id="admin_itemtypes" class="admin">

                [% END %]
            </ol>
            [% UNLESS Koha.Preference('noItemTypeImages') && Koha.Preference('OpacNoItemTypeImages') %]
                <div id="icons" class="toptabs">
                    <h5>Choose an icon:</h5>
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation">
                            <a aria-controls="non" role="tab" data-toggle="tab" href="#none">None</a>
                        </li>
                        [% FOREACH imageset IN imagesets %]
                            [% IF ( imageset.imagesetactive ) %]
                                <li role="presentation" class="active">
                            [% ELSE %]
                                <li role="presentation">
                            [% END %]
                                <a aria-controls="[% imageset.imagesetname | uri %]" role="tab" data-toggle="tab" href="#[% imageset.imagesetname | uri %]">[% imageset.imagesetname | html %]</a>
                            </li>
                        [% END %]
                        [% IF itemtype.image_location('intranet').match('^http') %]
                            <li role="presentation" class="active">
                        [% ELSE %]
                            <li role="presentation">
                        [% END %]
                            <a aria-controls="remote" role="tab" data-toggle="tab" href="#remote">Remote image</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div id="none" role="tabpanel" class="tab-pane">
                            <div class="itemtype-icons">
                                <label for="noimage">No image:
                                    <input type="radio" name="image" id="noimage" value="removeImage" />
                                </label>
                            </div>
                        </div> <!-- /.tab-pane -->

                        [% FOREACH imageset IN imagesets %]
                            [% IF ( imageset.imagesetactive ) %]
                                <div id="[% imageset.imagesetname | html %]" role="tabpanel" class="tab-pane active">
                            [% ELSE %]
                                <div id="[% imageset.imagesetname | html %]" role="tabpanel" class="tab-pane">
                            [% END %]
                                <div class="itemtype-icons">
                                    [% FOREACH image IN imageset.images %]
                                        <label>
                                            [% IF image.StaffImageUrl %]
                                                <img src="[% image.StaffImageUrl | html %]" alt="[% image.StaffImageUrl | html %]" title="[% image.StaffImageUrl | html %]" />

                                                <input type="radio" name="image" value="[% image.KohaImage | html %]" />
                                            [% END %]
                                        </label>
                                    [% END #/ FOREACH image %]
                                </div> <!-- /.itemtype-icons -->
                            </div> <!-- /.tab-pane -->
                        [% END #/FOREACH imageset %]
                        </div>
                    [% END %]

                        [% SET image_location = itemtype.image_location('intranet') %]
                        [% IF image_location.match('^http') %]
                            <div id="remote" role="tabpanel" class="tab-pane active">
                        [% ELSE %]
                            <div id="remote" role="tabpanel" class="tab-pane">
                        [% END %]
                            <label for="remote_image_check"> Remote image:</label>
                            [% IF image_location.match('^http') %]
                                <input type="radio" id="remote_image_check" name="image" value="remoteImage" checked="checked" />
                                <input type="text" name="remoteImage" size="48" maxlength="200" value="[% image_location | html %]" onmousedown="document.getElementById('remote_image_check').checked = true;" />
                                [% IF itemtype.imageurl %]
                                    <img src="[% image_location | html %]" alt="" />
                                    <input type="radio" id="remote_image_check" name="image" value="remoteImage" />
                                    <input type="text" name="remoteImage" size="48" maxlength="200" value="" onmousedown="document.getElementById('remote_image_check').checked = true;" />
                                [% END %]
                            [% ELSE %]
                                <input type="radio" id="remote_image_check" name="image" value="remoteImage" />
                                <input type="text" name="remoteImage" size="48" maxlength="200" value="" onmousedown="document.getElementById('remote_image_check').checked = true;" />
                            [% END %]
                        </div> <!-- /#remote -->
                    </div> <!-- /.tab-content -->
                </div> <!-- /#icons -->
            [% END %]
            <ol class="oladditemtype">
                <li>

                </li>
                <li>
                    <label for="checkinmsgtype">Checkin message type: </label>
                    <select id="checkinmsgtype" name="checkinmsgtype">
                        [% IF itemtype.checkinmsgtype == 'message' %]
                            <option value="message" selected="selected">Message</option>
                        [% ELSE %]

    [% INCLUDE 'columns_settings.inc' %]
    <script>
         $(document).ready(function() {
            $('#icons').tabs();
            var columns_settings = [% TablesSettings.GetColumns( 'admin', 'itemtypes', 'table_item_type', 'json' ) | $raw %];
            [% IF ( Koha.Preference('noItemTypeImages') && Koha.Preference('OpacNoItemTypeImages') ) %]
                columns_settings.shift(); // Remove item type image column from configuration

                toUC(this);
            });
            $(".library_limitation").tooltip();
            if( $(".tab-pane.active").length < 1 ){
                $("#icons a:first").tab("show");
            }
         });
    </script>
[% END %]
- 

Return to bug 29998

Lines 25-36 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/itemtypes.tt (-53 / +78 lines)
25	Item types &rsaquo; Administration &rsaquo; Koha	25	Item types &rsaquo; Administration &rsaquo; Koha
26	</title>	26	</title>
27	[% INCLUDE 'doc-head-close.inc' %]	27	[% INCLUDE 'doc-head-close.inc' %]
28	<style>	28	[% FILTER collapse %]
29	fieldset.rows div.toptabs li { clear:none;margin-right:.5em;padding-bottom:0;width:auto; }	29	<style>
30	fieldset.rows div.toptabs .ui-tabs-nav li.ui-tabs-active {background-color : #F4F8F9; }	30	fieldset.rows div.toptabs li {
31	fieldset.rows .ui-tabs-panel { margin-right : 10px; margin-left : 10px;margin-bottom:10px;}	31	clear: none;
32	fieldset.rows .ui-tabs-nav { margin-left : 10px; }	32	margin-right:.4em;
33	</style>	33	padding-bottom: 0;
		34	width: auto;
		35	}
		36	.itemtype-icons {
		37	display: flex;
		38	flex-wrap: wrap;
		39	clear: both;
		40	}
		41	.itemtype-icons label {
		42	float: none;
		43	width: auto;
		44	}
		45	</style>
		46	[% END %]
34	</head>	47	</head>
35		48
36	<body id="admin_itemtypes" class="admin">	49	<body id="admin_itemtypes" class="admin">
Lines 222-254 Item types &rsaquo; Administration &rsaquo; Koha Link Here
222	[% END %]	235	[% END %]
223	</ol>	236	</ol>
224	[% UNLESS Koha.Preference('noItemTypeImages') && Koha.Preference('OpacNoItemTypeImages') %]	237	[% UNLESS Koha.Preference('noItemTypeImages') && Koha.Preference('OpacNoItemTypeImages') %]
225	<div id="icons" class="toptabs" style="clear:both">	238	<div id="icons" class="toptabs">
226	<h5 style="margin-left:10px;">Choose an icon:</h5>	239	<h5>Choose an icon:</h5>
227	<ul>	240	<ul class="nav nav-tabs" role="tablist">
228	<li><a href="#none">None</a></li>	241	<li role="presentation">
		242	<a aria-controls="non" role="tab" data-toggle="tab" href="#none">None</a>
		243	</li>
229	[% FOREACH imageset IN imagesets %]	244	[% FOREACH imageset IN imagesets %]
230	[% IF ( imageset.imagesetactive ) %]	245	[% IF ( imageset.imagesetactive ) %]
231	<li class="ui-tabs-active">	246	<li role="presentation" class="active">
232	[% ELSE %]	247	[% ELSE %]
233	<li>	248	<li role="presentation">
234	[% END %]	249	[% END %]
235	<a href="#[% imageset.imagesetname \| uri %]">[% imageset.imagesetname \| html %]</a>	250	<a aria-controls="[% imageset.imagesetname \| uri %]" role="tab" data-toggle="tab" href="#[% imageset.imagesetname \| uri %]">[% imageset.imagesetname \| html %]</a>
236	</li>	251	</li>
237	[% END %]	252	[% END %]
238	[% IF itemtype.image_location('intranet').match('^http') %]<li class="ui-tabs-active">[% ELSE %]<li>[% END %]<a href="#remote">Remote image</a></li>	253	[% IF itemtype.image_location('intranet').match('^http') %]
		254	<li role="presentation" class="active">
		255	[% ELSE %]
		256	<li role="presentation">
		257	[% END %]
		258	<a aria-controls="remote" role="tab" data-toggle="tab" href="#remote">Remote image</a>
		259	</li>
239	</ul>	260	</ul>
240	<div id="none">	261	<div class="tab-content">
241	<ul>	262	<div id="none" role="tabpanel" class="tab-pane">
242	<li><label for="noimage">No image: </label><input type="radio" name="image" id="noimage" value="removeImage" /></li>	263	<div class="itemtype-icons">
243	</ul>	264	<label for="noimage">No image:
244	<br class="clear" />	265	<input type="radio" name="image" id="noimage" value="removeImage" />
245	</div>	266	</label>
		267	</div>
		268	</div> <!-- /.tab-pane -->
246		269
247	[% FOREACH imageset IN imagesets %]	270	[% FOREACH imageset IN imagesets %]
248	<div id="[% imageset.imagesetname \| html %]">	271	[% IF ( imageset.imagesetactive ) %]
249	<ul>	272	<div id="[% imageset.imagesetname \| html %]" role="tabpanel" class="tab-pane active">
250	[% FOREACH image IN imageset.images %]	273	[% ELSE %]
251	<li style="float: none; display: inline-block; clear : none; width: auto;">	274	<div id="[% imageset.imagesetname \| html %]" role="tabpanel" class="tab-pane">
		275	[% END %]
		276	<div class="itemtype-icons">
		277	[% FOREACH image IN imageset.images %]
252	<label>	278	<label>
253	[% IF image.StaffImageUrl %]	279	[% IF image.StaffImageUrl %]
254	<img src="[% image.StaffImageUrl \| html %]" alt="[% image.StaffImageUrl \| html %]" title="[% image.StaffImageUrl \| html %]" />	280	<img src="[% image.StaffImageUrl \| html %]" alt="[% image.StaffImageUrl \| html %]" title="[% image.StaffImageUrl \| html %]" />
Lines 259-291 Item types &rsaquo; Administration &rsaquo; Koha Link Here
259	<input type="radio" name="image" value="[% image.KohaImage \| html %]" />	285	<input type="radio" name="image" value="[% image.KohaImage \| html %]" />
260	[% END %]	286	[% END %]
261	</label>	287	</label>
262	</li>	288	[% END #/ FOREACH image %]
263	[% END %]	289	</div> <!-- /.itemtype-icons -->
264	</ul>	290	</div> <!-- /.tab-pane -->
265	<br class="clear" />	291	[% END #/FOREACH imageset %]
266	</div>
267	[% END %]
268		292
269	<div id="remote">	293	[% SET image_location = itemtype.image_location('intranet') %]
270	<ul>	294	[% IF image_location.match('^http') %]
271	<li>	295	<div id="remote" role="tabpanel" class="tab-pane active">
272	<label for="remote_image_check"> Remote image:</label>	296	[% ELSE %]
273	[% SET image_location = itemtype.image_location('intranet') %]	297	<div id="remote" role="tabpanel" class="tab-pane">
274	[% IF image_location.match('^http') %]	298	[% END %]
275	<input type="radio" id="remote_image_check" name="image" value="remoteImage" checked="checked" />	299	<label for="remote_image_check"> Remote image:</label>
276	<input type="text" name="remoteImage" size="48" maxlength="200" value="[% image_location \| html %]" onmousedown="document.getElementById('remote_image_check').checked = true;" />	300	[% IF image_location.match('^http') %]
277	[% IF itemtype.imageurl %]	301	<input type="radio" id="remote_image_check" name="image" value="remoteImage" checked="checked" />
278	<img src="[% image_location \| html %]" alt="" />	302	<input type="text" name="remoteImage" size="48" maxlength="200" value="[% image_location \| html %]" onmousedown="document.getElementById('remote_image_check').checked = true;" />
279	[% END %]	303	[% IF itemtype.imageurl %]
280	[% ELSE %]	304	<img src="[% image_location \| html %]" alt="" />
281	<input type="radio" id="remote_image_check" name="image" value="remoteImage" />
282	<input type="text" name="remoteImage" size="48" maxlength="200" value="" onmousedown="document.getElementById('remote_image_check').checked = true;" />
283	[% END %]	305	[% END %]
284	</li>	306	[% ELSE %]
285	</ul>	307	<input type="radio" id="remote_image_check" name="image" value="remoteImage" />
286	<br class="clear" />	308	<input type="text" name="remoteImage" size="48" maxlength="200" value="" onmousedown="document.getElementById('remote_image_check').checked = true;" />
287	</div>	309	[% END %]
288	</div>	310	</div> <!-- /#remote -->
		311	</div> <!-- /.tab-content -->
		312	</div> <!-- /#icons -->
289	[% END %]	313	[% END %]
290	<ol class="oladditemtype">	314	<ol class="oladditemtype">
291	<li>	315	<li>
Lines 362-368 Item types &rsaquo; Administration &rsaquo; Koha Link Here
362	</li>	386	</li>
363	<li>	387	<li>
364	<label for="checkinmsgtype">Checkin message type: </label>	388	<label for="checkinmsgtype">Checkin message type: </label>
365	<select type="text" id="checkinmsgtype" name="checkinmsgtype">	389	<select id="checkinmsgtype" name="checkinmsgtype">
366	[% IF itemtype.checkinmsgtype == 'message' %]	390	[% IF itemtype.checkinmsgtype == 'message' %]
367	<option value="message" selected="selected">Message</option>	391	<option value="message" selected="selected">Message</option>
368	[% ELSE %]	392	[% ELSE %]
Lines 589-595 Item types &rsaquo; Administration &rsaquo; Koha Link Here
589	[% INCLUDE 'columns_settings.inc' %]	613	[% INCLUDE 'columns_settings.inc' %]
590	<script>	614	<script>
591	$(document).ready(function() {	615	$(document).ready(function() {
592	$('#icons').tabs();
593	var columns_settings = [% TablesSettings.GetColumns( 'admin', 'itemtypes', 'table_item_type', 'json' ) \| $raw %];	616	var columns_settings = [% TablesSettings.GetColumns( 'admin', 'itemtypes', 'table_item_type', 'json' ) \| $raw %];
594	[% IF ( Koha.Preference('noItemTypeImages') && Koha.Preference('OpacNoItemTypeImages') ) %]	617	[% IF ( Koha.Preference('noItemTypeImages') && Koha.Preference('OpacNoItemTypeImages') ) %]
595	columns_settings.shift(); // Remove item type image column from configuration	618	columns_settings.shift(); // Remove item type image column from configuration
Lines 617-622 Item types &rsaquo; Administration &rsaquo; Koha Link Here
617	toUC(this);	640	toUC(this);
618	});	641	});
619	$(".library_limitation").tooltip();	642	$(".library_limitation").tooltip();
		643	if( $(".tab-pane.active").length < 1 ){
		644	$("#icons a:first").tab("show");
		645	}
620	});	646	});
621	</script>	647	</script>
622	[% END %]	648	[% END %]
623	-