345 lines
10 KiB
PHP
345 lines
10 KiB
PHP
<?php
|
|
/**
|
|
* Blocks Initializer
|
|
*
|
|
* Enqueue CSS/JS of all the blocks.
|
|
*
|
|
* @since 1.0.0
|
|
* @package CGB
|
|
*/
|
|
|
|
// Exit if accessed directly.
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
|
|
/**
|
|
* Enqueue Gutenberg block assets for both frontend + backend.
|
|
*
|
|
* Assets enqueued:
|
|
* 1. blocks.style.build.css - Frontend + Backend.
|
|
* 2. blocks.build.js - Backend.
|
|
* 3. blocks.editor.build.css - Backend.
|
|
*
|
|
* @uses {wp-blocks} for block type registration & related functions.
|
|
* @uses {wp-element} for WP Element abstraction — structure of blocks.
|
|
* @uses {wp-i18n} to internationalize the block's text.
|
|
* @uses {wp-editor} for WP editor styles.
|
|
* @since 1.0.0
|
|
*/
|
|
function stripTrailingSlash(&$component) {
|
|
$component = rtrim($component, '/');
|
|
}
|
|
function addhttp($url) {
|
|
if (!preg_match("~^(?:f|ht)tps?://~i", $url)) {
|
|
$url = "https://" . $url;
|
|
}
|
|
return $url;
|
|
}
|
|
|
|
function mobilizon_query($baseURL, $query) {
|
|
// Get API-endpoint from Instance URL
|
|
$url_array = array($baseURL, "api");
|
|
array_walk_recursive($url_array, 'stripTrailingSlash');
|
|
$endpoint = implode('/', $url_array);
|
|
$endpoint = addhttp($endpoint);
|
|
|
|
// Define default GraphQL headers
|
|
$headers = ['Content-Type: application/json', 'User-Agent: Minimal GraphQL client'];
|
|
$body = array ('query' => $query);
|
|
$args = array(
|
|
'body' => $body,
|
|
'headers' => $headers,
|
|
);
|
|
|
|
// Send HTTP-Query and return the response
|
|
return(wp_remote_post($endpoint, $args));
|
|
}
|
|
|
|
ob_start();
|
|
function block_render_callback($attributes, $content) {
|
|
// var_dump($attributes); // Debugging only
|
|
// Check if we are supposed to render anything at all
|
|
if (array_key_exists("mobilizonInputFieldIsValid", $attributes) && $attributes["mobilizonInputFieldIsValid"]) {
|
|
// Set the string which limits how many events are queriend at maximum
|
|
if (isset($attributes['mobilizonEventLimit']) && ($attributes['mobilizonEventLimit'] != 0)) {
|
|
$limit = $attributes['mobilizonEventLimit'];
|
|
$limit = "(limit: ${limit})";
|
|
} else {
|
|
$limit = "";
|
|
}
|
|
}
|
|
|
|
// Get if we are getting the events of a group only, or not
|
|
// This is changes the way we query the events, as well as we parse the reponse array
|
|
if (isset($attributes['mobilizonGroupName']) && $attributes['mobilizonGroupName'] != '' ) {
|
|
$filter_by_group = True;
|
|
} else {
|
|
$filter_by_group = False;
|
|
}
|
|
|
|
// Define query string
|
|
// The query quite differs, if we query only the events of a certain group
|
|
if ($filter_by_group) {
|
|
$groupName = $attributes['mobilizonGroupName'];
|
|
$query = "query {
|
|
group (preferredUsername: \"${groupName}\") {
|
|
organizedEvents ${limit} {
|
|
elements {
|
|
id,
|
|
updatedAt,
|
|
title,
|
|
url,
|
|
beginsOn,
|
|
endsOn,
|
|
description,
|
|
attributedTo {
|
|
name,
|
|
url
|
|
},
|
|
organizerActor {
|
|
name,
|
|
url
|
|
},
|
|
onlineAddress,
|
|
picture {
|
|
url
|
|
},
|
|
physicalAddress {
|
|
postalCode,
|
|
description,
|
|
locality,
|
|
street
|
|
}
|
|
},
|
|
total
|
|
}
|
|
}
|
|
}
|
|
";
|
|
}
|
|
else {
|
|
$query = "query {
|
|
events ${limit} {
|
|
elements {
|
|
id,
|
|
updatedAt,
|
|
url,
|
|
title,
|
|
beginsOn,
|
|
endsOn,
|
|
status,
|
|
description,
|
|
attributedTo {
|
|
name,
|
|
url
|
|
},
|
|
organizerActor {
|
|
name,
|
|
url
|
|
},
|
|
onlineAddress,
|
|
picture {
|
|
url
|
|
},
|
|
physicalAddress {
|
|
postalCode,
|
|
description,
|
|
locality,
|
|
street
|
|
}
|
|
},
|
|
total
|
|
}
|
|
}
|
|
";
|
|
}
|
|
|
|
// Execute the event query to the mobilizon instance
|
|
$response = mobilizon_query($attributes['mobilizonBaseURL'], $query);
|
|
|
|
// Check if the HTTP-Query was successful, if not do nothing?
|
|
if ( wp_remote_retrieve_response_code( $response ) != 200 ) {
|
|
return ob_get_clean();;
|
|
}
|
|
|
|
// Extract the events as an array from the query's response body
|
|
$body = json_decode(wp_remote_retrieve_body( $response ), true);
|
|
if ($filter_by_group) {
|
|
$events = $body['data']['group']['organizedEvents']['elements'];
|
|
} else {
|
|
$events = $body['data']['events']['elements'];
|
|
}
|
|
|
|
// Display the event-array in as html list
|
|
echo '<ul class="wp-block-cgb-block-mobilizon">';
|
|
// Loop through each event
|
|
$event_index = 0;
|
|
foreach ($events as $event) {
|
|
$event_index = $event_index + 1;
|
|
echo '<li>';
|
|
// start of modal with the description
|
|
echo '<a href="#modal-'.$event_index.'">';
|
|
echo '<time>';
|
|
$start_datetime = strtotime($event['beginsOn']);
|
|
echo date_i18n( 'D, d. M. Y, G:i', $start_datetime );
|
|
echo '</time>';
|
|
echo '<h3>';
|
|
echo $event['title'];
|
|
echo '</h3>';
|
|
if ( !isset( $attributes['mobilizonShowHeaderImage'] ) ) {
|
|
if ( isset( $event['picture']['url'] ) ){
|
|
$response = wp_remote_get( $event['picture']['url'] );
|
|
$http_code = wp_remote_retrieve_response_code( $response );
|
|
if ($http_code == 200) {
|
|
$imageData = base64_encode( wp_remote_retrieve_body( $response ) );
|
|
echo '<img src="data:image/jpeg;base64,'.$imageData.'">';
|
|
}
|
|
}
|
|
}
|
|
// Get Details if present
|
|
if (isset($event['physicalAddress'])) {
|
|
$locality_description = $event['physicalAddress']['description'];
|
|
$locality_street = $event['physicalAddress']['street'];
|
|
$locality_city = $event['physicalAddress']['postalCode'] . $event['physicalAddress']['locality'];;
|
|
}
|
|
else {
|
|
$locality_street = "";
|
|
$locality_description = "No location set";
|
|
$locality_city = "";
|
|
}
|
|
$locality = join("<br>",array_filter(array($locality_description,$locality_street,$locality_city)));
|
|
|
|
if (isset($event['onlineAddress'])) {
|
|
$online_adress = $event['onlineAddress'];
|
|
$online_addres_host = parse_url($online_adress, PHP_URL_HOST);
|
|
}
|
|
else {
|
|
$online_adress = "";
|
|
$online_addres_host = "";
|
|
}
|
|
if (isset($event['attributedTo'])) {
|
|
$organizer_name = $event['attributedTo']['name'];
|
|
$organizer_url = $event['attributedTo']['url'];
|
|
}
|
|
else {
|
|
$organizer_name = $event['organizerActor']['name'];
|
|
$organizer_url = $event['organizerActor']['url'];
|
|
}
|
|
|
|
|
|
$date = date_i18n( 'D, d. M. Y', $start_datetime);
|
|
$start = date_i18n(' G:i ', $start_datetime);
|
|
$end = date_i18n('G:i', strtotime($event['endsOn']));
|
|
|
|
$description = $event['description'];
|
|
$description_modal = '<div class="modal modal-lg" id="modal-'.$event_index.'">
|
|
<a href="#close" class="modal-overlay" aria-label="Close"></a>
|
|
<div class="modal-container">
|
|
<div class="modal-header">
|
|
<a href="#close" class="btn-clear float-right" aria-label="Close"></a>
|
|
<div class="modal-title h3">'.$event['title'].'</div>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="event-description-wrapper">
|
|
<aside class="event-metadata">
|
|
<h4>Place</h4>
|
|
<div class="eventMetaDataBlock">
|
|
'.$locality.'
|
|
</div>
|
|
<h4>Date and Time</h4>
|
|
<div class="eventMetaDataBlock">
|
|
'.$date.' from '.$start.' to '.$end.'
|
|
</div>
|
|
<h4>Organised by</h4>
|
|
<div class="eventMetaDataBlock">
|
|
<a href="'.$organizer_url.'" target="blank">'.$organizer_name.' </a>
|
|
</div>
|
|
<h4>Website</h4>
|
|
<div class="eventMetaDataBlock">
|
|
<a href="'.$online_adress.' target="blank">'.$online_addres_host.'</a>
|
|
</div>
|
|
</aside>
|
|
<div class="event-description">
|
|
'.$event['description'].'
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="'.$event['url'].'" target=blank">Go to original Mobilizon-Event</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
';
|
|
echo $description_modal;
|
|
echo '</a>'; // end of the description modal
|
|
echo '</li>';
|
|
}
|
|
echo '</ul>';
|
|
return ob_get_clean();
|
|
}
|
|
|
|
function mobilizon_cgb_block_assets() { // phpcs:ignore
|
|
// Register block styles for both frontend + backend.
|
|
wp_register_style(
|
|
'mobilizon-cgb-style-css', // Handle.
|
|
plugins_url( 'dist/blocks.style.build.css', dirname( __FILE__ ) ), // Block style CSS.
|
|
is_admin() ? array( 'wp-editor' ) : null, // Dependency to include the CSS after it.
|
|
null // filemtime( plugin_dir_path( __DIR__ ) . 'dist/blocks.style.build.css' ) // Version: File modification time.
|
|
);
|
|
|
|
// Register block editor script for backend.
|
|
wp_register_script(
|
|
'mobilizon-cgb-block-js', // Handle.
|
|
plugins_url( '/dist/blocks.build.js', dirname( __FILE__ ) ), // Block.build.js: We register the block here. Built with Webpack.
|
|
array( 'wp-blocks', 'wp-i18n', 'wp-element', 'wp-editor' ), // Dependencies, defined above.
|
|
null, // filemtime( plugin_dir_path( __DIR__ ) . 'dist/blocks.build.js' ), // Version: filemtime — Gets file modification time.
|
|
true // Enqueue the script in the footer.
|
|
);
|
|
|
|
// Register block editor styles for backend.
|
|
wp_register_style(
|
|
'mobilizon-cgb-block-editor-css', // Handle.
|
|
plugins_url( 'dist/blocks.editor.build.css', dirname( __FILE__ ) ), // Block editor CSS.
|
|
array( 'wp-edit-blocks' ), // Dependency to include the CSS after it.
|
|
null // filemtime( plugin_dir_path( __DIR__ ) . 'dist/blocks.editor.build.css' ) // Version: File modification time.
|
|
);
|
|
|
|
// WP Localized globals. Use dynamic PHP stuff in JavaScript via `cgbGlobal` object.
|
|
wp_localize_script(
|
|
'mobilizon-cgb-block-js',
|
|
'cgbGlobal', // Array containing dynamic data for a JS Global.
|
|
[
|
|
'pluginDirPath' => plugin_dir_path( __DIR__ ),
|
|
'pluginDirUrl' => plugin_dir_url( __DIR__ ),
|
|
// Add more data here that you want to access from `cgbGlobal` object.
|
|
]
|
|
);
|
|
|
|
/**
|
|
* Register Gutenberg block on server-side.
|
|
*
|
|
* Register the block on server-side to ensure that the block
|
|
* scripts and styles for both frontend and backend are
|
|
* enqueued when the editor loads.
|
|
*
|
|
* @link https://wordpress.org/gutenberg/handbook/blocks/writing-your-first-block-type#enqueuing-block-scripts
|
|
* @since 1.16.0
|
|
*/
|
|
register_block_type(
|
|
'cgb/block-mobilizon', array(
|
|
// Enqueue blocks.style.build.css on both frontend & backend.
|
|
'style' => 'mobilizon-cgb-style-css',
|
|
// Enqueue blocks.build.js in the editor only.
|
|
'editor_script' => 'mobilizon-cgb-block-js',
|
|
// Enqueue blocks.editor.build.css in the editor only.
|
|
'editor_style' => 'mobilizon-cgb-block-editor-css',
|
|
'render_callback' => 'block_render_callback',
|
|
)
|
|
);
|
|
|
|
}
|
|
|
|
// Hook: Block assets.
|
|
add_action( 'init', 'mobilizon_cgb_block_assets' );
|