diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-03-26 17:06:11 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-04-20 16:06:47 +0300 |
commit | 1061537667fc37e4a0c0500920cc680fe4af92af (patch) | |
tree | 71e828cb15d9e6cd516fa0c3fc1fc9ed87ccf2dd /src/components/ViewerComponent.vue | |
parent | edbb47d0ff845b1fae5edcf81d2e15890609c1e3 (diff) |
Enable Text to be used by Viewer outside Files app
Since Nextcloud 18.0.4 the Files app triggers the "LoadViewer" event, so
that event can be used to register Text with Viewer instead of doing it
through the "OCA\Files::loadAdditionalScripts" event.
Besides being more correct for the Files app it also makes possible to
use Text when opening files through Viewer in other apps, like Talk.
Note, however, that in public share pages Text is still opened using the
fallback actions instead of through Viewer, as Viewer currently does not
provide the share token of the public shared folder that contains the
file to be opened.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'src/components/ViewerComponent.vue')
-rw-r--r-- | src/components/ViewerComponent.vue | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/src/components/ViewerComponent.vue b/src/components/ViewerComponent.vue new file mode 100644 index 000000000..952f7b8b3 --- /dev/null +++ b/src/components/ViewerComponent.vue @@ -0,0 +1,72 @@ +<!-- + - @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net> + - + - @author Julius Härtl <jus@bitgrid.net> + - + - @license GNU AGPL version 3 or any later version + - + - This program is free software: you can redistribute it and/or modify + - it under the terms of the GNU Affero General Public License as + - published by the Free Software Foundation, either version 3 of the + - License, or (at your option) any later version. + - + - This program is distributed in the hope that it will be useful, + - but WITHOUT ANY WARRANTY; without even the implied warranty of + - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + - GNU Affero General Public License for more details. + - + - You should have received a copy of the GNU Affero General Public License + - along with this program. If not, see <http://www.gnu.org/licenses/>. + - + --> + +<template> + <EditorWrapper :file-id="fileid" + :relative-path="filename" + :active="active" + :share-token="shareToken" + :mime="mime" /> +</template> + +<script> +export default { + name: 'ViewerComponent', + components: { + EditorWrapper: () => import(/* webpackChunkName: "editor" */'./EditorWrapper'), + }, + props: { + filename: { + type: String, + default: null, + }, + fileid: { + type: Number, + default: null, + }, + active: { + type: Boolean, + default: false, + }, + shareToken: { + type: String, + default: null, + }, + mime: { + type: String, + default: null, + }, + }, + beforeMount() { + // FIXME Dirty fix to avoid recreating the component on stable16 + if (typeof this.$parent.$parent !== 'undefined' && this.$parent.$parent.onResize) { + window.removeEventListener('resize', this.$parent.$parent.onResize) + } + }, +} +</script> +<style> +#editor-container { + height: calc(100% - 50px); + top: 50px; +} +</style> |