File icons.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

<?php

namespace SIW;

use SIW\HTML;

/**
 * Class voor SIW icons
 * 
 * @copyright 2019 SIW Internationale Vrijwilligersprojecten
 * @since     3.0.0
 */
class Icons {

    /**
     * Init
     */
    public static function init() {
        $self = new self();

        add_action( 'wp_body_open', [ $self, 'add_svg_sprite']);

        add_action( 'wp_enqueue_scripts', [ $self, 'enqueue_script' ] );
        add_action( 'wp_enqueue_scripts', [ $self, 'enqueue_style' ] );
        
        if ( class_exists( 'SiteOrigin_Widgets_Bundle' ) ) {
            add_action( 'siteorigin_panel_enqueue_admin_scripts', [ $self, 'enqueue_admin_style' ], PHP_INT_MAX );
            add_filter( 'siteorigin_widgets_icon_families', [ $self, 'add_icon_family' ] );
            add_filter( 'siteorigin_widgets_icon_families', [ $self, 'remove_icon_families' ] );
        }
    }

    /**
     * Voegt SVG-sprite toe aan header
     */
    public function add_svg_sprite() {
        HTML::render_tag(
            'div',
            [
                'data-svg-url' => SIW_ASSETS_URL . 'siw-icons.svg',
                'style'        => 'display:none;',
            ],
            null,
            true
        );
    }

    /**
     * Voegt SVG-script toe
     */
    public function enqueue_script() {
        wp_enqueue_script( 'siw-svg' );
    }

    /**
     * Voegt stylesheet toe
     */
    public function enqueue_style(){
        wp_register_style( 'siw-icons', SIW_ASSETS_URL . 'css/siw-icons.css', null, SIW_PLUGIN_VERSION );
        wp_enqueue_style( 'siw-icons' );
    }

    /**
     * Voegt inline admin style voor icons toe
     */
    public function enqueue_admin_style() {
        $icons = $this->get_icons();

        $rules['.siteorigin-widget-icon-selector-current .sow-icon-siw'] = [
            'max-width'  => '20px',
            'max-height' => '20px',
        ];
        foreach ( $icons as $icon => $code ) {
            $rules[".sow-icon-siw[data-sow-icon='{$code}']"] = [
                'cursor' => 'url(' . SIW_ASSETS_URL . "icons/{$code}.svg" . ')',
            ];
        }

        $inline_css = CSS::generate_inline_css( $rules );

        //TODO: onderstaande hack toelichten
        $inline_css = str_replace( 'cursor', 'content', $inline_css);

        wp_add_inline_style(
            'so-icon-field',
            $inline_css
        );
    }


    /**
     * Voegt SIW-icon family toe
     *
     * @param array $icon_families
     * @return array
     */
    public function add_icon_family( array $icon_families ) {
        $icon_families['siw'] = [
            'name'      => __( 'SIW Icons', 'siw' ),
            'icons'     => $this->get_icons(),
        ];
        return $icon_families;
    }

    /**
     * Verwijdert default icon families
     *
     * @param array $icon_families
     * @return array
     */
    public function remove_icon_families( array $icon_families ) {
        unset( $icon_families['elegantline'] );
        unset( $icon_families['fontawesome'] );
        unset( $icon_families['genericons'] );
        unset( $icon_families['icomoon'] );
        unset( $icon_families['typicons'] );
        unset( $icon_families['ionicons'] );
        
        return $icon_families;
    }

    /**
     * Geeft lijst van icons terug
     *
     * @return array
     */
    protected function get_icons() {

        $icons = wp_cache_get( 'icons', 'siw_icons' );
        if ( false !== $icons ) {
            return $icons;
        }

        //Icon-bestanden zoeken
        $icon_files = glob( SIW_ASSETS_DIR . '/icons/*.svg' );
        //Relatief pad van maken + extensie verwijderen
        array_walk( $icon_files, function(&$value, &$key) {
            $value = str_replace( [ SIW_ASSETS_DIR .'/icons/', '.svg'], '', $value );
        });

        foreach ( $icon_files as $icon_file ) {
            $icons[ "icon-{$icon_file}" ] = $icon_file;
        }

        wp_cache_set( 'icons', $icons, 'siw_icons' );

        return $icons;
    }
}

Namespaces

Classes

Functions