diff --git a/packages/editor-ui/public/google-signin.png b/packages/editor-ui/public/google-signin.png new file mode 100644 index 000000000..c1e2c5c7d Binary files /dev/null and b/packages/editor-ui/public/google-signin.png differ 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 {