[20323] | 1 | {combine_css path=$OAUTH_PATH|@cat:"admin/template/style.css"} |
---|
| 2 | |
---|
| 3 | {footer_script}{literal} |
---|
| 4 | jQuery("select.enable").change(function() { |
---|
| 5 | var $top = $(this).closest("div.provider"); |
---|
| 6 | var p = $top.data('p'); |
---|
| 7 | |
---|
| 8 | if ($(this).val()=='true') { |
---|
| 9 | $top.find("td.keys").show(); |
---|
| 10 | $top.removeClass('disabled'); |
---|
| 11 | $top.addClass('enabled'); |
---|
| 12 | } |
---|
| 13 | else { |
---|
| 14 | $top.find("td.keys").hide(); |
---|
| 15 | $top.removeClass('enabled'); |
---|
| 16 | $top.addClass('disabled'); |
---|
| 17 | } |
---|
| 18 | }); |
---|
| 19 | |
---|
| 20 | jQuery("#close_help").click(function() { |
---|
| 21 | jQuery("#help_container").animate({"margin-right": "-550px"}, 'fast'); |
---|
| 22 | return false; |
---|
| 23 | }); |
---|
| 24 | |
---|
| 25 | jQuery(".open-help").click(function() { |
---|
| 26 | var $top = $(this).closest("div.provider"); |
---|
| 27 | var p = $top.data('p'); |
---|
| 28 | |
---|
| 29 | $("#help_container h5").html($top.find("h4").html()); |
---|
| 30 | $("#help_container div").html($top.find("div.help").html()); |
---|
| 31 | $("#help_container").animate({"margin-right": "0px"}, 'fast'); |
---|
| 32 | return false; |
---|
| 33 | }); |
---|
| 34 | {/literal}{/footer_script} |
---|
| 35 | |
---|
| 36 | |
---|
| 37 | <div class="titrePage"> |
---|
| 38 | <h2>OAuth</h2> |
---|
| 39 | </div> |
---|
| 40 | |
---|
| 41 | <div id="help_container"> |
---|
| 42 | <a href="#" id="close_help" title="{'Close'|@translate}">×</a> |
---|
| 43 | <h5></h5> |
---|
| 44 | <div></div> |
---|
| 45 | </div> |
---|
| 46 | |
---|
| 47 | <form method="post" action="" class="properties"> |
---|
| 48 | <fieldset id="commentsConf"> |
---|
[20373] | 49 | |
---|
[20323] | 50 | {foreach from=$PROVIDERS item=provider key=p} |
---|
| 51 | <div data-p="{$p}" class="provider {$p} {if $CONFIG[$p].enabled}enabled{else}disabled{/if}"> |
---|
| 52 | <h4>{$provider.provider_name}</h4> |
---|
| 53 | |
---|
| 54 | <table><tr> |
---|
| 55 | <td> |
---|
| 56 | <img src="{$OAUTH_PATH}template/icons/38px/{$p|strtolower}.png"> |
---|
| 57 | </td> |
---|
| 58 | |
---|
| 59 | <td> |
---|
| 60 | <select name="providers[{$p}][enabled]" class="enable"> |
---|
| 61 | <option value="true" {if $CONFIG[$p].enabled}selected="selected"{/if}>{'Enabled'|@translate}</option> |
---|
| 62 | <option value="false" {if not $CONFIG[$p].enabled}selected="selected"{/if}>{'Disabled'|@translate}</option> |
---|
| 63 | </select> |
---|
| 64 | <br><a href="#" class="open-help">{'Help'|@translate}</a> |
---|
| 65 | </td> |
---|
| 66 | |
---|
| 67 | {if $provider.new_app_link} |
---|
| 68 | <td class="keys" {if not $CONFIG[$p].enabled}style="display:none;"{/if}> |
---|
| 69 | {if $provider.require_client_id} |
---|
| 70 | <label for="{$p}_app_id">Application ID</label> |
---|
| 71 | <input type="text" id="{$p}_app_id" name="providers[{$p}][keys][id]" value="{$CONFIG[$p].keys.id}"> |
---|
| 72 | {else} |
---|
| 73 | <label for="{$p}_key">Application Key</label> |
---|
| 74 | <input type="text" id="{$p}_key" name="providers[{$p}][keys][key]" value="{$CONFIG[$p].keys.key}"> |
---|
| 75 | {/if} |
---|
| 76 | <label for="{$p}_secret">Application Secret</label> |
---|
| 77 | <input type="text" id="{$p}_secret" name="providers[{$p}][keys][secret]" value="{$CONFIG[$p].keys.secret}"> |
---|
| 78 | <br> |
---|
| 79 | </td> |
---|
| 80 | {/if} |
---|
| 81 | </tr></table> |
---|
| 82 | |
---|
| 83 | <div class="help"> |
---|
| 84 | {if $provider.new_app_link} |
---|
| 85 | <ol> |
---|
[20371] | 86 | <li>{'Go to <a href="%s" target="_blank">%s</a> and create a new application'|@translate|sprintf:$provider.new_app_link:$provider.new_app_link}</li> |
---|
[20323] | 87 | |
---|
| 88 | {if $p=='Google'} |
---|
| 89 | <li>{'On the <b>API Access</b> tab, <b>create an OAuth 2.0 Client ID</b>'|@translate}</li> |
---|
| 90 | <li>{'Fill out any required fields such as the application name and description'|@translate}</li> |
---|
[20324] | 91 | <li>{'On the <b>Create Client ID</b> popup, switch to advanced settings by clicking on <b>(more options)</b>'|@translate}</li> |
---|
[20323] | 92 | {else} |
---|
| 93 | <li>{'Fill out any required fields such as the application name and description'|@translate}</li> |
---|
| 94 | {/if} |
---|
| 95 | |
---|
| 96 | {if $provider.callback} |
---|
| 97 | <li> |
---|
| 98 | {assign var=callback value=$OAUTH_CALLBACK|cat:$p} |
---|
| 99 | {'Provide this URL as the Callback/Redirect URL for your application: <em>%s</em>'|@translate|sprintf:$callback} |
---|
| 100 | </li> |
---|
| 101 | {/if} |
---|
[20373] | 102 | |
---|
[20323] | 103 | {if $p=='Live'} |
---|
| 104 | <li>{'Put your website domain in the %s fields. It should match with the current hostname: <em>%s</em>'|@translate|sprintf:'<b>Redirect Domain</b>':$SERVERNAME}</li> |
---|
| 105 | {elseif $p=='Facebook'} |
---|
| 106 | <li>{'Select <em>Website with facebook authentication</em> as application type'|@translate}</li> |
---|
| 107 | <li>{'Put your website domain in the %s fields. It should match with the current hostname: <em>%s</em>'|@translate|sprintf:'<b>Site Url</b>, <b>App Domains</b>':$SERVERNAME}</li> |
---|
| 108 | {elseif $p=='LinkedIn'} |
---|
| 109 | <li>{'Put your website domain in the %s fields. It should match with the current hostname: <em>%s</em>'|@translate|sprintf:'<b>Website URL</b>':$SERVERNAME}</li> |
---|
[20373] | 110 | <li>{'Set the <b>Application Type</b> to <em>Web Application</em>'|@translate}</li> |
---|
[20323] | 111 | {elseif $p=='Yahoo'} |
---|
| 112 | <li>{'Put your website domain in the %s fields. It should match with the current hostname: <em>%s</em>'|@translate|sprintf:'<b>Application URL</b>, <b>Application Domain</b>':$SERVERNAME}</li> |
---|
[20373] | 113 | <li>{'Set the <b>Kind of Application</b> to <em>Web-based</em>'|@translate}</li> |
---|
| 114 | <li>{'Set the <b>Access Scopes</b> to <em>This app will only access public...</em>'|@translate}</li> |
---|
| 115 | <li>{'Once the application is registered update the permissions : set <b>Contacts</b> as <em>Read</em> and <b>Social Directory</b> as <em>Read Public</em>'|@translate}</li> |
---|
[20323] | 116 | {elseif $p=='Twitter'} |
---|
| 117 | <li>{'Put your website domain in the %s fields. It should match with the current hostname: <em>%s</em>'|@translate|sprintf:'<b>Application Website</b>, <b>Application Callback URL</b>':$SERVERNAME}</li> |
---|
[20368] | 118 | <li>{'Set the <b>Default Access Type</b> to <em>Read only</em>'|@translate}</li> |
---|
[20323] | 119 | {elseif $p=='Tumblr'} |
---|
| 120 | <li>{'Put your website domain in the %s fields. It should match with the current hostname: <em>%s</em>'|@translate|sprintf:'<b>Application Website</b>, <b>Default Callback URL</b>':$SERVERNAME}</li> |
---|
[20368] | 121 | {elseif $p=='Instagram'} |
---|
| 122 | <li>{'Put your website domain in the %s fields. It should match with the current hostname: <em>%s</em>'|@translate|sprintf:'<b>Website</b>':$SERVERNAME}</li> |
---|
[20323] | 123 | {/if} |
---|
| 124 | |
---|
[20373] | 125 | <li>{'Once you have registered, copy and past the created application credentials into this setup page'|@translate}</li> |
---|
[20323] | 126 | </ol> |
---|
| 127 | {else} |
---|
| 128 | <p>{'No registration required for OpenID based providers'|@translate}</p> |
---|
| 129 | {/if} |
---|
| 130 | </div> |
---|
| 131 | </div> |
---|
| 132 | {/foreach} |
---|
| 133 | |
---|
| 134 | </fieldset> |
---|
| 135 | |
---|
| 136 | <p style="text-align:left;"><input type="submit" name="save_config" value="{'Save Settings'|@translate}"></p> |
---|
| 137 | |
---|
| 138 | </form> |
---|
| 139 | |
---|
[20324] | 140 | <div style="text-align:right;"> |
---|
| 141 | Icons from : <a href="http://www.wpzoom.com" target="_blank">WPZOOM</a> | |
---|
| 142 | Library : <a href="http://hybridauth.sourceforge.net" target="_blank">HybridAuth</a> |
---|
| 143 | </div> |
---|