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

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss (-22 / +158 lines)
Lines 19-29 fieldset { Link Here
19
    }
19
    }
20
20
21
    &.fg {
21
    &.fg {
22
        container-name: form-grid;
23
        container-type: inline-size;
24
22
        .btn.btn-link {
25
        .btn.btn-link {
23
            padding: .175rem 0;
26
            padding: .175rem 0;
24
        }
27
        }
25
28
26
        .fg-checkbox {
29
        .fg-checkbox {
30
            .hint {
31
                display: inline;
32
            }
33
        }
34
35
        .fg-pair {
36
            display: flex;
37
            flex-wrap: nowrap;
38
            gap: .5rem;
39
        }
40
41
        .fg-radio {
27
            grid-column-start: 2;
42
            grid-column-start: 2;
28
        }
43
        }
29
44
Lines 35-62 fieldset { Link Here
35
            .label {
50
            .label {
36
                font-weight: bold;
51
                font-weight: bold;
37
            }
52
            }
38
        }
39
53
40
        .fg-row input[type="text"],
54
            .btn-default {
41
        .fg-row select {
55
                border: 1px solid #aaa;
42
            background-color: #FFF;
56
                border-radius: 0.375rem;
43
            border: 1px solid #AAAAAA;
57
                height: calc( 1.5em + .75rem + 2px );
44
            border-radius: 4px;
58
                padding: .375rem .75rem;
45
            color: #495057;
59
            }
46
            display: inline-block;
60
47
            height: calc( 1.5em + .75rem + 2px );
61
            .fg-input,
48
            line-height: 1.5;
62
            .fg-text {
49
            padding: .375rem .75rem;
63
                display: flex;
50
            width: 100%;
64
                gap: .5rem;
51
        }
65
66
                label {
67
                    margin-right: 1rem;
68
                }
69
            }
70
71
            &.input-checkbox {
72
                display: grid;
73
                grid-template-columns: 2rem 85%;
74
75
                .fg-label {
76
                    grid-column: 2 / 3;
77
                    grid-row: 1 / 2;
78
                }
79
80
                .fg-input,
81
                .fg-text {
82
                    grid-column: 1 / 1;
83
                }
84
85
                .hint {
86
                    grid-column: 2 / 3;
87
                }
88
            }
89
90
            input[type="text"],
91
            input[type="password"],
92
            select {
93
                background-color: #FFF;
94
                border: 1px solid #AAAAAA;
95
                border-radius: 4px;
96
                color: #495057;
97
                display: inline-block;
98
                height: calc( 1.5em + .75rem + 2px );
99
                line-height: 1.5;
100
                padding: .375rem .75rem;
101
                width: 100%;
102
            }
103
104
            input[type="text"]{
105
                &.readonly,
106
                &:read-only {
107
                    background: #EEE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='currentColor'%3E%3Cpath d='M6.5 1.371c.962 0 1.742.78 1.742 1.742v1.549H4.758V3.113c0-.962.78-1.742 1.742-1.742m2.613 5.226V3.113c0-3.484-5.226-3.484-5.226 0v1.549c-.962 0-1.742.78-1.742 1.741v4.355c0 .962.78 1.742 1.742 1.742h5.226c.962 0 1.742-.78 1.742-1.742V6.403c0-.962-.78-1.741-1.742-1.741' style='fill:%23838383'/%3E%3C/svg%3E") 1% 50% no-repeat;
108
                    border-style: inset;
109
                    border-width: 1px;
110
                    cursor: default;
111
                    padding-left: 20px;
112
113
                    &:focus {
114
                        border-color: unset;
115
                        border-radius: unset;
116
                    }
117
                }
118
            }
52
119
53
        .fg-row input[type="text"].flatpickr-input {
120
            input[type="text"].flatpickr-input {
54
            padding-left: calc( 1.5em + 10px );
121
                padding-left: calc( 1.5em + 10px );
55
            width: calc( 100% - 20px );
122
                width: calc( 100% - 20px );
123
            }
124
125
            input[type="checkbox"],
126
            input[type="radio"] {
127
                margin: .4em 0 0 0;
128
            }
129
130
            textarea {
131
                border: 1px solid #AAAAAA;
132
                border-radius: 4px;
133
                color: #495057;
134
                padding: .375rem .75rem;
135
                width: 100%;
136
            }
56
        }
137
        }
57
138
58
        .fg-row input[type="checkbox"] {
139
        .fg-row input[type="checkbox"] {
59
            margin: 0;
140
            margin: .4em .4em .4em 0;
141
        }
142
143
        .fg-row + .fg-row {
144
            margin-top: 1rem;
60
        }
145
        }
61
146
62
        .fg-label,
147
        .fg-label,
Lines 66-82 fieldset { Link Here
66
151
67
        .fg-text {
152
        .fg-text {
68
            padding: .375rem .75rem;
153
            padding: .375rem .75rem;
154
155
            label {
156
                margin-right: 1rem;
157
            }
158
        }
159
160
        .form-control[type="file"]{
161
            background-color: #FFF;
162
            border: 1px solid #aaa;
163
            display: inline-block;
164
            width: 80%;
69
        }
165
        }
70
166
71
        @media only screen and ( min-width: 608px ) {
167
        @container form-grid ( width > 768px ) {
72
            .fg-row {
168
            .fg-row {
73
                column-gap: .7rem;
169
                column-gap: .7rem;
74
                display: grid;
170
                display: grid;
75
                grid-template-columns: 15% 50% 15%;
171
                grid-template-columns: 25% 50% 15%;
76
                grid-template-rows: 1fr min-content;
172
                grid-template-rows: 1fr min-content;
77
173
174
                .fg-input,
175
                .fg-text {
176
                    grid-column-start: 2;
177
                }
178
179
                &.input-md {
180
                    grid-template-columns: 25% 30% 15%
181
                }
182
183
                &.input-sm {
184
                    grid-template-columns: 25% 15% 15%
185
                }
186
78
                &.wide {
187
                &.wide {
79
                    grid-template-columns: 15% 85%;
188
                    grid-template-columns: 25% 85%;
189
                }
190
191
                &.input-checkbox {
192
                    grid-template-columns: 25% 1.5rem 65%;
193
194
                    .fg-label,
195
                    .fg-input {
196
                        grid-column: unset;
197
                    }
198
199
                    .hint {
200
                        grid-column-end: unset;
201
                        grid-column-start: unset;
202
                    }
80
                }
203
                }
81
204
82
                input[type="text"].flatpickr-input {
205
                input[type="text"].flatpickr-input {
Lines 91-105 fieldset { Link Here
91
            }
214
            }
92
        }
215
        }
93
216
94
        @media only screen and ( min-width: 1700px ) {
217
        @container form-grid ( width > 1700px ) {
95
            .fg-row {
218
            .fg-row {
96
                grid-template-columns: 10% 35% 15%;
219
                grid-template-columns: 20% 35% 15%;
220
221
                &.input-md {
222
                    grid-template-columns: 20% 30% 25%
223
                }
224
225
                &.input-sm {
226
                    grid-template-columns: 20% 15% 25%
227
                }
228
229
                &.wide {
230
                    grid-template-columns: 20% 80%;
231
                }
97
            }
232
            }
98
        }
233
        }
99
234
100
        .hint {
235
        .hint {
101
            color: #666;
236
            color: #666;
102
            font-size: 95%;
237
            font-size: 95%;
238
            grid-column-end: 4;
103
            grid-column-start: 2;
239
            grid-column-start: 2;
104
            margin: .3rem 0;
240
            margin: .3rem 0;
105
        }
241
        }
(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/branches.tt (-32 / +32 lines)
Lines 130-150 Link Here
130
                [% IF library %]
130
                [% IF library %]
131
                    <input type="hidden" name="is_a_modif" value="1" />
131
                    <input type="hidden" name="is_a_modif" value="1" />
132
                [% END %]
132
                [% END %]
133
                <div class="fg-row">
133
                <div class="fg-row input-sm">
134
                    [% IF library %]
134
                    [% IF library %]
135
                        <div class="fg-label">
135
                        <div class="fg-label">
136
                            <span class="label">Library code: </span>
136
                            <span class="label">Library code: </span>
137
                        </div>
137
                        </div>
138
                        <div class="fg-input">
138
                        <div class="fg-text">
139
                            <input type="hidden" name="branchcode" value="[% library.branchcode | html %]" />
139
                            <input type="hidden" name="branchcode" value="[% library.branchcode | html %]" />
140
                            <div class="fg-text">[% library.branchcode | html %]</div>
140
                            [% library.branchcode | html %]
141
                        </div>
141
                        </div>
142
                    [% ELSE %]
142
                    [% ELSE %]
143
                        <div class="fg-label">
143
                        <div class="fg-label">
144
                            <label for="branchcode" class="required">Library code: </label>
144
                            <label for="branchcode" class="required">Library code: </label>
145
                        </div>
145
                        </div>
146
                        <div class="fg-input">
146
                        <div class="fg-input">
147
                            <input type="text" name="branchcode" id="branchcode" size="10" maxlength="10" value="[% library.branchcode | html %]" class="required focus" required="required" />
147
                            <input type="text" name="branchcode" id="branchcode" maxlength="10" value="[% library.branchcode | html %]" class="required focus" required="required" />
148
                        </div>
148
                        </div>
149
                        <div class="required">Required</div>
149
                        <div class="required">Required</div>
150
                    [% END %]
150
                    [% END %]
Lines 155-163 Link Here
155
                    </div>
155
                    </div>
156
                    <div class="fg-input">
156
                    <div class="fg-input">
157
                        [% IF library %]
157
                        [% IF library %]
158
                            <input type="text" name="branchname" id="branchname" size="80" value="[% library.branchname | html %]" class="required focus" required="required" />
158
                            <input type="text" name="branchname" id="branchname" value="[% library.branchname | html %]" class="required focus" required="required" />
159
                        [% ELSE %]
159
                        [% ELSE %]
160
                            <input type="text" name="branchname" id="branchname" size="80" value="[% library.branchname | html %]" class="required" required="required" />
160
                            <input type="text" name="branchname" id="branchname" value="[% library.branchname | html %]" class="required" required="required" />
161
                        [% END %]
161
                        [% END %]
162
                    </div>
162
                    </div>
163
                    <div class="required">Required</div>
163
                    <div class="required">Required</div>
Lines 189-195 Link Here
189
                        <label for="branchaddress1">Address line 1: </label>
189
                        <label for="branchaddress1">Address line 1: </label>
190
                    </div>
190
                    </div>
191
                    <div class="fg-input">
191
                    <div class="fg-input">
192
                        <input type="text" name="branchaddress1" id="branchaddress1" size="60" value="[% library.branchaddress1 | html %]" />
192
                        <input type="text" name="branchaddress1" id="branchaddress1" value="[% library.branchaddress1 | html %]" />
193
                    </div>
193
                    </div>
194
                </div>
194
                </div>
195
                <div class="fg-row">
195
                <div class="fg-row">
Lines 197-203 Link Here
197
                        <label for="branchaddress2">Address line 2: </label>
197
                        <label for="branchaddress2">Address line 2: </label>
198
                    </div>
198
                    </div>
199
                    <div class="fg-input">
199
                    <div class="fg-input">
200
                        <input type="text" name="branchaddress2" id="branchaddress2" size="60" value="[% library.branchaddress2 | html %]" />
200
                        <input type="text" name="branchaddress2" id="branchaddress2" value="[% library.branchaddress2 | html %]" />
201
                    </div>
201
                    </div>
202
                </div>
202
                </div>
203
                <div class="fg-row">
203
                <div class="fg-row">
Lines 205-211 Link Here
205
                        <label for="branchaddress3">Address line 3: </label>
205
                        <label for="branchaddress3">Address line 3: </label>
206
                    </div>
206
                    </div>
207
                    <div class="fg-input">
207
                    <div class="fg-input">
208
                        <input type="text" name="branchaddress3" id="branchaddress3" size="60" value="[% library.branchaddress3 | html %]" />
208
                        <input type="text" name="branchaddress3" id="branchaddress3" value="[% library.branchaddress3 | html %]" />
209
                    </div>
209
                    </div>
210
                </div>
210
                </div>
211
                <div class="fg-row">
211
                <div class="fg-row">
Lines 213-219 Link Here
213
                        <label for="branchcity">City: </label>
213
                        <label for="branchcity">City: </label>
214
                    </div>
214
                    </div>
215
                    <div class="fg-input">
215
                    <div class="fg-input">
216
                        <input type="text" name="branchcity" id="branchcity" size="60" value="[% library.branchcity | html %]" />
216
                        <input type="text" name="branchcity" id="branchcity" value="[% library.branchcity | html %]" />
217
                    </div>
217
                    </div>
218
                </div>
218
                </div>
219
                <div class="fg-row">
219
                <div class="fg-row">
Lines 221-235 Link Here
221
                        <label for="branchstate">State: </label>
221
                        <label for="branchstate">State: </label>
222
                    </div>
222
                    </div>
223
                    <div class="fg-input">
223
                    <div class="fg-input">
224
                        <input type="text" name="branchstate" id="branchstate" size="60" value="[% library.branchstate | html %]" />
224
                        <input type="text" name="branchstate" id="branchstate" value="[% library.branchstate | html %]" />
225
                    </div>
225
                    </div>
226
                </div>
226
                </div>
227
                <div class="fg-row">
227
                <div class="fg-row input-md">
228
                    <div class="fg-label">
228
                    <div class="fg-label">
229
                        <label for="branchzip">ZIP/Postal code: </label>
229
                        <label for="branchzip">ZIP/Postal code: </label>
230
                    </div>
230
                    </div>
231
                    <div class="fg-input">
231
                    <div class="fg-input">
232
                        <input type="text" name="branchzip" id="branchzip" size="25" maxlength="25" value="[% library.branchzip | html %]" />
232
                        <input type="text" name="branchzip" id="branchzip" maxlength="25" value="[% library.branchzip | html %]" />
233
                    </div>
233
                    </div>
234
                </div>
234
                </div>
235
                <div class="fg-row">
235
                <div class="fg-row">
Lines 237-243 Link Here
237
                        <label for="branchcountry">Country: </label>
237
                        <label for="branchcountry">Country: </label>
238
                    </div>
238
                    </div>
239
                    <div class="fg-input">
239
                    <div class="fg-input">
240
                        <input type="text" name="branchcountry" id="branchcountry" size="60" value="[% library.branchcountry | html %]" />
240
                        <input type="text" name="branchcountry" id="branchcountry" value="[% library.branchcountry | html %]" />
241
                    </div>
241
                    </div>
242
                </div>
242
                </div>
243
                <div class="fg-row">
243
                <div class="fg-row">
Lines 245-251 Link Here
245
                        <label for="branchphone">Phone: </label>
245
                        <label for="branchphone">Phone: </label>
246
                    </div>
246
                    </div>
247
                    <div class="fg-input">
247
                    <div class="fg-input">
248
                        <input type="text" name="branchphone" id="branchphone" size="60" value="[% library.branchphone | html %]" />
248
                        <input type="text" name="branchphone" id="branchphone" value="[% library.branchphone | html %]" />
249
                    </div>
249
                    </div>
250
                </div>
250
                </div>
251
                <div class="fg-row">
251
                <div class="fg-row">
Lines 253-259 Link Here
253
                        <label for="branchfax">Fax: </label>
253
                        <label for="branchfax">Fax: </label>
254
                    </div>
254
                    </div>
255
                    <div class="fg-input">
255
                    <div class="fg-input">
256
                        <input type="text" name="branchfax" id="branchfax" size="60" value="[% library.branchfax | html %]" />
256
                        <input type="text" name="branchfax" id="branchfax" value="[% library.branchfax | html %]" />
257
                    </div>
257
                    </div>
258
                </div>
258
                </div>
259
                <div class="fg-row">
259
                <div class="fg-row">
Lines 261-267 Link Here
261
                        <label for="branchemail">Email: </label>
261
                        <label for="branchemail">Email: </label>
262
                    </div>
262
                    </div>
263
                    <div class="fg-input">
263
                    <div class="fg-input">
264
                        <input type="text" name="branchemail" id="branchemail" class="email" size="80" value="[% library.branchemail | html %]" />
264
                        <input type="text" name="branchemail" id="branchemail" class="email" value="[% library.branchemail | html %]" />
265
                    </div>
265
                    </div>
266
                </div>
266
                </div>
267
                [% IF (Koha.Preference('ILLModule')) %]
267
                [% IF (Koha.Preference('ILLModule')) %]
Lines 270-276 Link Here
270
                            <label for="branchillemail">ILL staff email: </label>
270
                            <label for="branchillemail">ILL staff email: </label>
271
                        </div>
271
                        </div>
272
                        <div class="fg-input">
272
                        <div class="fg-input">
273
                            <input type="text" name="branchillemail" id="branchillemail" class="email" size="80" value="[% library.branchillemail | html %]" />
273
                            <input type="text" name="branchillemail" id="branchillemail" class="email" value="[% library.branchillemail | html %]" />
274
                        </div>
274
                        </div>
275
                        <div class="hint">
275
                        <div class="hint">
276
                            [% IF ( CAN_user_parameters_manage_sysprefs ) %]
276
                            [% IF ( CAN_user_parameters_manage_sysprefs ) %]
Lines 287-293 Link Here
287
                        <label for="branchreplyto">Reply-To: </label>
287
                        <label for="branchreplyto">Reply-To: </label>
288
                    </div>
288
                    </div>
289
                    <div class="fg-input">
289
                    <div class="fg-input">
290
                        <input type="text" name="branchreplyto" id="branchreplyto" class="email" size="80" value="[% library.branchreplyto | html %]" />
290
                        <input type="text" name="branchreplyto" id="branchreplyto" class="email" value="[% library.branchreplyto | html %]" />
291
                    </div>
291
                    </div>
292
                    <div class="hint">
292
                    <div class="hint">
293
                        [% IF ( CAN_user_parameters_manage_sysprefs ) %]
293
                        [% IF ( CAN_user_parameters_manage_sysprefs ) %]
Lines 303-309 Link Here
303
                        <label for="branchreturnpath">Return-Path: </label>
303
                        <label for="branchreturnpath">Return-Path: </label>
304
                    </div>
304
                    </div>
305
                    <div class="fg-input">
305
                    <div class="fg-input">
306
                        <input type="text" name="branchreturnpath" id="branchreturnpath" class="email" size="80" value="[% library.branchreturnpath | html %]" />
306
                        <input type="text" name="branchreturnpath" id="branchreturnpath" class="email" value="[% library.branchreturnpath | html %]" />
307
                    </div>
307
                    </div>
308
                    <div class="hint">
308
                    <div class="hint">
309
                        [% IF ( CAN_user_parameters_manage_sysprefs ) %]
309
                        [% IF ( CAN_user_parameters_manage_sysprefs ) %]
Lines 340-346 Link Here
340
                        <label for="branchurl">URL: </label>
340
                        <label for="branchurl">URL: </label>
341
                    </div>
341
                    </div>
342
                    <div class="fg-input">
342
                    <div class="fg-input">
343
                        <input type="text" name="branchurl" id="branchurl" size="80" value="[% library.branchurl | html %]" class="url" />
343
                        <input type="text" name="branchurl" id="branchurl" value="[% library.branchurl | html %]" class="url" />
344
                    </div>
344
                    </div>
345
                </div>
345
                </div>
346
                <div class="fg-row">
346
                <div class="fg-row">
Lines 357-377 Link Here
357
                        [% END %]
357
                        [% END %]
358
                    </div>
358
                    </div>
359
                </div>
359
                </div>
360
                <div class="fg-row">
360
                <div class="fg-row input-md">
361
                    <div class="fg-label">
361
                    <div class="fg-label">
362
                        <label for="branchip">IP: </label>
362
                        <label for="branchip">IP: </label>
363
                    </div>
363
                    </div>
364
                    <div class="fg-input">
364
                    <div class="fg-input">
365
                        <input type="text" name="branchip" id="branchip" size="15" maxlength="15" value="[% library.branchip | html %]" />
365
                        <input type="text" name="branchip" id="branchip" maxlength="15" value="[% library.branchip | html %]" />
366
                    </div>
366
                    </div>
367
                    <div class="hint">Enter as a single IP address, or a subnet such as 192.168.1.*</div>
367
                    <div class="hint">Enter as a single IP address, or a subnet such as 192.168.1.*</div>
368
                </div>
368
                </div>
369
                <div class="fg-row">
369
                <div class="fg-row input-md">
370
                    <div class="fg-label">
370
                    <div class="fg-label">
371
                        <label for="marcorgcode">MARC organization code: </label>
371
                        <label for="marcorgcode">MARC organization code: </label>
372
                    </div>
372
                    </div>
373
                    <div class="fg-input">
373
                    <div class="fg-input">
374
                        <input type="text" name="marcorgcode" id="marcorgcode" size="16" maxlength="16" value="[% library.marcorgcode | html %]" />
374
                        <input type="text" name="marcorgcode" id="marcorgcode" maxlength="16" value="[% library.marcorgcode | html %]" />
375
                    </div>
375
                    </div>
376
                    <div class="hint">
376
                    <div class="hint">
377
                        [% IF ( CAN_user_parameters_manage_sysprefs ) %]
377
                        [% IF ( CAN_user_parameters_manage_sysprefs ) %]
Lines 388-394 Link Here
388
                        <label for="branchnotes">Notes: </label>
388
                        <label for="branchnotes">Notes: </label>
389
                    </div>
389
                    </div>
390
                    <div class="fg-input">
390
                    <div class="fg-input">
391
                        <input type="text" name="branchnotes" id="branchnotes" size="80" value="[% library.branchnotes | html %]" />
391
                        <input type="text" name="branchnotes" id="branchnotes" value="[% library.branchnotes | html %]" />
392
                    </div>
392
                    </div>
393
                </div>
393
                </div>
394
                <div class="fg-row">
394
                <div class="fg-row">
Lines 452-467 Link Here
452
                                            </td>
452
                                            </td>
453
                                            <td>
453
                                            <td>
454
                                                [% IF hr.open_time %]
454
                                                [% IF hr.open_time %]
455
                                                    <input type="text" size="5" value="[% hr.open_time | html %]" name="open_time" class="flatpickr" data-flatpickr-time-only="true" />
455
                                                    <input type="text" value="[% hr.open_time | html %]" name="open_time" class="flatpickr" data-flatpickr-time-only="true" />
456
                                                [% ELSE %]
456
                                                [% ELSE %]
457
                                                    <input type="text" size="5" value="" name="open_time" class="flatpickr" data-flatpickr-time-only="true" />
457
                                                    <input type="text" value="" name="open_time" class="flatpickr" data-flatpickr-time-only="true" />
458
                                                [% END %]
458
                                                [% END %]
459
                                            </td>
459
                                            </td>
460
                                            <td>
460
                                            <td>
461
                                                [% IF hr.close_time %]
461
                                                [% IF hr.close_time %]
462
                                                    <input type="text" size="5" value="[% hr.close_time | html %]" name="close_time" class="flatpickr" data-flatpickr-time-only="true" />
462
                                                    <input type="text" value="[% hr.close_time | html %]" name="close_time" class="flatpickr" data-flatpickr-time-only="true" />
463
                                                [% ELSE %]
463
                                                [% ELSE %]
464
                                                    <input type="text" size="5" value="" name="close_time" class="flatpickr" data-flatpickr-time-only="true" />
464
                                                    <input type="text" value="" name="close_time" class="flatpickr" data-flatpickr-time-only="true" />
465
                                                [% END %]
465
                                                [% END %]
466
                                            </td>
466
                                            </td>
467
                                        </tr>
467
                                        </tr>
Lines 475-484 Link Here
475
                                                <input type="hidden" value="[% d | html %]" name="day" />
475
                                                <input type="hidden" value="[% d | html %]" name="day" />
476
                                            </td>
476
                                            </td>
477
                                            <td>
477
                                            <td>
478
                                                <input type="text" size="5" name="open_time" class="noEnterSubmit flatpickr" data-flatpickr-time-only="true" />
478
                                                <input type="text" name="open_time" class="noEnterSubmit flatpickr" data-flatpickr-time-only="true" />
479
                                            </td>
479
                                            </td>
480
                                            <td>
480
                                            <td>
481
                                                <input type="text" size="5" name="close_time" class="noEnerSubmit flatpickr" data-flatpickr-time-only="true" />
481
                                                <input type="text" name="close_time" class="noEnerSubmit flatpickr" data-flatpickr-time-only="true" />
482
                                            </td>
482
                                            </td>
483
                                        </tr>
483
                                        </tr>
484
                                    [% END %]
484
                                    [% END %]
(-)a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/library_groups.tt (-81 / +112 lines)
Lines 87-93 Link Here
87
    [% END %]
87
    [% END %]
88
[% END %]
88
[% END %]
89
89
90
<div id="add-group-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="add-group-modal-label" aria-hidden="true">
90
<div id="add-group-modal" class="modal modal-lg" tabindex="-1" role="dialog" aria-labelledby="add-group-modal-label" aria-hidden="true">
91
    <form method="post" id="add-group-form" action="/cgi-bin/koha/admin/library_groups.pl" class="form-horizontal">
91
    <form method="post" id="add-group-form" action="/cgi-bin/koha/admin/library_groups.pl" class="form-horizontal">
92
        [% INCLUDE 'csrf-token.inc' %]
92
        [% INCLUDE 'csrf-token.inc' %]
93
        <div class="modal-dialog">
93
        <div class="modal-dialog">
Lines 97-160 Link Here
97
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
97
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
98
                </div>
98
                </div>
99
                <div class="modal-body">
99
                <div class="modal-body">
100
                    <fieldset class="brief">
100
                    <fieldset class="fg">
101
                        <input type="hidden" id="add-group-modal-parent-id" name="parent_id" value="" />
101
                        <input type="hidden" id="add-group-modal-parent-id" name="parent_id" value="" />
102
                        <input type="hidden" id="add-group-modal-action" name="op" value="cud-add" />
102
                        <input type="hidden" id="add-group-modal-action" name="op" value="cud-add" />
103
                        <ol>
103
                        <div class="fg-row">
104
                            <li>
104
                            <div class="fg-label">
105
                                <label for="add-group-modal-title">Title: </label>
105
                                <label for="add-group-modal-title">Title: </label>
106
                                <input type="text" size="40" maxlength="100" name="title" id="add-group-modal-title" required="required" />
106
                            </div>
107
                                <span class="required">Required</span>
107
                            <div class="fg-input">
108
                                <div class="hint">Displayed in the library group search dropdowns.</div>
108
                                <input type="text" maxlength="100" name="title" id="add-group-modal-title" required="required" />
109
                            </li>
109
                            </div>
110
                            <li>
110
                            <div class="required">Required</div>
111
                            <div class="hint">Displayed in the library group search dropdowns.</div>
112
                        </div>
113
                        <div class="fg-row">
114
                            <div class="fg-label">
111
                                <label for="add-group-modal-description">Description: </label>
115
                                <label for="add-group-modal-description">Description: </label>
112
                                <input type="text" size="40" name="description" id="add-group-modal-description" />
116
                            </div>
113
                            </li>
117
                            <div class="fg-input">
114
                        </ol>
118
                                <input type="text" name="description" id="add-group-modal-description" />
119
                            </div>
120
                        </div>
115
                    </fieldset>
121
                    </fieldset>
116
                    <div id="root-group-features-add">
122
                    <fieldset id="root-group-features-add" class="fg">
117
                        <h3>Features</h3>
123
                        <legend>Features</legend>
118
                        <div class="checkbox">
124
                        <div class="fg-row input-checkbox">
119
                            <p>
125
                            <div class="fg-label">
120
                                <label>
126
                                <label for="add-group-modal-ft_hide_patron_info">Limit patron data access by group</label>
121
                                    <input type="checkbox" name="ft_hide_patron_info" id="add-group-modal-ft_hide_patron_info" value="1" />
127
                            </div>
122
                                    Limit patron data access by group
128
                            <div class="fg-input">
123
                                </label>
129
                                <input type="checkbox" name="ft_hide_patron_info" id="add-group-modal-ft_hide_patron_info" value="1" />
124
                            </p>
130
                            </div>
125
                            <p>
131
                        </div>
126
                                <label>
132
                        <div class="fg-row input-checkbox">
127
                                    <input type="checkbox" name="ft_limit_item_editing" id="add-group-modal-ft_limit_item_editing" value="1" />
133
                            <div class="fg-label">
128
                                    Limit item editing by group
134
                                <label for="add-group-modal-ft_limit_item_editing">Limit item editing by group</label>
129
                                </label>
135
                            </div>
130
                            </p>
136
                            <div class="fg-input">
131
                            <p>
137
                                <input type="checkbox" name="ft_limit_item_editing" id="add-group-modal-ft_limit_item_editing" value="1" />
132
                                <label>
138
                            </div>
133
                                    <input type="checkbox" name="ft_search_groups_opac" id="add-group-modal-ft_search_groups_opac" value="1" />
139
                        </div>
134
                                    Use for OPAC search groups
140
                        <div class="fg-row input-checkbox">
135
                                </label>
141
                            <div class="fg-label">
136
                            </p>
142
                                <label for="add-group-modal-ft_search_groups_opac">Use for OPAC search groups</label>
137
                            <p>
143
                            </div>
138
                                <label>
144
                            <div class="fg-input">
139
                                    <input type="checkbox" name="ft_search_groups_staff" id="add-group-modal-ft_search_groups_staff" value="1" />
145
                                <input type="checkbox" name="ft_search_groups_opac" id="add-group-modal-ft_search_groups_opac" value="1" />
140
                                    Use for staff search groups
146
                            </div>
141
                                </label>
147
                        </div>
142
                            </p>
148
                        <div class="fg-row input-checkbox">
143
                            <p>
149
                            <div class="fg-label">
144
                                <label>
150
                                <label for="add-group-modal-ft_search_groups_staff">Use for staff search groups</label>
145
                                    <input type="checkbox" name="ft_local_hold_group" id="add-group-modal-ft_local_hold_group" value="1" />
151
                            </div>
146
                                    Is local hold group
152
                            <div class="fg-input">
147
                                </label>
153
                                <input type="checkbox" name="ft_search_groups_staff" id="add-group-modal-ft_search_groups_staff" value="1" />
148
                            </p>
154
                            </div>
149
                            <p>
155
                        </div>
150
                                <label>
156
                        <div class="fg-row input-checkbox">
151
                                    <input type="checkbox" name="ft_local_float_group" id="add-group-modal-ft_local_float_group" value="1" />
157
                            <div class="fg-label">
152
                                    Is local float group
158
                                <label for="add-group-modal-ft_local_hold_group">Is local hold group</label>
153
                                </label>
159
                            </div>
154
                            </p>
160
                            <div class="fg-input">
161
                                <input type="checkbox" name="ft_local_hold_group" id="add-group-modal-ft_local_hold_group" value="1" />
162
                            </div>
155
                        </div>
163
                        </div>
156
                    </div>
164
                        <div class="fg-row input-checkbox">
165
                            <div class="fg-label">
166
                                <label for="add-group-modal-ft_local_float_group">Is local float group</label>
167
                            </div>
168
                            <div class="fg-input">
169
                                <input type="checkbox" name="ft_local_float_group" id="add-group-modal-ft_local_float_group" value="1" />
170
                            </div>
171
                        </div>
172
                    </fieldset>
157
                </div>
173
                </div>
174
                <!-- /.modal-body -->
158
                <div class="modal-footer">
175
                <div class="modal-footer">
159
                    <button type="submit" class="btn btn-primary">Save</button>
176
                    <button type="submit" class="btn btn-primary">Save</button>
160
                    <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
177
                    <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
Lines 181-242 Link Here
181
                <div class="modal-body">
198
                <div class="modal-body">
182
                    <input type="hidden" id="edit-group-modal-id" name="id" value="" />
199
                    <input type="hidden" id="edit-group-modal-id" name="id" value="" />
183
                    <input type="hidden" id="edit-group-modal-action" name="op" value="cud-edit" />
200
                    <input type="hidden" id="edit-group-modal-action" name="op" value="cud-edit" />
184
                    <fieldset class="brief">
201
                    <fieldset class="fg">
185
                        <ol>
202
                        <div class="fg-row">
186
                            <li>
203
                            <div class="fg-label">
187
                                <label for="edit-group-modal-title">Title: </label>
204
                                <label for="edit-group-modal-title">Title: </label>
188
                                <input type="text" size="40" maxlength="100" id="edit-group-modal-title" name="title" value="" required="required" />
205
                            </div>
189
                                <span class="required">Required</span>
206
                            <div class="fg-input">
190
                                <div class="hint">Displayed in the library group search dropdowns.</div>
207
                                <input type="text" maxlength="100" id="edit-group-modal-title" name="title" value="" required="required" />
191
                            </li>
208
                            </div>
192
209
                            <div class="required">Required</div>
193
                            <li>
210
                            <div class="hint">Displayed in the library group search dropdowns.</div>
211
                        </div>
212
                        <div class="fg-row">
213
                            <div class="fg-label">
194
                                <label for="edit-group-modal-description">Description: </label>
214
                                <label for="edit-group-modal-description">Description: </label>
195
                                <input type="text" size="40" id="edit-group-modal-description" name="description" value="" />
215
                            </div>
196
                            </li>
216
                            <div class="fg-input">
197
                        </ol>
217
                                <input type="text" id="edit-group-modal-description" name="description" value="" />
218
                            </div>
219
                        </div>
198
                    </fieldset>
220
                    </fieldset>
199
                    <div id="root-group-features-edit">
221
                    <fieldset id="root-group-features-edit" class="fg">
200
                        <h3>Features</h3>
222
                        <legend>Features</legend>
201
                        <div class="checkbox">
223
                        <div class="fg-row">
202
                            <p>
224
                            <div class="fg-checkbox">
203
                                <label>
225
                                <label>
204
                                    <input type="checkbox" id="edit-group-modal-ft_hide_patron_info" name="ft_hide_patron_info" value="1" />
226
                                    <input type="checkbox" id="edit-group-modal-ft_hide_patron_info" name="ft_hide_patron_info" value="1" />
205
                                    Limit patron data access by group
227
                                    Limit patron data access by group
206
                                </label>
228
                                </label>
207
                            </p>
229
                            </div>
208
                            <p>
230
                        </div>
231
                        <div class="fg-row">
232
                            <div class="fg-checkbox">
209
                                <label>
233
                                <label>
210
                                    <input type="checkbox" id="edit-group-modal-ft_limit_item_editing" name="ft_limit_item_editing" value="1" />
234
                                    <input type="checkbox" id="edit-group-modal-ft_limit_item_editing" name="ft_limit_item_editing" value="1" />
211
                                    Limit item editing by group
235
                                    Limit item editing by group
212
                                </label>
236
                                </label>
213
                            </p>
237
                            </div>
214
                            <p>
238
                        </div>
239
                        <div class="fg-row">
240
                            <div class="fg-checkbox">
215
                                <label>
241
                                <label>
216
                                    <input type="checkbox" id="edit-group-modal-ft_search_groups_opac" name="ft_search_groups_opac" value="1" />
242
                                    <input type="checkbox" id="edit-group-modal-ft_search_groups_opac" name="ft_search_groups_opac" value="1" />
217
                                    Use for OPAC search groups
243
                                    Use for OPAC search groups
218
                                </label>
244
                                </label>
219
                            </p>
245
                            </div>
220
                            <p>
246
                        </div>
247
                        <div class="fg-row">
248
                            <div class="fg-checkbox">
221
                                <label>
249
                                <label>
222
                                    <input type="checkbox" id="edit-group-modal-ft_search_groups_staff" name="ft_search_groups_staff" value="1" />
250
                                    <input type="checkbox" id="edit-group-modal-ft_search_groups_staff" name="ft_search_groups_staff" value="1" />
223
                                    Use for staff search groups
251
                                    Use for staff search groups
224
                                </label>
252
                                </label>
225
                            </p>
253
                            </div>
226
                            <p>
254
                        </div>
255
                        <div class="fg-row">
256
                            <div class="fg-checkbox">
227
                                <label>
257
                                <label>
228
                                    <input type="checkbox" id="edit-group-modal-ft_local_hold_group" name="ft_local_hold_group" value="1" />
258
                                    <input type="checkbox" id="edit-group-modal-ft_local_hold_group" name="ft_local_hold_group" value="1" />
229
                                    Is local hold group
259
                                    Is local hold group
230
                                </label>
260
                                </label>
231
                            </p>
261
                            </div>
232
                            <p>
262
                        </div>
263
                        <div class="fg-row">
264
                            <div class="fg-checkbox">
233
                                <label>
265
                                <label>
234
                                    <input type="checkbox" id="edit-group-modal-ft_local_float_group" name="ft_local_float_group" value="1" />
266
                                    <input type="checkbox" id="edit-group-modal-ft_local_float_group" name="ft_local_float_group" value="1" />
235
                                    Is local float group
267
                                    Is local float group
236
                                </label>
268
                                </label>
237
                            </p>
269
                            </div>
238
                        </div>
270
                        </div>
239
                    </div>
271
                    </fieldset>
240
                </div>
272
                </div>
241
                <div class="modal-footer">
273
                <div class="modal-footer">
242
                    <button type="submit" class="btn btn-primary">Update</button>
274
                    <button type="submit" class="btn btn-primary">Update</button>
243
- 

Return to bug 39780