admin-general.vue 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template lang='pug'>
  2. v-container(fluid, fill-height, grid-list-lg)
  3. v-layout(row wrap)
  4. v-flex(xs12)
  5. .headline.primary--text General
  6. .subheading.grey--text Main settings of your wiki
  7. v-form.pt-3
  8. v-layout(row wrap)
  9. v-flex(lg6 xs12)
  10. v-form
  11. v-card
  12. v-toolbar(color='primary', dark, dense, flat)
  13. v-toolbar-title
  14. .subheading Site Info
  15. v-subheader General
  16. .px-3
  17. v-text-field(label='Site Title', required, :counter='50', v-model='siteTitle', prepend-icon='public')
  18. v-divider
  19. v-subheader SEO
  20. .px-3
  21. v-text-field(label='Site Description', :counter='255', prepend-icon='public')
  22. v-text-field(label='Site Keywords', :counter='255', prepend-icon='public')
  23. v-select(label='Meta Robots', chips, tags, :items='metaRobots', v-model='metaRobotsSelection', prepend-icon='public')
  24. v-divider.my-0
  25. v-card-actions.grey.lighten-4
  26. v-spacer
  27. v-btn(color='primary')
  28. v-icon(left) chevron_right
  29. span Save
  30. v-flex(lg6 xs12)
  31. v-card
  32. v-toolbar(color='primary', dark, dense, flat)
  33. v-toolbar-title
  34. .subheading Site Branding
  35. v-card-text
  36. v-text-field(label='Logo', prepend-icon='image')
  37. v-divider
  38. </template>
  39. <script>
  40. export default {
  41. data() {
  42. return {
  43. siteTitle: 'Wiki.js',
  44. metaRobotsSelection: ['Index', 'Follow'],
  45. metaRobots: ['Index', 'Follow', 'No Index', 'No Follow']
  46. }
  47. }
  48. }
  49. </script>
  50. <style lang='scss'>
  51. </style>