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; Une Fin d'année très Chakaiclub pour les Filles du Thé | Les Filles du Thé
premiere-video

Une Fin d’année très Chakaiclub pour les Filles du Thé !

Bonjour à toutes et à tous !

Nous ne pouvions terminer l’année sans vous faire un petit récapitulatif des 24 sélections Chakaiclub qui ont composées le calendrier de l’avent 2016.

Calendrier de l’avent et cadeau d’anniversaire de Juliette à Mylène ! Et aussi l’objet de notre première vidéo !

Voici la sélection en image !

1-chakaiclub-les-filles-du-thé 

2-chakaiclub-les-filles-du-thé3-chakaiclub-les-filles-du-thé

4-chakaiclub-les-filles-du-thé5-chakaiclub-les-filles-du-thé6-chakaiclub-les-filles-du-thé7-chakaiclub-les-filles-du-thé

8-chakaiclub-les-filles-du-thé9-chakaiclub-les-filles-du-thé (2)10-chakaiclub-les-filles-du-thé11-chakaiclub-les-filles-du-thé12-chakaiclub-les-filles-du-thé13-chakaiclub-les-filles-du-thé

14-chakaiclub-les-filles-du-thé15-chakaiclub-les-filles-du-thé16-chakaiclub-les-filles-du-the17-chakaiclub-les-filles-du-thé18-chakaiclub-les-filles-du-thé19-chakaiclub-les-filles-du-thé

20-chakaiclub-les-filles-du-thé (2)21-chakaiclub-les-filles-du-thé22-chakaiclub-les-filles-du-thé23-chakaiclub-les-filles-du-thé

24-chakaiclub-les-filles-du-thé

Un véritable plaisir, pour nous, d’avoir présenté cette très belle sélection signée Chakaiclub, en collaboration avec la Quintessence du Thé pour certains Thés Natures.

Il nous a permis de passer décembre au chaud par la même occasion avec de très belles découvertes  !

Vivement l’année prochaine !

Nous vous souhaitons une très belle fin d’année !

Les Filles du Thé !

Laisser un commentaire