swap to fly.io

views/layouts/main.html

@@ -86,6 +86,63 @@
                 button.innerHTML = originalText;
             }, 2000);
         }
+
+        let lastSelectedIndex = null;
+
+        function toggleSelection(element) {
+            const elements = Array.from(document.getElementsByClassName('icon-llm'));
+            const index = elements.indexOf(element);
+
+            if (document.body.classList.contains('shift-pressed') && lastSelectedIndex !== null) {
+                const [start, end] = [lastSelectedIndex, index].sort((a, b) => a - b);
+                let allSelected = true;
+                for (let i = start; i <= end; i++) {
+                    if (!elements[i].classList.contains('selected')) {
+                        allSelected = false;
+                        break;
+                    }
+                }
+                for (let i = start; i <= end; i++) {
+                    if (allSelected) {
+                        elements[i].classList.remove('selected');
+                        elements[i].classList.add('unselected');
+                    } else {
+                        elements[i].classList.add('selected');
+                        elements[i].classList.remove('unselected');
+                    }
+                }
+                lastSelectedIndex = null;
+
+                const elements2 = Array.from(document.getElementsByClassName('icon-text'));
+                for (let i = 0; i < elements2.length; i++) {
+                    elements2[i].classList.remove('shiftselected');
+                }
+            } else if (document.body.classList.contains('shift-pressed') && lastSelectedIndex === null) {
+                lastSelectedIndex = index;
+                element.classList.toggle('shiftselected');
+            } else {
+                element.classList.toggle('selected');
+                element.classList.toggle('unselected');
+            }
+
+            // If at least one model is selected, enable the delete button
+            if (document.getElementsByClassName('selected icon-llm').length > 0) {
+                document.getElementById('delete-model-button').disabled = false;
+            } else {
+                document.getElementById('delete-model-button').disabled = true;
+            }
+
+            toggleSendButton();
+        }
+
+        function getSelectedModelsIDs() {
+            var selectedModelsIDs = [];
+            var selectedModels = document.getElementsByClassName('selected icon-llm');
+            for (var i = 0; i < selectedModels.length; i++) {
+                selectedModelsIDs.push(selectedModels[i].getAttribute('data-id'));
+            }
+            return selectedModelsIDs.length > 0 ? JSON.stringify(selectedModelsIDs) : '[]';
+        }
     </script>
 
 </body>