1+ {#
2+ * Image upload use ImageMagick
3+ * An extension for the phpBB Forum Software package.
4+ *
5+ * @copyright (c) 2022, Thorsten Ahlers
6+ * @license GNU General Public License, version 2 (GPL-2.0)
7+ *
8+ #}
9+
10+ {% INCLUDECSS '@imcger_imgupload/acp_toggle.css' %}
11+ {% INCLUDECSS '@imcger_imgupload/acp_imgupload.css' %}
12+ {% INCLUDEJS '@imcger_imgupload/acp_imgupload.js' %}
13+
114{% INCLUDE 'overall_header.html' %}
15+ {% import '@imcger_imgupload/twig_macros.html' as common %}
216{% set switch_type = TOGGLECTRL_TYPE ?? 'toggle' %}
317
418< h1 > {{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</ h1 >
@@ -12,25 +26,25 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
1226 < dl >
1327 < dt > < label for ="img_create_thumbnail "> {{ lang('CREATE_THUMBNAIL') ~ lang('COLON') }}</ label > < br > < span > {{ lang('CREATE_THUMBNAIL_EXPLAIN') }}</ span > </ dt >
1428 < dd >
15- {{ _self .switch('img_create_thumbnail', CREATE_THUMBNAIL, switch_type) }}
29+ {{ common .switch('img_create_thumbnail', CREATE_THUMBNAIL, switch_type) }}
1630 </ dd >
1731 </ dl >
1832 < dl >
1933 < 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 >
2034 < dd >
21- {{ _self .number('imcger_imgupload_tum_quality', IMCGER_TUM_QUALITY, 50, 90) }}
35+ {{ common .number('imcger_imgupload_tum_quality', IMCGER_TUM_QUALITY, 50, 90) }}
2236 </ dd >
2337 </ dl >
2438 < dl >
2539 < 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 >
2640 < dd >
27- {{ _self .switch('imcger_imgupload_image_inline', IMCGER_IMGUPLOAD_IMAGE_INLINE, switch_type) }}
41+ {{ common .switch('imcger_imgupload_image_inline', IMCGER_IMGUPLOAD_IMAGE_INLINE, switch_type) }}
2842 </ dd >
2943 </ dl >
3044 < dl >
3145 < 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 >
3246 < dd >
33- {{ _self .number('imcger_imgupload_img_max_thumb_width', IMCGER_IMG_MAX_THUMB_WIDTH, 0, 99999) }}
47+ {{ common .number('imcger_imgupload_img_max_thumb_width', IMCGER_IMG_MAX_THUMB_WIDTH, 0, 99999) }}
3448 </ dd >
3549 </ dl >
3650 </ fieldset >
@@ -40,28 +54,30 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
4054 < dl >
4155 < 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 >
4256 < dd >
43- {{ _self .number('imcger_imgupload_img_quality', IMCGER_IMG_QUALITY, 50, 90) }}
57+ {{ common .number('imcger_imgupload_img_quality', IMCGER_IMG_QUALITY, 50, 90) }}
4458 </ dd >
4559 </ dl >
4660
4761 < dl >
4862 < 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 >
4963 < 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) }}
64+ {{ common .number('imcger_imgupload_max_width', IMCGER_MAX_WIDTH, 0, 99999) }} x {{ common .number('imcger_imgupload_max_height', IMCGER_MAX_HEIGHT, 0, 99999) }}
5165 </ dd >
5266 </ dl >
5367
5468 < dl >
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 >
69+ < dt > < label for ="imcger_imgupload_max_filesize "> {{ lang('ACP_IMCGER_FILESIZE_MAX ') ~ lang('COLON') }}</ label > < br > < span > {{ lang('ACP_IMCGER_FILESIZE_MAX_DESC ') }}</ span > </ dt >
5670 < 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{% endif %} > Bytes</ option > < option value ="kb " {% if IMCGER_UNIT == 'kb ' %} selected{% endif %} > KiB</ option > < option value ="mb " {% if IMCGER_UNIT == 'mb ' %} selected{% endif %} > MiB</ option > </ select >
71+ {{ common.number('imcger_imgupload_max_filesize', IMCGER_FILESIZE_MAX, 0, 9999999999) }}
72+ {% set units = {'BYTES': 'b', 'KIB': 'kb', 'MBI': 'mb', } %}
73+ {{ common.select('unit_select', IMCGER_FILESIZE_UNIT, units) }}
5874 </ dd >
5975 </ dl >
6076
6177 < dl >
6278 < 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 >
6379 < dd >
64- {{ _self .switch('imcger_imgupload_del_exif', IMCGER_DEL_EXIF, switch_type) }}
80+ {{ common .switch('imcger_imgupload_del_exif', IMCGER_DEL_EXIF, switch_type) }}
6581 </ dd >
6682 </ dl >
6783 </ fieldset >
@@ -72,7 +88,7 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
7288 < dt > < label for ="imcger_imgupload_avatar_resize "> {{ lang('ACP_IMCGER_AVATAR_RESIZE') ~ lang('COLON') }}</ label > < br > < span > {{ lang('ACP_IMCGER_AVATAR_RESIZE_DESC') }}</ span >
7389 {% if IMCGER_AVATAR_FILESIZE_ISSET %}< br > < span style ="color: red "> {{ lang('ACP_IMCGER_AVATAR_FILESIZE_ISSET') }}</ span > {% endif %}</ dt >
7490 < dd >
75- {{ _self .switch('imcger_imgupload_avatar_resize', IMCGER_AVATAR_RESIZE, switch_type) }}
91+ {{ common .switch('imcger_imgupload_avatar_resize', IMCGER_AVATAR_RESIZE, switch_type) }}
7692 </ dd >
7793 </ dl >
7894 </ fieldset >
@@ -94,37 +110,3 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
94110</ p >
95111
96112{% INCLUDE 'overall_footer.html' %}
97-
98- {% INCLUDECSS '@imcger_imgupload/acp_toggle.css' %}
99- {% INCLUDECSS '@imcger_imgupload/acp_imgupload.css' %}
100- {% INCLUDEJS '@imcger_imgupload/acp_imgupload.js' %}
101-
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 ~ '"' }}>
130- {%- endmacro %}
0 commit comments