You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

216 lines
7.6 KiB

  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 Rendering
  6. .subheading.grey--text Configure how content is rendered
  7. v-layout.mt-3(row wrap)
  8. v-flex(lg3 xs12)
  9. v-card
  10. v-toolbar(
  11. color='primary'
  12. dense
  13. flat
  14. dark
  15. )
  16. v-icon.mr-2 line_weight
  17. .subheading Pipeline
  18. v-toolbar(
  19. color='blue'
  20. dense
  21. dark
  22. )
  23. v-icon.mr-2 arrow_downward
  24. .body-2 Markdown
  25. v-spacer
  26. v-btn(
  27. icon
  28. @click=''
  29. )
  30. v-icon add
  31. v-list(two-line, dense)
  32. v-list-tile(avatar)
  33. v-list-tile-avatar
  34. v-icon(color='grey') crop_free
  35. v-list-tile-content
  36. v-list-tile-title Core
  37. v-list-tile-sub-title Basic Markdown parser
  38. v-list-tile-avatar
  39. v-icon(color='green', small) lens
  40. v-divider.my-0
  41. v-list-tile(avatar)
  42. v-list-tile-avatar
  43. v-icon(color='grey') tag_faces
  44. v-list-tile-content
  45. v-list-tile-title Emoji
  46. v-list-tile-sub-title Convert tags to emojis
  47. v-list-tile-avatar
  48. v-icon(color='green', small) lens
  49. v-divider.my-0
  50. v-list-tile(avatar)
  51. v-list-tile-avatar
  52. v-icon(color='grey') list
  53. v-list-tile-content
  54. v-list-tile-title Task Lists
  55. v-list-tile-sub-title Parse task lists to checkboxes
  56. v-list-tile-avatar
  57. v-icon(color='green', small) lens
  58. v-divider.my-0
  59. v-list-tile(avatar)
  60. v-list-tile-avatar
  61. v-icon(color='grey') multiline_chart
  62. v-list-tile-content
  63. v-list-tile-title PlantUML
  64. v-list-tile-sub-title Generate diagrams from PlantUML syntax
  65. v-list-tile-avatar
  66. v-icon(color='green', small) lens
  67. v-divider.my-0
  68. v-list-tile(avatar)
  69. v-list-tile-avatar
  70. v-icon(color='grey') merge_type
  71. v-list-tile-content
  72. v-list-tile-title Mermaid
  73. v-list-tile-sub-title Generate flowcharts from Mermaid syntax
  74. v-list-tile-avatar
  75. v-icon(color='green', small) lens
  76. v-divider.my-0
  77. v-list-tile(avatar)
  78. v-list-tile-avatar
  79. v-icon(color='grey') functions
  80. v-list-tile-content
  81. v-list-tile-title Mathjax Pre-Processor
  82. v-list-tile-sub-title Parse Mathjax content from Markdown
  83. v-list-tile-avatar
  84. v-icon(color='red', small) trip_origin
  85. v-toolbar(
  86. color='blue'
  87. dense
  88. dark
  89. )
  90. v-icon.mr-2 arrow_downward
  91. .body-2 HTML
  92. v-spacer
  93. v-btn(
  94. icon
  95. @click=''
  96. )
  97. v-icon add
  98. v-list(two-line, dense)
  99. v-list-tile(avatar)
  100. v-list-tile-avatar
  101. v-icon(color='grey') subscriptions
  102. v-list-tile-content
  103. v-list-tile-title Video Players
  104. v-list-tile-sub-title Embed video players such as Youtube, Vimeo, etc.
  105. v-list-tile-avatar
  106. v-icon(color='green', small) lens
  107. v-divider.my-0
  108. v-list-tile(avatar)
  109. v-list-tile-avatar
  110. v-icon(color='grey') subtitles
  111. v-list-tile-content
  112. v-list-tile-title Asciinema
  113. v-list-tile-sub-title Embed asciinema players from compatible links
  114. v-list-tile-avatar
  115. v-icon(color='green', small) lens
  116. v-divider.my-0
  117. v-list-tile(avatar)
  118. v-list-tile-avatar
  119. v-icon(color='grey') volume_up
  120. v-list-tile-content
  121. v-list-tile-title Audio Players
  122. v-list-tile-sub-title Embed audio players for audio content
  123. v-list-tile-avatar
  124. v-icon(color='green', small) lens
  125. v-divider.my-0
  126. v-list-tile(avatar)
  127. v-list-tile-avatar
  128. v-icon(color='grey') insert_comment
  129. v-list-tile-content
  130. v-list-tile-title Blockquotes
  131. v-list-tile-sub-title Process styled blockquotes
  132. v-list-tile-avatar
  133. v-icon(color='green', small) lens
  134. v-divider.my-0
  135. v-list-tile(avatar)
  136. v-list-tile-avatar
  137. v-icon(color='grey') functions
  138. v-list-tile-content
  139. v-list-tile-title Mathjax Processor
  140. v-list-tile-sub-title TeX/MathML Math Equations Parser
  141. v-list-tile-avatar
  142. v-icon(color='red', small) trip_origin
  143. v-flex(lg9 xs12)
  144. v-card
  145. v-toolbar(
  146. color='grey darken-1'
  147. dark
  148. flat
  149. dense
  150. )
  151. v-icon.mr-2 settings_applications
  152. .subheading Markdown
  153. v-icon chevron_right
  154. .subheading Core
  155. v-spacer
  156. v-btn(flat, disabled)
  157. v-icon(left) wrap_text
  158. span Bypass
  159. v-btn(flat, disabled)
  160. v-icon(left) clear
  161. span Remove
  162. v-card-text
  163. v-switch(
  164. v-model='linkify'
  165. label='Automatically convert links'
  166. color='primary'
  167. persistent-hint
  168. hint='Links will automatically be converted to clickable links.'
  169. )
  170. v-divider.mt-3
  171. v-switch(
  172. v-model='linkify'
  173. label='Automatically convert line breaks'
  174. color='primary'
  175. persistent-hint
  176. hint='Add linebreaks within paragraphs.'
  177. )
  178. v-divider.mt-3
  179. v-switch(
  180. v-model='linkify'
  181. label='Highlight code blocks'
  182. color='primary'
  183. persistent-hint
  184. hint='Add syntax coloring to code blocks.'
  185. )
  186. v-select.mt-3(
  187. :items='["Light", "Dark"]'
  188. v-model='codeTheme'
  189. label='Code Color Theme'
  190. outline
  191. background-color='grey lighten-2'
  192. )
  193. v-card-chin
  194. v-btn(
  195. color='primary'
  196. )
  197. v-icon(left) check
  198. span Apply Configuration
  199. </template>
  200. <script>
  201. export default {
  202. data() {
  203. return {
  204. linkify: true,
  205. codeTheme: 'Light'
  206. }
  207. }
  208. }
  209. </script>
  210. <style lang='scss'>
  211. </style>