Attachment #131851 for bug #29999

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

Lines 1014-1019 fieldset { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+6 lines)
1014	padding-bottom: 0;	1014	padding-bottom: 0;
1015	}	1015	}
1016	}	1016	}
		1017
		1018	.toptabs {
		1019	clear: both;
		1020	margin: 1em;
		1021	}
1017	}	1022	}
1018	}	1023	}
1019		1024
Lines 3591-3596 code { Link Here
3591	}	3596	}
3592		3597
3593	.tab-content {	3598	.tab-content {
		3599	background-color: #FFF;
3594	border: 1px solid #B9D8D9;	3600	border: 1px solid #B9D8D9;
3595	border-top-width: 0;	3601	border-top-width: 0;
3596	padding: 1em;	3602	padding: 1em;




</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 %]
                                        [% IF av.imageurl.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="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 %]" />

                                                                [% END %]
                                                            [% END %]
                                                        </label>
                                                    [% END # /FOREACH image %]
                                                </div> <!-- /.authval-icons -->
                                            </div> <!-- /.tab-pane -->
                                        [% END # /FOREACH imageset %]

                                        <div id="remote" role="tabpanel" class="tab-pane">
                                            <label for="remote_image_check"> Remote image:</label>
                                            [% IF av.imageurl.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="[% av.imageurl | html %]" onmousedown="document.getElementById('remote_image_check').checked = true;" />
                                                <img src="[% av.imageurl | html %]" alt="" />
                                            [% 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> <!-- /.tab-pane -->
                                    </div> <!-- /.tab-content -->
                                                    <input type="text" name="remoteImage" size="48" maxlength="200" value="" onmousedown="document.getElementById('remote_image_check').checked = true;" />
                                                [% END %]
                                            </li>
                                        </ul>
                                        <br class="clear" />
                                    </div>

                                </div> <!-- /#icons -->
                            [% END # /IF action_add_category %]
                        </fieldset>

            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-24 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/authorised_values.tt (-55 / +77 lines)
12	</title>	12	</title>
13	[% INCLUDE 'doc-head-close.inc' %]	13	[% INCLUDE 'doc-head-close.inc' %]
14		14
15	<style>	15	[% FILTER collapse %]
16	fieldset.rows div.toptabs li { clear:none;margin-right:.5em;padding-bottom:0;width:auto; }	16	<style>
17	fieldset.rows div.toptabs .ui-tabs-nav li.ui-tabs-active {background-color : #F4F8F9; }	17	fieldset.rows div.toptabs li {
18	fieldset.rows .ui-tabs-panel { margin-right : 10px; margin-left : 10px;margin-bottom:10px;}	18	clear: none;
19	fieldset.rows .ui-tabs-nav { margin-left : 10px; }	19	margin-right:.4em;
20	#lib, #lib_opac { width: 75% }	20	padding-bottom: 0;
21	</style>	21	width: auto;
		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 %]
22	</head>	38	</head>
23		39
24	<body id="admin_authorised_values" class="admin">	40	<body id="admin_authorised_values" class="admin">
Lines 146-180 Link Here
146	</li>	162	</li>
147	</ol>	163	</ol>
148		164
149	<div id="icons" class="toptabs" style="clear:both">	165	<div id="icons" class="toptabs">
150	<h5 style="margin-left:10px;">Choose an icon:</h5>	166	<h5>Choose an icon:</h5>
151	<ul>	167	<ul class="nav nav-tabs" role="tablist">
152	<li><a href="#none">None</a></li>	168	<li role="presentation">
		169	<a aria-controls="none" role="tab" data-toggle="tab" href="#none">None</a>
		170	</li>
153	[% FOREACH imageset IN imagesets %]	171	[% FOREACH imageset IN imagesets %]
154	[% IF ( imageset.imagesetactive ) %]<li class="ui-tabs-active">[% ELSE %]<li>[% END %]<a href="#[% imageset.imagesetname \| uri %]">[% imageset.imagesetname \| html %]</a></li>	172	[% IF ( imageset.imagesetactive ) %]
		173	<li role="presentation" class="active">
		174	[% ELSE %]
		175	<li role="presentation">
		176	[% END %]
		177	<a aria-controls="[% imageset.imagesetname \| html %]" role="tab" data-toggle="tab" href="#[% imageset.imagesetname \| uri %]">[% imageset.imagesetname \| html %]</a>
		178	</li>
155	[% END %]	179	[% END %]
156	[% IF av.imageurl.match('^http') %]	180	[% IF av.imageurl.match('^http') %]
157	<li class="ui-tabs-active">	181	<li role="presentation" class="active">
158	[% ELSE %]	182	[% ELSE %]
159	<li>	183	<li role="presentation">
160	[% END %]	184	[% END %]
161	<a href="#remote">Remote image</a>	185	<a aria-controls="remote" role="tab" data-toggle="tab" href="#remote">Remote image</a>
162	</li>	186	</li>
163	</ul>	187	</ul>
164	<div id="none">	188	<div class="tab-content">
165	<ul>	189	<div id="none" role="tabpanel" class="tab-pane">
166	<li>	190	<div class="authval-icons">
167	<label for="noimage">No image: </label><input type="radio" name="image" id="noimage" value="removeImage" />	191	<label for="noimage">No image:
168	</li>	192	<input type="radio" name="imageurl" id="noimage" value="removeImage" />
169	</ul>	193	</label>
170	<br class="clear" />	194	</div>
171	</div>	195	</div> <!-- /.tab-pane -->
172		196
173	[% FOREACH imageset IN imagesets %]	197	[% FOREACH imageset IN imagesets %]
174	<div id="[% imageset.imagesetname \| html %]">	198	[% IF ( imageset.imagesetactive ) %]
175	<ul>	199	<div id="[% imageset.imagesetname \| html %]" role="tabpanel" class="tab-pane active">
176	[% FOREACH image IN imageset.images %]	200	[% ELSE %]
177	<li style="float: none; display: inline-block; clear : none; width: auto;">	201	<div id="[% imageset.imagesetname \| html %]" role="tabpanel" class="tab-pane">
		202	[% END %]
		203	<div class="authval-icons">
		204	[% FOREACH image IN imageset.images %]
178	<label>	205	<label>
179	[% IF ( image.StaffImageUrl ) %]	206	[% IF ( image.StaffImageUrl ) %]
180	<img src="[% image.StaffImageUrl \| html %]" alt="[% image.StaffImageUrl \| html %]" title="[% image.StaffImageUrl \| html %]" />	207	<img src="[% image.StaffImageUrl \| html %]" alt="[% image.StaffImageUrl \| html %]" title="[% image.StaffImageUrl \| html %]" />
Lines 189-218 Link Here
189	[% END %]	216	[% END %]
190	[% END %]	217	[% END %]
191	</label>	218	</label>
192	</li>	219	[% END # /FOREACH image %]
193	[% END # /FOREACH image %]	220	</div> <!-- /.authval-icons -->
194	</ul>	221	</div> <!-- /.tab-pane -->
195	<br class="clear" />	222	[% END # /FOREACH imageset %]
196	</div>	223
197	[% END # /FOREACH imageset %]	224	<div id="remote" role="tabpanel" class="tab-pane">
198		225	<label for="remote_image_check"> Remote image:</label>
199	<div id="remote">	226	[% IF av.imageurl.match('^http') %]
200	<ul>	227	<input type="radio" id="remote_image_check" name="image" value="remoteImage" checked="checked" />
201	<li>	228	<input type="text" name="remoteImage" size="48" maxlength="200" value="[% av.imageurl \| html %]" onmousedown="document.getElementById('remote_image_check').checked = true;" />
202	<label for="remote_image_check"> Remote image:</label>	229	<img src="[% av.imageurl \| html %]" alt="" />
203	[% IF av.imageurl.match('^http') %]	230	[% ELSE %]
204	<input type="radio" id="remote_image_check" name="image" value="remoteImage" checked="checked" />	231	<input type="radio" id="remote_image_check" name="image" value="remoteImage" />
205	<input type="text" name="remoteImage" size="48" maxlength="200" value="[% av.imageurl \| html %]" onmousedown="document.getElementById('remote_image_check').checked = true;" />	232	<input type="text" name="remoteImage" size="48" maxlength="200" value="" onmousedown="document.getElementById('remote_image_check').checked = true;" />
206	<img src="[% av.imageurl \| html %]" alt="" />	233	[% END %]
207	[% ELSE %]	234	</div> <!-- /.tab-pane -->
208	<input type="radio" id="remote_image_check" name="image" value="remoteImage" />	235	</div> <!-- /.tab-content -->
209	<input type="text" name="remoteImage" size="48" maxlength="200" value="" onmousedown="document.getElementById('remote_image_check').checked = true;" />
210	[% END %]
211	</li>
212	</ul>
213	<br class="clear" />
214	</div>
215
216	</div> <!-- /#icons -->	236	</div> <!-- /#icons -->
217	[% END # /IF action_add_category %]	237	[% END # /IF action_add_category %]
218	</fieldset>	238	</fieldset>
Lines 415-421 Link Here
415	if ( $("#branches option:selected").length < 1 ) {	435	if ( $("#branches option:selected").length < 1 ) {
416	$("#branches option:first").attr("selected", "selected");	436	$("#branches option:first").attr("selected", "selected");
417	}	437	}
418	$('#icons').tabs();
419		438
420	$("a.delete").click(function(){	439	$("a.delete").click(function(){
421	return confirm(_("Are you sure you want to delete this authorized value?"));	440	return confirm(_("Are you sure you want to delete this authorized value?"));
Lines 428-433 Link Here
428	$("#delete_category").on('submit', function(){	447	$("#delete_category").on('submit', function(){
429	return confirm(_("Are you sure you want to delete this authorized value category?"));	448	return confirm(_("Are you sure you want to delete this authorized value category?"));
430	});	449	});
		450
		451	if( $(".tab-pane.active").length < 1 ){
		452	$("#icons a:first").tab("show");
		453	}
431	});	454	});
432	</script>	455	</script>
433	[% END %]	456	[% END %]
434	-