Visualizing the OAuth 2.0 Client Flow

HTML Code for the Constant Contact Grant Access page

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html
 xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
 <meta name="viewport" content="width=device-width; initial-scale=1.0; 
maximum-scale=1.0; user-scalable=0"/>
 <title>Constant Contact OAuth 2 Authentication Confirmed</title>
 css/base.jsp" rel="stylesheet" type="text/css"/> <link href="https://ui.constantcontact.com/ui/includes/Roving/css/theme_cc.jsp" 
rel="stylesheet" type="text/css"/> <link href="https://ui.constantcontact.com/ui/includes/Roving/css/layout.jsp" rel="stylesheet" 
type="text/css"/> <link href="https://ui.constantcontact.com/ui/includes/Roving/css/print.jsp" rel="stylesheet" 
media="print" type="text/css"/> <link href="/oauth2/static/css/responsive.css" rel="stylesheet" type="text/css"/> </head> ffffff;"> <div id="main"> <div class="page-bg"> <div class="page-container"> <div id="header" class="clear-fix"> <div id="logo"> <img src="https://imgssl.constantcontact.com/lp/images/standard/ui/ctct_logo.png" 
height="43" border="0"/> </div> </div> <div id="content" class="screen-width-indent clear-fix"> <div class="form-box"> <div class="boxhd1"> <h2>Grant access to your Constant Contact account? </h2> </div> <div class="box-body clear-fix"> <ul class="arrows"> <li>This access grant to your account will remain in effect until you explicitly revoke it.</li> </ul> <table width="100%" cellpadding="5" cellspacing="0"> <tr> <td align="right"> <form id="grant" name="confirmationForm" action="/oauth2/oauth/siteowner/authorize" method="POST"> <input name="user_oauth_approval" value="true" type="hidden"/> <input name="preregistered_redirect_uri" value="http://www.example.com" type="hidden"/> <label> <input id="authorize" name="authorize" class="btn-primary" value="Grant Access" type="submit" /> </label> </form> </td> <td>
denialForm" name="denialForm" action="/oauth2/oauth/siteowner/authorize" method="POST">
<input name="user_oauth_approval" value="not_true" type="hidden"/>
<input name="preregistered_redirect_uri" value="http://www.example.com" type="hidden"/>

<label>
<input id="deny" name="deny" class="btn-secondary" value="Deny Access" type="submit"/>
</label>
</form>
</td>
</tr>
</table>
</div>
</div>
<div class="intro">
<h2>What happens if I grant access? </h2>

By granting access to this third party application, you are empowering

 <br>Application:
<strong>Test1</strong>
 <br/>
 to access and update your Constant Contact account.
 <br>
 <br>You should only grant access to applications which you trust with your 
Constant Contact account information.
</p>
 </div>
 </div>
 <div id="footer">
 <table cellpadding="0" cellspacing="0" border="0" width="100%">
 <tr>
 <td valign="top">
 <p class="copyright">
 Copyright &copy; 1999-2013 Constant Contact, Inc.
 <br />
 All Rights Reserved
</p>
 </td>
 &nbsp;
 </tr>
 </table>
 </div>
 </div>
 </div>
 </div>
 <script type="text/javascript">
 $(document).ready(function () {
 $(function disableBothForGrant() {
 $('#grant').submit(function() {
 $("#authorize").attr("disabled", "disabled");
 $("#deny").attr("disabled", "disabled");
 return true;
 });
 });
 $(function disableBothForDenial() {
 $('#denialForm').submit(function() {
 $("#authorize").attr("disabled", "disabled");
 $("#deny").attr("disabled", "disabled");
 return true;
 });
 });
 });
 </script>
 <!--
 Loading script asynchronously.
 -->
 <script type="text/javascript">
 (function(a,b,c,d){
 var env = "prod", i, parts = window.location.hostname.split(".");
 for (i = 0; i < parts.length; i++) {
 if (parts[ i ] === "d1") {
 env = "dev";
 break;
 } else if (parts[ i ] === "f1" ||
 parts[ i ] === "l1" ||
 parts[ i ] === "f2" ||
 parts[ i ] === "s1") {
 env = "qa"
 break;
 }
 }
 a='//tags.tiqcdn.com/utag/cc/webservices/' + env + '/utag.js';
 b=document;c='script';d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true;
 a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a);
 })();
</script></body> </html>

Pages: 1 2 3

Leave a Comment