{% extends "accounts/auth_base.html" %}

{% load material_form %}

{% block title %}{{ block.super }}Log In{% endblock %}

{% block form_heading %}Please Log In{% endblock %}

{% block form %}
  <form method="POST">
      {% csrf_token %}
      {% form form=form %}{% endform %}
      <button type="submit" name="_submit" class="btn">Submit</button>
  </form>

  <div class="form-message">
    <p>
      Don't have an account? <a href="{% url 'accounts:signup' %}">Sign up</a>.
    </p>
  </div>
{% endblock form %}

{% extends "accounts/auth_base.html" %}

{% load material_form %}

{% block title %}{{ block.super }}Log In{% endblock %}

{% block form_heading %}Please Log In{% endblock %}

{% block form %}
  <form method="POST">
      {% csrf_token %}
      {% form form=form %}{% endform %}
      <button type="submit" name="_submit" class="btn">Submit</button>
  </form>

  <div class="form-message">
    <p>
      Don't have an account? <a href="{% url 'accounts:signup' %}">Sign up</a>.
    </p>
  </div>
  <div class="row">
    <div class="span5">
        <span class="label label-warning"><i class="icon-info-sign icon-white"></i> Notice</span>
        The Cytoscape App Store will not give or sell your personal information
        to others.
    </div>
</div>
<div class="row" style="margin-top: 3em;">
    <div class="span5">
        <a href="{% url 'socialauth_begin' 'google-oauth2' %}?next={{ next_url }}" class="btn btn-success">
            Sign in with Google <i class="icon-chevron-right icon-white"></i>
        </a>
    </div>
</div>
<div class="row" style="margin-top: 1em;">
    <div class="span5">
        <a id="signoutandinlink" href="#" onclick="signOutAndInOfGoogle();">Click here to sign into another Google account.</a>
    </div>
</div>
<script type="text/javascript">
function signOutAndInOfGoogle() {
    var logoutframe =
        $('<iframe>').
        attr('src', 'https://accounts.google.com/logout').
        hide();
    $('body').append(logoutframe);
    $('#signoutandinlink').replaceWith('<img src="{% get_static_prefix %}common/img/loading_small.gif">');
    setTimeout(function() {
        logoutframe.remove();
        window.location = "{% url 'socialauth_begin' 'google-oauth2' %}?next={{ next_url }}";
    }, 2000);
}
</script>
{% endblock form %}

Add Google OAuth template option
Add Google OAuth template option
