admin-search.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template lang='pug'>
  2. v-card(flat)
  3. v-card(flat, tile, :color='$vuetify.dark ? "grey darken-4" : "grey lighten-5"').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
  14. v-form
  15. v-radio-group(v-model='selectedEngine')
  16. v-radio(v-for='(engine, n) in engines', :key='n', :label='engine.text', :value='engine.value', color='primary')
  17. v-divider
  18. v-btn(color='primary')
  19. v-icon(left) chevron_right
  20. | Set Engine
  21. v-btn(color='black', dark)
  22. v-icon(left) refresh
  23. | Rebuild Index
  24. v-tab-item(key='db')
  25. v-card.pa-3 TODO
  26. v-tab-item(key='algolia')
  27. v-card.pa-3 TODO
  28. v-tab-item(key='elasticsearch')
  29. v-card.pa-3 TODO
  30. v-tab-item(key='solr')
  31. v-card.pa-3 TODO
  32. </template>
  33. <script>
  34. export default {
  35. data() {
  36. return {
  37. engines: [
  38. { text: 'Disabled', value: 'disabled' },
  39. { text: 'Database (built-in)', value: 'db' },
  40. { text: 'Algolia', value: 'algolia' },
  41. { text: 'Elasticsearch', value: 'elasticsearch' },
  42. { text: 'Solr', value: 'solr' }
  43. ],
  44. selectedEngine: 'db',
  45. darkMode: false
  46. }
  47. }
  48. }
  49. </script>
  50. <style lang='scss'>
  51. </style>