google-help.html

<p>
    Open <a href="https://cloud.google.com/console/project" target="_blank">https://cloud.google.com/console/project</a>.
    Click <i>Create Project</i>.
</p>

<p>Use any project name and id that you'd want and click <i>Create</i>. Wait for the project to be created.</p>

<p>Click <i>APIs & auth</i>, under <i>APIs</i> make sure <i>Google+ API</i> is <i>ON</i>.

<p>Click <i>Credentials</i> and click on <i>Create New Client ID</i>. Select <i>Web application</i> as <i>Application
    type</i>. <i>Authorized Javascript origins</i> should be empty. Add <i>{{callbackUrl}}</i> to <i>Authorized redirect
    URI</i>. Click <i>Create Client ID</i></p>.

<p>Insert <i>Client ID</i> and <i>Client secret</i> in the form below.</p>

<form class="form-horizontal" name="googleHelpForm">
    <div class="control-group">
        <label class="control-label" for="providerHelp.key">Client 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">Client secret </label>

        <div class="controls">
            <input type="text" class="input-xlarge" id="providerHelp.secret"
                   ng-model="realm.socialProviders[helpPId+'.secret']">
        </div>
    </div>
</form>

<p>Close the help panel and click <i>save changes</i>.</p>