added gridview

5f5f9e34ea8c5365bf289d9f1869d62916f93214

DarokCx <77368869+DarokCx@users.noreply.github.com>

1 files changed, +24 -0Ignore whitespace
public/scripts/textgen-models.js+24 -0
@@ -433,6 +433,30 @@ function onFeatherlessModelSelect(modelId) {
433433 setGenerationParamsFromPreset({ max_length: model.context_length });
434434 selectedModelId = modelId; // Store the selected model ID
435435}
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+});
436460function onMancerModelSelect() {
437461 const modelId = String($('#mancer_model').val());
438462 textgen_settings.mancer_model = modelId;