From 8fee799d3d5e75405a186511087449fd3ad94f6e Mon Sep 17 00:00:00 2001 From: Jan Oberhauser Date: Thu, 3 Dec 2020 12:36:34 +0100 Subject: [PATCH] :zap: Add Google icon for OAuth to meet their branding guidelines --- packages/editor-ui/public/google-signin.png | Bin 0 -> 8055 bytes .../src/components/CredentialsInput.vue | 25 +++++++++++++++--- 2 files changed, 21 insertions(+), 4 deletions(-) create mode 100644 packages/editor-ui/public/google-signin.png diff --git a/packages/editor-ui/public/google-signin.png b/packages/editor-ui/public/google-signin.png new file mode 100644 index 0000000000000000000000000000000000000000..c1e2c5c7d2fd44bf9babaf95f859aaae3f09d7c6 GIT binary patch literal 8055 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 literal 0 HcmV?d00001 diff --git a/packages/editor-ui/src/components/CredentialsInput.vue b/packages/editor-ui/src/components/CredentialsInput.vue index ae678cb25..86104a5c3 100644 --- a/packages/editor-ui/src/components/CredentialsInput.vue +++ b/packages/editor-ui/src/components/CredentialsInput.vue @@ -53,10 +53,15 @@ Connected - - - - Not connected + + Sign in with Google + + + + + + Not connected +
@@ -160,6 +165,7 @@ export default mixins( }, data () { return { + basePath: this.$store.getters.getBaseUrl, isMinimized: true, helpTexts: { credentialsData: 'The credentials to set.', @@ -218,6 +224,13 @@ export default mixins( return this.credentialDataTemp; }, + isGoogleOAuthType (): boolean { + if (this.credentialTypeData.name === 'googleOAuth2Api') { + return true; + } + const types = this.parentTypes(this.credentialTypeData.name); + return types.includes('googleOAuth2Api'); + }, isOAuthType (): boolean { if (['oAuth1Api', 'oAuth2Api'].includes(this.credentialTypeData.name)) { return true; @@ -531,6 +544,10 @@ export default mixins( .oauth-information { line-height: 2.5em; margin: 2em 0; + + .google-icon { + width: 191px; + } } .parameter-wrapper {