changement setup

This commit is contained in:
Jean-Philippe Staelen 2026-01-15 16:31:39 +01:00
parent 5c49216bb8
commit f1fd1fe101

View File

@ -22,148 +22,111 @@ $settings_status = \ESI_PEPPOL\controllers\PEPPOL_Plugin::check_settings_status(
); ?> ); ?>
</p> </p>
<!-- Setup guidé --> <!-- Setup guidé - Timeline -->
<div class="esi-peppol-setup-guide"> <div class="esi-peppol-setup-guide">
<h2 class="esi-peppol-setup-title"><?php esc_html_e('Configuration du connecteur', 'esi_peppol'); ?></h2> <h2 style="margin-bottom: 30px;"><?php esc_html_e('Configuration du connecteur', 'esi_peppol'); ?></h2>
<!-- Étape 1: Numéro TVA boutique --> <!-- Étape 1: Numéro TVA boutique -->
<div class="esi-peppol-setup-step <?php echo $settings_status['vat_number']['completed'] ? 'completed' : 'pending'; ?>"> <div class="step <?php echo $settings_status['vat_number']['completed'] ? 'is-done' : ''; ?>"
<div class="esi-peppol-step-header"> data-step="<?php echo $settings_status['vat_number']['completed'] ? '✓' : '1'; ?>">
<div class="esi-peppol-step-number"> <div class="step-card">
<?php if ($settings_status['vat_number']['completed']) : ?> <h3><?php echo esc_html($settings_status['vat_number']['label']); ?></h3>
<span class="esi-peppol-check-icon"></span> <p><?php echo esc_html($settings_status['vat_number']['description']); ?></p>
<?php else : ?> <?php if ($settings_status['vat_number']['completed']) : ?>
<span>1</span> <div class="step-value">
<?php endif; ?> <strong><?php esc_html_e('Valeur configurée :', 'esi_peppol'); ?></strong>
</div> <code><?php echo esc_html($settings_status['vat_number']['value']); ?></code>
<div class="esi-peppol-step-content"> </div>
<h3 class="esi-peppol-step-title"><?php echo esc_html($settings_status['vat_number']['label']); ?></h3> <?php else : ?>
<p class="esi-peppol-step-description"><?php echo esc_html($settings_status['vat_number']['description']); ?></p> <a href="<?php echo esc_url($settings_status['vat_number']['action_url']); ?>" class="button button-primary">
<?php if ($settings_status['vat_number']['completed']) : ?> <?php echo esc_html($settings_status['vat_number']['action_label']); ?>
<div class="esi-peppol-step-value"> </a>
<strong><?php esc_html_e('Valeur configurée :', 'esi_peppol'); ?></strong> <?php endif; ?>
<code><?php echo esc_html($settings_status['vat_number']['value']); ?></code>
</div>
<?php else : ?>
<a href="<?php echo esc_url($settings_status['vat_number']['action_url']); ?>" class="button button-primary">
<?php echo esc_html($settings_status['vat_number']['action_label']); ?>
</a>
<?php endif; ?>
</div>
</div> </div>
</div> </div>
<!-- Étape 2: Champ TVA client --> <!-- Étape 2: Champ TVA client -->
<div class="esi-peppol-setup-step <?php echo $settings_status['vat_field']['completed'] ? 'completed' : 'pending'; ?>"> <div class="step <?php echo $settings_status['vat_field']['completed'] ? 'is-done' : ''; ?>"
<div class="esi-peppol-step-header"> data-step="<?php echo $settings_status['vat_field']['completed'] ? '✓' : '2'; ?>">
<div class="esi-peppol-step-number"> <div class="step-card">
<?php if ($settings_status['vat_field']['completed']) : ?> <h3><?php echo esc_html($settings_status['vat_field']['label']); ?></h3>
<span class="esi-peppol-check-icon"></span> <p><?php echo esc_html($settings_status['vat_field']['description']); ?></p>
<?php else : ?> <?php if ($settings_status['vat_field']['completed']) : ?>
<span>2</span> <div class="step-value">
<?php endif; ?> <strong><?php esc_html_e('Champ détecté :', 'esi_peppol'); ?></strong>
</div> <code><?php echo esc_html($settings_status['vat_field']['value']); ?></code>
<div class="esi-peppol-step-content"> </div>
<h3 class="esi-peppol-step-title"><?php echo esc_html($settings_status['vat_field']['label']); ?></h3> <?php else : ?>
<p class="esi-peppol-step-description"><?php echo esc_html($settings_status['vat_field']['description']); ?></p> <a href="<?php echo esc_url($settings_status['vat_field']['action_url']); ?>" class="button button-primary">
<?php if ($settings_status['vat_field']['completed']) : ?> <?php echo esc_html($settings_status['vat_field']['action_label']); ?>
<div class="esi-peppol-step-value"> </a>
<strong><?php esc_html_e('Champ détecté :', 'esi_peppol'); ?></strong> <?php endif; ?>
<code><?php echo esc_html($settings_status['vat_field']['value']); ?></code>
</div>
<?php else : ?>
<a href="<?php echo esc_url($settings_status['vat_field']['action_url']); ?>" class="button button-primary">
<?php echo esc_html($settings_status['vat_field']['action_label']); ?>
</a>
<?php endif; ?>
</div>
</div> </div>
</div> </div>
<!-- Étape 3: Identifiants API --> <!-- Étape 3: Identifiants API -->
<div class="esi-peppol-setup-step <?php echo $settings_status['api_credentials']['completed'] ? 'completed' : 'pending'; ?>"> <div class="step <?php echo $settings_status['api_credentials']['completed'] ? 'is-done' : ''; ?>"
<div class="esi-peppol-step-header"> data-step="<?php echo $settings_status['api_credentials']['completed'] ? '✓' : '3'; ?>">
<div class="esi-peppol-step-number"> <div class="step-card">
<?php if ($settings_status['api_credentials']['completed']) : ?> <h3><?php echo esc_html($settings_status['api_credentials']['label']); ?></h3>
<span class="esi-peppol-check-icon"></span> <p><?php echo esc_html($settings_status['api_credentials']['description']); ?></p>
<?php else : ?> <?php if ($settings_status['api_credentials']['completed']) : ?>
<span>3</span> <div class="step-value">
<?php endif; ?> <strong><?php esc_html_e('Clé API configurée :', 'esi_peppol'); ?></strong>
</div> <code><?php echo esc_html($settings_status['api_credentials']['value']); ?></code>
<div class="esi-peppol-step-content"> </div>
<h3 class="esi-peppol-step-title"><?php echo esc_html($settings_status['api_credentials']['label']); ?></h3> <?php else : ?>
<p class="esi-peppol-step-description"><?php echo esc_html($settings_status['api_credentials']['description']); ?></p> <a href="<?php echo esc_url($settings_status['api_credentials']['action_url']); ?>" class="button button-primary">
<?php if ($settings_status['api_credentials']['completed']) : ?> <?php echo esc_html($settings_status['api_credentials']['action_label']); ?>
<div class="esi-peppol-step-value"> </a>
<strong><?php esc_html_e('Clé API configurée :', 'esi_peppol'); ?></strong> <?php endif; ?>
<code><?php echo esc_html($settings_status['api_credentials']['value']); ?></code>
</div>
<?php else : ?>
<a href="<?php echo esc_url($settings_status['api_credentials']['action_url']); ?>" class="button button-primary">
<?php echo esc_html($settings_status['api_credentials']['action_label']); ?>
</a>
<?php endif; ?>
</div>
</div> </div>
</div> </div>
<!-- Étape 4: Webhook --> <!-- Étape 4: Webhook -->
<div class="esi-peppol-setup-step esi-peppol-step-no-check"> <div class="step" data-step="4">
<div class="esi-peppol-step-header"> <div class="step-card">
<div class="esi-peppol-step-number"> <h3><?php echo esc_html($settings_status['webhook']['label']); ?></h3>
<span>4</span> <p><?php echo esc_html($settings_status['webhook']['description']); ?></p>
</div> <div class="esi-peppol-webhook-display">
<div class="esi-peppol-step-content"> <code class="esi-peppol-webhook-url"><?php echo esc_html($settings_status['webhook']['value']); ?></code>
<h3 class="esi-peppol-step-title"><?php echo esc_html($settings_status['webhook']['label']); ?></h3> <button type="button" class="button button-small esi-peppol-copy-webhook-url" data-copy-text="<?php echo esc_attr($settings_status['webhook']['value']); ?>">
<p class="esi-peppol-step-description"><?php echo esc_html($settings_status['webhook']['description']); ?></p> <?php esc_html_e('Copier', 'esi_peppol'); ?>
<div class="esi-peppol-webhook-display"> </button>
<code class="esi-peppol-webhook-url"><?php echo esc_html($settings_status['webhook']['value']); ?></code>
<button type="button" class="button button-small esi-peppol-copy-webhook-url" data-copy-text="<?php echo esc_attr($settings_status['webhook']['value']); ?>">
<?php esc_html_e('Copier', 'esi_peppol'); ?>
</button>
</div>
<p class="esi-peppol-step-note">
<?php
printf(
wp_kses_post(
/* translators: %s: URL de la documentation */
__('Configurez cette URL dans votre profil d\'entreprise sur <a href="%s" target="_blank" rel="noopener noreferrer">https://peppol.esi-web.be/</a>', 'esi_peppol')
),
esc_url('https://peppol.esi-web.be/')
);
?>
</p>
</div> </div>
<p class="step-note">
<?php
printf(
wp_kses_post(
/* translators: %s: URL de la documentation */
__('Configurez cette URL dans votre profil d\'entreprise sur <a href="%s" target="_blank" rel="noopener noreferrer">https://peppol.esi-web.be/</a>', 'esi_peppol')
),
esc_url('https://peppol.esi-web.be/')
);
?>
</p>
</div> </div>
</div> </div>
<!-- Étape 5: Email (optionnel) --> <!-- Étape 5: Email (optionnel) -->
<div class="esi-peppol-setup-step esi-peppol-step-optional <?php echo $settings_status['email']['completed'] ? 'completed' : 'pending'; ?>"> <div class="step <?php echo $settings_status['email']['completed'] ? 'is-done' : ''; ?>"
<div class="esi-peppol-step-header"> data-step="<?php echo $settings_status['email']['completed'] ? '✓' : '5'; ?>">
<div class="esi-peppol-step-number"> <div class="step-card">
<?php if ($settings_status['email']['completed']) : ?> <h3>
<span class="esi-peppol-check-icon"></span> <?php echo esc_html($settings_status['email']['label']); ?>
<?php else : ?> <span style="font-size: 12px; font-weight: normal; opacity: 0.8;">(<?php esc_html_e('Optionnel', 'esi_peppol'); ?>)</span>
<span>5</span> </h3>
<?php endif; ?> <p><?php echo esc_html($settings_status['email']['description']); ?></p>
</div> <?php if ($settings_status['email']['completed']) : ?>
<div class="esi-peppol-step-content"> <div class="step-value">
<h3 class="esi-peppol-step-title"> <strong><?php esc_html_e('Email configuré :', 'esi_peppol'); ?></strong>
<?php echo esc_html($settings_status['email']['label']); ?> <code><?php echo esc_html($settings_status['email']['value']); ?></code>
<span class="esi-peppol-optional-badge"><?php esc_html_e('Optionnel', 'esi_peppol'); ?></span> </div>
</h3> <?php else : ?>
<p class="esi-peppol-step-description"><?php echo esc_html($settings_status['email']['description']); ?></p> <a href="<?php echo esc_url($settings_status['email']['action_url']); ?>" class="button button-secondary">
<?php if ($settings_status['email']['completed']) : ?> <?php echo esc_html($settings_status['email']['action_label']); ?>
<div class="esi-peppol-step-value"> </a>
<strong><?php esc_html_e('Email configuré :', 'esi_peppol'); ?></strong> <?php endif; ?>
<code><?php echo esc_html($settings_status['email']['value']); ?></code>
</div>
<?php else : ?>
<a href="<?php echo esc_url($settings_status['email']['action_url']); ?>" class="button button-secondary">
<?php echo esc_html($settings_status['email']['action_label']); ?>
</a>
<?php endif; ?>
</div>
</div> </div>
</div> </div>
</div> </div>