| 433 | 433 | setGenerationParamsFromPreset({ max_length: model.context_length }); |
| 434 | 434 | selectedModelId = modelId; // Store the selected model ID |
| 435 | 435 | } |
| 436 | + |
| 437 | +let isGridView = true; // Default state set to grid view |
| 438 | + |
| 439 | +// Ensure the correct initial view is applied when the page loads |
| 440 | +document.addEventListener('DOMContentLoaded', function() { |
| 441 | + const modelCardBlock = document.getElementById('model_card_block'); |
| 442 | + modelCardBlock.classList.add('grid-view'); |
| 443 | + |
| 444 | + const toggleButton = document.getElementById('model_grid_toggle'); |
| 445 | + toggleButton.addEventListener('click', function() { |
| 446 | + // Toggle between grid and list view |
| 447 | + if (isGridView) { |
| 448 | + modelCardBlock.classList.remove('grid-view'); |
| 449 | + modelCardBlock.classList.add('list-view'); |
| 450 | + this.title = 'Toggle to grid view'; |
| 451 | + } else { |
| 452 | + modelCardBlock.classList.remove('list-view'); |
| 453 | + modelCardBlock.classList.add('grid-view'); |
| 454 | + this.title = 'Toggle to list view'; |
| 455 | + } |
| 456 | + |
| 457 | + isGridView = !isGridView; |
| 458 | + }); |
| 459 | +}); |
| 436 | 460 | function onMancerModelSelect() { |
| 437 | 461 | const modelId = String($('#mancer_model').val()); |
| 438 | 462 | textgen_settings.mancer_model = modelId; |