diff options
author | Joas Schilling <213943+nickvergessen@users.noreply.github.com> | 2022-07-26 14:37:10 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-07-26 14:37:10 +0300 |
commit | 57a9813e523f2ea927f8e8751a07ba55060231fd (patch) | |
tree | b487b5d57c56cc53ad45e98593d9a7f060b5ec46 /src | |
parent | 324fa59daa36bc17e5395606597de744b084a7be (diff) | |
parent | 5d501c6f981bba9a75aa2ae87a6b5e946d0090f0 (diff) |
Merge pull request #7649 from nextcloud/bugfix/noid/move-hosted-signaling-server-to-vue-button
Move Hosted signaling server to Vue button
Diffstat (limited to 'src')
-rw-r--r-- | src/components/AdminSettings/HostedSignalingServer.vue | 36 |
1 files changed, 17 insertions, 19 deletions
diff --git a/src/components/AdminSettings/HostedSignalingServer.vue b/src/components/AdminSettings/HostedSignalingServer.vue index 9f5657a51..9b50996d4 100644 --- a/src/components/AdminSettings/HostedSignalingServer.vue +++ b/src/components/AdminSettings/HostedSignalingServer.vue @@ -40,6 +40,7 @@ placeholder="https://cloud.example.org/" :disabled="loading" :aria-label="t('spreed', 'URL of this Nextcloud instance')"> + <h4>{{ t('spreed', 'Full name of the user requesting the trial') }}</h4> <input v-model="hostedHPBFullName" type="text" @@ -47,6 +48,7 @@ placeholder="Jane Doe" :disabled="loading" :aria-label="t('spreed', 'Name of the user requesting the trial')"> + <h4>{{ t('spreed', 'Email of the user') }}</h4> <input v-model="hostedHPBEmail" type="text" @@ -54,6 +56,7 @@ placeholder="jane@example.org" :disabled="loading" :aria-label="t('spreed', 'Email of the user')"> + <h4>{{ t('spreed', 'Language') }}</h4> <select v-model="hostedHPBLanguage" name="hosted_hpb_language" @@ -68,6 +71,7 @@ {{ l.name }} </option> </select> + <h4>{{ t('spreed', 'Country') }}</h4> <select v-model="hostedHPBCountry" name="hosted_hpb_country" @@ -78,12 +82,13 @@ {{ c.name }} </option> </select> - <br> - <button class="button primary" + + <Button type="primary" :disabled="!hostedHPBFilled || loading" @click="requestHPBTrial"> {{ t('spreed', 'Request signaling server trial') }} - </button> + </Button> + <p v-if="requestError !== ''" class="warning"> {{ requestError }} @@ -118,16 +123,18 @@ class="warning"> {{ requestError }} </p> - <button class="button delete" + + <Button type="error" :disabled="loading" @click="deleteAccount"> {{ t('spreed', 'Delete the signaling server account') }} - </button> + </Button> </div> </div> </template> <script> +import Button from '@nextcloud/vue/dist/Components/Button' import { loadState } from '@nextcloud/initial-state' import axios from '@nextcloud/axios' import { generateOcsUrl } from '@nextcloud/router' @@ -136,6 +143,10 @@ import moment from '@nextcloud/moment' export default { name: 'HostedSignalingServer', + components: { + Button, + }, + data() { return { hostedHPBNextcloudUrl: '', @@ -238,7 +249,7 @@ export default { this.trialAccount = [] } catch (err) { - this.deleteError = err?.response?.data?.ocs?.data?.message || t('spreed', 'The account could not be deleted. Please try again later.') + this.requestError = err?.response?.data?.ocs?.data?.message || t('spreed', 'The account could not be deleted. Please try again later.') } finally { this.loading = false } @@ -265,17 +276,4 @@ tr :first-child { opacity: .5; } -.delete { - background: var(--color-main-background); - border-color: var(--color-error); - color: var(--color-error); -} - -.delete:hover, -.delete:active { - background: var(--color-error); - border-color: var(--color-error) !important; - color: var(--color-main-background); -} - </style> |