diff --git a/assets/css/frontend/widget-batch5.css b/assets/css/frontend/widget-batch5.css index c5d94b39..930abbf3 100644 --- a/assets/css/frontend/widget-batch5.css +++ b/assets/css/frontend/widget-batch5.css @@ -2517,3 +2517,19 @@ a.main-color > .icon-cover-card:hover, .aksrt-product-tab__skeleton .placeholder.s1 { width: 48%; } .aksrt-main-posts[data-load-mode="ajax"].is-ajax-loading { opacity: .85; } .widget-search-box.is-affix { position: sticky; top: 72px; } + + +/* batch40-42 residual */ +.aksrt-plate-info .count-mates { + gap: 8px; margin-top: 12px; padding-top: 10px; + border-top: 1px solid var(--color-line, rgba(0,0,0,.06)); +} +.aksrt-plate-info .count-mates item, +.aksrt-plate-info .count-mates .mate-views, +.aksrt-plate-info .count-mates .mate-reply, +.aksrt-plate-info .count-mates .mate-follow { + flex: 1 1 0; min-width: 0; text-align: center; +} +.aksrt-plate-info .count-mates .em14 { font-weight: 700; line-height: 1.2; } +.aksrt-fi[data-aksrt-feature-intro] .aksrt-fi__panel { display: none; } +.aksrt-fi[data-aksrt-feature-intro] .aksrt-fi__panel.is-active { display: block; } diff --git a/assets/js/widget-set.js b/assets/js/widget-set.js index 6bd366d6..4bbdad30 100644 --- a/assets/js/widget-set.js +++ b/assets/js/widget-set.js @@ -344,6 +344,41 @@ }); } + + // Feature intro media tabs. + function initFeatureIntro() { + document.querySelectorAll('[data-aksrt-feature-intro]').forEach(function (root) { + if (root.dataset.aksrtFiBound === '1') return; + root.dataset.aksrtFiBound = '1'; + var tabs = [].slice.call(root.querySelectorAll('.aksrt-fi__tab')); + var panels = [].slice.call(root.querySelectorAll('.aksrt-fi__panel')); + if (!tabs.length || !panels.length) return; + function go(i) { + tabs.forEach(function (t, idx) { + t.classList.toggle('is-active', idx === i); + }); + panels.forEach(function (p, idx) { + p.classList.toggle('is-active', idx === i); + var v = p.querySelector('video'); + if (!v) return; + if (idx === i) { + if (!v.getAttribute('src') && v.getAttribute('data-src')) { + v.setAttribute('src', v.getAttribute('data-src')); + } + if (v.play) v.play().catch(function () {}); + } else if (v.pause) { + v.pause(); + } + }); + } + tabs.forEach(function (t) { + t.addEventListener('click', function () { + go(parseInt(t.getAttribute('data-index') || '0', 10)); + }); + }); + }); + } + function initFloatingQRCodes() { var wrap = document.querySelector('.float-right'); if (!wrap) return; @@ -388,6 +423,7 @@ initForumTabTopics(); initProductTabs(); initMainPostsLazy(); + initFeatureIntro(); initFloatingQRCodes(); } diff --git a/src/AKSRT/Widgets/WidgetFeatureIntro.php b/src/AKSRT/Widgets/WidgetFeatureIntro.php index 5f718b6b..7638b2b7 100644 --- a/src/AKSRT/Widgets/WidgetFeatureIntro.php +++ b/src/AKSRT/Widgets/WidgetFeatureIntro.php @@ -44,7 +44,7 @@ class WidgetFeatureIntro extends \WP_Widget { echo $args['before_widget']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped $uid = 'aksrt-fi-' . esc_attr($this->id); - echo '