import { __ } from '@wordpress/i18n';
import { speak } from '@wordpress/a11y';
import { SELECTORS } from './constants';
import API from './classes/api';
import ControlSync from './classes/control/control-sync';
import ControlStates from './classes/control/control-states';
import ControlMeta from './classes/control/control-meta';
import OptimizationDetails from './classes/optimization-details';
class OptimizationControl {
constructor() {
this.controlSyncRequestInProgress = false;
this.init();
this.controlSync = new ControlSync();
}
init() {
this.initEventListeners();
setInterval( () => this.runStatusCheckLoop(), 5000 );
}
async runStatusCheckLoop() {
if ( this.controlSyncRequestInProgress ) {
return;
}
this.controlSyncRequestInProgress = true;
await this.controlSync.run();
this.controlSyncRequestInProgress = false;
}
initEventListeners() {
document.addEventListener( 'click', ( e ) => this.handleOptimizeButtonClick( e ) );
document.addEventListener( 'click', ( e ) => this.handleReoptimizeButtonClick( e ) );
document.addEventListener( 'click', ( e ) => this.handleRestoreButtonClick( e ) );
document.addEventListener( 'click', ( e ) => this.handleOptimizationDetailsOpen( e ) );
document.addEventListener( 'click', ( e ) => this.handleOptimizationDetailsClick( e ) );
}
async handleOptimizeButtonClick( e ) {
if ( ! e.target.closest( `${ SELECTORS.optimizeButtonSelector }, ${ SELECTORS.tryAgainOptimizeButtonSelector }` ) ) {
return;
}
speak( __( 'Optimization is in progress', 'image-optimization' ), 'assertive' );
const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
const states = new ControlStates( controlWrapper );
states.renderLoading( 'optimize' );
try {
controlWrapper.dataset.isFrozen = true;
await API.optimizeSingleImage( {
imageId: new ControlMeta( controlWrapper ).getImageId(),
reoptimize: false,
} );
} catch ( error ) {
states.renderError( error );
}
}
async handleReoptimizeButtonClick( e ) {
if ( ! e.target.closest( `${ SELECTORS.reoptimizeButtonSelector }, ${ SELECTORS.tryAgainReoptimizeButtonSelector }` ) ) {
return;
}
speak( __( 'Reoptimizing is in progress', 'image-optimization' ), 'assertive' );
const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
const states = new ControlStates( controlWrapper );
states.renderLoading( 'reoptimize' );
try {
controlWrapper.dataset.isFrozen = true;
await API.optimizeSingleImage( {
imageId: new ControlMeta( controlWrapper ).getImageId(),
reoptimize: true,
} );
} catch ( error ) {
states.renderError( error );
}
}
async handleRestoreButtonClick( e ) {
if ( ! e.target.closest( `${ SELECTORS.restoreButtonSelector }, ${ SELECTORS.tryAgainRestoreButtonSelector }` ) ) {
return;
}
speak( __( 'Image restoring is in progress', 'image-optimization' ), 'assertive' );
const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
const states = new ControlStates( controlWrapper );
states.renderLoading( 'restore' );
try {
controlWrapper.dataset.isFrozen = true;
await API.restoreSingleImage( new ControlMeta( controlWrapper ).getImageId() );
} catch ( error ) {
states.renderError( error );
}
}
async handleOptimizationDetailsOpen( e ) {
if ( ! e.target.closest( `${ SELECTORS.optimizationDetailsButtonSelector }` ) ) {
return;
}
const controlWrapper = e.target.closest( SELECTORS.controlWrapperSelector );
const imageId = new ControlMeta( controlWrapper ).getImageId();
try {
OptimizationDetails.initModal();
OptimizationDetails.renderLoading();
const details = await API.getOptimizationDetails( imageId );
OptimizationDetails.openModal();
OptimizationDetails.renderData( imageId, details );
} catch ( error ) {
OptimizationDetails.openModal();
OptimizationDetails.renderError( error.message );
}
}
async handleOptimizationDetailsClick( e ) {
if ( ! e.target.closest( `${ SELECTORS.optimizationDetailsOptimizeButtonSelector }` ) ) {
return;
}
const imageId = parseInt( e.target.dataset?.imageId, 10 );
await API.optimizeSingleImage( { imageId } );
const controlWrapper = document.querySelector( `.image-optimization-control[data-image-optimization-image-id="${ imageId }"]` );
if ( controlWrapper ) {
new ControlStates( controlWrapper ).renderLoading( 'optimize' );
}
OptimizationDetails.closeModal();
}
}
export default OptimizationControl;
{
"name": "woocommerce/product-image",
"title": "Product Image",
"description": "Display the main product image.",
"category": "woocommerce-product-elements",
"attributes": {
"showProductLink": { "type": "boolean", "default": true },
"showSaleBadge": { "type": "boolean", "default": true },
"saleBadgeAlign": { "type": "string", "default": "right" },
"imageSizing": { "type": "string", "default": "single" },
"productId": { "type": "number", "default": 0 },
"isDescendentOfQueryLoop": { "type": "boolean", "default": false },
"isDescendentOfSingleProductBlock": {
"type": "boolean",
"default": false
},
"width": { "type": "string" },
"height": { "type": "string" },
"scale": { "type": "string", "default": "cover" },
"aspectRatio": { "type": "string" }
},
"supports": {
"interactivity": {
"clientNavigation": true
},
"html": false,
"__experimentalBorder": {
"radius": true,
"__experimentalSkipSerialization": true
},
"typography": {
"fontSize": true,
"__experimentalSkipSerialization": true
},
"spacing": {
"margin": true,
"padding": true
},
"dimensions": {
"aspectRatio": true,
"__experimentalSkipSerialization": true
},
"email": true
},
"selectors": {
"root": ".wp-block-woocommerce-product-image.wc-block-components-product-image, .wp-block-woocommerce-product-image .wc-block-components-product-image"
},
"ancestor": [
"woocommerce/all-products",
"woocommerce/single-product",
"woocommerce/product-template",
"core/post-template"
],
"usesContext": [ "imageId", "postId", "query", "queryId" ],
"keywords": [ "WooCommerce" ],
"textdomain": "woocommerce",
"apiVersion": 3,
"$schema": "https://schemas.wp.org/trunk/block.json"
}
Les Filles du Thé - Part 2
Aller au contenu
Bonjour à toutes et à tous très chers Amithés ! Voici un article un peu particulier. Nous avons décidé de participer, à ce que nous appelons entre blogueurs, à un “Carnaval d’Articles”. C’est Laetitia du Blog Mission : Detox qui en est à l’initiative. L’objectif de cet évènement est de vous donner un maximum d’informations, … Lire la suite Le goût du gras… une nouvelle saveur ! Peut-on la retrouver dans le Thé ? Ou peut-elle aller se « Gras Thé » ?
Catégories articles , carnaval d'articles , Evénement Étiquettes acide , acides gras , amer , graisses , matières grasses , oléogustus , salé , saveurs , sucré , thé , umami , wulong
Célèbres pour la qualité de leur Thés Fermentés, c’est à travers le monde que les Darjeeling jouissent d’une réputation prestigieuse. Chaque année, les récoltes apporteront des notes différentes résultant des conditions climatiques et des paramètres de transformation. Photo de Rajib Darjeeling, un Paradis pour le Camelia Sinensis ! Darjeeling est une région montagneuse qui “subit” … Lire la suite Darjeeling : les 4 indispensables pour choisir un Champagne des Thés plutôt qu’un Champony !
Bonjour à vous très chers Amithés ! Champagne ! Pour accompagner la lecture de ce nouvel article qui vous plonge au cœur des contreforts de l’Himalaya ! Avant de prendre la route, un peu d’histoire ou comment l’Inde est devenue le pays incontournable en terme de production de Thé et notamment celui qui nous livre … Lire la suite Darjeeling, une ville, une région, des Thés, un Champagne et une histoire !
Bonjour très cher(e)s AmiThés ! L’Otaku, “ Thé et Mangas jusqu’au bout des doigts” n’est pas seulement un super salon de Thé Lillois, c’est aussi un lieu qui permet d’échanger ! En effet, Les Filles du Thé ont été contactées par Alex de WeskyTV pour une interview ! Alex avait trouvé notre carte et Vianney … Lire la suite Retour à l’Otaku pour l’interview d’une des Filles du Thé par Weskhy TV !
Bonjour à vous, Très Cher(e)s AmiThés ! Dans cet article, vous trouverez quelques vérithés sur les propriétés du Thé Vert de Chine et d’ailleurs. “ Le Thé vert soulage la Fatigue, fortifie la volonté, délecte l’âme et ranime la vue” tiré du Traité des plantes de Sheng Nong. Légende et Histoire sur les propriétés du … Lire la suite Toute la vérithé sur les propriétés du Thé Vert !
Catégories Le challenge 2 Étiquettes antioxydant , bienfaits , catechine , chine , dents , fluor , Michel Cymes , polyphénol , pr Joyeux , santé , tanins , thé vert
Navigation des articles