_find_friends_facebook.html

{% if request.current_signup.crawling_facebook? %}
<div class="row">
  <div class="columns facebook-followings" id="facebook_followings">
    <img src="{{ "bert-loader-small.gif" | asset_path }}" border="0">
    Checking Facebook for people who have joined...
      {{ request.current_signup.crawling_facebook_status_url | auto_refresh }}
  </div>
</div>
{% else %}
<div class="row">
  <div class="columns">
    {% if request.current_signup.followings_count_from_facebook == 0 %}
    <p>None of your Facebook friends have joined yet.</p>
    {% else %}
    <p> <strong>{{ request.current_signup.followings_count_from_facebook }}</strong>
      of your Facebook friends have joined. You are automatically following them, and vice versa.{% if request.current_signup.followings_count_from_facebook > 6 %} Including…{% endif %}
    </p>
    {% endif %}
  </div>
</div>
<div class="padtop padbottommore">
  <table>
    {% comment %}
    <thead>
      <tr>
        <th width="200">Table Header</th>
        <th>Table Header</th>
        <th width="150">Table Header</th>
        <th width="150">Table Header</th>
      </tr>
    </thead>
    {% endcomment %}
    <tbody>
      {% for signup in request.current_signup.followings_from_facebook %}
      <tr>
        <td class="text-center">
          {% if signup.has_twitter_info? %}
          <a href="{{ signup.twitter_profile_url }}">
            {% elsif signup.has_facebook_info? %}
            <a href="{{ signup.facebook_profile_url }}">
              {% else %}{% endif %}
        {% if site.show_public_profiles? == false %}
        {% if signup.has_twitter_info? %}
              <a href="{{ signup.twitter_profile_url }}">
                {% elsif signup.has_facebook_info? %}
                <a href="{{ signup.facebook_profile_url }}">
                  {% else %}{% endif %}
        {% if signup.has_facebook_info? %}
                  <img src="http://graph.facebook.com/{{ signup.facebook_uid }}/picture?width=72&height=72" alt="Profile Photo" class="avatar">
                  {% else %}
                  <img src="{{ signup.profile_image_url }}" alt="Profile Photo" class="avatar">
                  {% endif %}
        {% if signup.has_twitter_info? %}
                </a>
                {% elsif signup.has_facebook_info? %}
              </a>
              {% else %}{% endif %}
        {% else %}
        {{ signup.profile_image }}
        {% endif %}
        {% if signup.has_twitter_info? %}
            </a>
            {% elsif signup.has_facebook_info? %}
          </a>
          {% else %}{% endif %}
        </td>
        <td class="text-center">
          <p> <strong>{{ signup.published_name_linked }}</strong>
          </p>
          <div class="table">
            <ul class="inline-list">
              {% comment %}{% if signup.has_email? %}
              <li>
                <a href="mailto:{{ signup.email }}" title="Email {{ request.current_signup.email }}" class="ss-icon ss-social-regular ss-mail"></a>
              </li>
              {% else %}
              <li>
                <span class="ss-icon ss-social-regular ss-mail silver"></span>
              </li>
              {% endif %}{% endcomment %}
          {% if signup.has_facebook_info? %}
              <li>
                <a href="{{ signup.facebook_profile_url }}" title="{{ signup.full_name_or_friend}} on Facebook" class="ss-icon ss-social-regular ss-facebook facebook"></a>
              </li>
              {% else %}
              <li>
                <span class="ss-icon ss-social-regular ss-facebook silver"></span>
              </li>
              {% endif %}
          {% if signup.has_twitter_info? %}
              <li>
                <a href="{{ signup.twitter_profile_url }}" title="@{{ signup.twitter_login }} on Twitter" class="ss-icon ss-social-regular ss-twitter twitter"></a>
              </li>
              {% else %}
              <li>
                <span class="ss-icon ss-social-regular ss-twitter silver"></span>
              </li>
              {% endif %}
            </ul>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}