admin-search.vue 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template lang='pug'>
  2. v-card(flat)
  3. v-card(color='grey lighten-5')
  4. .pa-3.pt-4
  5. .headline.primary--text Search Engine
  6. .subheading.grey--text Configure the search capabilities of your wiki
  7. v-tabs(color='grey lighten-4', fixed-tabs, slider-color='primary', show-arrows)
  8. v-tab(key='settings'): v-icon settings
  9. v-tab(key='db') Database
  10. v-tab(key='algolia') Algolia
  11. v-tab(key='elasticsearch') Elasticsearch
  12. v-tab(key='solr') Solr
  13. v-tab-item(key='settings')
  14. v-card.pa-3
  15. v-form
  16. v-radio-group(v-model='selectedEngine')
  17. v-radio(v-for='(engine, n) in engines', :key='n', :label='engine.text', :value='engine.value', color='primary')
  18. v-divider
  19. v-btn(color='primary')
  20. v-icon(left) chevron_right
  21. | Set Engine
  22. v-btn(color='black', dark)
  23. v-icon(left) refresh
  24. | Rebuild Index
  25. v-tab-item(key='db')
  26. v-card.pa-3 TODO
  27. v-tab-item(key='algolia')
  28. v-card.pa-3 TODO
  29. v-tab-item(key='elasticsearch')
  30. v-card.pa-3 TODO
  31. v-tab-item(key='solr')
  32. v-card.pa-3 TODO
  33. </template>
  34. <script>
  35. export default {
  36. data() {
  37. return {
  38. engines: [
  39. { text: 'Disabled', value: 'disabled' },
  40. { text: 'Database (built-in)', value: 'db' },
  41. { text: 'Algolia', value: 'algolia' },
  42. { text: 'Elasticsearch', value: 'elasticsearch' },
  43. { text: 'Solr', value: 'solr' }
  44. ],
  45. selectedEngine: 'db',
  46. darkMode: false
  47. }
  48. }
  49. }
  50. </script>
  51. <style lang='scss'>
  52. </style>