|
|
|
@ -43,17 +43,21 @@
|
|
|
|
|
<br>
|
|
|
|
|
<h3>{{ t('oauth2', 'Add client') }}</h3>
|
|
|
|
|
<span v-if="newClient.error" class="msg error">{{ newClient.errorMsg }}</span>
|
|
|
|
|
<form @submit.prevent="addClient">
|
|
|
|
|
<input id="name"
|
|
|
|
|
v-model="newClient.name"
|
|
|
|
|
<form class="oauth2-form" @submit.prevent="addClient">
|
|
|
|
|
<NcTextField id="name"
|
|
|
|
|
:value.sync="newClient.name"
|
|
|
|
|
type="text"
|
|
|
|
|
class="oauth2-form--input"
|
|
|
|
|
name="name"
|
|
|
|
|
:placeholder="t('oauth2', 'Name')">
|
|
|
|
|
<input id="redirectUri"
|
|
|
|
|
v-model="newClient.redirectUri"
|
|
|
|
|
:label="t('oauth2', 'Name')"
|
|
|
|
|
:placeholder="t('oauth2', 'Name')" />
|
|
|
|
|
<NcTextField id="redirectUri"
|
|
|
|
|
:value.sync="newClient.redirectUri"
|
|
|
|
|
type="url"
|
|
|
|
|
class="oauth2-form--input"
|
|
|
|
|
name="redirectUri"
|
|
|
|
|
:placeholder="t('oauth2', 'Redirection URI')">
|
|
|
|
|
:label="t('oauth2', 'Redirection URI')"
|
|
|
|
|
:placeholder="t('oauth2', 'Redirection URI')" />
|
|
|
|
|
<NcButton native-type="submit" class="inline-button">
|
|
|
|
|
{{ t('oauth2', 'Add') }}
|
|
|
|
|
</NcButton>
|
|
|
|
@ -69,6 +73,7 @@ import { getCapabilities } from '@nextcloud/capabilities'
|
|
|
|
|
import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
|
|
|
|
|
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
|
|
|
|
|
import { loadState } from '@nextcloud/initial-state'
|
|
|
|
|
import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: 'App',
|
|
|
|
@ -76,6 +81,7 @@ export default {
|
|
|
|
|
OAuthItem,
|
|
|
|
|
NcSettingsSection,
|
|
|
|
|
NcButton,
|
|
|
|
|
NcTextField,
|
|
|
|
|
},
|
|
|
|
|
props: {
|
|
|
|
|
clients: {
|
|
|
|
@ -140,4 +146,12 @@ export default {
|
|
|
|
|
min-height: 34px !important;
|
|
|
|
|
display: inline-flex !important;
|
|
|
|
|
}
|
|
|
|
|
.oauth2-form {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
}
|
|
|
|
|
.oauth2-form--input {
|
|
|
|
|
max-width: 200px;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|