File: /var/www/vhosts/uyarreklam.com.tr/httpdocs/accordion.tar
accordion.php 0000644 00000022136 15153774445 0007241 0 ustar 00 <?php
/*
Widget Name: Accordion
Description: Efficiently display content in expandable sections, maximizing space for improved organization.
Author: SiteOrigin
Author URI: https://siteorigin.com
Documentation: https://siteorigin.com/widgets-bundle/accordion-widget/
*/
class SiteOrigin_Widget_Accordion_Widget extends SiteOrigin_Widget {
public function __construct() {
parent::__construct(
'sow-accordion',
__( 'SiteOrigin Accordion', 'so-widgets-bundle' ),
array(
'description' => __( 'Efficiently display content in expandable sections, maximizing space for improved organization.', 'so-widgets-bundle' ),
'help' => 'https://siteorigin.com/widgets-bundle/accordion-widget/',
),
array(),
false,
plugin_dir_path( __FILE__ )
);
}
/**
* Initialize the Accordion Widget.
*/
public function initialize() {
$this->register_frontend_scripts(
array(
array(
'sow-accordion',
plugin_dir_url( __FILE__ ) . 'js/accordion' . SOW_BUNDLE_JS_SUFFIX . '.js',
array( 'jquery' ),
SOW_BUNDLE_VERSION,
),
)
);
add_action( 'siteorigin_widgets_enqueue_frontend_scripts_sow-accordion', array( $this, 'enqueue_widget_scripts' ) );
}
public function get_settings_form() {
return array(
'scrollto_after_change' => array(
'type' => 'checkbox',
'label' => __( 'Scroll top', 'so-widgets-bundle' ),
'default' => true,
'description' => __( 'When opening the panel, scroll the user to the top of the panel.', 'so-widgets-bundle' ),
),
);
}
public function enqueue_widget_scripts() {
$global_settings = $this->get_global_settings();
wp_localize_script(
'sow-accordion',
'sowAccordion',
array(
'scrollto_after_change' => ! empty( $global_settings['scrollto_after_change'] ),
'scrollto_offset' => (int) apply_filters( 'siteorigin_widgets_accordion_scrollto_offset', 90 ),
)
);
}
public function get_widget_form() {
return array(
'title' => array(
'type' => 'text',
'label' => __( 'Title', 'so-widgets-bundle' ),
),
'panels' => array(
'type' => 'repeater',
'label' => __( 'Panels', 'so-widgets-bundle' ),
'item_label' => array(
'selector' => "[id*='panels-title']",
'update_event' => 'change',
'value_method' => 'val',
),
'fields' => array(
'title' => array(
'type' => 'text',
'label' => __( 'Title', 'so-widgets-bundle' ),
),
'content_text' => array(
'type' => 'tinymce',
'label' => __( 'Content', 'so-widgets-bundle' ),
'wpautop_toggle_field' => '.siteorigin-widget-field-autop input[type="checkbox"]',
),
'autop' => array(
'type' => 'checkbox',
'default' => false,
'label' => __( 'Automatically add paragraphs', 'so-widgets-bundle' ),
),
'initial_state' => array(
'type' => 'radio',
'label' => __( 'Initial state', 'so-widgets-bundle' ),
'description' => __( 'Whether this panel should be open or closed when the page first loads.', 'so-widgets-bundle' ),
'options' => array(
'open' => __( 'Open', 'so-widgets-bundle' ),
'closed' => __( 'Closed', 'so-widgets-bundle' ),
),
'default' => 'closed',
),
),
),
'design' => array(
'type' => 'section',
'label' => __( 'Design', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'heading' => array(
'type' => 'section',
'label' => __( 'Headings', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'background_color' => array(
'type' => 'color',
'label' => __( 'Background color', 'so-widgets-bundle' ),
'default' => '#757575',
),
'background_hover_color' => array(
'type' => 'color',
'label' => __( 'Background hover color', 'so-widgets-bundle' ),
'default' => '#616161',
),
'title_color' => array(
'type' => 'color',
'label' => __( 'Title color', 'so-widgets-bundle' ),
'default' => '#fff',
),
'title_hover_color' => array(
'type' => 'color',
'label' => __( 'Title hover color', 'so-widgets-bundle' ),
),
'border_color' => array(
'type' => 'color',
'label' => __( 'Border color', 'so-widgets-bundle' ),
),
'border_hover_color' => array(
'type' => 'color',
'label' => __( 'Border hover color', 'so-widgets-bundle' ),
),
'border_width' => array(
'type' => 'measurement',
'label' => __( 'Border width', 'so-widgets-bundle' ),
),
),
),
'panels' => array(
'type' => 'section',
'label' => __( 'Panels', 'so-widgets-bundle' ),
'hide' => true,
'fields' => array(
'background_color' => array(
'type' => 'color',
'label' => __( 'Background color', 'so-widgets-bundle' ),
'default' => '#f9f9f9',
),
'font_color' => array(
'type' => 'color',
'label' => __( 'Font color', 'so-widgets-bundle' ),
),
'border_color' => array(
'type' => 'color',
'label' => __( 'Border color', 'so-widgets-bundle' ),
),
'border_width' => array(
'type' => 'measurement',
'label' => __( 'Border width', 'so-widgets-bundle' ),
),
'margin_bottom' => array(
'type' => 'measurement',
'label' => __( 'Bottom margin', 'so-widgets-bundle' ),
'default' => '10px',
),
),
),
),
),
);
}
public function get_less_variables( $instance ) {
if ( empty( $instance['design'] ) ) {
return array();
}
$design = $instance['design'];
return array(
'heading_background_color' => $design['heading']['background_color'],
'heading_background_hover_color' => $design['heading']['background_hover_color'],
'title_color' => $design['heading']['title_color'],
'title_hover_color' => $design['heading']['title_hover_color'],
'heading_border_color' => $design['heading']['border_color'],
'heading_border_hover_color' => $design['heading']['border_hover_color'],
'heading_border_width' => $design['heading']['border_width'],
'has_heading_border_width' => empty( $design['heading']['border_width'] ) ? 'false' : 'true',
'panels_background_color' => $design['panels']['background_color'],
'panels_font_color' => $design['panels']['font_color'],
'panels_border_color' => $design['panels']['border_color'],
'panels_border_width' => $design['panels']['border_width'],
'has_panels_border_width' => empty( $design['panels']['border_width'] ) ? 'false' : 'true',
'panels_margin_bottom' => $design['panels']['margin_bottom'],
);
}
public function get_template_variables( $instance, $args ) {
if ( empty( $instance ) ) {
return array();
}
$panels = empty( $instance['panels'] ) ? array() : $instance['panels'];
$anchor_list = array();
foreach ( $panels as $i => &$panel ) {
if ( empty( $panel['before_title'] ) ) {
$panel['before_title'] = '';
}
if ( empty( $panel['after_title'] ) ) {
$panel['after_title'] = '';
}
if ( empty( $panel['title'] ) ) {
$id = $this->id_base;
if ( ! empty( $instance['_sow_form_id'] ) ) {
$id .= '-' . $instance['_sow_form_id'];
} elseif ( ! empty( $args['widget_id'] ) ) {
$id .= '-' . $args['widget_id'];
}
$panel['anchor'] = $id . '-' . $i;
} elseif ( isset( $anchor_list[ strtolower( $panel['title'] ) ] ) ) {
// Ensure this anchor is unique, if it's not, append the array key to the anchor.
$panel['anchor'] = $panel['title'] . "-$i-" . uniqid();
} else {
$panel['anchor'] = $panel['title'];
}
$anchor_list[ strtolower( $panel['anchor'] ) ] = true;
}
if ( empty( $instance['design']['heading']['icon_open'] ) ) {
$instance['design']['heading']['icon_open'] = 'ionicons-plus';
}
if ( empty( $instance['design']['heading']['icon_close'] ) ) {
$instance['design']['heading']['icon_close'] = 'ionicons-minus';
}
return array(
'panels' => $panels,
'icon_open' => $instance['design']['heading']['icon_open'],
'icon_close' => $instance['design']['heading']['icon_close'],
);
}
public function render_panel_content( $panel, $instance ) {
$content = $panel['autop'] ? wpautop( $panel['content_text'] ) : $panel['content_text'];
echo apply_filters( 'siteorigin_widgets_accordion_render_panel_content', $content, $panel, $instance );
}
public function get_form_teaser() {
if ( class_exists( 'SiteOrigin_Premium' ) ) {
return false;
}
return array(
sprintf(
__( 'Get more customization options and the ability to use widgets and layouts as your accordion content with %sSiteOrigin Premium%s', 'so-widgets-bundle' ),
'<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/accordion" target="_blank" rel="noopener noreferrer">',
'</a>'
),
sprintf(
__( 'Use Google Fonts right inside the Accordion Widget with %sSiteOrigin Premium%s', 'so-widgets-bundle' ),
'<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/accordion" target="_blank" rel="noopener noreferrer">',
'</a>'
),
);
}
}
siteorigin_widget_register( 'sow-accordion', __FILE__, 'SiteOrigin_Widget_Accordion_Widget' );
assets/banner.svg 0000644 00000000717 15153774445 0010060 0 ustar 00 <svg enable-background="new 0 0 120 120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h120v120h-120z" fill="#1880b6"/><g stroke="#324249" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="translate(7 1)"><path d="m28 70h50v20h-50z" fill="#8ed9ef"/><g fill="#f2f0da"><path d="m28 80h50"/><path d="m30 38h46v32h-46z"/><path d="m38 46h18m-18 8h30m-30 8h22"/></g><path d="m28 28h50v10h-50z" fill="#8ed9ef"/></g></svg> assets/icon.svg 0000644 00000001121 15153774445 0007531 0 ustar 00 <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m4.98877 21.51611h14.02246c.68945 0 1.25-.56055 1.25-1.25v-2.3667c0-.65033-.50439-1.16901-1.13965-1.22766v-9.13696c.63525-.05865 1.13965-.57733 1.13965-1.22766v-2.36719c0-.68945-.56055-1.25-1.25-1.25h-14.02246c-.68945 0-1.25.56055-1.25 1.25v2.36719c0 .65033.50439 1.16901 1.13965 1.22766v9.13696c-.63525.05865-1.13965.57733-1.13965 1.22766v2.3667c0 .68945.56055 1.25 1.25 1.25zm12.63281-13.95898v9.09229h-11.24316v-9.09229zm1.13965 12.45898h-13.52246v-1.8667h13.52246zm-13.52246-15.82617h13.52246v1.86719h-13.52246z"/></svg> js/accordion.js 0000644 00000010236 15153774445 0007500 0 ustar 00 /* globals jQuery, sowb */
var sowb = window.sowb || {};
jQuery( function ( $ ) {
sowb.setupAccordion = function() {
$( '.sow-accordion' ).each( function ( index, element ) {
var $widget = $( this ).closest( '.so-widget-sow-accordion' );
if ( $widget.data( 'initialized' ) ) {
return $( this );
}
var $accordionPanels = $( element ).find( '> .sow-accordion-panel' );
var openPanels = $accordionPanels.filter( '.sow-accordion-panel-open' ).toArray();
var scrollToPanel = function ( $panel, smooth ) {
// Add some magic number offset to make space for possible nav menus etc.
var navOffset = sowAccordion.scrollto_offset ? sowAccordion.scrollto_offset : 80;
var scrollTop = $panel.offset().top - navOffset;
if ( smooth ) {
$( 'body,html' ).animate( {
scrollTop: scrollTop,
}, 200 );
} else {
window.scrollTo( 0, scrollTop );
}
};
var openPanel = function ( panel, preventHashChange, keepVisible ) {
var $panel = $( panel );
if ( ! $panel.is( '.sow-accordion-panel-open' ) ) {
$panel.find( '> .sow-accordion-panel-content' ).slideDown( {
start: function () {
// Sometimes the content of the panel relies on a window resize to setup correctly.
// Trigger it here so it's hopefully done before the animation.
if ( sowAccordion.scrollto_after_change ) {
// It's possible a resize may result in a scroll so we put it behind a check.
$( window ).trigger( 'resize' );
}
$( sowb ).trigger( 'setup_widgets' );
},
complete: function() {
if (
keepVisible &&
sowAccordion.scrollto_after_change &&
(
$panel.offset().top < window.scrollY ||
$panel.offset().top + $panel.height() > window.scrollY
)
) {
scrollToPanel( $panel, true );
}
$( this ).trigger( 'show' );
}
});
$panel.find( '> .sow-accordion-panel-header-container > .sow-accordion-panel-header' ).attr( 'aria-expanded', true );
$panel.addClass( 'sow-accordion-panel-open' );
openPanels.push( panel );
// Check if accordion is within an accordion and if it is, ensure parent is visible
var $parentPanel = $( panel ).parents( '.sow-accordion-panel' );
if ( $parentPanel.length && ! $parentPanel.hasClass( 'sow-accordion-panel-open' ) ) {
openPanel( $parentPanel.get( 0 ), true );
}
if ( ! preventHashChange ) {
$widget.trigger( 'accordion_open', [ panel, $widget ] );
}
}
};
var closePanel = function ( panel, preventHashChange ) {
var $panel = $( panel );
if ( $panel.is( '.sow-accordion-panel-open' ) ) {
$panel.find( '> .sow-accordion-panel-content' ).slideUp(
function() {
$( this ).trigger( 'hide' );
}
);
$panel.find( '> .sow-accordion-panel-header-container > .sow-accordion-panel-header' ).attr( 'aria-expanded', false );
$panel.removeClass( 'sow-accordion-panel-open' );
openPanels.splice( openPanels.indexOf( panel ), 1 );
if ( ! preventHashChange ) {
$widget.trigger( 'accordion_close', [ panel, $widget ] );
}
}
};
$accordionPanels.find( '> .sow-accordion-panel-header-container > .sow-accordion-panel-header' ).on( 'click keydown', function( e ) {
if ( e.type == 'keydown' ) {
if ( e.key !== 'Enter' && e.key !== 'Space' ) {
return;
}
e.preventDefault();
}
var $this = $( this );
var maxOpenPanels = $widget.data( 'maxOpenPanels' );
var $panel = $this.closest( '.sow-accordion-panel' );
if ( $panel.is( '.sow-accordion-panel-open' ) ) {
closePanel( $panel.get( 0 ) );
} else {
openPanel( $panel.get( 0 ), false, true );
}
if ( ! isNaN( maxOpenPanels ) && maxOpenPanels > 0 && openPanels.length > maxOpenPanels ) {
var skippedPanels = 0;
$.each( openPanels.reverse(), function( index, el ) {
if ( skippedPanels !== maxOpenPanels ) {
skippedPanels++;
} else {
closePanel( openPanels[ index ] );
}
} );
}
} );
$widget.data( 'initialized', true );
} );
};
sowb.setupAccordion();
$( sowb ).on( 'setup_widgets', sowb.setupAccordion );
} );
window.sowb = sowb;
js/accordion.min.js 0000644 00000004044 15153774445 0010262 0 ustar 00 var sowb=window.sowb||{};jQuery((function(o){sowb.setupAccordion=function(){o(".sow-accordion").each((function(n,e){var i=o(this).closest(".so-widget-sow-accordion");if(i.data("initialized"))return o(this);var a=o(e).find("> .sow-accordion-panel"),c=a.filter(".sow-accordion-panel-open").toArray(),r=function(n,e,a){var s=o(n);if(!s.is(".sow-accordion-panel-open")){s.find("> .sow-accordion-panel-content").slideDown({start:function(){sowAccordion.scrollto_after_change&&o(window).trigger("resize"),o(sowb).trigger("setup_widgets")},complete:function(){a&&sowAccordion.scrollto_after_change&&(s.offset().top<window.scrollY||s.offset().top+s.height()>window.scrollY)&&function(n,e){var i=sowAccordion.scrollto_offset?sowAccordion.scrollto_offset:80,a=n.offset().top-i;e?o("body,html").animate({scrollTop:a},200):window.scrollTo(0,a)}(s,!0),o(this).trigger("show")}}),s.find("> .sow-accordion-panel-header-container > .sow-accordion-panel-header").attr("aria-expanded",!0),s.addClass("sow-accordion-panel-open"),c.push(n);var t=o(n).parents(".sow-accordion-panel");t.length&&!t.hasClass("sow-accordion-panel-open")&&r(t.get(0),!0),e||i.trigger("accordion_open",[n,i])}},s=function(n,e){var a=o(n);a.is(".sow-accordion-panel-open")&&(a.find("> .sow-accordion-panel-content").slideUp((function(){o(this).trigger("hide")})),a.find("> .sow-accordion-panel-header-container > .sow-accordion-panel-header").attr("aria-expanded",!1),a.removeClass("sow-accordion-panel-open"),c.splice(c.indexOf(n),1),e||i.trigger("accordion_close",[n,i]))};a.find("> .sow-accordion-panel-header-container > .sow-accordion-panel-header").on("click keydown",(function(n){if("keydown"==n.type){if("Enter"!==n.key&&"Space"!==n.key)return;n.preventDefault()}var e=o(this),a=i.data("maxOpenPanels"),t=e.closest(".sow-accordion-panel");if(t.is(".sow-accordion-panel-open")?s(t.get(0)):r(t.get(0),!1,!0),!isNaN(a)&&a>0&&c.length>a){var d=0;o.each(c.reverse(),(function(o,n){d!==a?d++:s(c[o])}))}})),i.data("initialized",!0)}))},sowb.setupAccordion(),o(sowb).on("setup_widgets",sowb.setupAccordion)})),window.sowb=sowb; styles/default.less 0000644 00000007722 15153774445 0010432 0 ustar 00 @import "../../../base/less/mixins";
@heading_background_color: default;
@heading_background_hover_color: default;
@title_color: default;
@title_hover_color: default;
@heading_title_align: left;
@heading_title_font_family: default;
@heading_title_font_weight: default;
@heading_title_font_size: default;
@heading_title_text_transform: default;
@heading_border_color: default;
@heading_border_hover_color: default;
@has_heading_border_width: default;
@heading_border_width: default;
@heading_border_radius: default;
@heading_padding: 15px 30px 15px 30px;
@show_open_close_icon: true;
@open_close_location: right;
@panels_background_color: default;
@panels_font_family: default;
@panels_font_size: default;
@panels_font_color: default;
@panels_border_color: default;
@has_panels_border_width: default;
@panels_border_width: default;
@panels_border_radius: default;
@panels_padding: 15px 30px 15px 30px;
@panels_margin_bottom: 10px;
.sow-accordion {
.sow-accordion-panel {
.sow-accordion-panel-header {
align-items: center;
background-color: @heading_background_color;
border-radius: @heading_border_radius;
color: @title_color;
cursor: pointer;
display: flex;
font-family: @heading_title_font_family;
font-size: @heading_title_font_size;
font-weight: @heading_title_font_weight;
padding: @heading_padding;
position: relative;
text-transform: @heading_title_text_transform;
& when ( @open_close_location = right ) {
flex-direction: row;
}
& when ( @open_close_location = left ) {
flex-direction: row-reverse;
}
& when( @has_heading_border_width = true ) {
border-color: @heading_border_color;
border-style: solid;
border-width: @heading_border_width;
}
&:hover {
border-color: @heading_border_hover_color;
}
&:focus,
&:hover {
background-color: @heading_background_hover_color;
color: @title_hover_color;
}
.sow-accordion-title {
display: flex;
align-items: center;
& when ( @heading_title_align = center ) {
justify-content: center;
}
& when ( @heading_title_align = right ) {
justify-content: flex-end;
}
width: 100%;
& when ( @show_open_close_icon = true ) and ( @heading_title_align = @open_close_location ) {
margin-@{open_close_location}: 5px;
}
}
.sow-accordion-open-close-button {
line-height: 0;
& when ( @show_open_close_icon = false ) {
display: none;
}
}
.sow-accordion-icon-image {
& when ( @heading_title_font_size = default ) {
max-height: 1em;
}
&:not(.sow-accordion-icon-image-custom),
&:not([width]),
&:not([width]) {
height: @heading_title_font_size;
width: auto;
}
}
.sow-accordion-title-icon-left > .sow-accordion-icon-image,
.sow-accordion-title-icon-left > span[data-sow-icon] {
margin-right: 5px;
}
.sow-accordion-title-icon-right > .sow-accordion-icon-image,
.sow-accordion-title-icon-right > span[data-sow-icon] {
margin-left: 5px;
}
}
&:not(.sow-accordion-panel-open) > .sow-accordion-panel-header-container > .sow-accordion-panel-header {
.sow-accordion-close-button {
display: none;
}
}
&.sow-accordion-panel-open > .sow-accordion-panel-header-container > .sow-accordion-panel-header {
.sow-accordion-open-button {
display: none;
}
}
.sow-accordion-panel-content {
.sow-accordion-panel-border {
background-color: @panels_background_color;
border-radius: @panels_border_radius;
& when ( @has_panels_border_width = true ) {
border-color: @panels_border_color;
border-style: solid;
border-width: @panels_border_width;
}
color: @panels_font_color;
font-family: @panels_font_family;
font-size: @panels_font_size;
overflow: auto;
padding: @panels_padding;
}
}
margin-bottom: @panels_margin_bottom;
@media print {
.sow-accordion-open-close-button {
display: none;
}
.sow-accordion-panel-content {
display: block !important;
}
}
}
}
tpl/default.php 0000644 00000004137 15153774445 0007524 0 ustar 00 <?php
/**
* @var array $instance
* @var array $panels
* @var string $icon_open
* @var string $icon_close
*/
if ( ! empty( $instance['title'] ) ) {
echo $args['before_title'] . wp_kses_post( $instance['title'] ) . $args['after_title'];
}
?>
<div>
<div class="sow-accordion">
<?php foreach ( $panels as $panel ) { ?>
<div class="sow-accordion-panel<?php if ( $panel['initial_state'] == 'open' ) {
echo ' sow-accordion-panel-open';
} ?>"
data-anchor-id="<?php echo esc_attr( sanitize_title( $panel['anchor'] ) ); ?>">
<div class="sow-accordion-panel-header-container" role="heading" aria-level="2">
<div class="sow-accordion-panel-header" tabindex="0" role="button" id="accordion-label-<?php echo sanitize_title_with_dashes( $panel['anchor'] ); ?>" aria-controls="accordion-content-<?php echo sanitize_title_with_dashes( $panel['anchor'] ); ?>" aria-expanded="<?php echo $panel['initial_state'] == 'open' ? 'true' : 'false'; ?>">
<div class="sow-accordion-title <?php echo empty( $panel['after_title'] ) ? 'sow-accordion-title-icon-left' : 'sow-accordion-title-icon-right'; ?>">
<?php echo $panel['before_title']; ?>
<?php echo wp_kses_post( $panel['title'] ); ?>
<?php echo $panel['after_title']; ?>
</div>
<div class="sow-accordion-open-close-button">
<div class="sow-accordion-open-button">
<?php echo siteorigin_widget_get_icon( $icon_open ); ?>
</div>
<div class="sow-accordion-close-button">
<?php echo siteorigin_widget_get_icon( $icon_close ); ?>
</div>
</div>
</div>
</div>
<div
class="sow-accordion-panel-content"
role="region"
aria-labelledby="accordion-label-<?php echo sanitize_title_with_dashes( $panel['anchor'] ); ?>"
id="accordion-content-<?php echo sanitize_title_with_dashes( $panel['anchor'] ); ?>"
<?php
if ( $panel['initial_state'] == 'closed' ) {
echo 'style="display: none;"';
}
?>
>
<div class="sow-accordion-panel-border">
<?php $this->render_panel_content( $panel, $instance ); ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>