admin-search.vue 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template lang='pug'>
  2. v-card(tile, :color='$vuetify.dark ? "grey darken-4" : "grey lighten-5"')
  3. .pa-3.pt-4
  4. .headline.primary--text Search Engine
  5. .subheading.grey--text Configure the search capabilities of your wiki
  6. v-tabs(:color='$vuetify.dark ? "primary" : "grey lighten-4"', fixed-tabs, :slider-color='$vuetify.dark ? "white" : "primary"', show-arrows)
  7. v-tab(key='settings'): v-icon settings
  8. v-tab(key='db') Database
  9. v-tab(key='algolia') Algolia
  10. v-tab(key='elasticsearch') Elasticsearch
  11. v-tab(key='solr') Solr
  12. v-tab-item(key='settings')
  13. v-card.pa-3(flat, tile)
  14. v-form
  15. .body-2.grey--text.text--darken-1 Select the search engine to use:
  16. .caption.grey--text.pb-2 Some engines require additional configuration in their dedicated tab (when selected).
  17. v-radio-group(v-model='selectedEngine')
  18. v-radio(v-for='(engine, n) in engines', :key='n', :label='engine.text', :value='engine.value', color='primary')
  19. v-tab-item(key='db')
  20. v-card.pa-3 TODO
  21. v-tab-item(key='algolia')
  22. v-card.pa-3 TODO
  23. v-tab-item(key='elasticsearch')
  24. v-card.pa-3 TODO
  25. v-tab-item(key='solr')
  26. v-card.pa-3 TODO
  27. v-card-chin
  28. v-btn(color='primary', @click='save')
  29. v-icon(left) chevron_right
  30. span Apply Configuration
  31. v-btn(color='black', dark)
  32. v-icon(left) refresh
  33. | Rebuild Index
  34. v-spacer
  35. v-btn(icon, @click='refresh')
  36. v-icon.grey--text refresh
  37. </template>
  38. <script>
  39. export default {
  40. data() {
  41. return {
  42. engines: [
  43. { text: 'Disabled', value: 'disabled' },
  44. { text: 'Database (built-in)', value: 'db' },
  45. { text: 'Algolia', value: 'algolia' },
  46. { text: 'Elasticsearch', value: 'elasticsearch' },
  47. { text: 'Solr', value: 'solr' }
  48. ],
  49. selectedEngine: 'db',
  50. darkMode: false
  51. }
  52. }
  53. }
  54. </script>
  55. <style lang='scss'>
  56. </style>