keycloak-scim/examples/broker/facebook-authentication/src/main/webapp/index.html

69 lines
2.6 KiB
HTML
Raw Normal View History

<!doctype html>
2016-02-03 10:20:22 +00:00
<!--
~ Copyright 2016 Red Hat, Inc. and/or its affiliates
~ and other contributors as indicated by the @author tags.
~
~ Licensed under the Apache License, Version 2.0 (the "License");
~ you may not use this file except in compliance with the License.
~ You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing, software
~ distributed under the License is distributed on an "AS IS" BASIS,
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
~ See the License for the specific language governing permissions and
~ limitations under the License.
-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Facebook Authentication Example</title>
<script src="js/lib/angular/angular.js"></script>
<script src="js/lib/angular/angular-resource.js"></script>
<script src="js/lib/angular/angular-route.js"></script>
<script src="js/lib/angular/ui-bootstrap-tpls-0.4.0.js"></script>
<script src="/auth/js/keycloak.js"></script>
<script src="js/app.js" type="text/javascript"></script>
</head>
<body data-ng-controller="GlobalCtrl">
<div id="content-area" class="col-md-9" role="main">
<div id="content">
<h2>Hello, {{identity.name}} [<a href="" ng-click="logout()">Sign Out</a>]</h2>
<div>
2015-05-04 19:09:01 +00:00
<p><b>This is your Keycloak Profile</b>:</p>
<p>
<ul>
<li><b>Id</b>: {{identity.sub}}</li>
<li><b>Username</b>: {{identity.preferred_username}}</li>
<li><b>Email</b>: {{identity.email}}</li>
<li><b>Full Name</b>: {{identity.name}}</li>
</ul>
</p>
</div>
<div>
<p><button type="submit" data-ng-click="loadSocialProfile()">Load your social profile</button></p>
<div data-ng-show="socialProfile">
<p><b>This is your Facebook Profile</b>:</p>
<p>
<ul>
<li><b>Id</b>: {{socialProfile.id}}</li>
<li><b>First Name</b>: {{socialProfile.first_name}}</li>
<li><b>Last Name</b>: {{socialProfile.last_name}}</li>
<li><b>Gender</b>: {{socialProfile.gender}}</li>
<li><b>Profile Link</b>: <a href="{{socialProfile.link}}">{{socialProfile.link}}</a></li>
</ul>
</p>
</div>
</div>
</div>
</div>
</body>
</html>