Attachment #130053 for bug #29999

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

Lines 1007-1012 fieldset { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+6 lines)
1007	padding-bottom: 0;	1007	padding-bottom: 0;
1008	}	1008	}
1009	}	1009	}
		1010
		1011	.toptabs {
		1012	clear: both;
		1013	margin: 1em;
		1014	}
1010	}	1015	}
1011	}	1016	}
1012		1017
Lines 3572-3577 code { Link Here
3572	}	3577	}
3573		3578
3574	.tab-content {	3579	.tab-content {
		3580	background-color: #FFF;
3575	border: 1px solid #B9D8D9;	3581	border: 1px solid #B9D8D9;
3576	border-top-width: 0;	3582	border-top-width: 0;
3577	padding: 1em;	3583	padding: 1em;




Authorized values &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;
        }
        #lib,
        #lib_opac {
            width: 75%;
        }
        .authval-icons {
            display: flex;
            flex-wrap: wrap;
            clear: both;
        }
        .authval-icons label {
            float: none;
            width: auto;
        }
    </style>
[% END %]
</head>

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

        </li>

		</ol>
        <div id="icons" class="toptabs">
            <h5>Choose an icon:</h5>
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation">
                    <a aria-controls="none" 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 | html %]" role="tab" data-toggle="tab" href="#[% imageset.imagesetname | uri %]">[% imageset.imagesetname | html %]</a>
                    </li>
                [% END %]
            </ul>

            <div class="tab-content">
                <div id="none" role="tabpanel" class="tab-pane">
                    <div class="authval-icons">
                        <label for="noimage">No image:
                            <input type="radio" name="imageurl" 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="authval-icons">
                            [% FOREACH image IN imageset.images %]
                                <label>
                                    [% IF ( image.StaffImageUrl ) %]
                                        <img src="[% image.StaffImageUrl | html %]" alt="[% image.StaffImageUrl | html %]" title="[% image.StaffImageUrl | html %]" />
                                    [% ELSE %]
                                    [% END %]
                                    [% IF ( image.checked ) %]
                                        <input type="radio" name="imageurl" value="[% image.KohaImage | html %]" checked="checked" />
                                    [% ELSE %]
                                        [% IF ( image.KohaImage ) %] <!-- to delete the radio button if there is no image after -->
                                            <input type="radio" name="imageurl" value="[% image.KohaImage | html %]" />
                                        [% END %]
                                    [% END %]
                                </label>
                            [% END %]
                        </div>
                    </div> <!-- /.tab-pane -->
                [% END %]
            </div> <!-- /.tab-content -->
        </div> <!-- /#icons -->
        [% END %]
        </fieldset>
       <fieldset class="action"> <input type="hidden" name="id" value="[% id | html %]" />

            if ( $("#branches option:selected").length < 1 ) {
                $("#branches option:first").attr("selected", "selected");
            }
            $('#icons').tabs();

            $("a.delete").click(function(){
                return confirm(_("Are you sure you want to delete this authorized value?"));

            $("#delete_category").on('submit', function(){
                return confirm(_("Are you sure you want to delete this authorized value category?"));
            });

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

Return to bug 29999

Lines 12-25 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/authorised_values.tt (-44 / +79 lines)
12	Authorized values &rsaquo; Administration &rsaquo; Koha	12	Authorized values &rsaquo; Administration &rsaquo; Koha
13	</title>	13	</title>
14	[% INCLUDE 'doc-head-close.inc' %]	14	[% INCLUDE 'doc-head-close.inc' %]
15		15	[% FILTER collapse %]
16	<style>	16	<style>
17	fieldset.rows div.toptabs li { clear:none;margin-right:.5em;padding-bottom:0;width:auto; }	17	fieldset.rows div.toptabs li {
18	fieldset.rows div.toptabs .ui-tabs-nav li.ui-tabs-active {background-color : #F4F8F9; }	18	clear: none;
19	fieldset.rows .ui-tabs-panel { margin-right : 10px; margin-left : 10px;margin-bottom:10px;}	19	margin-right:.4em;
20	fieldset.rows .ui-tabs-nav { margin-left : 10px; }	20	padding-bottom: 0;
21	#lib, #lib_opac { width: 75% }	21	width: auto;
22	</style>	22	}
		23	#lib,
		24	#lib_opac {
		25	width: 75%;
		26	}
		27	.authval-icons {
		28	display: flex;
		29	flex-wrap: wrap;
		30	clear: both;
		31	}
		32	.authval-icons label {
		33	float: none;
		34	width: auto;
		35	}
		36	</style>
		37	[% END %]
23	</head>	38	</head>
24		39
25	<body id="admin_authorised_values" class="admin">	40	<body id="admin_authorised_values" class="admin">
Lines 138-177 Authorized values &rsaquo; Administration &rsaquo; Koha Link Here
138	</li>	153	</li>
139		154
140	</ol>	155	</ol>
141	<div id="icons" class="toptabs" style="clear:both">	156	<div id="icons" class="toptabs">
142	<h5 style="margin-left:10px;">Choose an icon:</h5>	157	<h5>Choose an icon:</h5>
143	<ul>	158	<ul class="nav nav-tabs" role="tablist">
144	<li><a href="#none">None</a></li>	159	<li role="presentation">
145	[% FOREACH imageset IN imagesets %]	160	<a aria-controls="none" role="tab" data-toggle="tab" href="#none">None</a>
146	[% IF ( imageset.imagesetactive ) %]<li class="ui-tabs-active">[% ELSE %]<li>[% END %]<a href="#[% imageset.imagesetname \| uri %]">[% imageset.imagesetname \| html %]</a></li>	161	</li>
147	[% END %]	162	[% FOREACH imageset IN imagesets %]
148	</ul>	163	[% IF ( imageset.imagesetactive ) %]
149	<div id="none"><ul>	164	<li role="presentation" class="active">
150	<li><label for="noimage">No image: </label><input type="radio" name="imageurl" id="noimage" value="removeImage" /></li>	165	[% ELSE %]
151	</ul>	166	<li role="presentation">
152	<br class="clear" /></div>	167	[% END %]
153	[% FOREACH imageset IN imagesets %]	168	<a aria-controls="[% imageset.imagesetname \| html %]" role="tab" data-toggle="tab" href="#[% imageset.imagesetname \| uri %]">[% imageset.imagesetname \| html %]</a>
154	<div id="[% imageset.imagesetname \| html %]"><ul>	169	</li>
155	[% FOREACH image IN imageset.images %]	170	[% END %]
156	<li style="float: none; display: inline-block; clear : none; width: auto;">	171	</ul>
157	<label> [% IF ( image.StaffImageUrl ) %]	172
158	<img src="[% image.StaffImageUrl \| html %]" alt="[% image.StaffImageUrl \| html %]" title="[% image.StaffImageUrl \| html %]" />	173	<div class="tab-content">
159	[% ELSE %]	174	<div id="none" role="tabpanel" class="tab-pane">
160	[% END %]	175	<div class="authval-icons">
161	[% IF ( image.checked ) %]	176	<label for="noimage">No image:
162	<input type="radio" name="imageurl" value="[% image.KohaImage \| html %]" checked="checked" />	177	<input type="radio" name="imageurl" id="noimage" value="removeImage" />
163	[% ELSE %]	178	</label>
164	[% IF ( image.KohaImage ) %] <!-- to delete the radio button if there is no image after -->	179	</div>
165	<input type="radio" name="imageurl" value="[% image.KohaImage \| html %]" />	180	</div> <!-- /.tab-pane -->
166	[% END %]	181	[% FOREACH imageset IN imagesets %]
167	[% END %]	182	[% IF ( imageset.imagesetactive ) %]
168	</label>	183	<div id="[% imageset.imagesetname \| html %]" role="tabpanel" class="tab-pane active">
169	</li>	184	[% ELSE %]
170	[% END %]</ul>	185	<div id="[% imageset.imagesetname \| html %]" role="tabpanel" class="tab-pane">
171	<br class="clear" />	186	[% END %]
172	</div>	187	<div class="authval-icons">
173	[% END %]	188	[% FOREACH image IN imageset.images %]
174	</div>	189	<label>
		190	[% IF ( image.StaffImageUrl ) %]
		191	<img src="[% image.StaffImageUrl \| html %]" alt="[% image.StaffImageUrl \| html %]" title="[% image.StaffImageUrl \| html %]" />
		192	[% ELSE %]
		193	[% END %]
		194	[% IF ( image.checked ) %]
		195	<input type="radio" name="imageurl" value="[% image.KohaImage \| html %]" checked="checked" />
		196	[% ELSE %]
		197	[% IF ( image.KohaImage ) %] <!-- to delete the radio button if there is no image after -->
		198	<input type="radio" name="imageurl" value="[% image.KohaImage \| html %]" />
		199	[% END %]
		200	[% END %]
		201	</label>
		202	[% END %]
		203	</div>
		204	</div> <!-- /.tab-pane -->
		205	[% END %]
		206	</div> <!-- /.tab-content -->
		207	</div> <!-- /#icons -->
175	[% END %]	208	[% END %]
176	</fieldset>	209	</fieldset>
177	<fieldset class="action"> <input type="hidden" name="id" value="[% id \| html %]" />	210	<fieldset class="action"> <input type="hidden" name="id" value="[% id \| html %]" />
Lines 366-372 Authorized values &rsaquo; Administration &rsaquo; Koha Link Here
366	if ( $("#branches option:selected").length < 1 ) {	399	if ( $("#branches option:selected").length < 1 ) {
367	$("#branches option:first").attr("selected", "selected");	400	$("#branches option:first").attr("selected", "selected");
368	}	401	}
369	$('#icons').tabs();
370		402
371	$("a.delete").click(function(){	403	$("a.delete").click(function(){
372	return confirm(_("Are you sure you want to delete this authorized value?"));	404	return confirm(_("Are you sure you want to delete this authorized value?"));
Lines 379-384 Authorized values &rsaquo; Administration &rsaquo; Koha Link Here
379	$("#delete_category").on('submit', function(){	411	$("#delete_category").on('submit', function(){
380	return confirm(_("Are you sure you want to delete this authorized value category?"));	412	return confirm(_("Are you sure you want to delete this authorized value category?"));
381	});	413	});
		414
		415	if( $(".tab-pane.active").length < 1 ){
		416	$("#icons a:first").tab("show");
		417	}
382	});	418	});
383	</script>	419	</script>
384	[% END %]	420	[% END %]
385	-