File page-builder/animation.php

  1   2   3   4   5   6   7   8   9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34  35  36  37  38  39  40  41  42  43  44  45  46  47  48  49  50  51  52  53  54  55  56  57  58  59  60  61  62  63  64  65  66  67  68  69  70  71  72  73  74  75  76  77  78  79  80  81  82  83  84  85  86  87  88  89  90  91  92  93  94  95  96  97  98  99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201

<?php

namespace SIW\Page_Builder;

use SIW\Animation as SIW_Animation;

/**
 * Animaties voor Page Builder
 *
 * @copyright 2019 SIW Internationale Vrijwilligersprojecten
 * @since     3.0.0
 */
class Animation {

    /**
     * Init
     */
    public static function init() {
        if ( ! class_exists( '\SiteOrigin_Panels' ) ) {
            return;
        }
        $self = new self();

        //Editor settings
        add_filter( 'siteorigin_panels_widget_style_groups', [ $self, 'add_style_group'] );
        add_filter( 'siteorigin_panels_cell_style_groups', [ $self, 'add_style_group'] );
        add_filter( 'siteorigin_panels_row_style_groups', [ $self, 'add_style_group'] );
        add_filter( 'siteorigin_panels_widget_style_fields', [ $self, 'add_style_fields'] );
        add_filter( 'siteorigin_panels_cell_style_fields', [ $self, 'add_style_fields'] );
        add_filter( 'siteorigin_panels_row_style_fields', [ $self, 'add_style_fields'] );

        //Render attributes
        add_filter( 'siteorigin_panels_widget_style_attributes', [ $self, 'add_style_attributes'], 10, 2 );
        add_filter( 'siteorigin_panels_cell_style_attributes', [ $self, 'add_style_attributes'], 10, 2 );
        add_filter( 'siteorigin_panels_row_style_attributes', [ $self, 'add_style_attributes'], 10, 2 );

        //Settings
        add_filter( 'siteorigin_panels_settings_fields', [ $self, 'add_settings' ], 100 );
        add_filter( 'siteorigin_panels_settings_defaults', [ $self, 'set_settings_defaults' ], 100 );
    }

    /**
     * Voegt optiegroep voor animatie toe
     *
     * @param array $groups
     * 
     * @return array
     */
    public function add_style_group( array $groups ) {
        $groups['siw-animation'] = [
            'name'     => __( 'Animatie', 'siw' ),
            'priority' => 110,
        ];
        return $groups;
    }

    /**
     * Voegt opties voor animaties toe
     *
     * @param array $fields
     * 
     * @return array
     */
    public function add_style_fields( array $fields ) {
        $fields['siw_animation_type'] = [
            'name'        => __( 'Type', 'siw' ),
            'group'       => 'siw-animation',
            'type'        => 'select',
            'priority'    => 10,
            'options'     => [ 'none' => __( 'Geen', 'siw' ) ] + SIW_Animation::get_types(),
            'default'     => 'none',
        ];
        $fields['siw_animation_duration'] = [
            'name'        => __( 'Duur', 'siw' ),
            'description' => sprintf( __( 'Standaard: %s', 'siw' ), SIW_Animation::get_duration_options()[ siteorigin_panels_setting( 'siw_animation_duration' ) ] ),
            'group'       => 'siw-animation',
            'type'        => 'select',
            'priority'    => 20,
            'options'     => [ 'default' => __( 'Standaard', 'siw' ) ] + SIW_Animation::get_duration_options(),
            'default'     => 'default',
        ];
        $fields['siw_animation_delay'] = [
            'name'        => __( 'Vertraging', 'siw' ),
            'description' => sprintf( __( 'Standaard: %s', 'siw' ), SIW_Animation::get_delay_options()[ siteorigin_panels_setting( 'siw_animation_delay' ) ] ),
            'group'       => 'siw-animation',
            'type'        => 'select',
            'priority'    => 30,
            'options'     => [ 'default' => __( 'Standaard', 'siw' ) ] + SIW_Animation::get_delay_options(),
            'default'     => 'default',
        ];
        $fields['siw_animation_easing'] = [
            'name'        => __( 'Easing', 'siw' ),
            'description' =>
                sprintf( __( 'Standaard: %s', 'siw' ), SIW_Animation::get_easing_options()[ siteorigin_panels_setting( 'siw_animation_easing' ) ] ) . BR .
                wp_targeted_link_rel( links_add_target( make_clickable( 'https://easings.net/' ) ) ),
            'group'       => 'siw-animation',
            'type'        => 'select',
            'priority'    => 40,
            'options'     => [ 'default' => __( 'Standaard', 'siw' ) ] + SIW_Animation::get_easing_options(),
            'default'     => 'default',
        ];

        return $fields;
    }

    /**
     * Voegt attributes toe voor animaties
     *
     * @param array $style_attributes
     * @param array $style_args
     * @return array
     */
    public function add_style_attributes( array $style_attributes, array $style_args ) {

        //Afbreken als er geen animatie van toepassing is
        if ( ! isset( $style_args['siw_animation_type'] ) || 'none' === $style_args['siw_animation_type'] ) {
            return $style_attributes;
        }

        //Type animatie
        $style_attributes['data-sal'] = $style_args['siw_animation_type'];

        //Duur van animatie
        if ( ! isset( $style_args['siw_animation_duration'] ) || 'default' === $style_args['siw_animation_duration'] ) {
            $style_attributes['data-sal-duration'] = siteorigin_panels_setting( 'siw_animation_duration' );
        }
        else {
            $style_attributes['data-sal-duration'] = $style_args['siw_animation_duration'];
        }

        //Vertraging van animatie
        if ( ! isset( $style_args['siw_animation_delay'] ) || 'default' === $style_args['siw_animation_delay'] ) {
            $style_attributes['data-sal-delay'] = siteorigin_panels_setting( 'siw_animation_delay' );
        }
        else {
            $style_attributes['data-sal-delay'] = $style_args['siw_animation_delay'];
        }

        //Easing van animatie
        if ( ! isset( $style_args['siw_animation_easing'] ) || 'default' === $style_args['siw_animation_easing'] ) {
            $style_attributes['data-sal-easing'] = siteorigin_panels_setting( 'siw_animation_easing' );
        }
        else {
            $style_attributes['data-sal-easing'] = $style_args['siw_animation_easing'];
        }

        return $style_attributes;
    }

    /**
     * Voegt instelling voor animaties to aan PB-settings
     *
     * @param array $fields
     * 
     * @return array
     */
    public function add_settings( array $fields ) {
        $fields['siw-animation'] = [
            'title'  => __( 'Animatie', 'siw' ),
            'fields' => [
                'siw_animation_duration' => [
                    'label'       => __( 'Duur', 'siw'),
                    'description' => __( 'Standaard duur van de animatie', 'siw' ),
                    'type'        => 'select',
                    'options'     => SIW_Animation::get_duration_options(),
                ],
                'siw_animation_delay' => [
                    'label'       => __( 'Vertraging', 'siw'),
                    'description' => __( 'Standaard vertraging van de animatie', 'siw' ),
                    'type'        => 'select',
                    'options'     => SIW_Animation::get_delay_options(),
                ],
                'siw_animation_easing' => [
                    'label'       => __( 'Easing', 'siw'),
                    'description' =>
                        __( 'Standaard easing van de animatie', 'siw' ),
                        wp_targeted_link_rel( links_add_target( make_clickable( 'https://easings.net/' ) ) ),
                    'type'        => 'select',
                    'options'     => SIW_Animation::get_easing_options(),
                ]
            ],
        ];
        return $fields;
    }

    /**
     * Zet standaardwaarden voor PB-settings
     *
     * @param array $defaults
     * 
     * @return array
     */
    public function set_settings_defaults( array $defaults)  {
        $defaults['siw_animation_duration'] = '1000';
        $defaults['siw_animation_delay']    = 'none';
        $defaults['siw_animation_easing']   = 'ease-out-sine';
        return $defaults;
    }

}

Namespaces

Classes

Functions