GBP Audit: simple user-friendly reviews message

Replace technical scoring breakdown with simple messages:
- 0 reviews: "Poproś klientów o opinię"
- Partial: "Dobry początek! Zbierz więcej opinii"
- Full score: "Doskonale! Masz maksymalną punktację"

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-01-09 04:28:13 +01:00
parent d44df3b104
commit a25767e49c

View File

@ -269,57 +269,28 @@
text-align: right;
}
.field-scoring-info {
.field-scoring-info.reviews-scoring {
margin-top: var(--spacing-sm);
padding: var(--spacing-sm);
background: var(--bg-tertiary);
border-radius: var(--radius-sm);
font-size: var(--font-size-xs);
font-size: var(--font-size-sm);
}
.field-scoring-info.reviews-scoring {
border-left: 3px solid var(--primary);
.scoring-message {
display: block;
}
.scoring-header {
display: flex;
align-items: center;
gap: var(--spacing-xs);
color: var(--primary);
font-weight: 600;
margin-bottom: var(--spacing-xs);
}
.scoring-breakdown {
display: flex;
flex-direction: column;
gap: 4px;
}
.scoring-item {
color: var(--text-secondary);
padding-left: var(--spacing-sm);
}
.scoring-item.achieved {
.scoring-message.success {
color: var(--success);
}
.scoring-item.pending {
color: var(--text-tertiary);
}
.scoring-item.tip {
.scoring-message.hint {
color: var(--warning);
font-style: italic;
}
.scoring-tip {
margin-top: var(--spacing-xs);
padding-top: var(--spacing-xs);
border-top: 1px dashed var(--border-light);
color: var(--text-tertiary);
font-style: italic;
.scoring-message.progress {
color: var(--primary);
}
/* Recommendations Section */
@ -935,28 +906,13 @@
{% endif %}
{% if field_name == 'reviews' %}
<div class="field-scoring-info reviews-scoring">
<div class="scoring-header">
<svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
Jak zdobyc punkty?
</div>
<div class="scoring-breakdown">
{% if field_data.score == field_data.max_score %}
<div class="scoring-item achieved">✓ Masz 5+ opinii z dobra ocena - gratulacje!</div>
{% elif field_data.score == 0 %}
<div class="scoring-item tip">Popros klientow o wystawienie opinii w Google</div>
{% else %}
<div class="scoring-item achieved">✓ Pierwsza opinia: 3 pkt</div>
<div class="scoring-item {% if field_data.score >= 4 %}achieved{% else %}pending{% endif %}">
{% if field_data.score >= 4 %}✓{% else %}○{% endif %} Kazda kolejna opinia: +1 pkt
</div>
<div class="scoring-item {% if field_data.score >= 4 %}achieved{% else %}pending{% endif %}">
{% if field_data.score >= 4 %}✓{% else %}○{% endif %} Ocena 4.0 lub wyzsza: +1 pkt bonus
</div>
<div class="scoring-tip">Cel: 5+ opinii z ocena min. 4.0 = pelne 9 pkt</div>
{% endif %}
</div>
{% if field_data.score == field_data.max_score %}
<span class="scoring-message success">🏆 Doskonale! Masz maksymalna punktacje za opinie</span>
{% elif field_data.score == 0 %}
<span class="scoring-message hint">💡 Popros zadowolonych klientow o opinie w Google</span>
{% else %}
<span class="scoring-message progress">👍 Dobry poczatek! Zbierz wiecej opinii - cel to minimum 5</span>
{% endif %}
</div>
{% endif %}
<div class="field-score">