portainer/app/extensions/oauth/components/oauth-settings/oauth-settings.html

<div>
  <!-- <oauth-providers-selector on-select="$ctrl.onSelectProvider" selected-provider="$ctrl.settings.provider" providers="$ctrl.providers"></oauth-providers-selector> -->
<div class="col-sm-12 form-section-title">
  Automatic user provisioning
</div>
<div class="form-group">
  <span class="col-sm-12 text-muted small">
    With automatic user provisioning enabled, Portainer will create user(s) automatically with standard user role. If
    disabled, users must be created in Portainer in order to login.
  </span>
</div>
<div class="form-group">
  <div class="col-sm-12">
    <label for="oauth_provisioning"> Automatic user provisioning </label>
    <label class="switch" style="margin-left: 20px">
      <input type="checkbox" ng-model="$ctrl.settings.OAuthAutoCreateUsers" /><i></i>
    </label>
  </div>
</div>

<div ng-if="$ctrl.settings.OAuthAutoCreateUsers">
  <div class="form-group">
    <span class="col-sm-12 text-muted small">
      The users created by the automatic provisioning feature can be added to a default team on creation. This setting is optional.
    </span>
  </div>
  <div class="form-group">
    <label for="team_provisioning" class="col-sm-2">Default team</label>
    <span class="small text-muted" style="margin-left: 20px;" ng-if="$ctrl.teams.length === 0">
      You have not yet created any team. Head over the <a ui-sref="portainer.teams">teams view</a> to manage user teams.
    </span>
    <button type="button" class="btn btn-sm btn-danger" ng-click="$ctrl.settings.DefaultTeamID = null" ng-disabled="!$ctrl.settings.DefaultTeamID"
      ng-if="$ctrl.teams.length > 0">
      <i class="fa fa-times" aria-hidden="true"></i>
    </button>
    <div class="col-sm-9 col-lg-9" ng-if="$ctrl.teams.length > 0">
      <select class="form-control" ng-model="$ctrl.settings.DefaultTeamID" ng-options="team.Id as team.Name for team in $ctrl.teams">
      </select>
    </div>
  </div>
</div>


  <div class="col-sm-12 form-section-title">OAuth Configuration</div>

  <div class="form-group">
    <label for="oauth_client_id" class="col-sm-3 col-lg-2 control-label text-left">
      Client ID
      <portainer-tooltip position="bottom" message="Client ID that authorization server supports"></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        id="oauth_client_id"
        ng-model="$ctrl.settings.ClientID"
        placeholder="xxxxxxxxxxxxxxxxxxxx"
      />
    </div>
  </div>

  <div class="form-group">
    <label for="oauth_client_secret" class="col-sm-3 col-lg-2 control-label text-left">
      Client Secret
      <portainer-tooltip
        position="bottom"
        message="Client secret that authorization server supports"
      ></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="password"
        class="form-control"
        id="oauth_client_secret"
        ng-model="$ctrl.settings.ClientSecret"
        placeholder="xxxxxxxxxxxxxxxxxxxx"
      />
    </div>
  </div>

  <div class="form-group">
    <label for="oauth_authorization_uri" class="col-sm-3 col-lg-2 control-label text-left">
      Authorization URI
      <portainer-tooltip
        position="bottom"
        message="URI where the user is redirected in order to login with OAuth provider"
      ></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        id="oauth_authorization_uri"
        ng-model="$ctrl.settings.AuthorizationURI"
        placeholder="https://example.com/oauth/authorize"
      />
    </div>
  </div>

  <div class="form-group">
    <label for="oauth_access_token_uri" class="col-sm-3 col-lg-2 control-label text-left">
      Access Token URI
      <portainer-tooltip
        position="bottom"
        message="URI where portainer will attempt to obtain an access token"
      ></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        id="oauth_access_token_uri"
        ng-model="$ctrl.settings.AccessTokenURI"
        placeholder="https://example.com/oauth/token"
      />
    </div>
  </div>

  <div class="form-group">
    <label for="oauth_resource_uri" class="col-sm-3 col-lg-2 control-label text-left">
      Resource URI
      <portainer-tooltip
        position="bottom"
        message="URI where portainer will attempt to retrieve the user identifier value"
      ></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        id="oauth_resource_uri"
        ng-model="$ctrl.settings.ResourceURI"
        placeholder="https://example.com/user"
      />
    </div>
  </div>

  <div class="form-group">
    <label for="oauth_redirect_uri" class="col-sm-3 col-lg-2 control-label text-left">
      Redirect URI
      <portainer-tooltip position="bottom" message="Set this as your portainer index"></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        id="oauth_redirect_uri"
        ng-model="$ctrl.settings.RedirectURI"
        placeholder="http://yourportainer.com/"
      />
    </div>
  </div>

  <div class="form-group">
    <label for="oauth_user_identifier" class="col-sm-3 col-lg-2 control-label text-left">
      User Identifier
      <portainer-tooltip
        position="bottom"
        message="Key that identifies the user in the resource server request"
      ></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        id="oauth_user_identifier"
        ng-model="$ctrl.settings.UserIdentifier"
        placeholder="id"
      />
    </div>
  </div>

  <div class="form-group">
    <label for="oauth_scopes" class="col-sm-3 col-lg-2 control-label text-left">
      Scopes
      <portainer-tooltip
        position="bottom"
        message="Scopes that are required to obtain the user identifier separated by delimiter if server expects it"
      ></portainer-tooltip>
    </label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        id="oauth_scopes"
        ng-model="$ctrl.settings.Scopes"
        placeholder="id,email,name"
      />
    </div>
  </div>
</div>