PluginProbe
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder / 2.14.0
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder v2.14.0
2.14.0 2.13.0 2.13.1 2.12.0 2.11.1 2.11.0 2.10.0 2.9.0 2.7.4 2.7.5 2.7.6 2.7.7 2.8.0 2.8.1 2.9.1 trunk 1.0 1.0-beta1 1.0-beta2 1.0-beta3 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 All 81 releases
← All changes | includes/blocks/marquee/block.php +78 -0 2.7.6 → 2.14.0 View file →
@@ -1,0 +1,78 @@
1 +<?php
2 +namespace ABlocks\Blocks\Marquee;
3 +
4 +if ( ! defined( 'ABSPATH' ) ) {
5 + exit;
6 +}
7 +
8 +use ABlocks\Classes\BlockBaseAbstract;
9 +use ABlocks\Classes\CssGenerator;
10 +use ABlocks\Classes\CssGeneratorV2;
11 +use ABlocks\Controls\Range;
12 +
13 +
14 +class Block extends BlockBaseAbstract {
15 + protected $block_name = 'marquee';
16 +
17 + public function build_css_v1( $attributes ) {
18 + // Generate CSS start
19 + $css_generator = new CssGenerator( $attributes, $this->block_name );
20 +
21 + $css_generator->add_class_styles(
22 + '{{WRAPPER}} .ablocks-block-marquee .ablocks-block-marquee__children',
23 + $this->get_inner_block_css( $attributes ),
24 + $this->get_inner_block_css( $attributes, 'Tablet' ),
25 + $this->get_inner_block_css( $attributes, 'Mobile' ),
26 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_inner_block_css( $attributes, $device ); } )
27 + );
28 +
29 + return $css_generator->generate_css();
30 + }
31 + public function build_css_v2( $attributes ) {
32 + // Generate CSS start
33 + $css_generator = new CssGeneratorV2( $attributes, $this->block_name );
34 +
35 + $css_generator->add_class_styles(
36 + '{{WRAPPER}} .ablocks-block-marquee .ablocks-block-marquee__children',
37 + $this->get_inner_block_css( $attributes ),
38 + $this->get_inner_block_css( $attributes, 'Tablet' ),
39 + $this->get_inner_block_css( $attributes, 'Mobile' ),
40 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_inner_block_css( $attributes, $device ); } )
41 + );
42 +
43 + return $css_generator->generate_css();
44 + }
45 +
46 + public function build_css( $attributes ) {
47 + if ( isset( $attributes['blockVersion'] ) && (int) $attributes['blockVersion'] === 2 ) {
48 + return $this->build_css_v2( $attributes );
49 + }
50 + return $this->build_css_v1( $attributes );
51 + }
52 +
53 + public function get_inner_block_css( $attributes, $device = '' ) {
54 + $css = [];
55 + if ( ! empty( $attributes['gap'][ 'value' . $device ] ) ) {
56 + $gap_value = $attributes['gap'][ 'value' . $device ];
57 + $gap_unit = ! empty( $attributes['gap'][ 'valueUnit' . $device ] )
58 + ? $attributes['gap'][ 'valueUnit' . $device ]
59 + : 'px';
60 +
61 + $css['gap'] = $gap_value . $gap_unit;
62 + }
63 + return array_merge(
64 + Range::get_css([
65 + 'attributeValue' => $attributes['gap'],
66 + 'attribute_object_key' => 'value',
67 + 'isResponsive' => true,
68 + 'defaultValue' => 12,
69 + 'hasUnit' => false,
70 + 'unitDefaultValue' => 'px',
71 + 'property' => 'gap',
72 + 'device' => $device,
73 + ]),
74 + $css
75 + );
76 + }
77 +
78 +}