mirror of
https://github.com/nextcloud/richdocuments.git
synced 2025-12-17 21:12:14 +01:00
Refactor: Move personal user settings page to Vue
Signed-off-by: codewithvk <vivek.javiya@collabora.com>
This commit is contained in:
codewithvk
parent
705cdf624d
commit
3572c8bcbe
4 changed files with 390 additions and 212 deletions
98
src/components/DocSigningField.vue
Normal file
98
src/components/DocSigningField.vue
Normal file
|
|
@ -0,0 +1,98 @@
|
||||||
|
<!--
|
||||||
|
- SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
|
||||||
|
- SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="doc-signing-field">
|
||||||
|
<NcTextArea :value="localValue"
|
||||||
|
:label="label"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="placeholder"
|
||||||
|
:helper-text="helperText"
|
||||||
|
@update:value="handleUpdate" />
|
||||||
|
<div class="doc-signing-actions">
|
||||||
|
<NcButton type="secondary" @click="onClickSave">
|
||||||
|
{{ t('richdocuments', 'Save') }}
|
||||||
|
</NcButton>
|
||||||
|
<NcButton type="secondary" :title="t('richdocuments', 'Remove')" @click="onClickRemove">
|
||||||
|
<DeleteIcon :size="20" />
|
||||||
|
</NcButton>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import NcTextArea from '@nextcloud/vue/dist/Components/NcTextArea.js'
|
||||||
|
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
|
||||||
|
import DeleteIcon from 'vue-material-design-icons/Delete.vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'DocSigningField',
|
||||||
|
components: {
|
||||||
|
NcTextArea,
|
||||||
|
NcButton,
|
||||||
|
DeleteIcon,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
label: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
value: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
placeholder: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
helperText: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
localValue: this.value,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
value(newVal) {
|
||||||
|
this.localValue = newVal
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
t(scope, text) {
|
||||||
|
return window.t ? window.t(scope, text) : text
|
||||||
|
},
|
||||||
|
handleUpdate(val) {
|
||||||
|
this.localValue = val
|
||||||
|
this.$emit('update:value', val)
|
||||||
|
},
|
||||||
|
onClickSave() {
|
||||||
|
this.$emit('save', this.localValue)
|
||||||
|
},
|
||||||
|
onClickRemove() {
|
||||||
|
this.$emit('remove')
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.doc-signing-field {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.doc-signing-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
271
src/components/PersonalSettings.vue
Normal file
271
src/components/PersonalSettings.vue
Normal file
|
|
@ -0,0 +1,271 @@
|
||||||
|
<!--
|
||||||
|
- SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
|
||||||
|
- SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<NcSettingsSection :name="t('richdocuments', 'Nextcloud Office')"
|
||||||
|
:description="t('richdocuments', 'Personal Settings for Nextcloud Office')"
|
||||||
|
:limit-width="true">
|
||||||
|
<!-- Template folder selection -->
|
||||||
|
<div class="template-folder-settings">
|
||||||
|
<div class="template-input-wrapper">
|
||||||
|
<NcTextField v-model="templateFolder"
|
||||||
|
:label="t('richdocuments', 'Select a template directory')"
|
||||||
|
:disabled="true" />
|
||||||
|
</div>
|
||||||
|
<NcButton id="templateSelectButton"
|
||||||
|
type="secondary"
|
||||||
|
@click="onTemplateSelectButtonClick">
|
||||||
|
<span class="icon-folder"
|
||||||
|
:title="t('richdocuments', 'Select a personal template folder')"
|
||||||
|
data-toggle="tooltip" />
|
||||||
|
</NcButton>
|
||||||
|
<NcButton id="templateResetButton"
|
||||||
|
type="secondary"
|
||||||
|
:title="t('richdocuments', 'Remove personal template folder')"
|
||||||
|
@click="resetTemplate">
|
||||||
|
<DeleteIcon :size="20" />
|
||||||
|
</NcButton>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<em>
|
||||||
|
{{ t('richdocuments', 'Templates inside of this directory will be added to the template selector of Nextcloud Office.') }}
|
||||||
|
</em>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Zotero -->
|
||||||
|
<div class="zotero-section">
|
||||||
|
<p><strong>{{ t('richdocuments', 'Zotero') }}</strong></p>
|
||||||
|
<template v-if="hasZoteroSupport">
|
||||||
|
<div class="input-wrapper">
|
||||||
|
<div class="zotero-inline">
|
||||||
|
<div class="zotero-input-wrapper">
|
||||||
|
<NcTextField id="zoteroAPIKeyField"
|
||||||
|
:value="zoteroAPIKey"
|
||||||
|
:label="t('richdocuments', 'Enter Zotero API Key')"
|
||||||
|
@update:value="setZoteroAPIKey" />
|
||||||
|
</div>
|
||||||
|
<NcButton id="zoteroAPIKeySave"
|
||||||
|
type="secondary"
|
||||||
|
@click="saveZoteroAPIKey">
|
||||||
|
{{ t('richdocuments', 'Save') }}
|
||||||
|
</NcButton>
|
||||||
|
<NcButton id="zoteroAPIKeyRemove"
|
||||||
|
type="secondary"
|
||||||
|
:title="t('richdocuments', 'Remove Zotero API Key')"
|
||||||
|
@click="resetZoteroAPI">
|
||||||
|
<DeleteIcon :size="20" />
|
||||||
|
</NcButton>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<em>
|
||||||
|
{{ t('richdocuments', 'To use Zotero specify your API key here. You can create your API key in your') }}
|
||||||
|
<a href="https://www.zotero.org/settings/keys" target="_blank">
|
||||||
|
{{ t('richdocuments', 'Zotero account API settings.') }}
|
||||||
|
</a>
|
||||||
|
</em>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<p v-else>
|
||||||
|
<em>
|
||||||
|
{{ t('richdocuments', 'This instance does not support Zotero, because the feature is missing or disabled. Please contact the administration.') }}
|
||||||
|
</em>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Document signing -->
|
||||||
|
<div class="docsign-section">
|
||||||
|
<p class="doc_sign_head">
|
||||||
|
<strong>{{ t('richdocuments', 'Document signing') }}</strong>
|
||||||
|
</p>
|
||||||
|
<template v-if="hasDocumentSigningSupport">
|
||||||
|
<div class="input-wrapper">
|
||||||
|
<!-- Document Signing Cert -->
|
||||||
|
<DocSigningField v-model="documentSigningCert"
|
||||||
|
:label="t('richdocuments', 'Enter document signing cert (in PEM format)')"
|
||||||
|
@save="val => setDocumentSigningCert(val)"
|
||||||
|
@remove="() => setDocumentSigningCert('')" />
|
||||||
|
<!-- Document Signing Key -->
|
||||||
|
<DocSigningField v-model="documentSigningKey"
|
||||||
|
:label="t('richdocuments', 'Enter document signing key')"
|
||||||
|
@save="val => setDocumentSigningKey(val)"
|
||||||
|
@remove="() => setDocumentSigningKey('')" />
|
||||||
|
<!-- Document Signing CA -->
|
||||||
|
<DocSigningField v-model="documentSigningCa"
|
||||||
|
:label="t('richdocuments', 'Enter document signing CA chain')"
|
||||||
|
@save="val => setDocumentSigningCa(val)"
|
||||||
|
@remove="() => setDocumentSigningCa('')" />
|
||||||
|
<p>
|
||||||
|
<em>
|
||||||
|
{{ t('richdocuments', 'To use document signing, specify your signing certificate, key and CA chain here.') }}
|
||||||
|
</em>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<p v-else>
|
||||||
|
<em>
|
||||||
|
{{ t('richdocuments', 'This instance does not support document signing, because the feature is missing or disabled. Please contact the administrator.') }}
|
||||||
|
</em>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</NcSettingsSection>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { generateFilePath } from '@nextcloud/router'
|
||||||
|
import { showError, showSuccess } from '@nextcloud/dialogs'
|
||||||
|
import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
|
||||||
|
import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
|
||||||
|
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
|
||||||
|
import DocSigningField from './DocSigningField.vue'
|
||||||
|
import DeleteIcon from 'vue-material-design-icons/Delete.vue'
|
||||||
|
import axios from '@nextcloud/axios'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'PersonalSettings',
|
||||||
|
components: {
|
||||||
|
NcSettingsSection,
|
||||||
|
NcTextField,
|
||||||
|
NcButton,
|
||||||
|
DocSigningField,
|
||||||
|
DeleteIcon,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
initial: {
|
||||||
|
type: Object,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
templateFolder: this.initial.templateFolder || '',
|
||||||
|
hasZoteroSupport: this.initial.hasZoteroSupport || false,
|
||||||
|
zoteroAPIKey: this.initial.zoteroAPIKey || '',
|
||||||
|
hasDocumentSigningSupport: this.initial.hasDocumentSigningSupport || false,
|
||||||
|
documentSigningCert: this.initial.documentSigningCert || '',
|
||||||
|
documentSigningKey: this.initial.documentSigningKey || '',
|
||||||
|
documentSigningCa: this.initial.documentSigningCa || '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
setZoteroAPIKey(newVal) {
|
||||||
|
this.zoteroAPIKey = newVal
|
||||||
|
},
|
||||||
|
async onTemplateSelectButtonClick() {
|
||||||
|
OC.dialogs.filepicker(
|
||||||
|
this.t('richdocuments', 'Select a personal template folder'),
|
||||||
|
async (datapath) => {
|
||||||
|
const success = await this.updateSetting({ templateFolder: datapath })
|
||||||
|
if (success) {
|
||||||
|
this.templateFolder = datapath
|
||||||
|
}
|
||||||
|
},
|
||||||
|
false,
|
||||||
|
'httpd/unix-directory',
|
||||||
|
true,
|
||||||
|
OC.dialogs.FILEPICKER_TYPE_CHOOSE,
|
||||||
|
)
|
||||||
|
},
|
||||||
|
async resetTemplate() {
|
||||||
|
const success = await this.updateSetting({ templateFolder: '' })
|
||||||
|
if (success) {
|
||||||
|
this.templateFolder = ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async saveZoteroAPIKey() {
|
||||||
|
await this.updateSetting({ zoteroAPIKeyInput: this.zoteroAPIKey })
|
||||||
|
},
|
||||||
|
async resetZoteroAPI() {
|
||||||
|
const success = await this.updateSetting({ zoteroAPIKeyInput: '' })
|
||||||
|
if (success) {
|
||||||
|
this.zoteroAPIKey = ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async setDocumentSigningCert(val) {
|
||||||
|
const success = await this.updateSetting({ documentSigningCertInput: val })
|
||||||
|
if (success) {
|
||||||
|
this.documentSigningCert = val
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async setDocumentSigningKey(val) {
|
||||||
|
const success = await this.updateSetting({ documentSigningKeyInput: val })
|
||||||
|
if (success) {
|
||||||
|
this.documentSigningKey = val
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async setDocumentSigningCa(val) {
|
||||||
|
const success = await this.updateSetting({ documentSigningCaInput: val })
|
||||||
|
if (success) {
|
||||||
|
this.documentSigningCa = val
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async updateSetting(settings) {
|
||||||
|
try {
|
||||||
|
const response = await axios.post(
|
||||||
|
generateFilePath('richdocuments', 'ajax', 'personal.php'),
|
||||||
|
settings,
|
||||||
|
)
|
||||||
|
|
||||||
|
if (response.data.status === 'success') {
|
||||||
|
showSuccess(this.t('richdocuments', 'Settings saved successfully.'))
|
||||||
|
return true
|
||||||
|
} else {
|
||||||
|
showError(response.data.data.message || this.t('richdocuments', 'Failed to save settings.'))
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error updating settings:', error)
|
||||||
|
showError(this.t('richdocuments', 'Unexpected error occurred.'))
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.template-folder-settings {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.template-input-wrapper {
|
||||||
|
width: 300px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-wrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.zotero-section p {
|
||||||
|
margin-top: 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.zotero-inline {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.doc_sign_head {
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msg {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
color: var(--color-warning);
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-folder::before {
|
||||||
|
content: "\1F4C1";
|
||||||
|
}
|
||||||
|
</style>
|
||||||
180
src/personal.js
180
src/personal.js
|
|
@ -3,171 +3,27 @@
|
||||||
* SPDX-License-Identifier: AGPL-3.0-or-later
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
*/
|
*/
|
||||||
import './init-shared.js'
|
import './init-shared.js'
|
||||||
|
import Vue from 'vue'
|
||||||
|
import PersonalSettings from './components/PersonalSettings.vue'
|
||||||
import '../css/admin.scss'
|
import '../css/admin.scss'
|
||||||
import { generateFilePath } from '@nextcloud/router'
|
|
||||||
import { showError } from '@nextcloud/dialogs'
|
|
||||||
|
|
||||||
(function() {
|
// CSP config for webpack dynamic chunk loading
|
||||||
const PersonalSettings = function() {
|
// eslint-disable-next-line
|
||||||
this.templateInput = document.getElementById('templateInputField')
|
__webpack_nonce__ = btoa(OC.requestToken)
|
||||||
this.templateSelectButton = document.getElementById('templateSelectButton')
|
|
||||||
this.templateResetButton = document.getElementById('templateResetButton')
|
|
||||||
|
|
||||||
this.zoteroAPIKeyInput = document.getElementById('zoteroAPIKeyField')
|
// Correct the root of the app for chunk loading
|
||||||
this.zoteroAPIKeySaveButton = document.getElementById('zoteroAPIKeySave')
|
// OC.linkTo matches the apps folders
|
||||||
this.zoteroAPIKeyRemoveButton = document.getElementById('zoteroAPIKeyRemove')
|
// eslint-disable-next-line
|
||||||
|
__webpack_public_path__ = OC.linkTo('richdocuments', 'js/')
|
||||||
|
|
||||||
this.documentSigningCertInput = document.getElementById('documentSigningCertField')
|
Vue.prototype.t = t
|
||||||
this.documentSigningCertSaveButton = document.getElementById('documentSigningCertSave')
|
Vue.prototype.n = n
|
||||||
this.documentSigningCertRemoveButton = document.getElementById('documentSigningCertRemove')
|
Vue.prototype.OC = OC
|
||||||
this.documentSigningKeyInput = document.getElementById('documentSigningKeyField')
|
Vue.prototype.OCA = OCA
|
||||||
this.documentSigningKeySaveButton = document.getElementById('documentSigningKeySave')
|
|
||||||
this.documentSigningKeyRemoveButton = document.getElementById('documentSigningKeyRemove')
|
|
||||||
this.documentSigningCaInput = document.getElementById('documentSigningCaField')
|
|
||||||
this.documentSigningCaSaveButton = document.getElementById('documentSigningCaSave')
|
|
||||||
this.documentSigningCaRemoveButton = document.getElementById('documentSigningCaRemove')
|
|
||||||
|
|
||||||
const self = this
|
const element = document.getElementById('personal-vue')
|
||||||
this.templateSelectButton.addEventListener('click', function() {
|
|
||||||
OC.dialogs.filepicker(t('richdocuments', 'Select a personal template folder'), function(datapath, returntype) {
|
|
||||||
self.updateSetting(datapath)
|
|
||||||
}, false, 'httpd/unix-directory', true, OC.dialogs.FILEPICKER_TYPE_CHOOSE)
|
|
||||||
})
|
|
||||||
|
|
||||||
this.templateResetButton.addEventListener('click', this.resetSettings.bind(this))
|
/* eslint-disable-next-line no-new */
|
||||||
|
new Vue({
|
||||||
this.zoteroAPIKeySaveButton.addEventListener('click', function() {
|
render: h => h(PersonalSettings, { props: { initial: JSON.parse(element.dataset.initial) } }),
|
||||||
self.updateZoteroAPIKey(self.zoteroAPIKeyInput.value)
|
}).$mount('#personal-vue')
|
||||||
})
|
|
||||||
|
|
||||||
this.zoteroAPIKeyRemoveButton.addEventListener('click', this.resetZoteroAPI.bind(this))
|
|
||||||
|
|
||||||
this.documentSigningCertSaveButton.addEventListener('click', function() {
|
|
||||||
self.updateDocumentSigningCert(self.documentSigningCertInput.value)
|
|
||||||
})
|
|
||||||
this.documentSigningCertRemoveButton.addEventListener('click', this.resetDocumentSigningCert.bind(this))
|
|
||||||
this.documentSigningKeySaveButton.addEventListener('click', function() {
|
|
||||||
self.updateDocumentSigningKey(self.documentSigningKeyInput.value)
|
|
||||||
})
|
|
||||||
this.documentSigningKeyRemoveButton.addEventListener('click', this.resetDocumentSigningKey.bind(this))
|
|
||||||
this.documentSigningCaSaveButton.addEventListener('click', function() {
|
|
||||||
self.updateDocumentSigningCa(self.documentSigningCaInput.value)
|
|
||||||
})
|
|
||||||
this.documentSigningCaRemoveButton.addEventListener('click', this.resetDocumentSigningCa.bind(this))
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.updateSetting = function(path) {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ templateFolder: path }, function() {
|
|
||||||
self.templateInput.value = path
|
|
||||||
}, function() {
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.resetSettings = function() {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ templateFolder: '' }, function() {
|
|
||||||
self.templateInput.value = ''
|
|
||||||
}, function() {
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.updateZoteroAPIKey = function(key) {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ zoteroAPIKeyInput: key }, function() {
|
|
||||||
self.zoteroAPIKeyInput.value = key
|
|
||||||
}, function() {
|
|
||||||
showError(t('richdocuments', 'Failed to update the Zotero API key'))
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.resetZoteroAPI = function() {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ zoteroAPIKeyInput: '' }, function() {
|
|
||||||
self.zoteroAPIKeyInput.value = ''
|
|
||||||
}, function() {
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.updateDocumentSigningCert = function(ca) {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ documentSigningCertInput: ca }, function() {
|
|
||||||
self.documentSigningCertInput.value = ca
|
|
||||||
}, function() {
|
|
||||||
showError(t('richdocuments', 'Failed to update the document signing CA chain'))
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.resetDocumentSigningCert = function() {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ documentSigningCertInput: '' }, function() {
|
|
||||||
self.documentSigningCertInput.value = ''
|
|
||||||
}, function() {
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.updateDocumentSigningKey = function(ca) {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ documentSigningKeyInput: ca }, function() {
|
|
||||||
self.documentSigningKeyInput.value = ca
|
|
||||||
}, function() {
|
|
||||||
showError(t('richdocuments', 'Failed to update the document signing CA chain'))
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.resetDocumentSigningKey = function() {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ documentSigningKeyInput: '' }, function() {
|
|
||||||
self.documentSigningKeyInput.value = ''
|
|
||||||
}, function() {
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.updateDocumentSigningCa = function(ca) {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ documentSigningCaInput: ca }, function() {
|
|
||||||
self.documentSigningCaInput.value = ca
|
|
||||||
}, function() {
|
|
||||||
showError(t('richdocuments', 'Failed to update the document signing CA chain'))
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype.resetDocumentSigningCa = function() {
|
|
||||||
const self = this
|
|
||||||
this._updateSetting({ documentSigningCaInput: '' }, function() {
|
|
||||||
self.documentSigningCaInput.value = ''
|
|
||||||
}, function() {
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
PersonalSettings.prototype._updateSetting = function(data, successCallback, errorCallback) {
|
|
||||||
OC.msg.startAction('#documents-admin-msg', t('richdocuments', 'Saving …'))
|
|
||||||
const request = new XMLHttpRequest()
|
|
||||||
request.open('POST', generateFilePath('richdocuments', 'ajax', 'personal.php'), true)
|
|
||||||
request.setRequestHeader('Content-Type', 'application/json')
|
|
||||||
request.setRequestHeader('requesttoken', OC.requestToken)
|
|
||||||
request.onload = function() {
|
|
||||||
if (request.status >= 200 && request.status < 400) {
|
|
||||||
const response = JSON.parse(request.response)
|
|
||||||
OC.msg.finishedAction('#documents-admin-msg', response)
|
|
||||||
successCallback(response)
|
|
||||||
} else {
|
|
||||||
errorCallback(this.response)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
request.onerror = function() {
|
|
||||||
errorCallback(this.response)
|
|
||||||
}
|
|
||||||
|
|
||||||
request.send(JSON.stringify(data))
|
|
||||||
}
|
|
||||||
|
|
||||||
return new PersonalSettings()
|
|
||||||
})()
|
|
||||||
|
|
|
||||||
|
|
@ -4,54 +4,7 @@
|
||||||
* SPDX-FileCopyrightText: 2013-2016 ownCloud, Inc.
|
* SPDX-FileCopyrightText: 2013-2016 ownCloud, Inc.
|
||||||
* SPDX-License-Identifier: AGPL-3.0-or-later
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
*/
|
*/
|
||||||
script('richdocuments', 'richdocuments-personal');
|
|
||||||
|
\OCP\Util::addScript('richdocuments', 'richdocuments-personal');
|
||||||
?>
|
?>
|
||||||
<div class="section" id="richdocuments">
|
<div id="personal-vue" data-initial="<?php p(json_encode($_, true)); ?>"></div>
|
||||||
<h2>
|
|
||||||
<?php p($l->t('Nextcloud Office')) ?>
|
|
||||||
</h2>
|
|
||||||
<span id="documents-admin-msg" class="msg"></span>
|
|
||||||
<p><label for="templateInputField"><?php p($l->t('Select a template directory')); ?></label><br />
|
|
||||||
<input type="text" name="templateInputField" id="templateInputField" value="<?php p($_['templateFolder']); ?>" disabled />
|
|
||||||
<button id="templateSelectButton"><span class="icon-folder" title="<?php p($l->t('Select a personal template folder')); ?>" data-toggle="tooltip"></span></button>
|
|
||||||
<button id="templateResetButton"><span class="icon-delete" title="<?php p($l->t('Remove personal template folder')); ?>" data-toggle="tooltip"></span></button>
|
|
||||||
</p>
|
|
||||||
<p><em><?php p($l->t('Templates inside of this directory will be added to the template selector of Nextcloud Office.')); ?></em></p>
|
|
||||||
<p><strong><?php p($l->t('Zotero')) ?></strong></p>
|
|
||||||
<?php if ($_['hasZoteroSupport']) { ?>
|
|
||||||
<div class="input-wrapper">
|
|
||||||
<p><label for="zoteroAPIKeyField"><?php p($l->t('Enter Zotero API Key')); ?></label><br />
|
|
||||||
<input type="text" name="zoteroAPIKeyField" id="zoteroAPIKeyField" value="<?php p($_['zoteroAPIKey']); ?>"/>
|
|
||||||
<button id="zoteroAPIKeySave"><span title="<?php p($l->t('Save Zotero API key')); ?>" data-toggle="tooltip">Save</span></button>
|
|
||||||
<button id="zoteroAPIKeyRemove"><span class="icon-delete" title="<?php p($l->t('Remove Zotero API Key')); ?>" data-toggle="tooltip"></span></button>
|
|
||||||
</p>
|
|
||||||
<p><em><?php p($l->t('To use Zotero specify your API key here. You can create your API key in your')); ?> <a href="https://www.zotero.org/settings/keys" target="_blank"><?php p($l->t('Zotero account API settings.')); ?></a></em></p>
|
|
||||||
</div>
|
|
||||||
<?php } else { ?>
|
|
||||||
<p><em><?php p($l->t('This instance does not support Zotero, because the feature is missing or disabled. Please contact the administration.')); ?></em></p>
|
|
||||||
<?php } ?>
|
|
||||||
<p><strong><?php p($l->t('Document signing')) ?></strong></p>
|
|
||||||
<?php if ($_['hasDocumentSigningSupport']) { ?>
|
|
||||||
<div class="input-wrapper">
|
|
||||||
<p><label for="documentSigningCertField"><?php p($l->t('Enter document signing cert (in PEM format)')); ?></label><br />
|
|
||||||
<textarea type="text" name="documentSigningCertField" id="documentSigningCertField"><?php p($_['documentSigningCert']); ?></textarea><br />
|
|
||||||
<button id="documentSigningCertSave"><span title="<?php p($l->t('Save document signing cert')); ?>" data-toggle="tooltip">Save</span></button>
|
|
||||||
<button id="documentSigningCertRemove"><span class="icon-delete" title="<?php p($l->t('Remove document signing cert')); ?>" data-toggle="tooltip"></span></button>
|
|
||||||
</p>
|
|
||||||
<p><label for="documentSigningKeyField"><?php p($l->t('Enter document signing key')); ?></label><br />
|
|
||||||
<textarea type="text" name="documentSigningKeyField" id="documentSigningKeyField"><?php p($_['documentSigningKey']); ?></textarea><br />
|
|
||||||
<button id="documentSigningKeySave"><span title="<?php p($l->t('Save document signing key')); ?>" data-toggle="tooltip">Save</span></button>
|
|
||||||
<button id="documentSigningKeyRemove"><span class="icon-delete" title="<?php p($l->t('Remove document signing key')); ?>" data-toggle="tooltip"></span></button>
|
|
||||||
</p>
|
|
||||||
<p><label for="documentSigningCaField"><?php p($l->t('Enter document signing CA chain')); ?></label><br />
|
|
||||||
<textarea type="text" name="documentSigningCaField" id="documentSigningCaField"><?php p($_['documentSigningCa']); ?></textarea><br />
|
|
||||||
<button id="documentSigningCaSave"><span title="<?php p($l->t('Save document signing CA chain')); ?>" data-toggle="tooltip">Save</span></button>
|
|
||||||
<button id="documentSigningCaRemove"><span class="icon-delete" title="<?php p($l->t('Remove document signing CA chain')); ?>" data-toggle="tooltip"></span></button>
|
|
||||||
</p>
|
|
||||||
<p><em><?php p($l->t('To use document signing, specify your signing certificate, key and CA chain here.')); ?></em></p>
|
|
||||||
</div>
|
|
||||||
<?php } else { ?>
|
|
||||||
<p><em><?php p($l->t('This instance does not support document signing, because the feature is missing or disabled. Please contact the administrator.')); ?></em></p>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue