160 lines
12 KiB
PHP
160 lines
12 KiB
PHP
<?php defined('_JEXEC') or die; ?>
|
|
<?php use Joomla\CMS\HTML\HTMLHelper; ?>
|
|
<?php use Joomla\CMS\Router\Route; ?>
|
|
<?php $availableModels = \Komponent\Component\Testquestions\Administrator\Service\AiService::availableModels(); ?>
|
|
<?php $usageTotals = $this->usageTotals; ?>
|
|
<?php $provider = (string) ($this->settings['ai_provider'] ?? 'openai'); ?>
|
|
<?php $legacyKey = (string) ($this->settings['ai_api_key'] ?? ''); ?>
|
|
<?php $openaiKey = (string) ($this->settings['ai_openai_api_key'] ?? ($provider === 'openai' ? $legacyKey : '')); ?>
|
|
<?php $grokKey = (string) ($this->settings['ai_grok_api_key'] ?? ($provider === 'grok' ? $legacyKey : '')); ?>
|
|
<?php $groqKey = (string) ($this->settings['ai_groq_api_key'] ?? ($provider === 'groq' ? $legacyKey : '')); ?>
|
|
<?php $geminiKey = (string) ($this->settings['ai_gemini_api_key'] ?? ($provider === 'gemini' ? $legacyKey : '')); ?>
|
|
<?php $openaiModel = (string) ($this->settings['ai_openai_model'] ?? 'gpt-4.1-mini'); ?>
|
|
<?php $grokModel = (string) ($this->settings['ai_grok_model'] ?? 'grok-4.7'); ?>
|
|
<?php $groqModel = (string) ($this->settings['ai_groq_model'] ?? 'openai/gpt-oss-120b'); ?>
|
|
<?php $geminiModel = (string) ($this->settings['ai_gemini_model'] ?? 'gemini-3.8-flash'); ?>
|
|
<form action="<?php echo Route::_('index.php?option=com_testquestions&view=ai'); ?>" method="post" name="adminForm" id="adminForm">
|
|
<div class="card" style="max-width: 900px;">
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="ai-provider" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_PROVIDER'); ?></label>
|
|
<select id="ai-provider" name="ai_provider" class="form-select" required>
|
|
<option value="openai" <?php echo $provider === 'openai' ? 'selected' : ''; ?>>OpenAI</option>
|
|
<option value="grok" <?php echo $provider === 'grok' ? 'selected' : ''; ?>>Grok</option>
|
|
<option value="groq" <?php echo $provider === 'groq' ? 'selected' : ''; ?>>Groq</option>
|
|
<option value="gemini" <?php echo $provider === 'gemini' ? 'selected' : ''; ?>>Gemini</option>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="openai">
|
|
<label for="ai-openai-model" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_OPENAI_MODEL'); ?></label>
|
|
<select id="ai-openai-model" name="ai_openai_model" class="form-select" required>
|
|
<?php foreach ($availableModels['openai'] as $modelId => $modelLabel) : ?>
|
|
<option value="<?php echo htmlspecialchars($modelId, ENT_QUOTES, 'UTF-8'); ?>" <?php echo $openaiModel === $modelId ? 'selected' : ''; ?>><?php echo htmlspecialchars($modelLabel, ENT_QUOTES, 'UTF-8'); ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="openai">
|
|
<label for="ai-openai-api-key" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_OPENAI_KEY'); ?></label>
|
|
<div class="input-group">
|
|
<input type="password" id="ai-openai-api-key" name="ai_openai_api_key" value="<?php echo htmlspecialchars($openaiKey, ENT_QUOTES, 'UTF-8'); ?>" class="form-control" size="120" maxlength="4096" autocomplete="new-password">
|
|
<button type="button" class="btn btn-outline-secondary" data-ai-key-toggle="ai-openai-api-key">Pokaż</button>
|
|
</div>
|
|
<small class="form-text text-muted">
|
|
<?php echo $openaiKey !== '' ? 'Zapisany klucz: ' . mb_strlen($openaiKey) . ' znaków. Pozostaw pole bez zmian, aby go zachować.' : 'Nie zapisano klucza OpenAI.'; ?>
|
|
</small>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="grok">
|
|
<label for="ai-grok-api-key" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_GROK_KEY'); ?></label>
|
|
<div class="input-group">
|
|
<input type="password" id="ai-grok-api-key" name="ai_grok_api_key" value="<?php echo htmlspecialchars($grokKey, ENT_QUOTES, 'UTF-8'); ?>" class="form-control" size="120" maxlength="4096" autocomplete="new-password">
|
|
<button type="button" class="btn btn-outline-secondary" data-ai-key-toggle="ai-grok-api-key">Pokaż</button>
|
|
</div>
|
|
<small class="form-text text-muted">
|
|
<?php echo $grokKey !== '' ? 'Zapisany klucz: ' . mb_strlen($grokKey) . ' znaków. Pozostaw pole bez zmian, aby go zachować.' : 'Nie zapisano klucza Grok.'; ?>
|
|
</small>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="grok">
|
|
<label for="ai-grok-model" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_GROK_MODEL'); ?></label>
|
|
<select id="ai-grok-model" name="ai_grok_model" class="form-select" required>
|
|
<?php foreach ($availableModels['grok'] as $modelId => $modelLabel) : ?>
|
|
<option value="<?php echo htmlspecialchars($modelId, ENT_QUOTES, 'UTF-8'); ?>" <?php echo $grokModel === $modelId ? 'selected' : ''; ?>><?php echo htmlspecialchars($modelLabel, ENT_QUOTES, 'UTF-8'); ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="groq">
|
|
<label for="ai-groq-api-key" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_GROQ_KEY'); ?></label>
|
|
<div class="input-group">
|
|
<input type="password" id="ai-groq-api-key" name="ai_groq_api_key" value="<?php echo htmlspecialchars($groqKey, ENT_QUOTES, 'UTF-8'); ?>" class="form-control" size="120" maxlength="4096" autocomplete="new-password">
|
|
<button type="button" class="btn btn-outline-secondary" data-ai-key-toggle="ai-groq-api-key">Pokaż</button>
|
|
</div>
|
|
<small class="form-text text-muted">
|
|
<?php echo $groqKey !== '' ? 'Zapisany klucz: ' . mb_strlen($groqKey) . ' znaków. Pozostaw pole bez zmian, aby go zachować.' : 'Nie zapisano klucza Groq.'; ?>
|
|
</small>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="groq">
|
|
<label for="ai-groq-model" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_GROQ_MODEL'); ?></label>
|
|
<select id="ai-groq-model" name="ai_groq_model" class="form-select" required>
|
|
<?php foreach ($availableModels['groq'] as $modelId => $modelLabel) : ?>
|
|
<option value="<?php echo htmlspecialchars($modelId, ENT_QUOTES, 'UTF-8'); ?>" <?php echo $groqModel === $modelId ? 'selected' : ''; ?>><?php echo htmlspecialchars($modelLabel, ENT_QUOTES, 'UTF-8'); ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="gemini">
|
|
<label for="ai-gemini-api-key" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_GEMINI_KEY'); ?></label>
|
|
<div class="input-group">
|
|
<input type="password" id="ai-gemini-api-key" name="ai_gemini_api_key" value="<?php echo htmlspecialchars($geminiKey, ENT_QUOTES, 'UTF-8'); ?>" class="form-control" size="120" maxlength="4096" autocomplete="new-password">
|
|
<button type="button" class="btn btn-outline-secondary" data-ai-key-toggle="ai-gemini-api-key">Pokaż</button>
|
|
</div>
|
|
<small class="form-text text-muted">
|
|
<?php echo $geminiKey !== '' ? 'Zapisany klucz: ' . mb_strlen($geminiKey) . ' znaków. Pozostaw pole bez zmian, aby go zachować.' : 'Nie zapisano klucza Gemini.'; ?>
|
|
</small>
|
|
</div>
|
|
<div class="mb-3" data-ai-provider-section="gemini">
|
|
<label for="ai-gemini-model" class="form-label"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_GEMINI_MODEL'); ?></label>
|
|
<select id="ai-gemini-model" name="ai_gemini_model" class="form-select" required>
|
|
<?php foreach ($availableModels['gemini'] as $modelId => $modelLabel) : ?>
|
|
<option value="<?php echo htmlspecialchars($modelId, ENT_QUOTES, 'UTF-8'); ?>" <?php echo $geminiModel === $modelId ? 'selected' : ''; ?>><?php echo htmlspecialchars($modelLabel, ENT_QUOTES, 'UTF-8'); ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
<hr>
|
|
<h3><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_TOKEN_USAGE'); ?></h3>
|
|
<p class="text-muted"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_TOKEN_USAGE_INFO'); ?></p>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_PROVIDER'); ?></th>
|
|
<th><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_USAGE_CALLS'); ?></th>
|
|
<th><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_USAGE_INPUT'); ?></th>
|
|
<th><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_USAGE_OUTPUT'); ?></th>
|
|
<th><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_USAGE_TOTAL'); ?></th>
|
|
<th><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_AI_USAGE_COST'); ?></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach (['openai' => 'OpenAI', 'grok' => 'Grok', 'groq' => 'Groq', 'gemini' => 'Gemini'] as $usageProvider => $usageProviderLabel) : ?>
|
|
<?php $providerUsage = $usageTotals[$usageProvider]; ?>
|
|
<tr>
|
|
<th><?php echo $usageProviderLabel; ?></th>
|
|
<td><?php echo number_format($providerUsage['calls'], 0, ',', ' '); ?></td>
|
|
<td><?php echo number_format($providerUsage['input_tokens'], 0, ',', ' '); ?></td>
|
|
<td><?php echo number_format($providerUsage['output_tokens'], 0, ',', ' '); ?></td>
|
|
<td><?php echo number_format($providerUsage['total_tokens'], 0, ',', ' '); ?></td>
|
|
<td><?php echo $providerUsage['cost_calls'] > 0 ? number_format($providerUsage['cost_usd'], 8, ',', ' ') . ' USD' : '—'; ?></td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<hr>
|
|
<button type="submit" class="btn btn-primary" onclick="this.form.task.value='ai.save';">
|
|
<?php echo \Joomla\CMS\Language\Text::_('JTOOLBAR_SAVE'); ?>
|
|
</button>
|
|
<a class="btn btn-secondary" href="<?php echo Route::_('index.php?option=com_testquestions&view=questions'); ?>">
|
|
<?php echo \Joomla\CMS\Language\Text::_('JCANCEL'); ?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="task" value="ai.save">
|
|
<?php echo HTMLHelper::_('form.token'); ?>
|
|
</form>
|
|
<script>
|
|
document.querySelectorAll('[data-ai-key-toggle]').forEach(function (button) {
|
|
button.addEventListener('click', function () {
|
|
const input = document.getElementById(this.dataset.aiKeyToggle);
|
|
const visible = input.type === 'text';
|
|
input.type = visible ? 'password' : 'text';
|
|
this.textContent = visible ? 'Pokaż' : 'Ukryj';
|
|
});
|
|
});
|
|
const providerSelect = document.getElementById('ai-provider');
|
|
const updateProviderFields = function () {
|
|
document.querySelectorAll('[data-ai-provider-section]').forEach(function (section) {
|
|
section.hidden = section.dataset.aiProviderSection !== providerSelect.value;
|
|
});
|
|
};
|
|
providerSelect.addEventListener('change', updateProviderFields);
|
|
updateProviderFields();
|
|
</script>
|