diff options
author | patrick <patrick@westberliner.net> | 2021-02-28 19:10:10 +0300 |
---|---|---|
committer | patrick <patrick@westberliner.net> | 2021-02-28 19:10:10 +0300 |
commit | 62add016d52dbdc2ebff41b211685d024d6078dd (patch) | |
tree | 5214fc061d4134da64291c87b8499fa099f4c2d3 | |
parent | 6abb3b5741e540e45929b77fe7adeccb9d89db05 (diff) |
Checked nextcloud 21 compatibility.
-rw-r--r-- | appinfo/info.xml | 4 | ||||
-rw-r--r-- | package.json | 5 | ||||
-rw-r--r-- | src/main.js | 43 | ||||
-rw-r--r-- | src/views/ChecksumTab21.vue | 141 |
4 files changed, 187 insertions, 6 deletions
diff --git a/appinfo/info.xml b/appinfo/info.xml index 9c324fe..d8ab655 100644 --- a/appinfo/info.xml +++ b/appinfo/info.xml @@ -12,7 +12,7 @@ Select a algorithm and it will try to generate a hash. If you want an other algorithm, just click on the reload button. </description> - <version>1.0.1</version> + <version>1.1.0</version> <licence>agpl</licence> <author>westberliner</author> <types> @@ -29,6 +29,6 @@ <screenshot>https://raw.githubusercontent.com/westberliner/checksum/master/screenshots/checksum.gif</screenshot> <dependencies> <php min-version="7.2" /> - <nextcloud min-version="20" max-version="21" /> + <nextcloud min-version="20" max-version="22" /> </dependencies> </info> diff --git a/package.json b/package.json index 7b2349e..9ba79e6 100644 --- a/package.json +++ b/package.json @@ -12,8 +12,10 @@ }, "dependencies": { "@nextcloud/axios": "^1.5.0", + "@nextcloud/l10n": "^1.4.1", "@nextcloud/router": "^1.2.0", - "@nextcloud/vue": "^3.6.0" + "@nextcloud/vue": "^3.6.0", + "vue": "^2.6.12" }, "devDependencies": { "@babel/core": "^7.12.10", @@ -21,7 +23,6 @@ "@nextcloud/browserslist-config": "^1.0.0", "@nextcloud/eslint-config": "^4.0.0-alpha.0", "@nextcloud/eslint-plugin": "^2.0.0", - "@nextcloud/l10n": "^1.4.1", "@nextcloud/webpack-vue-config": "^3.0.0-alpha.0", "babel-eslint": "^10.1.0", "babel-loader": "^8.2.2", diff --git a/src/main.js b/src/main.js index cc7ad6d..ebe880c 100644 --- a/src/main.js +++ b/src/main.js @@ -19,11 +19,50 @@ * along with this program. If not, see <http://www.gnu.org/licenses/>. * */ - +import Vue from 'vue' +import { translate as t } from '@nextcloud/l10n' import ChecksumTab from './views/ChecksumTab' +import ChecksumTab21 from './views/ChecksumTab21' + +// Init Sharing tab component +const View = Vue.extend(ChecksumTab21) +let tabInstance = null window.addEventListener('DOMContentLoaded', function() { if (OCA.Files && OCA.Files.Sidebar) { - OCA.Files.Sidebar.registerTab(new OCA.Files.Sidebar.Tab('checksum', ChecksumTab)) + let checksumTab + if (OC.config.version < 21) { + checksumTab = new OCA.Files.Sidebar.Tab('checksum', ChecksumTab) + } else { + checksumTab = new OCA.Files.Sidebar.Tab({ + id: 'checksum', + name: t('checksum', 'Checksum'), + icon: 'icon-category-auth', + + mount(el, fileInfo, context) { + if (tabInstance) { + tabInstance.$destroy() + } + tabInstance = new View({ + // Better integration with vue parent component + parent: context, + }) + // Only mount after we have all the info we need + tabInstance.update(fileInfo) + tabInstance.$mount(el) + }, + update(fileInfo) { + tabInstance.update(fileInfo) + }, + destroy() { + tabInstance.$destroy() + tabInstance = null + }, + enabled(fileInfo) { + return (fileInfo.type === 'file') + }, + }) + } + OCA.Files.Sidebar.registerTab(checksumTab) } }) diff --git a/src/views/ChecksumTab21.vue b/src/views/ChecksumTab21.vue new file mode 100644 index 0000000..7f0e120 --- /dev/null +++ b/src/views/ChecksumTab21.vue @@ -0,0 +1,141 @@ +<!-- + - @copyright Copyright (c) 2021 Patrick Herzberg <patrick@westberliner.net> + - + - @author Patrick Herzberg <patrick@westberliner.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> + <div> + <!-- checksum content --> + <Multiselect + v-model="algorithm" + :options="algorithms" + track-by="id" + label="label" + @change="onAlgorithmChangeHandler" /> + <br> + <br> + <p :class="{ 'icon-loading': loading }" class="checksum-hash-result"> + <span v-if="!loading && algorithm.id !== ''"><strong>{{ algorithm.label }}:</strong>{{ hash }}</span> + </p> + </div> +</template> + +<script> +import { generateUrl } from '@nextcloud/router' +import axios from '@nextcloud/axios' +import Multiselect from '@nextcloud/vue/dist/Components/Multiselect' + +const algorithms = [ + { id: '', label: t('checksum', 'Choose Algorithm') }, + { id: 'md5', label: 'MD5' }, + { id: 'sha1', label: 'SHA1' }, + { id: 'sha256', label: 'SHA256' }, + { id: 'sha384', label: 'SHA384' }, + { id: 'sha512', label: 'SHA1' }, + { id: 'crc32', label: 'CRC32' }, + { id: 'crc32b', label: 'CRC32b' }, +] + +export default { + name: 'ChecksumTab21', + + components: { + Multiselect, + }, + + mixins: [], + + data() { + return { + loading: false, + algorithm: algorithms[0], + algorithms, + hash: '', + } + }, + + computed: { + /** + * Returns the current active tab. + * Needed because AppSidebarTab also uses $parent.activeTab. + * + * @returns {string} + */ + activeTab() { + return this.$parent.activeTab + }, + + }, + + methods: { + /** + * Update current fileInfo and fetch new data. + * @param {Object} fileInfo the current file FileInfo. + */ + update(fileInfo) { + this.fileInfo = fileInfo + }, + + /** + * Handles selection change event by triggering hash ajax call. + * + * @param {Object} algorithm - The selected algorithm object. + * @param {string} algorithm.id - The selected algorithm id. + * @param {string} algorithm.label - The selected algorithm label. + */ + onAlgorithmChangeHandler(algorithm) { + this.hash = '' + if (algorithm.id.length) { + this.loading = true + this.getChecksum(algorithm.id) + } + }, + + /** + * @param {string} algorithmType - The hasg algorithm type. + */ + getChecksum(algorithmType) { + const url = generateUrl('/apps/checksum/check') + const params = { source: this.fileInfo.path + this.fileInfo.name, type: algorithmType } + axios.get(url, { params }).then(response => { + this.loading = false + this.hash = response.data.msg + }).catch(err => { + console.error(err) + }) + }, + + /** + * Reset the current view to its default state + */ + resetState() { + this.loading = false + this.algorithm = '' + }, + }, +} +</script> + +<style lang="scss" scoped> + .checksum-hash-result { + text-align: center; + word-wrap: break-word; + } +</style> |