ManageMultipleOllama.svelte 663 B

1234567891011121314151617181920212223242526
  1. <script>
  2. import { getContext, onMount } from 'svelte';
  3. const i18n = getContext('i18n');
  4. import ManageOllama from './ManageOllama.svelte';
  5. export let ollamaConfig = null;
  6. let selectedUrlIdx = 0;
  7. </script>
  8. {#if ollamaConfig}
  9. <div class="flex-1 mb-2.5 pr-1.5 rounded-lg bg-gray-50 dark:text-gray-300 dark:bg-gray-850">
  10. <select
  11. class="w-full py-2 px-4 text-sm outline-hidden bg-transparent"
  12. bind:value={selectedUrlIdx}
  13. placeholder={$i18n.t('Select an Ollama instance')}
  14. >
  15. {#each ollamaConfig.OLLAMA_BASE_URLS as url, idx}
  16. <option value={idx}>{url}</option>
  17. {/each}
  18. </select>
  19. </div>
  20. <ManageOllama urlIdx={selectedUrlIdx} />
  21. {/if}