Plugin Tabs noticias
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,775 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"name": "areoi/post-grid",
|
||||
"title": "Post Grid",
|
||||
"parent": null,
|
||||
"category": "areoi-strips",
|
||||
"description": "Choose from 2 different grid layouts to display your posts.",
|
||||
"textdomain": "default",
|
||||
"keywords": [ "areoi", "bootstrap", "strips" ],
|
||||
"example": {
|
||||
"attributes": {
|
||||
"preview": true
|
||||
}
|
||||
},
|
||||
"attributes": {
|
||||
"preview": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"anchor": {
|
||||
"type": "string",
|
||||
"default": false
|
||||
},
|
||||
"block_id": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"exclude_divider": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"exclude_pattern": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"change_pattern_color": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"pattern_color": {
|
||||
"type": "object",
|
||||
"default": {
|
||||
"hex": "#fff"
|
||||
}
|
||||
},
|
||||
"exclude_transition": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"exclude_parallax": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
|
||||
"post_type": {
|
||||
"type": "string",
|
||||
"default": "post"
|
||||
},
|
||||
"display_posts": {
|
||||
"type": "string",
|
||||
"default": "selected"
|
||||
},
|
||||
"posts_per_page": {
|
||||
"type": "string",
|
||||
"default": "8"
|
||||
},
|
||||
"orderby": {
|
||||
"type": "string",
|
||||
"default": "title"
|
||||
},
|
||||
"order": {
|
||||
"type": "string",
|
||||
"default": "asc"
|
||||
},
|
||||
"post_ids": {
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"include_pagination": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"pagination_color": {
|
||||
"type": "string",
|
||||
"default": "btn-primary"
|
||||
},
|
||||
"layout": {
|
||||
"type": "string",
|
||||
"default": "grid"
|
||||
},
|
||||
"style": {
|
||||
"type": "string",
|
||||
"default": "card"
|
||||
},
|
||||
"size": {
|
||||
"type": "string",
|
||||
"default": "areoi-medium"
|
||||
},
|
||||
"card_size": {
|
||||
"type": "string",
|
||||
"default": "areoi-card-small"
|
||||
},
|
||||
"columns": {
|
||||
"type": "string",
|
||||
"default": "3"
|
||||
},
|
||||
"container": {
|
||||
"type": "string",
|
||||
"default": "container"
|
||||
},
|
||||
"include_media": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"media_layout": {
|
||||
"type": "string",
|
||||
"default": "inline"
|
||||
},
|
||||
"include_title": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"title_element": {
|
||||
"type": "string",
|
||||
"default": "h1"
|
||||
},
|
||||
"include_excerpt": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"include_permalink": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
|
||||
"text_color": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"prepend_display_heading": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"prepend_heading_level": {
|
||||
"type": "string",
|
||||
"default": "h2"
|
||||
},
|
||||
"prepend_heading": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_heading_color": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_display_intro": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"prepend_intro": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_intro_color": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_text_align_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_text_align_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_text_align_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_text_align_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_text_align_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_text_align_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_horizontal_align_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_horizontal_align_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_horizontal_align_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_horizontal_align_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_horizontal_align_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_horizontal_align_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_col_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_col_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_col_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_col_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_col_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"prepend_col_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"item_background_color": {
|
||||
"type": "object",
|
||||
"default": {
|
||||
"rgb": {
|
||||
"r": 0,
|
||||
"g": 0,
|
||||
"b": 0,
|
||||
"a": 1
|
||||
}
|
||||
}
|
||||
},
|
||||
"item_display_overlay": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"item_overlay": {
|
||||
"type": "object",
|
||||
"default": {
|
||||
"rgb": {
|
||||
"r": 0,
|
||||
"g": 0,
|
||||
"b": 0,
|
||||
"a": 1
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
"item_vertical_align_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_vertical_align_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_vertical_align_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_vertical_align_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_vertical_align_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_vertical_align_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"item_horizontal_align_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_horizontal_align_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_horizontal_align_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_horizontal_align_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_horizontal_align_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_horizontal_align_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"item_text_align_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_text_align_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_text_align_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_text_align_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_text_align_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"item_text_align_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"vertical_align_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"vertical_align_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"vertical_align_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"vertical_align_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"vertical_align_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"vertical_align_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"horizontal_align_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"horizontal_align_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"horizontal_align_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"horizontal_align_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"horizontal_align_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"horizontal_align_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"utilities_bg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"utilities_text": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"utilities_border": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"background_display": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_color": {
|
||||
"type": "object",
|
||||
"default": {
|
||||
"rgb": {
|
||||
"r": 0,
|
||||
"g": 0,
|
||||
"b": 0,
|
||||
"a": 1
|
||||
}
|
||||
}
|
||||
},
|
||||
"background_image": {
|
||||
"type": "object",
|
||||
"default": null
|
||||
},
|
||||
"background_video": {
|
||||
"type": "object",
|
||||
"default": null
|
||||
},
|
||||
"background_display_overlay": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_overlay": {
|
||||
"type": "object",
|
||||
"default": {
|
||||
"rgb": {
|
||||
"r": 0,
|
||||
"g": 0,
|
||||
"b": 0,
|
||||
"a": 1
|
||||
}
|
||||
}
|
||||
},
|
||||
"background_horizontal_align": {
|
||||
"type": "string",
|
||||
"default": "justify-content-start"
|
||||
},
|
||||
|
||||
"height_dimension_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"height_unit_xs": {
|
||||
"type": "string",
|
||||
"default": "px"
|
||||
},
|
||||
"padding_top_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_right_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_bottom_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_left_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_top_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_right_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_bottom_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_left_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"hide_xs": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_hide_xs": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_col_xs": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"height_dimension_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"height_unit_sm": {
|
||||
"type": "string",
|
||||
"default": "px"
|
||||
},
|
||||
"padding_top_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_right_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_bottom_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_left_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_top_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_right_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_bottom_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_left_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"hide_sm": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_hide_sm": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_col_sm": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"height_dimension_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"height_unit_md": {
|
||||
"type": "string",
|
||||
"default": "px"
|
||||
},
|
||||
"padding_top_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_right_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_bottom_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_left_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_top_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_right_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_bottom_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_left_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"hide_md": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_hide_md": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_col_md": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"height_dimension_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"height_unit_lg": {
|
||||
"type": "string",
|
||||
"default": "px"
|
||||
},
|
||||
"padding_top_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_right_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_bottom_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_left_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_top_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_right_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_bottom_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_left_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"hide_lg": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_hide_lg": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_col_lg": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"height_dimension_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"height_unit_xl": {
|
||||
"type": "string",
|
||||
"default": "px"
|
||||
},
|
||||
"padding_top_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_right_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_bottom_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_left_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_top_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_right_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_bottom_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_left_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"hide_xl": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_hide_xl": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_col_xl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
|
||||
"height_dimension_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"height_unit_xxl": {
|
||||
"type": "string",
|
||||
"default": "px"
|
||||
},
|
||||
"padding_top_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_right_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_bottom_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"padding_left_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_top_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_right_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_bottom_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"margin_left_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
},
|
||||
"hide_xxl": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_hide_xxl": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"background_col_xxl": {
|
||||
"type": "string",
|
||||
"default": null
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": true,
|
||||
"html": false
|
||||
},
|
||||
"editorScript": "areoi-blocks",
|
||||
"editorStyle": "file:./index.css",
|
||||
"style": "file:../../build/style.css"
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
@@ -0,0 +1 @@
|
||||
@import url( '../content-grid/index.css' );
|
||||
@@ -0,0 +1 @@
|
||||
@import url( '../content-grid/style.css' );
|
||||
@@ -0,0 +1,42 @@
|
||||
function render( areoi, attributes, card_classes, BLOCKS_TEMPLATE, ALLOWED_BLOCKS )
|
||||
{
|
||||
return (
|
||||
|
||||
<div className={
|
||||
areoi.helper.GetClassNameStr( [ 'card', 'h-100', 'mt-0', 'p-0', 'overflow-hidden', ( attributes.image || attributes.video ? 'has-image' : '' ) ] )
|
||||
}>
|
||||
{ areoi.DisplayBackground( areoi, attributes ) }
|
||||
|
||||
<div class="card-img-top position-relative">
|
||||
<div class="background">
|
||||
{
|
||||
attributes.image &&
|
||||
<div
|
||||
className={ areoi.helper.GetClassNameStr( [ 'background__image' ] ) }
|
||||
style={ {
|
||||
cssText: 'background-image: url( ' + attributes.image.url + ' );'
|
||||
} }
|
||||
></div>
|
||||
}
|
||||
|
||||
{
|
||||
attributes.video &&
|
||||
<video>
|
||||
<source src={ attributes.video.url } />
|
||||
</video>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={ areoi.helper.GetClassNameStr( card_classes ) + ' card-body d-flex' }>
|
||||
<div>
|
||||
<areoi.editor.InnerBlocks template={ BLOCKS_TEMPLATE } allowedBlocks={ ALLOWED_BLOCKS } />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export {
|
||||
render
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
function render( areoi, attributes, card_classes, BLOCKS_TEMPLATE, ALLOWED_BLOCKS )
|
||||
{
|
||||
return (
|
||||
|
||||
<div className={ areoi.helper.GetClassNameStr( [ 'h-100', 'mt-0', 'p-0', 'overflow-hidden', ( attributes.image || attributes.video ? 'has-image' : '' ) ] ) }>
|
||||
|
||||
{ areoi.DisplayBackground( areoi, attributes ) }
|
||||
|
||||
<div class="card-body pb-0">
|
||||
<div class="card-img-top position-relative">
|
||||
<div class="background">
|
||||
{
|
||||
attributes.image &&
|
||||
<div
|
||||
className={ areoi.helper.GetClassNameStr( [ 'background__image' ] ) }
|
||||
style={ {
|
||||
cssText: 'background-image: url( ' + attributes.image.url + ' );'
|
||||
} }
|
||||
></div>
|
||||
}
|
||||
|
||||
{
|
||||
attributes.video &&
|
||||
<video>
|
||||
<source src={ attributes.video.url } />
|
||||
</video>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={ areoi.helper.GetClassNameStr( card_classes ) + ' card-body d-flex h-100' }>
|
||||
<div>
|
||||
<areoi.editor.InnerBlocks template={ BLOCKS_TEMPLATE } allowedBlocks={ ALLOWED_BLOCKS } />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export {
|
||||
render
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
function render( areoi, attributes, card_classes, BLOCKS_TEMPLATE, ALLOWED_BLOCKS )
|
||||
{
|
||||
return (
|
||||
|
||||
<div className={ areoi.helper.GetClassNameStr( [ 'h-100', 'mt-0', 'p-0', 'overflow-hidden', ( attributes.image || attributes.video ? 'has-image' : '' ) ] ) }>
|
||||
|
||||
{ areoi.DisplayBackground( areoi, attributes ) }
|
||||
|
||||
<div class="card-img-top position-relative">
|
||||
<div class="background">
|
||||
{
|
||||
attributes.image &&
|
||||
<div
|
||||
className={ areoi.helper.GetClassNameStr( [ 'background__image' ] ) }
|
||||
style={ {
|
||||
cssText: 'background-image: url( ' + attributes.image.url + ' );'
|
||||
} }
|
||||
></div>
|
||||
}
|
||||
|
||||
{
|
||||
attributes.video &&
|
||||
<video>
|
||||
<source src={ attributes.video.url } />
|
||||
</video>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={ areoi.helper.GetClassNameStr( card_classes ) + ' card-body d-flex h-100' }>
|
||||
<div>
|
||||
<areoi.editor.InnerBlocks template={ BLOCKS_TEMPLATE } allowedBlocks={ ALLOWED_BLOCKS } />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export {
|
||||
render
|
||||
}
|
||||
Reference in New Issue
Block a user