11{% INCLUDE 'overall_header.html' %}
2+ {% set switch_type = TOGGLECTRL_TYPE ?? 'toggle' %}
23
34< h1 > {{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</ h1 >
45
@@ -11,25 +12,25 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
1112 < dl >
1213 < dt > < label for ="img_create_thumbnail "> {{ lang('CREATE_THUMBNAIL') ~ lang('COLON') }}</ label > < br /> < span > {{ lang('CREATE_THUMBNAIL_EXPLAIN') }}</ span > </ dt >
1314 < dd >
14- {{ _self.switch('img_create_thumbnail', CREATE_THUMBNAIL) }}
15+ {{ _self.switch('img_create_thumbnail', CREATE_THUMBNAIL, switch_type ) }}
1516 </ dd >
1617 </ dl >
1718 < dl >
1819 < 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 >
1920 < 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) }}
2122 </ dd >
2223 </ dl >
2324 < dl >
2425 < 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 >
2526 < 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 ) }}
2728 </ dd >
2829 </ dl >
2930 < dl >
3031 < 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 >
3132 < 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) }}
3334 </ dd >
3435 </ dl >
3536 </ fieldset >
@@ -38,23 +39,29 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
3839 < legend > {{ lang('ACP_IMCGER_SETTINGS_IMAGE') }}</ legend >
3940 < dl >
4041 < 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 >
4245 </ dl >
4346
4447 < dl >
4548 < 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 >
4752 </ dl >
4853
4954 < dl >
5055 < 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 >
5259 </ dl >
5360
5461 < dl >
5562 < 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 >
5663 < dd >
57- {{ _self.switch('imcger_imgupload_del_exif', IMCGER_DEL_EXIF) }}
64+ {{ _self.switch('imcger_imgupload_del_exif', IMCGER_DEL_EXIF, switch_type ) }}
5865 </ dd >
5966 </ dl >
6067 </ fieldset >
@@ -65,7 +72,7 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
6572 < dt > < label for ="imcger_imgupload_avatar_resize "> {{ lang('ACP_IMCGER_AVATAR_RESIZE') ~ lang('COLON') }}</ label > < br > < span > {{ lang('ACP_IMCGER_AVATAR_RESIZE_DESC') }}</ span >
6673 {% if IMCGER_AVATAR_FILESIZE_ISSET %}< br > < span style ="color: red "> {{ lang('ACP_IMCGER_AVATAR_FILESIZE_ISSET') }}</ span > {% endif %}</ dt >
6774 < dd >
68- {{ _self.switch('imcger_imgupload_avatar_resize', IMCGER_AVATAR_RESIZE) }}
75+ {{ _self.switch('imcger_imgupload_avatar_resize', IMCGER_AVATAR_RESIZE, switch_type ) }}
6976 </ dd >
7077 </ dl >
7178 </ fieldset >
@@ -92,6 +99,32 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
9299{% INCLUDECSS '@imcger_imgupload/acp_imgupload.css' %}
93100{% INCLUDEJS '@imcger_imgupload/acp_imgupload.js' %}
94101
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 ~ '"' }}>
97130{%- endmacro %}
0 commit comments