Merge pull request #3183 from mohitsuman/KEYCLOAK-3502

Keycloak 3502 - Implement "Empty State" for Identity Providers in Admin Console
This commit is contained in:
Stian Thorgersen 2016-09-08 08:53:06 +02:00 committed by GitHub
commit 71b648a9b6

View file

@ -1,7 +1,32 @@
<div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
<h1>{{:: 'identity-providers' | translate}}</h1>
<div class="blank-slate-pf" data-ng-hide="configuredProviders.length > 0">
<div class="blank-slate-pf-icon">
<span class="fa fa-exchange"></span>
</div>
<h1>
Identity Providers
</h1>
<p class="">
Through Identity Brokering it's easy to allow users to authenticate to Keycloak using external Identity Providers or Social Networks.<br> We have built-in support for OpenID Connect and SAML 2.0 as well as a number of social networks such as Google, GitHub, Facebook and Twitter.
</p>
<p>To get started select a provider from the dropdown below:</p>
<div class="blank-slate-pf-main-action">
<div class="row" data-ng-show="access.manageIdentityProviders">
<div class="col-sm-4 col-sm-offset-4">
<div class="form-group">
<select class="selectpicker form-control" ng-model="provider"
ng-options="p.name group by p.groupName for p in allProviders track by p.id"
data-ng-change="addProvider(provider); provider = null">
<option value="" disabled selected>{{:: 'add-provider.placeholder' | translate}}</option>
</select>
</div>
</div>
</div>
</div>
<form name="realmForm" novalidate class="form-horizontal">
</div>
<form name="realmForm" novalidate class="form-horizontal" ng-show="configuredProviders.length > 0">
<fieldset>
<div>
<table class="table table-striped table-bordered">
@ -18,7 +43,7 @@
</div>
</th>
</tr>
<tr ng-show="configuredProviders.length > 0">
<tr>
<th>{{:: 'name' | translate}}</th>
<th>{{:: 'provider' | translate}}</th>
<th>{{:: 'enabled' | translate}}</th>
@ -26,7 +51,7 @@
<th colspan="2">{{:: 'actions' | translate}}</th>
</tr>
</thead>
<tbody ng-show="configuredProviders.length > 0">
<tbody>
<tr ng-repeat="identityProvider in configuredProviders">
<td>
<a href="#/realms/{{realm.realm}}/identity-provider-settings/provider/{{identityProvider.providerId}}/{{identityProvider.alias}}">{{identityProvider.alias}}</a>