Details
diff --git a/admin-ui/src/main/resources/META-INF/resources/admin/js/controllers/realm.js b/admin-ui/src/main/resources/META-INF/resources/admin/js/controllers/realm.js
index 2cda1e9..1b4a4f5 100755
--- a/admin-ui/src/main/resources/META-INF/resources/admin/js/controllers/realm.js
+++ b/admin-ui/src/main/resources/META-INF/resources/admin/js/controllers/realm.js
@@ -212,7 +212,7 @@ module.controller('RealmSocialCtrl', function($scope, realm, Realm, $location, N
var oldCopy = angular.copy($scope.realm);
$scope.changed = false;
- $scope.callbackUrl = "http://mock.url.org/don/t/know/what/to/place/here";
+ $scope.callbackUrl = $location.absUrl().replace(/\/admin.*/, "/rest/social/callback");
// To get rid of the "undefined" option in the provider select list
// Setting the 1st option from the list (if the list is not empty)
diff --git a/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/facebook-help.html b/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/facebook-help.html
index b77979d..33a94e9 100755
--- a/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/facebook-help.html
+++ b/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/facebook-help.html
@@ -1,22 +1,26 @@
-<p>
- Mock page for <i>Facebook provider help</i>.
-</p>
+<p>Open <a href="https://developers.facebook.com/apps" target="_blank">https://developers.facebook.com/apps</a>. Click on <i>Create New App</i></p>
+
+<p>Use any app name that you'd like, click <i>Continue</i></p>
-<p>Fill in name, description and website. For <i>Callback URL</i> use the following value:</p>
+<p>Select <i>Disabled</i> for <i>Sandbox Mode</i></p>
+
+<p>Under <i>Select how your app integrates with Facebook</i> select <i>Website with Facebook login</i>. Fill in the form with the following values:</p>
<ul>
- <li><b>Callback URL:</b> {{callbackUrl}}</li>
+ <li><b>Site URL:</b> {{callbackUrl}}</li>
</ul>
+<p>Click on <i>Save changes</i>. Insert <i>App ID</i> and <i>App Secret</i> in the form below.</p>
+
<form class="form-horizontal" name="fbHelpForm">
<div class="control-group">
- <label class="control-label" for="providerHelp.key">Consumer key </label>
+ <label class="control-label" for="providerHelp.key">App ID </label>
<div class="controls">
<input type="text" class="input-xlarge" id="providerHelp.key" ng-model="realm.socialProviders[helpPId+'.key']">
</div>
</div>
<div class="control-group">
- <label class="control-label" for="providerHelp.secret">Consumer secret </label>
+ <label class="control-label" for="providerHelp.secret">App Secret </label>
<div class="controls">
<input type="text" class="input-xlarge" id="providerHelp.secret" ng-model="realm.socialProviders[helpPId+'.secret']">
</div>
diff --git a/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/twitter-help.html b/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/twitter-help.html
index 27ea7ab..19326ab 100644
--- a/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/twitter-help.html
+++ b/admin-ui/src/main/resources/META-INF/resources/admin/partials/provider/twitter-help.html
@@ -13,7 +13,12 @@
<p>Agree to the rules, fill in the captcha and click on <i>Create your Twitter application</i></p>
-<p>Insert <i>Consumer key</i> and <i>Consumer secret</i> in the form below.</p>
+<p>
+ Now click on <i>Settings</i> and tick the box <i>Allow this application to be used to Sign in with Twitter</i>, and click on <i>Update
+ this Twitter application's settings</i>.
+</p>
+
+<p>Click on <i>Details</i>. Insert <i>Consumer key</i> and <i>Consumer secret</i> in the form below.</p>
<form class="form-horizontal" name="twitterHelpForm">
<div class="control-group">
@@ -31,10 +36,5 @@
</form>
<p>
- Now click on <i>Settings</i> and tick the box <i>Allow this application to be used to Sign in with Twitter</i>, and click on <i>Update
- this Twitter application's settings</i>.
-</p>
-
-<p>
Close the help panel and click <i>save changes</i>.
</p>
\ No newline at end of file