Skip to content

W
wiki-js
Commit d0cd340d authored by NGPixel's avatar NGPixel
Browse files
Options

feat: admin extensions

parent d2a5b24b
Hide whitespace changes
Inline Side-by-side
Showing with 177 additions and 0 deletions
client/components/admin.vue
View file @ d0cd340d
......@@ -68,6 +68,9 @@
v-list-item(to='/editor', disabled)
v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-playlist-edit
v-list-item-title {{ $t('admin:editor.title') }}
v-list-item(to='/extensions')
v-list-item-avatar(size='24', tile): v-icon mdi-chip
v-list-item-title {{ $t('admin:extensions.title') }}
v-list-item(to='/logging', disabled)
v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-script-text-outline
v-list-item-title {{ $t('admin:logging.title') }}
......@@ -170,6 +173,7 @@ const router = new VueRouter({
{ path: '/auth', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-auth.vue') },
{ path: '/rendering', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-rendering.vue') },
{ path: '/editor', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-editor.vue') },
{ path: '/extensions', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-extensions.vue') },
{ path: '/logging', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-logging.vue') },
{ path: '/search', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-search.vue') },
{ path: '/storage', component: () => import(/* webpackChunkName: "admin" */ './admin/admin-storage.vue') },
......
client/components/admin/admin-extensions.vue 0 → 100644
View file @ d0cd340d
<template lang='pug'>
v-container(fluid, grid-list-lg)
v-layout(row wrap)
v-flex(xs12)
.admin-header
img.animated.fadeInUp(src='/svg/icon-installing-updates.svg', alt='Extensions', style='width: 80px;')
.admin-header-title
.headline.primary--text.animated.fadeInLeft {{ $t('admin:extensions.title') }}
.subtitle-1.grey--text.animated.fadeInLeft {{ $t('admin:extensions.subtitle') }}
v-form.pt-3
v-layout(row wrap)
v-flex(xl6 lg8 xs12)
v-alert.mb-4(outlined, color='error', icon='mdi-alert')
span New extensions cannot be installed at the moment. This feature is coming in a future release.
v-expansion-panels.admin-extensions-exp(hover, popout)
v-expansion-panel(v-for='ext of extensions')
v-expansion-panel-header(disable-icon-rotate)
span {{ext.title}}
template(v-slot:actions)
v-chip(label, color='success', small, v-if='ext.installed') Installed
v-chip(label, color='warning', small, v-else) Not Installed
v-expansion-panel-content.pa-0
v-card.grey.lighten-5.radius-7(flat)
v-card-text
.body-2 {{ext.description}}
v-divider.my-4
.body-2
strong.mr-3 Supported Platforms:
v-chip.mr-1(label, small, :color='ext.platforms[`linux-amd64`] ? `success` : `error`') Linux (x64)
v-chip.mr-1(label, small, :color='ext.platforms[`linux-arm64`] ? `success` : `error`') Linux (arm64)
v-chip.mr-1(label, small, :color='ext.platforms[`linux-armv7`] ? `success` : `error`') Linux (armv7)
v-chip.mr-1(label, small, :color='ext.platforms.macos ? `success` : `error`') MacOS
v-chip.mr-1(label, small, :color='ext.platforms.windows ? `success` : `error`') Windows
v-card-chin
v-spacer
v-btn(disabled)
v-icon(left) mdi-plus
span Install
</template>
<script>
import _ from 'lodash'
import gql from 'graphql-tag'
export default {
data() {
return {
config: {},
extensions: [
{
title: 'Git',
description: 'Distributed version control system. Required for the Git storage module.',
platforms: {
'linux-amd64': true,
'linux-arm64': true,
'linux-armv7': true,
'macos': true,
'windows': true
},
installed: true
},
{
title: 'Pandoc',
description: 'Convert between markup formats. Required for converting from other formats such as MediaWiki, AsciiDoc, Textile and other wikis.',
platforms: {
'linux-amd64': true,
'linux-arm64': false,
'linux-armv7': false,
'macos': true,
'windows': true
},
installed: false
},
{
title: 'Puppeteer',
description: 'Headless chromium browser for server-side rendering. Required for generating PDF versions of pages and render content elements on the server (e.g. Mermaid diagrams)',
platforms: {
'linux-amd64': true,
'linux-arm64': false,
'linux-armv7': false,
'macos': true,
'windows': true
},
installed: false
},
{
title: 'Sharp',
description: 'Process and transform images. Required to generate thumbnails of uploaded images and perform transformations.',
platforms: {
'linux-amd64': true,
'linux-arm64': false,
'linux-armv7': false,
'macos': true,
'windows': true
},
installed: false
}
]
}
},
computed: {
},
methods: {
async save () {
try {
await this.$apollo.mutate({
mutation: gql`
mutation (
$host: String!
) {
site {
updateConfig(
host: $host
) {
responseResult {
succeeded
errorCode
slug
message
}
}
}
}
`,
variables: {
host: _.get(this.config, 'host', '')
},
watchLoading (isLoading) {
this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-site-update')
}
})
this.$store.commit('showNotification', {
style: 'success',
message: 'Configuration saved successfully.',
icon: 'check'
})
} catch (err) {
this.$store.commit('pushGraphError', err)
}
}
}
// apollo: {
// config: {
// query: gql`
// {
// site {
// config {
// host
// }
// }
// }
// `,
// fetchPolicy: 'network-only',
// update: (data) => _.cloneDeep(data.site.config),
// watchLoading (isLoading) {
// this.$store.commit(`loading${isLoading ? 'Start' : 'Stop'}`, 'admin-site-refresh')
// }
// }
// }
}
</script>
<style lang='scss'>
.admin-extensions-exp {
.v-expansion-panel-content__wrap {
padding: 0;
}
}
</style>
client/static/svg/icon-installing-updates.svg 0 → 100644
View file @ d0cd340d
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="96px" height="96px"><linearGradient id="0chxHQbYOPc8vhUvRKpz3a" x1="32" x2="32" y1="12.745" y2="38.309" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3a)" d="M34,28V17c0-0.552-0.448-1-1-1h-2c-0.552,0-1,0.448-1,1v11c0,0.552-0.448,1-1,1h-2.178 c-0.789,0-1.267,0.871-0.844,1.537l4.335,6.812c0.786,1.235,2.589,1.235,3.375,0l4.335-6.812C38.446,29.871,37.967,29,37.178,29H35 C34.448,29,34,28.552,34,28z"/><g><linearGradient id="0chxHQbYOPc8vhUvRKpz3b" x1="32" x2="32" y1="2.277" y2="56.295" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3b)" d="M54,27h-1.896c-0.436,0-0.824-0.283-0.944-0.689c-0.394-1.328-0.928-2.617-1.587-3.832 c-0.204-0.374-0.131-0.851,0.177-1.158l1.341-1.341c1.559-1.56,1.559-4.098,0-5.657l-1.414-1.414c-1.511-1.512-4.146-1.512-5.657,0 l-1.342,1.342c-0.309,0.309-0.785,0.38-1.16,0.177c-1.228-0.669-2.517-1.205-3.831-1.596C37.283,12.71,37,12.321,37,11.887V10 c0-2.206-1.794-4-4-4h-2c-2.206,0-4,1.794-4,4v1.887c0,0.435-0.283,0.823-0.687,0.943c-1.314,0.392-2.604,0.928-3.832,1.597 c-0.375,0.203-0.852,0.132-1.16-0.177l-1.342-1.342c-1.511-1.512-4.146-1.512-5.657,0l-1.414,1.414 c-1.559,1.56-1.559,4.098,0,5.657l1.341,1.34c0.308,0.309,0.381,0.785,0.177,1.16c-0.662,1.217-1.198,2.506-1.593,3.832 C12.712,26.717,12.324,27,11.89,27H10c-2.206,0-4,1.794-4,4v2c0,2.206,1.794,4,4,4h1.896c0.436,0,0.824,0.283,0.944,0.689 c0.394,1.328,0.928,2.617,1.587,3.832c0.203,0.374,0.13,0.851-0.177,1.158l-1.341,1.341c-1.559,1.56-1.559,4.098,0,5.657 l1.414,1.414c1.511,1.512,4.146,1.512,5.657,0l1.342-1.342c0.308-0.31,0.785-0.38,1.16-0.177c1.228,0.669,2.517,1.205,3.831,1.596 C26.717,51.29,27,51.679,27,52.113V54c0,2.206,1.794,4,4,4h2c2.206,0,4-1.794,4-4v-1.887c0-0.435,0.283-0.823,0.687-0.943 c1.314-0.392,2.604-0.928,3.832-1.597c0.374-0.203,0.851-0.133,1.16,0.177l1.342,1.342c1.511,1.512,4.146,1.512,5.657,0 l1.414-1.414c1.559-1.56,1.559-4.098,0-5.657l-1.341-1.34c-0.308-0.309-0.381-0.785-0.177-1.16 c0.662-1.217,1.198-2.506,1.593-3.832C51.288,37.283,51.676,37,52.11,37H54c2.206,0,4-1.794,4-4v-2C58,28.794,56.206,27,54,27z M56,33c0,1.103-0.897,2-2,2h-1.89c-1.313,0-2.489,0.87-2.86,2.116c-0.355,1.194-0.838,2.354-1.433,3.449 c-0.624,1.147-0.41,2.599,0.52,3.529l1.341,1.34c0.779,0.78,0.779,2.049,0,2.829l-1.414,1.414c-0.756,0.756-2.073,0.756-2.829,0 l-1.341-1.342c-0.931-0.931-2.383-1.146-3.531-0.519c-1.105,0.601-2.265,1.084-3.447,1.436C35.87,49.625,35,50.802,35,52.113V54 c0,1.103-0.897,2-2,2h-2c-1.103,0-2-0.897-2-2v-1.887c0-1.312-0.87-2.488-2.117-2.861c-1.181-0.351-2.341-0.834-3.445-1.435 c-0.44-0.24-0.926-0.356-1.409-0.356c-0.777,0-1.548,0.301-2.122,0.875l-1.342,1.342c-0.756,0.756-2.073,0.756-2.829,0 l-1.414-1.414c-0.779-0.78-0.779-2.049,0-2.829l1.342-1.341c0.929-0.93,1.143-2.381,0.521-3.527 c-0.593-1.092-1.073-2.251-1.428-3.445C14.387,35.872,13.21,35,11.896,35H10c-1.103,0-2-0.897-2-2v-2c0-1.103,0.897-2,2-2h1.89 c1.313,0,2.489-0.87,2.86-2.116c0.355-1.194,0.838-2.354,1.433-3.449c0.624-1.147,0.41-2.599-0.52-3.529l-1.341-1.34 c-0.779-0.78-0.779-2.049,0-2.829l1.414-1.414c0.756-0.756,2.073-0.756,2.829,0l1.341,1.342c0.931,0.931,2.382,1.146,3.531,0.519 c1.105-0.601,2.265-1.084,3.447-1.436C28.13,14.375,29,13.198,29,11.887V10c0-1.103,0.897-2,2-2h2c1.103,0,2,0.897,2,2v1.887 c0,1.312,0.87,2.488,2.117,2.861c1.181,0.351,2.341,0.834,3.445,1.435c1.149,0.627,2.601,0.413,3.531-0.519l1.342-1.342 c0.756-0.756,2.073-0.756,2.829,0l1.414,1.414c0.779,0.78,0.779,2.049,0,2.829l-1.341,1.341c-0.93,0.929-1.144,2.38-0.521,3.527 c0.593,1.092,1.073,2.251,1.428,3.445C49.613,28.128,50.79,29,52.104,29H54c1.103,0,2,0.897,2,2V33z"/><linearGradient id="0chxHQbYOPc8vhUvRKpz3c" x1="32" x2="32" y1="2.277" y2="56.295" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3c)" d="M22,32c0-4.091,2.473-7.613,6-9.159V20.7c-4.653,1.653-8,6.087-8,11.3 c0,6.617,5.383,12,12,12s12-5.383,12-12c0-5.213-3.347-9.647-8-11.3v2.141c3.527,1.547,6,5.068,6,9.159c0,5.514-4.486,10-10,10 S22,37.514,22,32z"/><linearGradient id="0chxHQbYOPc8vhUvRKpz3d" x1="32" x2="32" y1="2.277" y2="56.295" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#0chxHQbYOPc8vhUvRKpz3d)" d="M36,16.527v2.063c5.775,1.726,10,7.081,10,13.41c0,7.72-6.28,14-14,14s-14-6.28-14-14 c0-6.329,4.225-11.684,10-13.41v-2.063C21.111,18.31,16,24.561,16,32c0,8.822,7.178,16,16,16s16-7.178,16-16 C48,24.561,42.889,18.31,36,16.527z"/></g></svg>
\ No newline at end of file
package.json
View file @ d0cd340d
......@@ -162,6 +162,7 @@
"scim-query-filter-parser": "2.0.4",
"semver": "7.3.2",
"serve-favicon": "2.5.0",
"sharp": "0.25.2",
"simple-git": "1.132.0",
"solr-node": "1.2.1",
"sqlite3": "4.1.1",
......
yarn.lock
View file @ d0cd340d
This diff was suppressed by a .gitattributes entry.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment