feat(spa): show navbar with app logo and app name

module/oc_telegram_shop/upload/admin/controller/extension/module/tgshop.php

@@ -378,24 +378,22 @@ TEXT,
                 ],
 
                 'module_tgshop_app_name' => [
-                    'hidden' => true,
-                    'required' => true,
                     'type' => 'text',
-                    'placeholder' => 'Введите название Телеграм магазина',
+                    'placeholder' => 'Без названия',
                     'help' => <<<TEXT
                     Отображается в заголовке Telegram Mini App при запуске, а также используется как подпись
                     под иконкой, если пользователь добавит приложение на главный экран своего устройства.
                     Рекомендуется короткое и понятное название (до 20 символов).
+                    Если оставить пустым, то название выводиться не будет.
                 TEXT,
                 ],
 
                 'module_tgshop_app_icon' => [
-                    'hidden' => true,
                     'type' => 'image',
                     'help' => <<<TEXT
                     Изображение, которое будет отображаться в Telegram Mini App и на рабочем столе устройства,
-                    если пользователь добавит приложение как ярлык. Используйте квадратное изображение PNG или SVG, 
-                    размером не менее 192×192 пикселей, а лучше 512x512.
+                    если пользователь добавит приложение как ярлык. Рекомендуется использовать квадратное изображение PNG или SVG, 
+                    размером 32×32 пикселей.
                 TEXT,
                 ],
 

module/oc_telegram_shop/upload/admin/view/template/extension/module/tgshop.twig

@@ -85,9 +85,9 @@
 
                                         {# Image #}
                                         {% elseif item['type'] == 'image' %}
-                                            <a href="" id="thumb-image" data-toggle="image" class="img-thumbnail">
+                                            <a href="" id="thumb-image-{{ settingKey }}" data-toggle="image" class="img-thumbnail">
                                                 <img src="{{ attribute(_context, settingKey) }}"
-                                                     data-placeholder="{{ attribute(_context, settingKey) }}"
+                                                     data-placeholder="https://placehold.co/100x100?text=Удалено"
                                                 />
                                             </a>
                                             <input type="hidden"
@@ -95,8 +95,7 @@
                                                    value="{{ attribute(_context, settingKey) }}"
                                                    id="{{ settingKey }}"
                                             />
-
-                                        {# Image #}
+                                        {# Textarea #}
                                         {% elseif item['type'] == 'textarea' %}
                                             <textarea name="{{ settingKey }}"
                                                       rows="{{ item['rows'] }}"
@@ -104,7 +103,6 @@
                                                       id="{{ settingKey }}"
                                                       class="form-control"
                                             >{{ attribute(_context, settingKey) }}</textarea>
-
                                         {# Products #}
                                         {% elseif item['type'] == 'products' %}
                                             <input type="text" value="" placeholder="Начните вводить название товара..." id="{{ settingKey }}-input" class="form-control"/>
@@ -450,4 +448,13 @@
         </div>
     </div>
 </div>
-{{ footer }}
+{{ footer }}
+
+<script>
+    const $element = $('#thumb-image-module_tgshop_app_icon');
+    $('#button-clear').on('click', function() {
+        $element.find('img').attr('src', $element.find('img').attr('data-placeholder'));
+        $element.parent().find('input').val('');
+        $element.popover('destroy');
+    });
+</script>