Files
siti-ai-product-content-gen…/assets/css/settings.css
Roberto Guagliardo 58a9b37ccf Add bulk term generation functionality and enhance logging
- Introduced a new JavaScript file for handling bulk term generation in the admin interface.
- Implemented AJAX requests for generating terms and handling responses with appropriate logging.
- Enhanced the Groq_AI_Ajax_Controller to support new options for term generation, including origin and force parameters.
- Improved error handling and logging for term generation events.
- Updated the user interface to reflect the status of term generation and provide feedback to the user.
2026-01-23 18:55:52 +00:00

109 lines
1.6 KiB
CSS

.groq-ai-model-field select {
min-width: 300px;
}
.groq-ai-model-custom {
margin-top: 10px;
}
#groq-ai-refresh-models {
margin-top: 10px;
}
#groq-ai-refresh-models-status {
margin-top: 6px;
font-size: 13px;
}
#groq-ai-refresh-models-status[data-status='error'] {
color: #b32d2e;
}
#groq-ai-refresh-models-status[data-status='success'] {
color: #008a20;
}
.groq-ai-context-defaults label {
display: flex;
gap: 8px;
align-items: center;
margin-top: 8px;
}
.groq-ai-bulk-panel {
margin: 16px 0;
padding: 16px;
background: #fff;
border: 1px solid #dcdcde;
}
.groq-ai-bulk-panel .description {
margin-top: 8px;
}
.groq-ai-bulk-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-top: 8px;
}
#groq-ai-bulk-status {
margin-top: 8px;
}
#groq-ai-bulk-status[data-status='error'] {
color: #b32d2e;
}
#groq-ai-bulk-status[data-status='success'] {
color: #008a20;
}
.groq-ai-bulk-log {
margin: 12px 0 0;
padding-left: 18px;
max-height: 220px;
overflow-y: auto;
font-size: 13px;
}
.groq-ai-bulk-log li {
margin-bottom: 4px;
}
.groq-ai-bulk-log li[data-status='error'] {
color: #b32d2e;
}
.groq-ai-bulk-log li[data-status='success'] {
color: #008a20;
}
.groq-ai-term-row.groq-ai-term-missing td {
background: #fff8e5;
}
.groq-ai-term-row.groq-ai-term-updated td {
animation: groqAiTermPulse 1.8s ease-out 1;
}
@keyframes groqAiTermPulse {
from {
background-color: #e3f8eb;
}
to {
background-color: transparent;
}
}
.groq-ai-term-actions {
width: 180px;
}
.groq-ai-regenerate-term.is-busy {
opacity: 0.6;
pointer-events: none;
}