From 95cba854f389ebdee200d0df147e4c26ed4949a0 Mon Sep 17 00:00:00 2001 From: hakabahitoyo Date: Sun, 4 Feb 2018 00:27:33 +0900 Subject: [PATCH] add instance specific panel --- src/App.js | 7 +++++-- src/App.vue | 1 + .../instance_specific_panel.js | 9 +++++++++ .../instance_specific_panel.vue | 15 +++++++++++++++ src/main.js | 10 +++++++++- static/config.json | 5 +++-- 6 files changed, 42 insertions(+), 5 deletions(-) create mode 100644 src/components/instance_specific_panel/instance_specific_panel.js create mode 100644 src/components/instance_specific_panel/instance_specific_panel.vue diff --git a/src/App.js b/src/App.js index 0636c47d..1c6f4fcc 100644 --- a/src/App.js +++ b/src/App.js @@ -2,6 +2,7 @@ import UserPanel from './components/user_panel/user_panel.vue' import NavPanel from './components/nav_panel/nav_panel.vue' import Notifications from './components/notifications/notifications.vue' import UserFinder from './components/user_finder/user_finder.vue' +import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue' import ChatPanel from './components/chat_panel/chat_panel.vue' export default { @@ -11,7 +12,8 @@ export default { NavPanel, Notifications, UserFinder, - ChatPanel + ChatPanel, + InstanceSpecificPanel }, data: () => ({ mobileActivePanel: 'timeline' @@ -24,7 +26,8 @@ export default { logoStyle () { return { 'background-image': `url(${this.$store.state.config.logo})` } }, style () { return { 'background-image': `url(${this.background})` } }, sitename () { return this.$store.state.config.name }, - chat () { return this.$store.state.chat.channel } + chat () { return this.$store.state.chat.channel }, + showInstanceSpecificPanel () { return this.$store.state.config.showInstanceSpecificPanel} }, methods: { activatePanel (panelName) { diff --git a/src/App.vue b/src/App.vue index ec403519..2a910bc0 100644 --- a/src/App.vue +++ b/src/App.vue @@ -23,6 +23,7 @@ diff --git a/src/components/instance_specific_panel/instance_specific_panel.js b/src/components/instance_specific_panel/instance_specific_panel.js new file mode 100644 index 00000000..abd408c8 --- /dev/null +++ b/src/components/instance_specific_panel/instance_specific_panel.js @@ -0,0 +1,9 @@ +const InstanceSpecificPanel = { + computed: { + instanceSpecificPanelContent () { + return this.$store.state.config.instanceSpecificPanelContent + } + } +} + +export default InstanceSpecificPanel diff --git a/src/components/instance_specific_panel/instance_specific_panel.vue b/src/components/instance_specific_panel/instance_specific_panel.vue new file mode 100644 index 00000000..b3ea019d --- /dev/null +++ b/src/components/instance_specific_panel/instance_specific_panel.vue @@ -0,0 +1,15 @@ + + + + + diff --git a/src/main.js b/src/main.js index de74511b..359dbf52 100644 --- a/src/main.js +++ b/src/main.js @@ -78,12 +78,13 @@ const i18n = new VueI18n({ window.fetch('/static/config.json') .then((res) => res.json()) .then((data) => { - const {name, theme, background, logo, registrationOpen} = data + const {name, theme, background, logo, registrationOpen, showInstanceSpecificPanel} = data store.dispatch('setOption', { name: 'name', value: name }) store.dispatch('setOption', { name: 'theme', value: theme }) store.dispatch('setOption', { name: 'background', value: background }) store.dispatch('setOption', { name: 'logo', value: logo }) store.dispatch('setOption', { name: 'registrationOpen', value: registrationOpen }) + store.dispatch('setOption', { name: 'showInstanceSpecificPanel', value: showInstanceSpecificPanel }) if (data['chatDisabled']) { store.dispatch('disableChat') } @@ -146,3 +147,10 @@ window.fetch('/api/pleroma/emoji.json') ), (error) => console.log(error) ) + +window.fetch('/instance/panel.html') + .then((res) => res.text()) + .then((html) => { + store.dispatch('setOption', { name: 'instanceSpecificPanelContent', value: html }) + }) + diff --git a/static/config.json b/static/config.json index 880efca8..38b1062d 100644 --- a/static/config.json +++ b/static/config.json @@ -3,7 +3,8 @@ "theme": "pleroma-dark", "background": "/static/bg.jpg", "logo": "/static/logo.png", - "registrationOpen": false, + "registrationOpen": true, "defaultPath": "/main/all", - "chatDisabled": false + "chatDisabled": false, + "showInstanceSpecificPanel": false }