feat: admin rendering UI + contribute i18n
This commit is contained in:
NGPixel
@@ -1,15 +1,212 @@
|
||||
<template lang='pug'>
|
||||
v-container(fluid, fill-height)
|
||||
v-container(fluid, fill-height, grid-list-lg)
|
||||
v-layout(row wrap)
|
||||
v-flex(xs12)
|
||||
.headline.primary--text Rendering
|
||||
.subheading.grey--text Configure how content is rendered
|
||||
v-layout.mt-3(row wrap)
|
||||
v-flex(lg3 xs12)
|
||||
v-card
|
||||
v-toolbar(
|
||||
color='primary'
|
||||
dense
|
||||
flat
|
||||
dark
|
||||
)
|
||||
v-icon.mr-2 line_weight
|
||||
.subheading Pipeline
|
||||
v-toolbar(
|
||||
color='blue'
|
||||
dense
|
||||
dark
|
||||
)
|
||||
v-icon.mr-2 arrow_downward
|
||||
.body-2 Markdown
|
||||
v-spacer
|
||||
v-btn(
|
||||
icon
|
||||
@click=''
|
||||
)
|
||||
v-icon add
|
||||
v-list(two-line, dense)
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') crop_free
|
||||
v-list-tile-content
|
||||
v-list-tile-title Core
|
||||
v-list-tile-sub-title Basic Markdown parser
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') tag_faces
|
||||
v-list-tile-content
|
||||
v-list-tile-title Emoji
|
||||
v-list-tile-sub-title Convert tags to emojis
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') list
|
||||
v-list-tile-content
|
||||
v-list-tile-title Task Lists
|
||||
v-list-tile-sub-title Parse task lists to checkboxes
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') multiline_chart
|
||||
v-list-tile-content
|
||||
v-list-tile-title PlantUML
|
||||
v-list-tile-sub-title Generate diagrams from PlantUML syntax
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') merge_type
|
||||
v-list-tile-content
|
||||
v-list-tile-title Mermaid
|
||||
v-list-tile-sub-title Generate flowcharts from Mermaid syntax
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') functions
|
||||
v-list-tile-content
|
||||
v-list-tile-title Mathjax Pre-Processor
|
||||
v-list-tile-sub-title Parse Mathjax content from Markdown
|
||||
v-list-tile-avatar
|
||||
v-icon(color='red', small) trip_origin
|
||||
|
||||
v-toolbar(
|
||||
color='blue'
|
||||
dense
|
||||
dark
|
||||
)
|
||||
v-icon.mr-2 arrow_downward
|
||||
.body-2 HTML
|
||||
v-spacer
|
||||
v-btn(
|
||||
icon
|
||||
@click=''
|
||||
)
|
||||
v-icon add
|
||||
v-list(two-line, dense)
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') subscriptions
|
||||
v-list-tile-content
|
||||
v-list-tile-title Video Players
|
||||
v-list-tile-sub-title Embed video players such as Youtube, Vimeo, etc.
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') subtitles
|
||||
v-list-tile-content
|
||||
v-list-tile-title Asciinema
|
||||
v-list-tile-sub-title Embed asciinema players from compatible links
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') volume_up
|
||||
v-list-tile-content
|
||||
v-list-tile-title Audio Players
|
||||
v-list-tile-sub-title Embed audio players for audio content
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') insert_comment
|
||||
v-list-tile-content
|
||||
v-list-tile-title Blockquotes
|
||||
v-list-tile-sub-title Process styled blockquotes
|
||||
v-list-tile-avatar
|
||||
v-icon(color='green', small) lens
|
||||
v-divider.my-0
|
||||
v-list-tile(avatar)
|
||||
v-list-tile-avatar
|
||||
v-icon(color='grey') functions
|
||||
v-list-tile-content
|
||||
v-list-tile-title Mathjax Processor
|
||||
v-list-tile-sub-title TeX/MathML Math Equations Parser
|
||||
v-list-tile-avatar
|
||||
v-icon(color='red', small) trip_origin
|
||||
|
||||
v-flex(lg9 xs12)
|
||||
v-card
|
||||
v-toolbar(
|
||||
color='grey darken-1'
|
||||
dark
|
||||
flat
|
||||
dense
|
||||
)
|
||||
v-icon.mr-2 settings_applications
|
||||
.subheading Markdown
|
||||
v-icon chevron_right
|
||||
.subheading Core
|
||||
v-spacer
|
||||
v-btn(flat, disabled)
|
||||
v-icon(left) wrap_text
|
||||
span Bypass
|
||||
v-btn(flat, disabled)
|
||||
v-icon(left) clear
|
||||
span Remove
|
||||
v-card-text
|
||||
v-switch(
|
||||
v-model='linkify'
|
||||
label='Automatically convert links'
|
||||
color='primary'
|
||||
persistent-hint
|
||||
hint='Links will automatically be converted to clickable links.'
|
||||
)
|
||||
v-divider
|
||||
v-switch(
|
||||
v-model='linkify'
|
||||
label='Automatically convert line breaks'
|
||||
color='primary'
|
||||
persistent-hint
|
||||
hint='Add linebreaks within paragraphs.'
|
||||
)
|
||||
v-divider
|
||||
v-switch(
|
||||
v-model='linkify'
|
||||
label='Highlight code blocks'
|
||||
color='primary'
|
||||
persistent-hint
|
||||
hint='Add syntax coloring to code blocks.'
|
||||
)
|
||||
v-select.mt-3(
|
||||
:items='["Light", "Dark"]'
|
||||
v-model='codeTheme'
|
||||
label='Code Color Theme'
|
||||
outline
|
||||
background-color='grey lighten-2'
|
||||
)
|
||||
v-card-chin
|
||||
v-btn(
|
||||
color='primary'
|
||||
)
|
||||
v-icon(left) check
|
||||
span Apply Configuration
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {}
|
||||
return {
|
||||
linkify: true,
|
||||
codeTheme: 'Light'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user