social_media_settings.html 4.71 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13
{% load socialaccount %}

{% get_social_accounts request.user as accounts %}

<div class="col-md-4">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h1 class="panel-title text-center"><strong>Social Media Settings</strong></h1>
    </div>
    <div class="panel-body">
      <p class="text-center">Verify your social media accounts to link them to other students.</p>
      <div class="row text-center">
        <div class="col-xs-6">
14
          <h4><i class="fa fa-facebook fa-2x"></i></h4>
15
          <h4>
16
          {% if accounts.facebook %}
17
          <a href="{% url 'remove_social' request.user.username 'facebook' %}">
18
            <strong>Facebook <i class="fa fa-check-square-o"></i></strong>
19
          </a>
20 21
          {% else %}
          <a href="{% provider_login_url 'facebook' process='connect' %}">
22
            Facebook <i class="fa fa-square-o"></i>
23 24
          </a>
          {% endif %}
25
          </h4>
26 27
        </div>
        <div class="col-xs-6">
28
          <h4><i class="fa fa-google fa-2x"></i></h4>
29
          <h4>
30
          {% if accounts.google %}
31
          <a href="{% url 'remove_social' request.user.username 'google' %}">
32
            <strong>Google <i class="fa fa-check-square-o"></i></strong>
33
          </a>
34 35
          {% else %}
          <a href="{% provider_login_url 'google' process='connect' %}">
36
            Google <i class="fa fa-square-o"></i>
37 38
          </a>
          {% endif %}
39
          </h4>
40 41 42 43 44
        </div>
      </div>
      <br />
      <div class="row text-center">
        <div class="col-xs-6">
45
          <h4><i class="fa fa-twitter fa-2x"></i></h4>
46
          <h4>
47
          {% if accounts.twitter %}
48
          <a href="{% url 'remove_social' request.user.username 'twitter' %}">
49
            <strong>Twitter <i class="fa fa-check-square-o"></i></strong>
50
          </a>
51 52
          {% else %}
          <a href="{% provider_login_url 'twitter' process='connect' %}">
53
            Twitter <i class="fa fa-square-o"></i>
54 55
          </a>
          {% endif %}
56
          </h4>
57 58
        </div>
        <div class="col-xs-6">
59
          <h4><i class="fa fa-instagram fa-2x"></i></h4>
60
          <h4>
61
          {% if accounts.instagram %}
62
          <a href="{% url 'remove_social' request.user.username 'instagram' %}">
63
            <strong>Instagram <i class="fa fa-check-square-o"></i></strong>
64
          </a>
65 66
          {% else %}
          <a href="{% provider_login_url 'instagram' process='connect' %}">
67
            Instagram <i class="fa fa-square-o"></i>
68 69
          </a>
          {% endif %}
70
          </h4>
71 72 73 74
        </div>
      </div>
      <br />
      <div class="row text-center">
75
        <div class="col-xs-6">
76
          <h4><i class="fa fa-pinterest-p fa-2x"></i></h4>
77
          <h4>
78
          {% if accounts.pinterest %}
79
          <a href="{% url 'remove_social' request.user.username 'pinterest' %}">
80
            <strong>Pinterest <i class="fa fa-check-square-o"></i></strong>
81
          </a>
82 83
          {% else %}
          <a href="{% provider_login_url 'pinterest' process='connect' %}">
84
            Pinterest <i class="fa fa-square-o"></i>
85 86
          </a>
          {% endif %}
87
          </h4>
88
        </div>
89
        <div class="col-xs-6">
90
          <h4><i class="fa fa-tumblr fa-2x"></i></h4>
91
          <h4>
92
          {% if accounts.tumblr %}
93
          <a href="{% url 'remove_social' request.user.username 'tumblr' %}">
94
            <strong>Tumblr <i class="fa fa-check-square-o"></i></strong>
95
          </a>
96 97
          {% else %}
          <a href="{% provider_login_url 'tumblr' process='connect' %}">
98
            Tumblr <i class="fa fa-square-o"></i>
99 100
          </a>
          {% endif %}
101
          </h4>
102
        </div>
103 104 105 106
      </div>
      <br />
      <div class="row text-center">
        <div class="col-xs-6">
107
          <h4><i class="fa fa-spotify fa-2x"></i></h4>
108
          <h4>
109
          {% if accounts.spotify %}
110
          <a href="{% url 'remove_social' request.user.username 'spotify' %}">
111
            <strong>Spotify <i class="fa fa-check-square-o"></i></strong>
112
          </a>
113 114
          {% else %}
          <a href="{% provider_login_url 'spotify' process='connect' %}">
115
            Spotify <i class="fa fa-square-o"></i>
116 117
          </a>
          {% endif %}
118
          </h4>
119
        </div>
120
        <div class="col-xs-6">
121
          <h4><i class="fa fa-github fa-2x"></i></h4>
122
          <h4>
123
          {% if accounts.github %}
124
          <a href="{% url 'remove_social' request.user.username 'github' %}">
125
            <strong>Github <i class="fa fa-check-square-o"></i></strong>
126
          </a>
127 128
          {% else %}
          <a href="{% provider_login_url 'github' process='connect' %}">
129
            Github <i class="fa fa-square-o"></i>
130 131
          </a>
          {% endif %}
132
          </h4>
133 134 135 136 137
        </div>
      </div>
    </div>
  </div>
</div>