|
|
"use strict";
|
|
|
var { registerBlockType } = wp.blocks;
|
|
|
var gcel = wp.element.createElement;
|
|
|
|
|
|
registerBlockType( 'ultimate-manga-scraper/ums-list', {
|
|
|
title: 'Ultimate Mange Scraper List Posts',
|
|
|
icon: 'smartphone',
|
|
|
category: 'embed',
|
|
|
attributes: {
|
|
|
ruletype : {
|
|
|
default: '',
|
|
|
type: 'string',
|
|
|
},
|
|
|
ruleid : {
|
|
|
default: '',
|
|
|
type: 'string',
|
|
|
},
|
|
|
category : {
|
|
|
default: '',
|
|
|
type: 'string',
|
|
|
},
|
|
|
posts : {
|
|
|
default: '50',
|
|
|
type: 'string',
|
|
|
},
|
|
|
orderby : {
|
|
|
default: 'title',
|
|
|
type: 'string',
|
|
|
},
|
|
|
order : {
|
|
|
default: 'ASC',
|
|
|
type: 'string',
|
|
|
},
|
|
|
type : {
|
|
|
default: 'any',
|
|
|
type: 'string',
|
|
|
}
|
|
|
},
|
|
|
keywords: ['list', 'posts', 'ums'],
|
|
|
edit: (function( props ) {
|
|
|
var ruletype = props.attributes.ruletype;
|
|
|
var ruleid = props.attributes.ruleid;
|
|
|
var category = props.attributes.category;
|
|
|
var posts = props.attributes.posts;
|
|
|
var orderby = props.attributes.orderby;
|
|
|
var order = props.attributes.order;
|
|
|
var type = props.attributes.type;
|
|
|
function updateMessage( event ) {
|
|
|
props.setAttributes( { ruletype: event.target.value} );
|
|
|
}
|
|
|
function updateMessage2( event ) {
|
|
|
props.setAttributes( { ruleid: event.target.value} );
|
|
|
}
|
|
|
function updateMessage3( event ) {
|
|
|
props.setAttributes( { category: event.target.value} );
|
|
|
}
|
|
|
function updateMessage4( event ) {
|
|
|
props.setAttributes( { posts: event.target.value} );
|
|
|
}
|
|
|
function updateMessage5( event ) {
|
|
|
props.setAttributes( { orderby: event.target.value} );
|
|
|
}
|
|
|
function updateMessage6( event ) {
|
|
|
props.setAttributes( { order: event.target.value} );
|
|
|
}
|
|
|
function updateMessage7( event ) {
|
|
|
props.setAttributes( { type: event.target.value} );
|
|
|
}
|
|
|
return gcel(
|
|
|
'div',
|
|
|
{ className: 'coderevolution_gutenberg_div' },
|
|
|
gcel(
|
|
|
'h4',
|
|
|
{ className: 'coderevolution_gutenberg_title' },
|
|
|
'Ultimate Mange Scraper List Posts ',
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'This block is used to list posts generated by this plugin. It is a simple way to list posts.'
|
|
|
)
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'label',
|
|
|
{ className: 'coderevolution_gutenberg_label' },
|
|
|
'Rule Type: '
|
|
|
),
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'Select the source of the posts that will be listed.'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'select',
|
|
|
{ value: ruletype, onChange: updateMessage, className: 'coderevolution_gutenberg_select' },
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 0},
|
|
|
'APKs to Posts'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 0},
|
|
|
'Custom Page Import'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: ''},
|
|
|
'Any'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'br'
|
|
|
),
|
|
|
gcel(
|
|
|
'label',
|
|
|
{ className: 'coderevolution_gutenberg_label' },
|
|
|
'Rule ID: '
|
|
|
),
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'Select the ID of the rule you wish to list posts from. To list all posts from a specific rule, leave this field blank.'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'input',
|
|
|
{ type:'number',min:0,placeholder:'Rule id to list', value: ruleid, onChange: updateMessage2, className: 'coderevolution_gutenberg_input' }
|
|
|
),
|
|
|
gcel(
|
|
|
'br'
|
|
|
),
|
|
|
gcel(
|
|
|
'label',
|
|
|
{ className: 'coderevolution_gutenberg_label' },
|
|
|
'Category Slug: '
|
|
|
),
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'Select the post category slug from where you wish to list posts.'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'textarea',
|
|
|
{ rows:1,placeholder:'Category slug', value: category, onChange: updateMessage3, className: 'coderevolution_gutenberg_input' }
|
|
|
),
|
|
|
gcel(
|
|
|
'br'
|
|
|
),
|
|
|
gcel(
|
|
|
'label',
|
|
|
{ className: 'coderevolution_gutenberg_label' },
|
|
|
'Posts Per Page: '
|
|
|
),
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'Select the number of posts to be shown at max.'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'input',
|
|
|
{ type:'number',min:1,placeholder:'10', value: posts, onChange: updateMessage4, className: 'coderevolution_gutenberg_input' }
|
|
|
),
|
|
|
gcel(
|
|
|
'br'
|
|
|
),
|
|
|
gcel(
|
|
|
'label',
|
|
|
{ className: 'coderevolution_gutenberg_label' },
|
|
|
'Order By: '
|
|
|
),
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'Select how to order results.'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'select',
|
|
|
{ value: orderby, onChange: updateMessage5, className: 'coderevolution_gutenberg_select' },
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'none'},
|
|
|
'none'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'date'},
|
|
|
'date'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'ID'},
|
|
|
'ID'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'author'},
|
|
|
'author'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'title'},
|
|
|
'title'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'name'},
|
|
|
'name'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'type'},
|
|
|
'type'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'modified'},
|
|
|
'modified'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'parent'},
|
|
|
'parent'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'rand'},
|
|
|
'rand'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'comment_count'},
|
|
|
'comment_count'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'relevance'},
|
|
|
'relevance'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'menu_order'},
|
|
|
'menu_order'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'br'
|
|
|
),
|
|
|
gcel(
|
|
|
'label',
|
|
|
{ className: 'coderevolution_gutenberg_label' },
|
|
|
'Sort By: '
|
|
|
),
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'Select how to sort results.'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'select',
|
|
|
{ value: order, onChange: updateMessage6, className: 'coderevolution_gutenberg_select' },
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'ASC'},
|
|
|
'ASC'
|
|
|
),
|
|
|
gcel(
|
|
|
'option',
|
|
|
{ value: 'DESC'},
|
|
|
'DESC'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'br'
|
|
|
),
|
|
|
gcel(
|
|
|
'label',
|
|
|
{ className: 'coderevolution_gutenberg_label' },
|
|
|
'Post Type: '
|
|
|
),
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
|
|
|
,
|
|
|
gcel(
|
|
|
'div',
|
|
|
{className:'bws_hidden_help_text'},
|
|
|
'Select the post type to be listed. You can input a comma separated list of multiple post types (custom post types supported).'
|
|
|
)
|
|
|
),
|
|
|
gcel(
|
|
|
'textarea',
|
|
|
{ rows:1,placeholder:'post', value: type, onChange: updateMessage7, className: 'coderevolution_gutenberg_input' }
|
|
|
)
|
|
|
);
|
|
|
}),
|
|
|
save: (function( props ) {
|
|
|
return null;
|
|
|
}),
|
|
|
} ); |
