changement setup
This commit is contained in:
parent
5c49216bb8
commit
f1fd1fe101
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user