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

(-)a/admin/columns_settings.pl (-1 / +1 lines)
Lines 70-76 if ( $action eq 'save' ) { Link Here
70
if ( $action eq 'list' ) {
70
if ( $action eq 'list' ) {
71
    my $modules = C4::Utils::DataTables::TablesSettings::get_modules;
71
    my $modules = C4::Utils::DataTables::TablesSettings::get_modules;
72
    $template->param(
72
    $template->param(
73
        panel   => ( $input->param('panel') || 0 ),
73
        panel   => defined $input->param('panel') ? $input->param('panel') : undef,
74
        modules => $modules,
74
        modules => $modules,
75
    );
75
    );
76
}
76
}
(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+71 lines)
Lines 3321-3326 button, Link Here
3321
    padding: 3px 5px;
3321
    padding: 3px 5px;
3322
}
3322
}
3323
3323
3324
/* Bootstrap Collapse */
3325
3326
.panel {
3327
    background: #F4F8F9 none;
3328
    box-shadow: none;
3329
}
3330
3331
.panel-collapse {
3332
    background: #FFF none;
3333
}
3334
3335
.panel-title {
3336
    a {
3337
        border-radius: 3px;
3338
        display: block;
3339
        padding: 10px 15px;
3340
        border-bottom-left-radius: 0;
3341
        border-bottom-right-radius: 0;
3342
3343
        &::before {
3344
            content: "\f0d7";
3345
            display: inline-block;
3346
            font-family: FontAwesome;
3347
            width: 1em;
3348
        }
3349
3350
        &:hover {
3351
            background: #e6f0f2 none;
3352
            border-bottom-left-radius: 0;
3353
            border-bottom-right-radius: 0;
3354
        }
3355
3356
        &.collapsed {
3357
            &::before {
3358
                content: "\f0da";
3359
                display: inline-block;
3360
                font-family: FontAwesome;
3361
                width: 1em;
3362
            }
3363
3364
            &:hover {
3365
                background: #e6f0f2 none;
3366
                border-bottom-left-radius: 3px;
3367
                border-bottom-right-radius: 3px;
3368
            }
3369
        }
3370
    }
3371
}
3372
3373
.panel-default {
3374
    border: 1px solid #B9D8D9;
3375
    > .panel-heading {
3376
        background: transparent none;
3377
        padding: 0;
3378
3379
        + .panel-collapse {
3380
            > .panel-body {
3381
                border-top-color: #B9D8D9;
3382
            }
3383
        }
3384
    }
3385
}
3386
3387
.panel-group {
3388
    .panel {
3389
        + .panel {
3390
            margin-top: 3px;
3391
        }
3392
    }
3393
}
3394
3324
#toolbar {
3395
#toolbar {
3325
    .dropdown-menu {
3396
    .dropdown-menu {
3326
        border-top-width: 1px;
3397
        border-top-width: 1px;
(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/columns_settings.tt (-72 / +204 lines)
Lines 201-289 Link Here
201
                        <main>
201
                        <main>
202
202
203
                            <h2>Table settings</h2>
203
                            <h2>Table settings</h2>
204
                            <div id="modules">
204
                            <div class="panel-group" id="modules" role="tablist" aria-multiselectable="true">
205
                                <div class="panel_header"><a href="#acqui">Acquisition</a></div>
205
                                <div class="panel panel-default">
206
                                <div id="acqui">
206
                                    <div class="panel-heading" role="tab" id="acquiHeading">
207
                                    <h3>Acquisition tables</h3>
207
                                        <h2 class="panel-title">
208
                                    [% PROCESS pagelist module=modules.acqui modulename="acqui" %]
208
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#acqui" aria-expanded="false" aria-controls="collapseOne">
209
                                                Acquisition
210
                                            </a>
211
                                        </h2>
212
                                    </div> <!-- /.panel-heading -->
213
                                    <div id="acqui" class="panel-collapse collapse" role="tabpanel" aria-labelledby="acquiHeading">
214
                                        <div class="panel-body">
215
                                            <h3>Acquisition tables</h3>
216
                                            [% PROCESS pagelist module=modules.acqui modulename="acqui" %]
217
                                        </div> <!-- /.panel-body -->
218
                                    </div> <!-- /.panel-collapse -->
209
                                </div>
219
                                </div>
210
220
211
                                <div class="panel_header"><a href="#admin">Administration</a></div>
221
                                <div class="panel panel-default">
212
                                <div id="admin">
222
                                    <div class="panel-heading" role="tab" id="adminHeading">
213
                                    <h3>Administration tables</h3>
223
                                        <h2 class="panel-title">
214
                                    [% PROCESS pagelist module=modules.admin modulename="admin" %]
224
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#admin" aria-expanded="false" aria-controls="collapseOne">
225
                                                Administration
226
                                            </a>
227
                                        </h2>
228
                                    </div> <!-- /.panel-heading -->
229
                                    <div id="admin" class="panel-collapse collapse" role="tabpanel" aria-labelledby="adminHeading">
230
                                        <div class="panel-body">
231
                                            <h3>Administration tables</h3>
232
                                            [% PROCESS pagelist module=modules.admin modulename="admin" %]
233
                                        </div> <!-- /.panel-body -->
234
                                    </div> <!-- /.panel-collapse -->
215
                                </div>
235
                                </div>
216
236
217
                                <div class="panel_header"><a href="#authorities">Authorities</a></div>
237
                                <div class="panel panel-default">
218
                                <div id="authorities">
238
                                    <div class="panel-heading" role="tab" id="authoritiesHeading">
219
                                    <h3>Authorities tables</h3>
239
                                        <h2 class="panel-title">
220
                                    [% PROCESS pagelist module=modules.authorities modulename="authorities" %]
240
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#authorities" aria-expanded="false" aria-controls="collapseOne">
241
                                                Authorities
242
                                            </a>
243
                                        </h2>
244
                                    </div> <!-- /.panel-heading -->
245
                                    <div id="authorities" class="panel-collapse collapse" role="tabpanel" aria-labelledby="authoritiesHeading">
246
                                        <div class="panel-body">
247
                                            <h3>Authorities tables</h3>
248
                                            [% PROCESS pagelist module=modules.authorities modulename="authorities" %]
249
                                        </div> <!-- /.panel-body -->
250
                                    </div> <!-- /.panel-collapse -->
221
                                </div>
251
                                </div>
222
252
223
                                <div class="panel_header"><a href="#catalog">Catalog</a></div>
253
                                <div class="panel panel-default">
224
                                <div id="catalogue">
254
                                    <div class="panel-heading" role="tab" id="catalogueHeading">
225
                                    <h3>Catalogue tables</h3>
255
                                        <h2 class="panel-title">
226
                                    [% PROCESS pagelist module=modules.catalogue modulename="catalogue" %]
256
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#catalogue" aria-expanded="false" aria-controls="collapseOne">
257
                                                Catalog
258
                                            </a>
259
                                        </h2>
260
                                    </div> <!-- /.panel-heading -->
261
                                    <div id="catalogue" class="panel-collapse collapse" role="tabpanel" aria-labelledby="catalogueHeading">
262
                                        <div class="panel-body">
263
                                            <h3>Catalogue tables</h3>
264
                                            [% PROCESS pagelist module=modules.catalogue modulename="catalogue" %]
265
                                        </div> <!-- /.panel-body -->
266
                                    </div> <!-- /.panel-collapse -->
227
                                </div>
267
                                </div>
228
268
229
                                <div class="panel_header"><a href="#cataloguing">Cataloging</a></div>
269
                                <div class="panel panel-default">
230
                                <div id="cataloguing">
270
                                    <div class="panel-heading" role="tab" id="cataloguingHeading">
231
                                    <h3>Cataloguing tables</h3>
271
                                        <h2 class="panel-title">
232
                                    [% PROCESS pagelist module=modules.cataloguing modulename="cataloguing" %]
272
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#cataloguing" aria-expanded="false" aria-controls="collapseOne">
273
                                                Cataloging
274
                                            </a>
275
                                        </h2>
276
                                    </div> <!-- /.panel-heading -->
277
                                    <div id="cataloguing" class="panel-collapse collapse" role="tabpanel" aria-labelledby="cataloguingHeading">
278
                                        <div class="panel-body">
279
                                            <h3>Cataloguing tables</h3>
280
                                            [% PROCESS pagelist module=modules.cataloguing modulename="cataloguing" %]
281
                                        </div> <!-- /.panel-body -->
282
                                    </div> <!-- /.panel-collapse -->
233
                                </div>
283
                                </div>
234
284
235
                                <div class="panel_header"><a href="#circulation">Circulation</a></div>
285
                                <div class="panel panel-default">
236
                                <div id="circulation">
286
                                    <div class="panel-heading" role="tab" id="circulationHeading">
237
                                    <h3>Circulation tables</h3>
287
                                        <h2 class="panel-title">
238
                                    [% PROCESS pagelist module=modules.circ modulename="circ" %]
288
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#circulation" aria-expanded="false" aria-controls="collapseOne">
289
                                                Circulation
290
                                            </a>
291
                                        </h2>
292
                                    </div> <!-- /.panel-heading -->
293
                                    <div id="circulation" class="panel-collapse collapse" role="tabpanel" aria-labelledby="circulationHeading">
294
                                        <div class="panel-body">
295
                                            <h3>Circulation tables</h3>
296
                                            [% PROCESS pagelist module=modules.circ modulename="circ" %]
297
                                        </div> <!-- /.panel-body -->
298
                                    </div> <!-- /.panel-collapse -->
239
                                </div>
299
                                </div>
240
300
241
                                <div class="panel_header"><a href="#coursereserves">Course reserves</a></div>
301
                                <div class="panel panel-default">
242
                                <div id="coursereserves">
302
                                    <div class="panel-heading" role="tab" id="coursereservesHeading">
243
                                    <h3>Course reserves tables</h3>
303
                                        <h2 class="panel-title">
244
                                    [% PROCESS pagelist module=modules.coursereserves modulename="coursereserves" %]
304
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#coursereserves" aria-expanded="false" aria-controls="collapseOne">
305
                                                Course reserves
306
                                            </a>
307
                                        </h2>
308
                                    </div> <!-- /.panel-heading -->
309
                                    <div id="coursereserves" class="panel-collapse collapse" role="tabpanel" aria-labelledby="coursereservesHeading">
310
                                        <div class="panel-body">
311
                                            <h3>Course reserves tables</h3>
312
                                            [% PROCESS pagelist module=modules.coursereserves modulename="coursereserves" %]
313
                                        </div> <!-- /.panel-body -->
314
                                    </div> <!-- /.panel-collapse -->
245
                                </div>
315
                                </div>
246
316
247
                                <div class="panel_header"><a href="#ill">Interlibrary loans</a></div>
317
                                <div class="panel panel-default">
248
                                <div id="ill">
318
                                    <div class="panel-heading" role="tab" id="illHeading">
249
                                    <h3>Interlibrary loans tables</h3>
319
                                        <h2 class="panel-title">
250
                                    [% PROCESS pagelist module=modules.illrequests modulename="illrequests" %]
320
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#ill" aria-expanded="false" aria-controls="collapseOne">
321
                                                Interlibrary loans
322
                                            </a>
323
                                        </h2>
324
                                    </div> <!-- /.panel-heading -->
325
                                    <div id="ill" class="panel-collapse collapse" role="tabpanel" aria-labelledby="illHeading">
326
                                        <div class="panel-body">
327
                                            <h3>Interlibrary loans tables</h3>
328
                                            [% PROCESS pagelist module=modules.illrequests modulename="illrequests" %]
329
                                        </div> <!-- /.panel-body -->
330
                                    </div> <!-- /.panel-collapse -->
251
                                </div>
331
                                </div>
252
332
253
                                <div class="panel_header"><a href="#members">Patrons</a></div>
333
                                <div class="panel panel-default">
254
                                <div id="members">
334
                                    <div class="panel-heading" role="tab" id="membersHeading">
255
                                    <h3>Patrons tables</h3>
335
                                        <h2 class="panel-title">
256
                                    [% PROCESS pagelist module=modules.members modulename="members" %]
336
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#members" aria-expanded="false" aria-controls="collapseOne">
337
                                                Patrons
338
                                            </a>
339
                                        </h2>
340
                                    </div> <!-- /.panel-heading -->
341
                                    <div id="members" class="panel-collapse collapse" role="tabpanel" aria-labelledby="membersHeading">
342
                                        <div class="panel-body">
343
                                            <h3>Patrons tables</h3>
344
                                            [% PROCESS pagelist module=modules.members modulename="members" %]
345
                                        </div> <!-- /.panel-body -->
346
                                    </div> <!-- /.panel-collapse -->
257
                                </div>
347
                                </div>
258
348
259
                                <div class="panel_header"><a href="#pos">Point of sale</a></div>
349
                                <div class="panel panel-default">
260
                                <div id="pos">
350
                                    <div class="panel-heading" role="tab" id="posHeading">
261
                                    <h3>Point of sale tables</h3>
351
                                        <h2 class="panel-title">
262
                                    [% PROCESS pagelist module=modules.pos modulename="pos" %]
352
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#pos" aria-expanded="false" aria-controls="collapseOne">
353
                                                Point of sale
354
                                            </a>
355
                                        </h2>
356
                                    </div> <!-- /.panel-heading -->
357
                                    <div id="pos" class="panel-collapse collapse" role="tabpanel" aria-labelledby="posHeading">
358
                                        <div class="panel-body">
359
                                            <h3>Point of sale tables</h3>
360
                                            [% PROCESS pagelist module=modules.pos modulename="pos" %]
361
                                        </div> <!-- /.panel-body -->
362
                                    </div> <!-- /.panel-collapse -->
263
                                </div>
363
                                </div>
264
364
265
                                <div class="panel_header"><a href="#tools">Tools</a></div>
365
                                <div class="panel panel-default">
266
                                <div id="tools">
366
                                    <div class="panel-heading" role="tab" id="toolsHeading">
267
                                    <h3>Tools tables</h3>
367
                                        <h2 class="panel-title">
268
                                    [% PROCESS pagelist module=modules.tools modulename="tools" %]
368
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#tools" aria-expanded="false" aria-controls="collapseOne">
369
                                                Tools
370
                                            </a>
371
                                        </h2>
372
                                    </div> <!-- /.panel-heading -->
373
                                    <div id="tools" class="panel-collapse collapse" role="tabpanel" aria-labelledby="toolsHeading">
374
                                        <div class="panel-body">
375
                                            <h3>Tools tables</h3>
376
                                            [% PROCESS pagelist module=modules.tools modulename="tools" %]
377
                                        </div> <!-- /.panel-body -->
378
                                    </div> <!-- /.panel-collapse -->
269
                                </div>
379
                                </div>
270
380
271
                                <div class="panel_header"><a href="#opac">OPAC</a></div>
381
                                <div class="panel panel-default">
272
                                <div id="opac">
382
                                    <div class="panel-heading" role="tab" id="opacHeading">
273
                                    <h3>OPAC tables</h3>
383
                                        <h2 class="panel-title">
274
                                    [% PROCESS pagelist module=modules.opac modulename="opac" %]
384
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#opac" aria-expanded="false" aria-controls="collapseOne">
385
                                                OPAC
386
                                            </a>
387
                                        </h2>
388
                                    </div> <!-- /.panel-heading -->
389
                                    <div id="opac" class="panel-collapse collapse" role="tabpanel" aria-labelledby="opacHeading">
390
                                        <div class="panel-body">
391
                                            <h3>OPAC tables</h3>
392
                                            [% PROCESS pagelist module=modules.opac modulename="opac" %]
393
                                        </div> <!-- /.panel-body -->
394
                                    </div> <!-- /.panel-collapse -->
275
                                </div>
395
                                </div>
276
396
277
                                <div class="panel_header"><a href="#reports">Reports</a></div>
397
                                <div class="panel panel-default">
278
                                <div id="reports">
398
                                    <div class="panel-heading" role="tab" id="reportsHeading">
279
                                    <h3>Reports tables</h3>
399
                                        <h2 class="panel-title">
280
                                    [% PROCESS pagelist module=modules.reports modulename="reports" %]
400
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#reports" aria-expanded="false" aria-controls="collapseOne">
401
                                                Reports
402
                                            </a>
403
                                        </h2>
404
                                    </div> <!-- /.panel-heading -->
405
                                    <div id="reports" class="panel-collapse collapse" role="tabpanel" aria-labelledby="reportsHeading">
406
                                        <div class="panel-body">
407
                                            <h3>Reports tables</h3>
408
                                            [% PROCESS pagelist module=modules.reports modulename="reports" %]
409
                                        </div> <!-- /.panel-body -->
410
                                    </div> <!-- /.panel-collapse -->
281
                                </div>
411
                                </div>
282
412
283
                                <div class="panel_header"><a href="#serials">Serials</a></div>
413
                                <div class="panel panel-default">
284
                                <div id="serials">
414
                                    <div class="panel-heading" role="tab" id="serialsHeading">
285
                                    <h3>Serials tables</h3>
415
                                        <h2 class="panel-title">
286
                                    [% PROCESS pagelist module=modules.serials modulename="serials" %]
416
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#modules" href="#serials" aria-expanded="false" aria-controls="collapseOne">
417
                                                Serials
418
                                            </a>
419
                                        </h2>
420
                                    </div> <!-- /.panel-heading -->
421
                                    <div id="serials" class="panel-collapse collapse" role="tabpanel" aria-labelledby="serialsHeading">
422
                                        <div class="panel-body">
423
                                            <h3>Serials tables</h3>
424
                                            [% PROCESS pagelist module=modules.serials modulename="serials" %]
425
                                        </div> <!-- /.panel-body -->
426
                                    </div> <!-- /.panel-collapse -->
287
                                </div>
427
                                </div>
288
428
289
                            </div>
429
                            </div>
Lines 299-318 Link Here
299
439
300
[% MACRO jsinclude BLOCK %]
440
[% MACRO jsinclude BLOCK %]
301
    [% Asset.js("js/admin-menu.js") | $raw %]
441
    [% Asset.js("js/admin-menu.js") | $raw %]
302
    <script>
442
303
        $(document).ready( function() {
443
    [%- IF ( panel.defined && panel >= 0 ) -%]
304
            var accordion = $( "#modules" ).accordion({
444
        <script>
305
                    collapsible: true,
445
            $(document).ready( function() {
306
                    heightStyle: "content",
446
                $("#modules a.collapsed:eq(" + Number( [% panel | html %] ) + ")").click();
307
                    header: ".panel_header",
308
                [%- IF panel -%]
309
                    [%# we were asked to show a specific panel, usually on update %]
310
                    active: [%- panel | html -%]
311
                [%- ELSE -%]
312
                    active: false
313
                [%- END -%]
314
            });
447
            });
315
        });
448
        </script>
316
    </script>
449
    [%- END -%]
317
[% END %]
450
[% END %]
318
[% INCLUDE 'intranet-bottom.inc' %]
451
[% INCLUDE 'intranet-bottom.inc' %]
319
- 

Return to bug 30494