creating new subdirectory solely for social auth-related templates

roomlist/accounts/adapter.py

@@ -78,7 +78,7 @@ class RemoveSocialConfirmationView(LoginRequiredMixin, ConnectionsView):
     We have written our own template to handle this feature that is much prettier than
     the one provided by allauth."""
 
-    template_name = "remove_social.html"
+    template_name = "social/remove_social.html"
     login_url = 'login'
 
     def get(self, request, *args, **kwargs):

roomlist/accounts/templates/update_student.html

@@ -27,109 +27,9 @@
   </div>
 </div>
 
-{% load socialaccount %}
-
-{% get_social_accounts request.user as accounts %}
-
 <div class="row">
-  <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">
-          {% if accounts.facebook %}
-          <p><i class="fa fa-check-square-o"></i> Verified!</p>
-            <h4><i class="fa fa-facebook fa-2x"></i></h4>
-            <h4>Facebook</h4>
-          {% else %}
-          <a href="{% provider_login_url 'facebook' process='connect' %}">
-            <h4><i class="fa fa-facebook fa-2x"></i></h4>
-            <h4>Facebook</h4>
-          </a>
-          {% endif %}
-          </div>
-          <div class="col-xs-6">
-          {% if accounts.google %}
-            <p><i class="fa fa-check-square-o"></i> Verified!</p>
-            <h4><i class="fa fa-google fa-2x"></i></h4>
-            <h4>Google</h4>
-          {% else %}
-          <a href="{% provider_login_url 'google' process='connect' %}">
-            <h4><i class="fa fa-google fa-2x"></i></h4>
-            <h4>Google</h4>
-          </a>
-          {% endif %}
-          </div>
-        </div>
-        <br />
-        <div class="row text-center">
-          <div class="col-xs-6">
-          {% if accounts.twitter %}
-            <p><i class="fa fa-check-square-o"></i> Verified!</p>
-            <h4><i class="fa fa-twitter fa-2x"></i></h4>
-            <h4>Twitter</h4>
-          {% else %}
-          <a href="{% provider_login_url 'twitter' process='connect' %}">
-            <h4><i class="fa fa-twitter fa-2x"></i></h4>
-            <h4>Twitter</h4>
-          </a>
-          {% endif %}
-          </div>
-          <div class="col-xs-6">
-          {% if accounts.instagram %}
-            <p><i class="fa fa-check-square-o"></i> Verified!</p>
-            <h4><i class="fa fa-instagram fa-2x"></i></h4>
-            <h4>Instagram</h4>
-          {% else %}
-          <a href="{% provider_login_url 'instagram' process='connect' %}">
-            <h4><i class="fa fa-instagram fa-2x"></i></h4>
-            <h4>Instagram</h4>
-          </a>
-          {% endif %}
-          </div>
-        </div>
-        <br />
-        <div class="row text-center">
-          <div class="col-xs-6">
-          {% if accounts.tumblr %}
-            <p><i class="fa fa-check-square-o"></i> Verified!</p>
-            <h4><i class="fa fa-tumblr fa-2x"></i></h4>
-            <h4>Tumblr</h4>
-          {% else %}
-          <a href="{% provider_login_url 'tumblr' process='connect' %}">
-            <h4><i class="fa fa-tumblr fa-2x"></i></h4>
-            <h4>Tumblr</h4>
-          </a>
-          {% endif %}
-          </div>
-          <div class="col-xs-6">
-          {% if accounts.github %}
-            <p><i class="fa fa-check-square-o"></i> Verified!</p>
-            <h4><i class="fa fa-github fa-2x"></i></h4>
-            <h4>Github</h4>
-          {% else %}
-          <a href="{% provider_login_url 'github' process='connect' %}">
-            <h4><i class="fa fa-github fa-2x"></i></h4>
-            <h4>Github</h4>
-          </a>
-          {% endif %}
-          </div>
-        </div>
-        <br />
-        {% if accounts %}
-          <div class="row text-center">
-            <a href="{% url 'remove_social' request.user.username %}">
-              <button class="btn btn-xs btn-danger">Disconnect Accounts</button>
-            </a>
-          </div>
-        {% endif %}
-      </div>
-    </div>
-  </div>
+
+{% include 'social/social_media_settings.html' %}
 
   <div class="col-md-8">