| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|---|
| 2 | <html lang="en"> |
|---|
| 3 | <head> |
|---|
| 4 | <style type="text/css" media="screen"> |
|---|
| 5 | <!-- |
|---|
| 6 | BODY { |
|---|
| 7 | margin: 10px; |
|---|
| 8 | padding: 0; |
|---|
| 9 | } |
|---|
| 10 | H1 { |
|---|
| 11 | margin-bottom: 2px; |
|---|
| 12 | font-family: Garamond, "Times New Roman", Times, Serif; |
|---|
| 13 | } |
|---|
| 14 | FIELDSET { |
|---|
| 15 | border: 1px solid #ccc; |
|---|
| 16 | padding: 1em; |
|---|
| 17 | margin: 0; |
|---|
| 18 | } |
|---|
| 19 | LEGEND { |
|---|
| 20 | color: #666666; |
|---|
| 21 | } |
|---|
| 22 | INPUT { |
|---|
| 23 | display: block; |
|---|
| 24 | font-family: Arial, verdana; |
|---|
| 25 | padding: 7px; |
|---|
| 26 | border: 1px solid #999; |
|---|
| 27 | margin: 10px; |
|---|
| 28 | } |
|---|
| 29 | --> |
|---|
| 30 | </style> |
|---|
| 31 | </head> |
|---|
| 32 | <body> |
|---|
| 33 | <br /><br /> |
|---|
| 34 | <center> |
|---|
| 35 | <h1>A simple login Widget integration</h1> |
|---|
| 36 | <br /> |
|---|
| 37 | <br /> |
|---|
| 38 | <table width="380" border="0" cellpadding="2" cellspacing="2"> |
|---|
| 39 | <tr> |
|---|
| 40 | <td valign="top"><fieldset> |
|---|
| 41 | <legend>Sign-in form</legend> |
|---|
| 42 | <table width="00%" border="0" cellpadding="2" cellspacing="2"> |
|---|
| 43 | <tr> |
|---|
| 44 | <td><div align="right"><strong>login</strong></div></td> |
|---|
| 45 | <td><input type="text" name="textfield" id="textfield" /></td> |
|---|
| 46 | </tr> |
|---|
| 47 | <tr> |
|---|
| 48 | <td><div align="right"><strong>password</strong></div></td> |
|---|
| 49 | <td><input type="text" name="textfield2" id="textfield2" /></td> |
|---|
| 50 | </tr> |
|---|
| 51 | <tr> |
|---|
| 52 | <td> </td> |
|---|
| 53 | <td><div align="center"> |
|---|
| 54 | <input type="submit" value="Um supposed to be a Submit button, but i do nothing :)" /> |
|---|
| 55 | </div></td> |
|---|
| 56 | </tr> |
|---|
| 57 | </table> |
|---|
| 58 | </fieldset></td> |
|---|
| 59 | </tr> |
|---|
| 60 | <tr> |
|---|
| 61 | <td valign="top" align="right"> |
|---|
| 62 | <img src="arrow.gif" align="texttop" style="margin-top:-5px;" > |
|---|
| 63 | <!-- CODE REQUIRED BY THE WIDGET --> |
|---|
| 64 | <link media="screen" rel="stylesheet" href="../widget/css/colorbox.css" /> |
|---|
| 65 | <script src="../widget/js/jquery.min.js"></script> |
|---|
| 66 | <script src="../widget/js/jquery.colorbox.js"></script> |
|---|
| 67 | <script> |
|---|
| 68 | $(document).ready(function(){ |
|---|
| 69 | $(".widget_link").colorbox({iframe:true, innerWidth:430, innerHeight:222}); |
|---|
| 70 | }); |
|---|
| 71 | </script> |
|---|
| 72 | <!-- /WIDGET --> |
|---|
| 73 | <!-- |
|---|
| 74 | LINK TO THE WIDGET |
|---|
| 75 | return_to: call back this page after authenticatin the user |
|---|
| 76 | ts: nocache |
|---|
| 77 | --> |
|---|
| 78 | <a href="../widget/?_ts=<?php echo time(); ?>&return_to=<?php echo urlencode( $CURRENT_URL ); ?>" class='widget_link' title="HybridAuth Social Sign On Widget">Or sign-in with another identity provider</a> |
|---|
| 79 | </td> |
|---|
| 80 | </tr> |
|---|
| 81 | </table> |
|---|
| 82 | <br /><br /><br /> |
|---|
| 83 | <b>Note:</b> This is just a proof of concept! it works good enough to try out on Firefox or on Chrome. |
|---|
| 84 | </center> |
|---|
| 85 | </body> |
|---|
| 86 | </html> |
|---|
