How to activate the custom oauth login button?

[thomasfaure]

Hello, I configured the settings.json with a custom authentication button, but it has no effect. How to activate this configuration?

[ramnes]

It has been implemented in #46 and #47, so it might be worth summoning @alizarion – can you help?

[alizarion]

hi @thomasfaure, which lemverse release are you using? I just tested with the latest on docker hub and it seems to work can you give us more details? does the buttons appear on the login section?

[thomasfaure]

hello @alizarion I deployed the master version (1b11733ba888b5905b724241ff6a73c3f104a2bb), but I don't see the custom buttons which are well configured in the settings file : /etc/default/lemverse

[alizarion]

can you share your configuration? buttons can be hidden can you try to add "hidden": false

[thomasfaure]

Yes, here is an extract of the configuration:

"packages": {
      "service-configuration": {
        "custom": {
          "buttonBackgroundColor": "#ea4335",
          "buttonTextColor": "white",
          "clientId": "lemverse",
          "type": "oauth",
          "custom": true,
          "hidden": false,
          "secret": "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
          "authUrl": "https://my.whaller.com/oauth2/authorize",
          "accessTokenUrl": "https://my.whaller.com/api/oauth2/access_token",
          "identityUrl": "https://my.whaller.com/api/person/me",
          "serverURL": "https://xxxxxx.whaller.com",
          "responseType": "code",
          "loginStyle": "redirect",
          "scope": "openid",
          "identity": ["sname", "fname"]
        },
        "twitter": {
          "consumerKey": "xxxxxxx",
          "secret": "xxxxxxx",
          "type": "oauth",
          "custom": false,
          "loginStyle": "redirect"
        },
        "github": {
          "clientId": "xxxxxxx",
          "buttonBackgroundColor": "#5880ff",
          "buttonTextColor": "white",
          "type": "oauth",
          "custom": false,
          "secret": "xxxxxxx"
        },
        "google": {
          "clientId": "xxxxxxx",
          "buttonBackgroundColor": "#5880ff",
          "buttonTextColor": "white",
          "type": "oauth",
          "custom": false,
          "secret": "xxxxxxx",
          "loginStyle": "redirect"
        },
        "facebook": {
          "appId": "xxxxxxx",
          "buttonBackgroundColor": "#5880ff",
          "buttonTextColor": "white",
          "type": "oauth",
          "custom": false,
          "secret": "xxxxxxx",
          "loginStyle": "redirect"
        }
      },

as you can see,

I simply modified the "custom" configuration and did not touch the twitter, github, etc configurations that I do not need

[alizarion]

@thomasfaure sorry for late answer, it's your own build or official lemverse docker image ? i think your configuration file or env is not parsed correctly ... can you try this in chrome console

  ServiceConfiguration.configurations.find()
          .observe({
              added(record) {
                  console.log(record);

              },
          });

[thomasfaure]

@alizarion

Here is the screenshot of the answer, I don't know if it can help.

[alizarion]

@thomasfaure I think the second line of the query is ignored because of the copy paste :) you should see something like this

[alizarion]

if no records it means your configuration is ignored

[thomasfaure]

yes, which makes sense since I don't see a custom button.

Do you know why it is ignored?

Two things:

the "packages" scope is not in "public" :

and the "packages" scope is inside a "peer" scope:

[thomasfaure]

@alizarion it's better now :)