Lovro Hrust Lovor01

Modal dialog with form (or other element longer than dialog) on mobile device

HTML Requirements:

outer container element
inner content element

CSS

outer element position: fixed
inner element position: absolute

Eleventy tricks

set environment variable and run on windows

set var_name=blabla& npm run tralala

for cross system

We need cros-env then we can proceed Unix-way cross-env ELEVENTY_ENV=development eleventy --serve

Clean revisions

wp revisions dump --hard

without revisions addon

wp post delete $(wp post list --post_type='revision' --format=ids) --force

Block structure

Block object

{
  "clientId": "fcbeb231-6bf8-48a2-ac38-38d7f1919018",
  "name": "makeiteasy/schedule",
  "isValid": true,
  "validationIssues": [],
 "originalContent": "block content",

This does not work!

document.body.append('<script src="https://www.google.com/recaptcha/api.js"></script>');

String is injected into the DOM, but script is not executed.

This does work!

Report block details

List block types

wp.blocks.getBlockTypes()

List block categories

wp.blocks.getCategories()

Find largest transients

SELECT LENGTH(option_value), option_name FROM wp_options WHERE autoload='yes' ORDER BY length(option_value) DESC LIMIT 20;

<?php the_permalink( url_to_postid( 'legal-information' ) ); ?>

SQL:

Run SQL and Run results :)

SET @DATABASE_NAME = 'name_of_your_db';

SELECT  CONCAT('ALTER TABLE `', table_name, '` ENGINE=InnoDB;') AS sql_statements
FROM    information_schema.tables AS tb
WHERE table_schema = @DATABASE_NAME

	/**
	* Transitions from and to display-none do not work without JS
	* helper function to do transitions and hide/show element after or before
	* made global, so it can be used in other scripts
	* @param {HTMLElement} parentElement parent element which gets toggled class
	* @param {HTMLElement} actionElement action element which is hidden and shown and has transition
	* @param {callable} callable show element
	*/
	window.transitionHelper = function (parentElement, actionElement, callable) {
	if (! parentElement.classList.contains('toggled')) {