import JetEngineRepeater from "components/repeater-control.js"; import { clone } from '../../utils/utility'; const { __ } = wp.i18n; const { registerBlockType } = wp.blocks; const { InspectorControls } = wp.blockEditor; const { PanelColor, IconButton, TextControl, TextareaControl, SelectControl, ToggleControl, PanelBody, RangeControl, CheckboxControl, ExternalLink, Disabled, G, Path, Circle, Rect, SVG, ServerSideRender } = wp.components; if ( -1 !== window.JetEngineListingData.activeModules.indexOf( 'calendar' ) ) { const GIcon = ; const blockAttributes = window.JetEngineListingData.atts.listingCalendar; registerBlockType( 'jet-engine/listing-calendar', { title: __( 'Listing Calendar' ), icon: GIcon, category: 'layout', attributes: blockAttributes, className: 'jet-listing-calendar', edit: class extends wp.element.Component { constructor( props ) { if ( ! props.attributes._block_id ) { props.setAttributes( { _block_id: props.clientId } ); } super( props ); } render() { const props = this.props; const attributes = props.attributes; const listingOptions = window.JetEngineListingData.listingOptions; const hideOptions = window.JetEngineListingData.hideOptions; const metaTypes = [ { value: 'CHAR', label: 'CHAR' }, { value: 'NUMERIC', label: 'NUMERIC' }, { value: 'BINARY', label: 'BINARY' }, { value: 'DATE', label: 'DATE' }, { value: 'DATETIME', label: 'DATETIME' }, { value: 'DECIMAL', label: 'DECIMAL' }, { value: 'SIGNED', label: 'SIGNED' }, { value: 'UNSIGNED', label: 'UNSIGNED' } ]; const updateItem = function( item, key, value, prop ) { prop = prop || 'posts_query'; const query = clone( props.attributes[ prop ] ); const index = getItemIndex( item ); const currentItem = query[ getItemIndex( item, prop ) ]; if ( ! currentItem ) { return; } if ( 'object' === typeof key ) { for ( var _key in key ) { currentItem[_key] = key[_key]; } } else { currentItem[ key ] = value; } query[ index ] = currentItem; props.setAttributes( { [ prop ]: query } ); }; const getItemIndex = function( item, prop ) { prop = prop || 'posts_query'; return props.attributes[ prop ].findIndex( queryItem => { return queryItem == item; } ); }; return [ props.isSelected && ( { props.setAttributes( { lisitng_id: newValue } ); } } /> { props.setAttributes( { group_by: newValue } ); } } /> { 'meta_date' === attributes.group_by && { props.setAttributes( { group_by_key: newValue } ); } } /> } { props.setAttributes( { allow_multiday: ! attributes.allow_multiday } ); } } /> { 'meta_date' === attributes.group_by && attributes.allow_multiday && { props.setAttributes( { end_date_key: newValue } ); } } /> } { props.setAttributes( { week_days_format: newValue } ); } } /> { props.setAttributes( { custom_start_from: ! attributes.custom_start_from } ); } } /> { attributes.custom_start_from && { props.setAttributes( { start_from_month: newValue } ); } } /> } { attributes.custom_start_from && { props.setAttributes( { start_from_year: newValue } ); } } /> } { props.setAttributes( { show_posts_nearby_months: ! attributes.show_posts_nearby_months } ); } } /> { props.setAttributes( { hide_past_events: ! attributes.hide_past_events } ); } } /> { props.setAttributes( { caption_layout: newValue } ); } } /> { props.setAttributes({ custom_query: ! attributes.custom_query }); } } /> { attributes.custom_query && { props.setAttributes( { custom_query_id: newValue } ); }} /> } { props.setAttributes({ posts_query: newData }); } } > { ( item ) =>
{ updateItem( item, 'type', newValue ) }} /> { 'date_query' === item.type &&
{ updateItem( item, 'date_query_column', newValue ) }} /> { updateItem( item, 'date_query_after', newValue ) }} /> { updateItem( item, 'date_query_before', newValue ) }} />
} { 'posts_params' === item.type &&
{ updateItem( item, 'posts_in', newValue ) }} /> { updateItem( item, 'posts_not_in', newValue ) }} /> { updateItem( item, 'posts_parent', newValue ) }} /> { updateItem( item, 'posts_status', newValue ) }} /> { updateItem( item, 'posts_author', newValue ) }} /> { 'id' === item.posts_author && { updateItem( item, 'posts_author_id', newValue ) }} /> } { updateItem( item, 'search_query', newValue ) }} />
} { 'order_offset' === item.type &&
{ updateItem( item, 'offset', newValue ) }} /> { updateItem( item, 'order', newValue ) }} /> { updateItem( item, 'order_by', newValue ) }} /> { 'meta_value' === item.order_by &&
{ updateItem( item, 'meta_key', newValue ) }} /> { updateItem( item, 'meta_type', newValue ) }} />
} { 'meta_clause' === item.order_by && { updateItem( item, 'meta_clause_key', newValue ) }} /> }
} { 'tax_query' === item.type &&
{ updateItem( item, 'tax_query_taxonomy', newValue ) }} /> { updateItem( item, 'tax_query_compare', newValue ) }} /> { updateItem( item, 'tax_query_field', newValue ) }} /> { updateItem( item, 'tax_query_terms', newValue ) }} /> { updateItem( item, 'tax_query_terms_meta', newValue ) }} />
} { 'meta_query' === item.type &&
{ updateItem( item, 'meta_query_key', newValue ) }} /> ', label: 'Greater than', }, { value: '>=', label: 'Greater or equal', }, { value: '<', label: 'Less than', }, { value: '<=', label: 'Equal or less', }, { value: 'LIKE', label: 'LIKE', }, { value: 'NOT LIKE', label: 'NOT LIKE', }, { value: 'IN', label: 'IN', }, { value: 'NOT IN', label: 'NOT IN', }, { value: 'BETWEEN', label: 'BETWEEN', }, { value: 'NOT BETWEEN', label: 'NOT BETWEEN', }, { value: 'EXISTS', label: 'EXISTS', }, { value: 'NOT EXISTS', label: 'NOT EXISTS', }, { value: 'REGEXP', label: 'REGEXP', }, { value: 'NOT REGEXP', label: 'NOT REGEXP', }, ] } onChange={newValue => { updateItem( item, 'meta_query_compare', newValue ) }} /> { ! ['EXISTS', 'NOT EXISTS'].includes( item.meta_query_compare ) &&
{ updateItem( item, 'meta_query_val', newValue ) }} /> { updateItem( item, 'meta_query_request_val', newValue ) }} />
} { updateItem( item, 'meta_query_type', newValue ) }} /> { updateItem( item, 'meta_query_clause', newValue ) }} />
}
} { props.setAttributes( { meta_query_relation: newValue } ); }} /> { props.setAttributes( { tax_query_relation: newValue } ); }} /> { props.setAttributes( { hide_widget_if: newValue } ); } } /> ), ]; } }, save: props => { return null; } } ); } ; Video Galeri – Özolgun Ticaret

Video Galeri

Home Video Galeri

YouTube Video

Default YouTube Video

Set Custom Start and End Video Play Time

Vimeo Video

Default Vimeo Video

Video Title & Play Icon Styling

Hide Video Title

Hide Title and Logo