Skip to content

Commit

Permalink
add speed in image sider
Browse files Browse the repository at this point in the history
  • Loading branch information
farhan-shafi committed May 20, 2024
1 parent 4caa832 commit ad6e3b3
Show file tree
Hide file tree
Showing 14 changed files with 41,465 additions and 139 deletions.
1,347 changes: 1,346 additions & 1 deletion bundle-dist/ub-admin-settings.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion bundle-dist/ub-admin-settings.css.map

Large diffs are not rendered by default.

39,941 changes: 39,940 additions & 1 deletion bundle-dist/ub-admin-settings.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion bundle-dist/ub-admin-settings.js.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/blocks.build.asset.php
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<?php return array('dependencies' => array('lodash', 'moment', 'react', 'react-dom', 'wp-api', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '50a324a7d3f0a901587d');
<?php return array('dependencies' => array('lodash', 'moment', 'react', 'react-dom', 'wp-api', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-primitives', 'wp-url'), 'version' => '23dc946d54a79cc1fbca');
18 changes: 17 additions & 1 deletion dist/blocks.build.js
Original file line number Diff line number Diff line change
Expand Up @@ -70228,6 +70228,7 @@ function ImageSliderMain(props) {
spaceBetween = _props$attributes.spaceBetween,
useNavigation = _props$attributes.useNavigation,
align = _props$attributes.align,
speed = _props$attributes.speed,
setAttributes = props.setAttributes,
isSelected = props.isSelected,
block = props.block,
Expand Down Expand Up @@ -70347,6 +70348,19 @@ function ImageSliderMain(props) {
spaceBetween: newValue
});
}
}), /*#__PURE__*/React.createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_10__.RangeControl, {
min: 50,
max: 5000,
allowReset: true,
value: speed,
step: 50,
resetFallbackValue: 300,
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)("Speed", "ultimate-blocks"),
onChange: function onChange(newValue) {
return setAttributes({
speed: newValue
});
}
}), /*#__PURE__*/React.createElement(_wordpress_components__WEBPACK_IMPORTED_MODULE_10__.ToggleControl, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)("Wrap around"),
checked: wrapsAround,
Expand Down Expand Up @@ -70585,6 +70599,7 @@ function ImageSliderMain(props) {
draggable: isDraggable,
wrapAround: wrapsAround,
pageDots: showPageDots,
speed: speed,
useNavigation: useNavigation,
paginationType: usePagination ? paginationType : "none",
autoplay: autoplays ? autoplayDuration : 0,
Expand Down Expand Up @@ -70762,6 +70777,7 @@ function Slider(props) {
var customProps = _objectSpread(_objectSpread(_objectSpread({
slidesPerView: props.slidesPerView,
spaceBetween: props.spaceBetween,
speed: props.speed,
initialSlide: props.initialSlide,
loop: props.wrapAround,
simulateTouch: props.draggable
Expand Down Expand Up @@ -134005,7 +134021,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/tru
/***/ ((module) => {

"use strict";
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"ub/image-slider","title":"Image Slider","category":"ultimateblocks","description":"Add a lightweight, simple image slider in your post. Comes with additional settings.","keywords":["Image Slider","Slideshow","Ultimate Blocks"],"attributes":{"blockID":{"type":"string","default":""},"slidesPerView":{"type":"number","default":1},"spaceBetween":{"type":"number","default":20},"images":{"type":"string","default":"[]"},"pics":{"type":"array","default":[]},"captions":{"type":"string","default":"[]"},"descriptions":{"type":"array","default":[]},"wrapsAround":{"type":"boolean","default":true},"isDraggable":{"type":"boolean","default":false},"autoplays":{"type":"boolean","default":false},"autoplayDuration":{"type":"number","default":3},"sliderHeight":{"type":"number","default":250},"showPageDots":{"type":"boolean","default":true},"usePagination":{"type":"boolean","default":true},"useNavigation":{"type":"boolean","default":true},"paginationType":{"type":"string","default":""},"transition":{"type":"string","default":"slide"},"slideShadows":{"type":"boolean","default":true},"rotate":{"type":"number","default":50},"stretch":{"type":"number","default":0},"depth":{"type":"number","default":100},"modifier":{"type":"number","default":1},"limitRotation":{"type":"boolean","default":true},"shadow":{"type":"boolean","default":true},"shadowOffset":{"type":"number","defaut":20},"shadowScale":{"type":"number","default":0.94},"padding":{"type":"object","default":{}},"margin":{"type":"object","default":{}},"align":{"type":"string","default":""}},"supports":{}}');
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"ub/image-slider","title":"Image Slider","category":"ultimateblocks","description":"Add a lightweight, simple image slider in your post. Comes with additional settings.","keywords":["Image Slider","Slideshow","Ultimate Blocks"],"attributes":{"blockID":{"type":"string","default":""},"slidesPerView":{"type":"number","default":1},"speed":{"type":"number","default":300},"spaceBetween":{"type":"number","default":20},"images":{"type":"string","default":"[]"},"pics":{"type":"array","default":[]},"captions":{"type":"string","default":"[]"},"descriptions":{"type":"array","default":[]},"wrapsAround":{"type":"boolean","default":true},"isDraggable":{"type":"boolean","default":false},"autoplays":{"type":"boolean","default":false},"autoplayDuration":{"type":"number","default":3},"sliderHeight":{"type":"number","default":250},"showPageDots":{"type":"boolean","default":true},"usePagination":{"type":"boolean","default":true},"useNavigation":{"type":"boolean","default":true},"paginationType":{"type":"string","default":""},"transition":{"type":"string","default":"slide"},"slideShadows":{"type":"boolean","default":true},"rotate":{"type":"number","default":50},"stretch":{"type":"number","default":0},"depth":{"type":"number","default":100},"modifier":{"type":"number","default":1},"limitRotation":{"type":"boolean","default":true},"shadow":{"type":"boolean","default":true},"shadowOffset":{"type":"number","defaut":20},"shadowScale":{"type":"number","default":0.94},"padding":{"type":"object","default":{}},"margin":{"type":"object","default":{}},"align":{"type":"string","default":""}},"supports":{}}');

/***/ }),

Expand Down
2 changes: 1 addition & 1 deletion dist/blocks.build.js.map

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions dist/blocks/image-slider/block.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,10 @@
"type": "number",
"default": 1
},
"speed": {
"type": "number",
"default": 300
},
"spaceBetween": {
"type": "number",
"default": 20
Expand Down
1 change: 1 addition & 0 deletions readme.txt
Original file line number Diff line number Diff line change
Expand Up @@ -154,6 +154,7 @@ That's it. You're done!

* NEW: Alignment option in table of content block.
* NEW: Summary title and title font size in review block.
* NEW: Slider speed to make slider work smoothly in image slider.
* PRO: FIX: Horizontal Timeline not working properly on block insert.
* PRO: FIX: Image alignment in Horizontal Timeline.

Expand Down
12 changes: 12 additions & 0 deletions src/blocks/image-slider/block.js
Original file line number Diff line number Diff line change
Expand Up @@ -168,6 +168,7 @@ function ImageSliderMain(props) {
spaceBetween,
useNavigation,
align,
speed,
},
setAttributes,
isSelected,
Expand Down Expand Up @@ -286,6 +287,16 @@ function ImageSliderMain(props) {
setAttributes({ spaceBetween: newValue })
}
/>
<RangeControl
min={50}
max={5000}
allowReset
value={speed}
step={50}
resetFallbackValue={300}
label={__("Speed", "ultimate-blocks")}
onChange={(newValue) => setAttributes({ speed: newValue })}
/>
<ToggleControl
label={__("Wrap around")}
checked={wrapsAround}
Expand Down Expand Up @@ -530,6 +541,7 @@ function ImageSliderMain(props) {
draggable={isDraggable}
wrapAround={wrapsAround}
pageDots={showPageDots}
speed={speed}
useNavigation={useNavigation}
paginationType={usePagination ? paginationType : "none"}
autoplay={autoplays ? autoplayDuration : 0}
Expand Down
264 changes: 134 additions & 130 deletions src/blocks/image-slider/block.json
Original file line number Diff line number Diff line change
@@ -1,132 +1,136 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "ub/image-slider",
"title": "Image Slider",
"category": "ultimateblocks",
"description": "Add a lightweight, simple image slider in your post. Comes with additional settings.",
"keywords": [
"Image Slider",
"Slideshow",
"Ultimate Blocks"
],
"attributes": {
"blockID": {
"type": "string",
"default": ""
},
"slidesPerView": {
"type": "number",
"default": 1
},
"spaceBetween": {
"type": "number",
"default": 20
},
"images": {
"type": "string",
"default": "[]"
},
"pics": {
"type": "array",
"default": []
},
"captions": {
"type": "string",
"default": "[]"
},
"descriptions": {
"type": "array",
"default": []
},
"wrapsAround": {
"type": "boolean",
"default": true
},
"isDraggable": {
"type": "boolean",
"default": false
},
"autoplays": {
"type": "boolean",
"default": false
},
"autoplayDuration": {
"type": "number",
"default": 3
},
"sliderHeight": {
"type": "number",
"default": 250
},
"showPageDots": {
"type": "boolean",
"default": true
},
"usePagination": {
"type": "boolean",
"default": true
},
"useNavigation": {
"type": "boolean",
"default": true
},
"paginationType": {
"type": "string",
"default": ""
},
"transition": {
"type": "string",
"default": "slide"
},
"slideShadows": {
"type": "boolean",
"default": true
},
"rotate": {
"type": "number",
"default": 50
},
"stretch": {
"type": "number",
"default": 0
},
"depth": {
"type": "number",
"default": 100
},
"modifier": {
"type": "number",
"default": 1
},
"limitRotation": {
"type": "boolean",
"default": true
},
"shadow": {
"type": "boolean",
"default": true
},
"shadowOffset": {
"type": "number",
"defaut": 20
},
"shadowScale": {
"type": "number",
"default": 0.94
},
"padding": {
"type": "object",
"default": {}
},
"margin": {
"type": "object",
"default": {}
},
"align": {
"type": "string",
"default": ""
}
},
"supports": {}
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "ub/image-slider",
"title": "Image Slider",
"category": "ultimateblocks",
"description": "Add a lightweight, simple image slider in your post. Comes with additional settings.",
"keywords": [
"Image Slider",
"Slideshow",
"Ultimate Blocks"
],
"attributes": {
"blockID": {
"type": "string",
"default": ""
},
"slidesPerView": {
"type": "number",
"default": 1
},
"speed": {
"type": "number",
"default": 300
},
"spaceBetween": {
"type": "number",
"default": 20
},
"images": {
"type": "string",
"default": "[]"
},
"pics": {
"type": "array",
"default": []
},
"captions": {
"type": "string",
"default": "[]"
},
"descriptions": {
"type": "array",
"default": []
},
"wrapsAround": {
"type": "boolean",
"default": true
},
"isDraggable": {
"type": "boolean",
"default": false
},
"autoplays": {
"type": "boolean",
"default": false
},
"autoplayDuration": {
"type": "number",
"default": 3
},
"sliderHeight": {
"type": "number",
"default": 250
},
"showPageDots": {
"type": "boolean",
"default": true
},
"usePagination": {
"type": "boolean",
"default": true
},
"useNavigation": {
"type": "boolean",
"default": true
},
"paginationType": {
"type": "string",
"default": ""
},
"transition": {
"type": "string",
"default": "slide"
},
"slideShadows": {
"type": "boolean",
"default": true
},
"rotate": {
"type": "number",
"default": 50
},
"stretch": {
"type": "number",
"default": 0
},
"depth": {
"type": "number",
"default": 100
},
"modifier": {
"type": "number",
"default": 1
},
"limitRotation": {
"type": "boolean",
"default": true
},
"shadow": {
"type": "boolean",
"default": true
},
"shadowOffset": {
"type": "number",
"defaut": 20
},
"shadowScale": {
"type": "number",
"default": 0.94
},
"padding": {
"type": "object",
"default": {}
},
"margin": {
"type": "object",
"default": {}
},
"align": {
"type": "string",
"default": ""
}
},
"supports": {}
}
2 changes: 1 addition & 1 deletion src/blocks/image-slider/block.php
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ function ub_render_image_slider_block($attributes){
);
return '<div ' . $wrapper_attributes . ' ' . ($blockID === '' ? 'style="min-height: ' . (25 + (count($imageArray) > 0) ? $sliderHeight : 200) . 'px;"'
: 'id="ub_image_slider_' . $blockID . '"').
' data-swiper-data=\'{"spaceBetween":' . $spaceBetween . ',"slidesPerView":' . $slidesPerView . ',"loop":' . json_encode($wrapsAround) .
' data-swiper-data=\'{"speed":' . $speed . ',"spaceBetween":' . $spaceBetween . ',"slidesPerView":' . $slidesPerView . ',"loop":' . json_encode($wrapsAround) .
',"pagination":{"el": ' . ($usePagination ? '".swiper-pagination"' : 'null') . ' , "type": "' . $paginationType . '"'.($paginationType === 'bullets' ? ', "clickable":true' :'') . '}
,' . ($useNavigation ? '"navigation": {"nextEl": ".swiper-button-next", "prevEl": ".swiper-button-prev"},' : '') . ' "keyboard": { "enabled": true },
"effect": "' . $transition . '"'
Expand Down
Loading

0 comments on commit ad6e3b3

Please sign in to comment.