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
+
+
+
+
+
+
+
+ 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 {