1
1
{% INCLUDE 'overall_header.html' %}
2
+ {% set switch_type = TOGGLECTRL_TYPE ?? 'toggle' %}
2
3
3
4
< h1 > {{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</ h1 >
4
5
@@ -11,25 +12,25 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
11
12
< dl >
12
13
< dt > < label for ="img_create_thumbnail "> {{ lang('CREATE_THUMBNAIL') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('CREATE_THUMBNAIL_EXPLAIN') }}</ span > </ dt >
13
14
< dd >
14
- {{ _self.switch('img_create_thumbnail', CREATE_THUMBNAIL) }}
15
+ {{ _self.switch('img_create_thumbnail', CREATE_THUMBNAIL, switch_type ) }}
15
16
</ dd >
16
17
</ dl >
17
18
< dl >
18
19
< dt > < label for ="imcger_imgupload_tum_quality "> {{ lang('ACP_IMCGER_THUMB_QUALITY') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('ACP_IMCGER_THUMB_QUALITY_DESC') }}</ span > </ dt >
19
20
< dd >
20
- < input type =" number " id =" imcger_imgupload_tum_quality " min =" 50 " max =" 90 " step =" any " maxlength =" 3 " name =" imcger_imgupload_tum_quality " value =" {{ IMCGER_TUM_QUALITY }} " >
21
+ {{ _self. number(' imcger_imgupload_tum_quality', IMCGER_TUM_QUALITY, 50, 90) }}
21
22
</ dd >
22
23
</ dl >
23
24
< dl >
24
25
< dt > < label for ="imcger_imgupload_image_inline "> {{ lang('ACP_IMCGER_IMAGE_INLINE') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('ACP_IMCGER_IMAGE_INLINE_DESC') }}</ span > </ dt >
25
26
< dd >
26
- {{ _self.switch('imcger_imgupload_image_inline', IMCGER_IMGUPLOAD_IMAGE_INLINE) }}
27
+ {{ _self.switch('imcger_imgupload_image_inline', IMCGER_IMGUPLOAD_IMAGE_INLINE, switch_type ) }}
27
28
</ dd >
28
29
</ dl >
29
30
< dl >
30
31
< dt > < label for ="imcger_imgupload_img_max_thumb_width "> {{ lang('ACP_IMCGER_IMG_MAX_THUMB_WIDTH') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('ACP_IMCGER_IMG_MAX_THUMB_WIDTH_DESC') }}</ span > </ dt >
31
32
< dd >
32
- < input type =" number " id =" imcger_imgupload_img_max_thumb_width " min =" 0 " max =" 99999 " step =" any " maxlength =" 3 " name =" imcger_imgupload_img_max_thumb_width " value =" {{ IMCGER_IMG_MAX_THUMB_WIDTH }} " > px
33
+ {{ _self. number(' imcger_imgupload_img_max_thumb_width', IMCGER_IMG_MAX_THUMB_WIDTH, 0, 99999) }}
33
34
</ dd >
34
35
</ dl >
35
36
</ fieldset >
@@ -38,23 +39,29 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
38
39
< legend > {{ lang('ACP_IMCGER_SETTINGS_IMAGE') }}</ legend >
39
40
< dl >
40
41
< dt > < label for ="imcger_imgupload_img_quality "> {{ lang('ACP_IMCGER_IMAGE_QUALITY') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('ACP_IMCGER_IMAGE_QUALITY_DESC') }}</ span > </ dt >
41
- < dd > < input type ="number " id ="imcger_imgupload_img_quality " min ="50 " max ="90 " step ="any " maxlength ="3 " name ="imcger_imgupload_img_quality " value ="{{ IMCGER_IMG_QUALITY }} "> </ dd >
42
+ < dd >
43
+ {{ _self.number('imcger_imgupload_img_quality', IMCGER_IMG_QUALITY, 50, 90) }}
44
+ </ dd >
42
45
</ dl >
43
46
44
47
< dl >
45
48
< dt > < label for ="imcger_imgupload_max_width "> {{ lang('ACP_IMCGER_MAX_SIZE') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('ACP_IMCGER_MAX_SIZE_DESC') }}</ span > </ dt >
46
- < dd > < input type ="number " id ="imcger_imgupload_max_width " min ="0 " max ="9999999999 " step ="any " maxlength ="10 " name ="imcger_imgupload_max_width " value ="{{ IMCGER_MAX_WIDTH }} "> x < input type ="number " id ="imcger_imgupload_max_height " min ="0 " max ="9999999999 " step ="any " maxlength ="10 " name ="imcger_imgupload_max_height " value ="{{ IMCGER_MAX_HEIGHT }} "> px</ dd >
49
+ < dd >
50
+ {{ _self.number('imcger_imgupload_max_width', IMCGER_MAX_WIDTH, 0, 99999) }} x {{ _self.number('imcger_imgupload_max_height', IMCGER_MAX_HEIGHT, 0, 99999) }}
51
+ </ dd >
47
52
</ dl >
48
53
49
54
< dl >
50
55
< dt > < label for ="imcger_imgupload_max_filesize "> {{ lang('ACP_IMCGER_MAX_FILESIZE') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('ACP_IMCGER_MAX_FILESIZE_DESC') }}</ span > </ dt >
51
- < dd > < input type ="number " id ="imcger_imgupload_max_filesize " min ="0 " max ="9999999999 " step ="any " name ="imcger_imgupload_max_filesize " value ="{{ IMCGER_MAX_FILESIZE }} "/> < select name ="size_select "> < option value ="b " {% if IMCGER_UNIT == 'b ' %} selected ="selected "{% endif %} > Bytes</ option > < option value ="kb " {% if IMCGER_UNIT == 'kb ' %} selected ="selected "{% endif %} > KiB</ option > < option value ="mb " {% if IMCGER_UNIT == 'mb ' %} selected ="selected "{% endif %} > MiB</ option > </ select > </ dd >
56
+ < dd >
57
+ {{ _self.number('imcger_imgupload_max_filesize', IMCGER_MAX_FILESIZE, 0, 9999999999) }} < select name ="size_select "> < option value ="b " {% if IMCGER_UNIT == 'b ' %} selected ="selected "{% endif %} > Bytes</ option > < option value ="kb " {% if IMCGER_UNIT == 'kb ' %} selected ="selected "{% endif %} > KiB</ option > < option value ="mb " {% if IMCGER_UNIT == 'mb ' %} selected ="selected "{% endif %} > MiB</ option > </ select >
58
+ </ dd >
52
59
</ dl >
53
60
54
61
< dl >
55
62
< dt > < label for ="imcger_imgupload_del_exif "> {{ lang('ACP_IMCGER_DEL_EXIF') ~ lang('COLON') }}</ label > < br > < span > {{ lang('ACP_IMCGER_DEL_EXIF_DESC') }}</ span > </ dt >
56
63
< dd >
57
- {{ _self.switch('imcger_imgupload_del_exif', IMCGER_DEL_EXIF) }}
64
+ {{ _self.switch('imcger_imgupload_del_exif', IMCGER_DEL_EXIF, switch_type ) }}
58
65
</ dd >
59
66
</ dl >
60
67
</ fieldset >
@@ -65,7 +72,7 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
65
72
< dt > < label for ="imcger_imgupload_avatar_resize "> {{ lang('ACP_IMCGER_AVATAR_RESIZE') ~ lang('COLON') }}</ label > < br > < span > {{ lang('ACP_IMCGER_AVATAR_RESIZE_DESC') }}</ span >
66
73
{% if IMCGER_AVATAR_FILESIZE_ISSET %}< br > < span style ="color: red "> {{ lang('ACP_IMCGER_AVATAR_FILESIZE_ISSET') }}</ span > {% endif %}</ dt >
67
74
< dd >
68
- {{ _self.switch('imcger_imgupload_avatar_resize', IMCGER_AVATAR_RESIZE) }}
75
+ {{ _self.switch('imcger_imgupload_avatar_resize', IMCGER_AVATAR_RESIZE, switch_type ) }}
69
76
</ dd >
70
77
</ dl >
71
78
</ fieldset >
@@ -92,6 +99,32 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
92
99
{% INCLUDECSS '@imcger_imgupload/acp_imgupload.css' %}
93
100
{% INCLUDEJS '@imcger_imgupload/acp_imgupload.js' %}
94
101
95
- {% macro switch(name, checked = false) -%}
96
- < input type ="checkbox " class ="toggle " id ="{{ name }} " name ="{{ name }} " value ="1 "{{ checked ? ' checked' }}>
102
+ {#
103
+ Twig Macros
104
+ @copyright (c) 2023 LukeWCS, https://github.com/LukeWCS
105
+ #}
106
+
107
+ {% macro switch(name, checked = false, type = 'toggle') -%}
108
+ {% if type == 'toggle' || type == 'checkbox' -%}
109
+ < input type ="checkbox "{{ type == 'toggle ' ? ' class="toggle "' }} name="{{ name }}" value="1"{{ checked ? ' checked' }}>
110
+ {%- elseif type == 'radio' -%}
111
+ < label > < input type ="radio " class ="radio " name ="{{ name }} " value ="1 "{{ checked ? ' checked' }}> {{ lang('YES') }}</ label >
112
+ < label > < input type ="radio " class ="radio " name ="{{ name }} " value ="0 "{{ !checked ? ' checked' }}> {{ lang('NO') }}</ label >
113
+ {%- endif %}
114
+ {%- endmacro %}
115
+
116
+ {% macro select(name, value, options) -%}
117
+ < select name ="{{ name }} ">
118
+ {% for opt_lang_var, opt_value in options %}
119
+ < option value ="{{ opt_value }} "{{ opt_value == value ? ' selected' }}> {{ lang(opt_lang_var) }}</ option >
120
+ {% endfor %}
121
+ </ select >
122
+ {%- endmacro %}
123
+
124
+ {% macro number(name, value, min, max, step = 1, placeholder = '') -%}
125
+ < input type ="number " name ="{{ name }} " value ="{{ value }} " min ="{{ min }} " max ="{{ max }} " step ="{{ step }} "{{ placeholder ? ' placeholder="' ~ placeholder ~ ' "' }}>
126
+ {%- endmacro %}
127
+
128
+ {% macro text(name, value, size = 10, placeholder = '', pattern = '') -%}
129
+ < input type ="text " name ="{{ name }} " value ="{{ value }} " size ="{{ size }} "{{ placeholder ? ' placeholder="' ~ placeholder ~ ' "' }}{{ pattern ? ' pattern="' ~ pattern ~ '"' }}>
97
130
{%- endmacro %}
0 commit comments