feat: admin rendering UI + contribute i18n
This commit is contained in:
NGPixel
@@ -1,52 +1,43 @@
|
||||
<template lang='pug'>
|
||||
v-card(flat)
|
||||
v-card(flat, tile, :color='$vuetify.dark ? "grey darken-4" : "grey lighten-5"').pa-3.pt-4
|
||||
.headline.primary--text Contribute
|
||||
.subheading.grey--text Help support Wiki.js development and operations
|
||||
.headline.primary--text {{ $t('admin:contribute.title') }}
|
||||
.subheading.grey--text {{ $t('admin:contribute.subtitle') }}
|
||||
v-card.pa-3
|
||||
.body-1.pl-3 Wiki.js is a #[strong free and open-source software] brought to you with #[v-icon(color='red') favorite] by #[a(href='https://requarks.io', target='_blank') requarks.io] and #[a(href='https://github.com/Requarks/wiki/graphs/contributors', target='_blank') contributors].
|
||||
.body-1.pt-3.pl-3 We need your help to keep improving the software and run the various associated services (e.g. hosting and networking).
|
||||
i18next.body-1.pl-3(path='admin:contribute.openSource', tag='div')
|
||||
v-icon(color='red') favorite
|
||||
a(href='https://requarks.io', target='_blank') requarks.io
|
||||
a(href='https://github.com/Requarks/wiki/graphs/contributors', target='_blank') {{ $t('admin:contribute.openSourceContributors') }}
|
||||
.body-1.pt-3.pl-3 {{ $t('admin:contribute.needYourHelp') }}
|
||||
v-divider
|
||||
v-subheader Fund our work
|
||||
.body-1.pl-3 Wiki.js is part of the Open Collective initiative. You can contribute financially by making a monthly or one-time donation:
|
||||
v-subheader {{ $t('admin:contribute.fundOurWork') }}
|
||||
.body-1.pl-3 {{ $t('admin:contribute.openCollective') }}
|
||||
v-card-actions.mt-3.ml-2
|
||||
v-btn(depressed, color='primary', href='https://opencollective.com/wikijs')
|
||||
v-icon(left) local_atm
|
||||
| Make a donation
|
||||
span {{ $t('admin:contribute.makeADonation') }}
|
||||
v-divider
|
||||
v-subheader Contribute
|
||||
v-subheader {{ $t('admin:contribute.contribute') }}
|
||||
.body-1.pl-3
|
||||
ul
|
||||
li Submit an idea or vote on a proposed one on the #[a(href='https://requests.requarks.io/wiki', target='_blank') feature requests board].
|
||||
li Found a bug? Submit an issue on #[a(href='https://github.com/Requarks/wiki/issues', target='_blank') Github].
|
||||
li Help translate Wiki.js in your language. Let us know on #[a(href='https://gitter.im/Requarks/wiki', target='_blank') Gitter].
|
||||
i18next(path='admin:contribute.submitAnIdea', tag='li')
|
||||
a(href='https://requests.requarks.io/wiki', target='_blank') {{ $t('admin:contribute.submitAnIdeaLink') }}
|
||||
i18next(path='admin:contribute.foundABug', tag='li')
|
||||
a(href='https://github.com/Requarks/wiki/issues', target='_blank') Github
|
||||
i18next(path='admin:contribute.helpTranslate', tag='li')
|
||||
a(href='https://gitter.im/Requarks/wiki', target='_blank') Gitter
|
||||
v-divider
|
||||
v-subheader Spread the word
|
||||
v-subheader {{ $t('admin:contribute.spreadTheWord') }}
|
||||
.body-1.pl-3
|
||||
ul
|
||||
li Talk to your friends and colleagues about how awesome Wiki.js is!
|
||||
li Follow us on #[a(href='https://twitter.com/requarks', target='_blank') Twitter].
|
||||
li {{ $t('admin:contribute.talkToFriends') }}
|
||||
i18next(path='admin:contribute.followUsOnTwitter', tag='li')
|
||||
a(href='https://twitter.com/requarks', target='_blank') Twitter
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import IconGithubCircle from 'mdi/github-circle'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
IconGithubCircle
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tab: '0',
|
||||
telemetry: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
resetClientID() {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -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