Eoxia#27[Blocks] add: Carousel block parameters

eoxia-amandine · Jan 24, 2025 · 3c35691 · 3c35691
1 parent 38e3f94
commit 3c35691
Show file tree

Hide file tree

Showing 16 changed files with 286 additions and 43 deletions.
diff --git a/blocks/build/eo-carousel/block.json b/blocks/build/eo-carousel/block.json
@@ -39,6 +39,26 @@
     "navigation": {
       "type": "boolean",
       "default": true
+    },
+    "effect": {
+      "type": "string",
+      "default": "default"
+    },
+    "spaceBetween": {
+      "type": "number",
+      "default": 0
+    },
+    "mobileBreakpoint": {
+      "type": "number",
+      "default": 599
+    },
+    "mobileSlidesPerView": {
+      "type": "number",
+      "default": 1
+    },
+    "mainColor": {
+      "type": "string",
+      "default": "#007aff"
     }
   },
   "supports": {},

diff --git a/blocks/build/eo-carousel/index.asset.php b/blocks/build/eo-carousel/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '53218907a6063a7bb7b1');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'a126b8ec4092d99c8937');
diff --git a/blocks/build/eo-carousel/index.js b/blocks/build/eo-carousel/index.js
diff --git a/blocks/build/eo-carousel/index.js.map b/blocks/build/eo-carousel/index.js.map
diff --git a/blocks/build/eo-carousel/render.php b/blocks/build/eo-carousel/render.php
@@ -11,9 +11,16 @@
 }
 
 $carousel_attr = array(
-    'slidesPerView' => esc_attr( $attributes['slidesPerView'] ),
-    'loop' => esc_attr( $attributes['loop'] ),
-    'speed' => esc_attr( $attributes['speed'] )
+    'loop'          => esc_attr( $attributes['loop'] ),
+    'speed'         => esc_attr( $attributes['speed'] ),
+    'effect'        => esc_attr( $attributes['effect'] ),
+    'spaceBetween'  => esc_attr( $attributes['spaceBetween'] ),
+    'slidesPerView' => esc_attr( $attributes['mobileSlidesPerView'] ),
+    'breakpoints'   => array(
+        esc_attr( $attributes['mobileBreakpoint'] ) => array(
+            'slidesPerView' => esc_attr( $attributes['slidesPerView'] )
+        ),
+    )
 );
 
 if ( $attributes['autoplay'] ) {
@@ -28,6 +35,11 @@
     $carousel_attr['navigation'] = false;
 }
 ?>
+<style>
+    :root {
+        --swiper-theme-color: <?php echo esc_attr( $attributes['mainColor'] ); ?>;
+    }
+</style>
 
 <div <?php echo wp_kses_data( get_block_wrapper_attributes( [ 'class' => 'swiper' ] ) ); ?> data-carousel=<?php echo wp_json_encode( $carousel_attr ); ?>>
     <!-- Additional required wrapper -->

diff --git a/blocks/build/eo-carousel/style-index-rtl.css b/blocks/build/eo-carousel/style-index-rtl.css
@@ -7,6 +7,3 @@
  *
  * Replace them with your own styles or remove the file completely.
  */
-.wp-block-eo-carousel {
-  width: 600px;
-}
diff --git a/blocks/build/eo-carousel/style-index.css b/blocks/build/eo-carousel/style-index.css
diff --git a/blocks/build/eo-carousel/style-index.css.map b/blocks/build/eo-carousel/style-index.css.map
diff --git a/blocks/build/eo-carousel/view.asset.php b/blocks/build/eo-carousel/view.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '79aa1181d165cc92c347');
+<?php return array('dependencies' => array(), 'version' => '13a640d1e0a20d004566');
diff --git a/blocks/build/eo-carousel/view.js b/blocks/build/eo-carousel/view.js
diff --git a/blocks/build/eo-carousel/view.js.map b/blocks/build/eo-carousel/view.js.map
diff --git a/blocks/src/eo-carousel/block.json b/blocks/src/eo-carousel/block.json
@@ -37,6 +37,26 @@
 		"navigation": {
 			"type": "boolean",
 			"default": true
+		},
+		"effect": {
+			"type": "string",
+			"default": "default"
+		},
+		"spaceBetween": {
+			"type": "number",
+			"default": 0
+		},
+		"mobileBreakpoint": {
+			"type": "number",
+			"default": 599
+		},
+		"mobileSlidesPerView": {
+			"type": "number",
+			"default": 1
+		},
+		"mainColor": {
+			"type": "string",
+			"default": "#007aff"
 		}
 	},
 	"supports": {},
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '53218907a6063a7bb7b1');
		<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'a126b8ec4092d99c8937');