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; thé | Les Filles du Thé

Un fondant aux Azukis façon les Filles du Thé

Une nouvelle recette sans gluten, sans lait animal, pour les fins gourmets et Gourmands aussi ! Et oui, ce n’est pas parce que l’on ne mange pas de gluten et pas de protéines de lait que l’on ne peut pas se régaler ! Pour passer un bon moment avec un Fondant aux Azukis et rester en … Lire la suite Un fondant aux Azukis façon les Filles du Thé

le-gasmatcha-concombre-matcha-recette-les-filles-du-the

Le Five Minutes Gasmatcha ? Qu’est-ce-que c’est que ça ?

Bonjour à toutes et à tous, très chers Amithés Voici une nouvelle recette fraicheur, facile et rapide, signée les Filles du Thé ! Pourquoi le Gasmatcha ? Le Gasmatcha, c’est la contraction de Gaspacho et de Matcha, c’est donc une “soupe froide” agrémentée de Matcha ! Tout simplement ! Nous nous sommes dit qu’ajouter du … Lire la suite Le Five Minutes Gasmatcha ? Qu’est-ce-que c’est que ça ?

oleogutus-gout-grs-les-filles-du-the_thumb

Le goût du gras… une nouvelle saveur ! Peut-on la retrouver dans le Thé ? Ou peut-elle aller se « Gras Thé » ?

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é » ?

interview-les-filles-du-the-weskhytv-otaku-lille

Retour à l’Otaku pour l’interview d’une des Filles du Thé par Weskhy TV !

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 !

le-parti-du-th-les-filles-du-th

Le Parti du Thé ou le Paradis des Thés Japonais

Bonjour à vous, nos très chers Amis Thé ! Aujourd’hui, il est question de partager avec vous une très belle rencontre ! Interpelée par le Parti du Thé C’est sur le SIAL en novembre 2016, dans le pavillon du Japon, que j’ai (Mylène) pu profiter de l’Instant Japonais ! Préparés dans la tradition Japonaise : … Lire la suite Le Parti du Thé ou le Paradis des Thés Japonais