demo/social.html at master · xmonish/demo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52


<!DOCTYPE html>
<html>
	<head>
		<title>Social Login | LR User Registration</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
		<!-- LoginRadius -->

		<script src="https://auth.lrcontent.com/v2/js/LoginRadiusV2.js"></script>
	</head>
	<body>
		<h3><a href="index.html">Home Page</a></h3>

		<div id="interfacecontainerdiv" class="interfacecontainerdiv"></div>
		<div id="sociallogin-container"></div>

		<script type="text/html" id="loginradiuscustom_tmpl">
		<a class="lr-provider-label" href="javascript:void(0)" onclick="return <#=ObjectName#>.util.openWindow('<#= Endpoint #>');" title="<#= Name #>" alt="Sign in with <#=Name#>">
			<#=Name#>
		</a>
		</script>

		<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
		<script src="option.js"></script>
		<script type="text/javascript">
			var custom_interface_option = {};
			custom_interface_option.templateName = 'loginradiuscustom_tmpl';
			LRObject.util.ready(function() {
			LRObject.customInterface(".interfacecontainerdiv", custom_interface_option);
			});

			var sl_options = {};
			sl_options.onSuccess = function(response) {
				//On Success
				//Here you get the access token
				console.log(response);
			};
			sl_options.onError = function(errors) {
				//On Errors
				console.log(errors);
			};
			sl_options.container = "sociallogin-container";

			LRObject.util.ready(function() {
				LRObject.init('socialLogin', sl_options);
			});

		</script>
	</body>
</html>