diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-09-25 18:19:42 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-10-01 17:16:09 +0200 |
| commit | b9bc2417e7a8dc81feb0abe20359bedaf864f790 (patch) | |
| tree | 61b47fbf37c1d168da8625224debde9e6a985348 /apps/oauth2/src | |
| parent | 7fb651235128dcbca8a6683b5cdafdf835f46300 (diff) | |
| download | nextcloud-server-b9bc2417e7a8dc81feb0abe20359bedaf864f790.tar.gz nextcloud-server-b9bc2417e7a8dc81feb0abe20359bedaf864f790.zip | |
Comply to eslint
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/oauth2/src')
| -rw-r--r-- | apps/oauth2/src/App.vue | 81 | ||||
| -rw-r--r-- | apps/oauth2/src/components/OAuthItem.vue | 34 | ||||
| -rw-r--r-- | apps/oauth2/src/main.js | 15 |
3 files changed, 76 insertions, 54 deletions
diff --git a/apps/oauth2/src/App.vue b/apps/oauth2/src/App.vue index 1d6998ce305..9098401be10 100644 --- a/apps/oauth2/src/App.vue +++ b/apps/oauth2/src/App.vue @@ -22,52 +22,71 @@ <template> <div id="oauth2" class="section"> <h2>{{ t('oauth2', 'OAuth 2.0 clients') }}</h2> - <p class="settings-hint">{{ t('oauth2', 'OAuth 2.0 allows external services to request access to {instanceName}.', { instanceName: OC.theme.name}) }}</p> - <table class="grid" v-if="clients.length > 0"> + <p class="settings-hint"> + {{ t('oauth2', 'OAuth 2.0 allows external services to request access to {instanceName}.', { instanceName: OC.theme.name}) }} + </p> + <table v-if="clients.length > 0" class="grid"> <thead> <tr> - <th id="headerName" scope="col">{{ t('oauth2', 'Name') }}</th> - <th id="headerRedirectUri" scope="col">{{ t('oauth2', 'Redirection URI') }}</th> - <th id="headerClientIdentifier" scope="col">{{ t('oauth2', 'Client Identifier') }}</th> - <th id="headerSecret" scope="col">{{ t('oauth2', 'Secret') }}</th> - <th id="headerRemove"> </th> + <th id="headerName" scope="col"> + {{ t('oauth2', 'Name') }} + </th> + <th id="headerRedirectUri" scope="col"> + {{ t('oauth2', 'Redirection URI') }} + </th> + <th id="headerClientIdentifier" scope="col"> + {{ t('oauth2', 'Client Identifier') }} + </th> + <th id="headerSecret" scope="col"> + {{ t('oauth2', 'Secret') }} + </th> + <th id="headerRemove"> + + </th> </tr> </thead> <tbody> <OAuthItem v-for="client in clients" :key="client.id" :client="client" - @delete="deleteClient" - /> + @delete="deleteClient" /> </tbody> </table> - <br/> + <br> <h3>{{ t('oauth2', 'Add client') }}</h3> - <span v-if="newClient.error" class="msg error">{{newClient.errorMsg}}</span> + <span v-if="newClient.error" class="msg error">{{ newClient.errorMsg }}</span> <form @submit.prevent="addClient"> - <input type="text" id="name" name="name" :placeholder="t('oauth2', 'Name')" v-model="newClient.name"> - <input type="url" id="redirectUri" name="redirectUri" :placeholder="t('oauth2', 'Redirection URI')" v-model="newClient.redirectUri"> + <input id="name" + v-model="newClient.name" + type="text" + name="name" + :placeholder="t('oauth2', 'Name')"> + <input id="redirectUri" + v-model="newClient.redirectUri" + type="url" + name="redirectUri" + :placeholder="t('oauth2', 'Redirection URI')"> <input type="submit" class="button" :value="t('oauth2', 'Add')"> </form> </div> </template> <script> -import Axios from 'nextcloud-axios' -import OAuthItem from './components/OAuthItem'; +import axios from 'nextcloud-axios' +import OAuthItem from './components/OAuthItem' export default { name: 'App', + components: { + OAuthItem + }, props: { clients: { type: Array, required: true } }, - components: { - OAuthItem - }, data: function() { return { newClient: { @@ -76,34 +95,34 @@ export default { errorMsg: '', error: false } - }; + } }, methods: { deleteClient(id) { - Axios.delete(OC.generateUrl('apps/oauth2/clients/{id}', {id: id})) + axios.delete(OC.generateUrl('apps/oauth2/clients/{id}', { id: id })) .then((response) => { - this.clients = this.clients.filter(client => client.id !== id); - }); + this.clients = this.clients.filter(client => client.id !== id) + }) }, addClient() { - this.newClient.error = false; + this.newClient.error = false - Axios.post( + axios.post( OC.generateUrl('apps/oauth2/clients'), { name: this.newClient.name, redirectUri: this.newClient.redirectUri } ).then(response => { - this.clients.push(response.data); + this.clients.push(response.data) - this.newClient.name = ''; - this.newClient.redirectUri = ''; + this.newClient.name = '' + this.newClient.redirectUri = '' }).catch(reason => { - this.newClient.error = true; - this.newClient.errorMsg = reason.response.data.message; - }); + this.newClient.error = true + this.newClient.errorMsg = reason.response.data.message + }) } - }, + } } </script> diff --git a/apps/oauth2/src/components/OAuthItem.vue b/apps/oauth2/src/components/OAuthItem.vue index 361c5ed5032..2d670447d72 100644 --- a/apps/oauth2/src/components/OAuthItem.vue +++ b/apps/oauth2/src/components/OAuthItem.vue @@ -21,11 +21,13 @@ --> <template> <tr> - <td>{{name}}</td> - <td>{{redirectUri}}</td> - <td><code>{{clientId}}</code></td> - <td><code>{{renderedSecret}}</code><a class='icon-toggle has-tooltip' :title="t('oauth2', 'Show client secret')" @click="toggleSecret"></a></td> - <td class="action-column"><span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)"></a></span></td> + <td>{{ name }}</td> + <td>{{ redirectUri }}</td> + <td><code>{{ clientId }}</code></td> + <td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td> + <td class="action-column"> + <span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)" /></span> + </td> </tr> </template> @@ -39,27 +41,27 @@ export default { } }, data: function() { - return { - id: this.client.id, - name: this.client.name, - redirectUri: this.client.redirectUri, - clientId: this.client.clientId, - clientSecret: this.client.clientSecret, - renderSecret: false, - }; + return { + id: this.client.id, + name: this.client.name, + redirectUri: this.client.redirectUri, + clientId: this.client.clientId, + clientSecret: this.client.clientSecret, + renderSecret: false + } }, computed: { renderedSecret: function() { if (this.renderSecret) { - return this.clientSecret; + return this.clientSecret } else { - return '****'; + return '****' } } }, methods: { toggleSecret() { - this.renderSecret = !this.renderSecret; + this.renderSecret = !this.renderSecret } } } diff --git a/apps/oauth2/src/main.js b/apps/oauth2/src/main.js index c5714497f3d..45b9d642767 100644 --- a/apps/oauth2/src/main.js +++ b/apps/oauth2/src/main.js @@ -20,18 +20,19 @@ * */ -import Vue from 'vue'; -import App from './App.vue'; +import Vue from 'vue' +import App from './App.vue' import { loadState } from 'nextcloud-initial-state' -Vue.prototype.t = t; -Vue.prototype.OC = OC; +Vue.prototype.t = t +Vue.prototype.OC = OC -const clients = loadState('oauth2', 'clients'); +const clients = loadState('oauth2', 'clients') const View = Vue.extend(App) -new View({ +const oauth = new View({ propsData: { clients } -}).$mount('#oauth2'); +}) +oauth.$mount('#oauth2') |