Ticket #3629 - Artificer template: Market attachments, etc.

modules/boonex/artificer/data/template/bx_market/attachments.html

@@ -0,0 +1,44 @@
+<div class="bx-base-text-attachments bx-market-attachments">
+    <bx_repeat:attachments>
+        <bx_if:show_separator>
+            <div class="bx-market-attachment-separator bx-base-text-attachment bx-market-attachment w-full pl-2 box-border"><div class="text-xl pt-4"> __type__</div></div>
+        </bx_if:show_separator>
+        <div class="bx-base-text-attachment-wrp inline-block w-1/4 min-w-48">
+            <div class="bx-base-text-attachment bx-market-attachment bx-def-box bx-def-color-bg-box bx-def-round-corners relative m-2 __class__">
+                <bx_if:main>
+                    <div class="bx-market-a-main absolute top-1 right-2 text-2xl">
+                        <i class="sys-icon check col-green3" title="<bx_text_attribute:_bx_market_txt_most_current_version />"></i>
+                    </div>
+                </bx_if:main>
+                <bx_if:image>
+                    <a target="_blank" href="javascript:void(0);" title="__attr_file_name__" onclick="$('#__popup_id__').dolPopupImage('__url_original__', $(this).parent())">
+                        <img class="bx-def-gal-img-size" src="__url_preview__" />
+                    </a>
+                    __popup__
+                </bx_if:image>
+                <bx_if:video>
+                    __video__
+                </bx_if:video>
+                <bx_if:not_image>
+                    <div class="bx-market-a-text p-4">
+                        <div class="bx-market-at-row flex items-center">
+                            <i class="sys-icon far file-archive sys-colored block mr-2 text-4xl"></i>
+                            <div class="bx-market-attachment-text overflow-hidden">
+                                <bx_if:show_version>
+                                    <div class="text-xl"> __file_version__</div>
+                                </bx_if:show_version>
+                                <bx_if:show_update>
+                                    <div class="text-xl">__file_version_from_to__</div>
+                                </bx_if:show_update>
+                                <div class="bx-market-attachment-info bx-def-font-small bx-def-font-grayed truncate">__file_type__ &bull; <span title="__file_name_attr__">__file_name__</span></div>
+                            </div>
+                        </div>
+                        <div class="bx-market-at-row mt-2">
+                            <a target="_blank" href="__url_original__" title="__attr_file_name__" class="bx-btn bx-btn-primary bx-btn-small"><bx_text_attribute:_bx_market_menu_item_title_download /></a>
+                        </div>
+                    </div>
+                </bx_if:not_image>
+            </div>
+        </div>
+    </bx_repeat:attachments>
+</div>

modules/boonex/artificer/data/template/bx_market/css/main.css

@@ -2,6 +2,15 @@
 import url(../../../../../market/template/css/main.css); 
 */
 
+/*--- Snippet ---*/
 div.bx-market-unit-author-name a.sys-author {
     font-weight: 700;
+}
+
+/*--- Attachments ---*/
+div.bx-market-attachment {
+    display: none;
+}
+div.bx-market-attachment.bx-market-attachment-main {
+    display: block;
 }

modules/boonex/artificer/data/template/system/menu_panel.html

@@ -0,0 +1,7 @@
+<div id="bx-menu-panel" class="bx-menu-panel bx-menu-object-__object__">
+    <bx_repeat:menu_items>
+        <div class="bx-menu-panel-item __class__ bx-def-padding-sec-topbottom">
+            <div class="bx-menu-panel-item-cnt">__item__</div>
+        </div>
+    </bx_repeat:menu_items>
+</div>

modules/boonex/artificer/data/template/system/profile_avatar.html

@@ -1,5 +1,5 @@
 <div class="bx-profile-avatar group text-gray-600 dark:text-gray-300">
-    <div class="bx-profile-avatar-cnt relative flex items-center p-2">
+    <div class="bx-profile-avatar-cnt relative flex items-center">
         <div class="bx-pa-img absolute">__profile_unit__</div>
         <div class="bx-pa-info w-full" sidebar-toggle-item>
             <div class="bx-pa-info-cnt flex flex-col justify-center h-10 pl-12 pr-4 box-border">
@@ -12,7 +12,7 @@
             </div>
         </div>
         <bx_if:show_switcher_icon>
-            <div class="bx-pa-actions absolute right-2" sidebar-toggle-item>
+            <div class="bx-pa-actions absolute right-0" sidebar-toggle-item>
                 <a class="block" href="__switcher_url__" onclick="__switcher_onclick__">
                     <div class="bx-pa-action flex items-center justify-center h-8 w-8 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-full"><i class="sys-icon arrows-alt-v flex-shrink-0 text-gray-400 group-hover:text-gray-500"></i></div>
                 </a>

modules/boonex/market/classes/BxMarketTemplate.php

@@ -382,10 +382,11 @@ class BxMarketTemplate extends BxBaseModTextTemplate
                 $bSeparatorNeeded = true;
                 $sCaptionType = 'latest';
             }
-            
+
             $bAttachment = !empty($aFiles[$iAttachmentId]);
             $aAttachments[$iAttachmentId]['bx_if:not_image']['content'] = array_merge($aAttachments[$iAttachmentId]['bx_if:not_image']['content'], [
                 'file_type' => $bAttachment ? _t('_bx_market_form_entry_input_files_type_' . $aFiles[$iAttachmentId]['type']) : '',
+                'file_name_attr' => bx_html_attribute($aAttachments[$iAttachmentId]['file_name']),
                 'bx_if:show_version' => [
                     'condition' => $bAttachment && $aFiles[$iAttachmentId]['type'] == BX_MARKET_FILE_TYPE_VERSION,
                     'content' => [

modules/boonex/market/template/attachments.html

@@ -28,7 +28,7 @@
                         <bx_if:show_update>
                             <div class="bx-def-font-h3">__file_version_from_to__</div>
                         </bx_if:show_update>
-                        <div class="bx-market-attachment-info bx-def-font-small bx-def-font-grayed">__file_type__ &bull; __file_name__ </div>
+                        <div class="bx-market-attachment-info bx-def-font-small bx-def-font-grayed">__file_type__ &bull; <span title="__file_name_attr__">__file_name__</span></div>
                     </div>
                     <div class="bx-def-margin-sec-top">
                         <a target="_blank" href="__url_original__" title="__attr_file_name__" class="bx-btn bx-btn-primary bx-btn-small"><bx_text_attribute:_bx_market_menu_item_title_download /></a>

plugins_public/tailwind/js/tailwind.config.js

@@ -82,6 +82,7 @@ module.exports = {
         minWidth: {
             4: '1rem',
             6: '1.5rem',
+            48: '12rem',
             88: '22rem'
         },
         maxWidth: {