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

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+6 lines)
Lines 1014-1019 fieldset { Link Here
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;
(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/authorised_values.tt (-55 / +77 lines)
Lines 12-24 Link Here
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
- 

Return to bug 29999