Conservancy/symposion_app
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix teams on dashboard

Browse source 
Use rows and columns for team layout instead of card group.
This commit is contained in:
Joel Addison 2019-09-29 20:15:34 +10:00
parent 4d5826c039
commit e2411ab4c5
2 changed files with 18 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
pinaxcon/templates/dashboard.html
View file

@ -111,29 +111,27 @@
</div> </div>
{% if user.memberships.exists %} {% if user.memberships.exists %}
<div class="row"> <div class="row">
<div class="col-12"> <h3 class="col-12">Your Teams</h3>
<h3>Your Teams</h3> </div>
<div class="card-deck"> <div class="row">
{% for membership in user.memberships.all %} {% for membership in user.memberships.all %}
<div class="col-6">
{% include "symposion/teams/_team_row.html" with team=membership.team %} {% include "symposion/teams/_team_row.html" with team=membership.team %}
</div>
{% endfor %} {% endfor %}
</div> </div>
</div>
</div>
{% endif %} {% endif %}
{% if available_teams %} {% if available_teams %}
<div class="row"> <div class="row">
<div class="col-12"> <h3 class="col-12">Available Teams</h3>
<h3>Available Teams</h3>
</div> </div>
<div class="col-12"> <div class="row">
<div class="card-deck">
{% for team in available_teams %} {% for team in available_teams %}
<div class="col-6">
{% include "symposion/teams/_team_row.html" %} {% include "symposion/teams/_team_row.html" %}
</div>
{% endfor %} {% endfor %}
</div> </div>
</div>
</div>
{% endif %} {% endif %}
</div> </div>
{% endif %} {% endif %}

8
pinaxcon/templates/symposion/teams/_team_row.html
View file

@ -1,8 +1,8 @@
<div class="card mx-4 my-4"> <div class="card card-default mb-3">
<div class="card-header">
<h3 class="card-title">{{ team.name|title }}</h3>
</div>
<div class="card-body"> <div class="card-body">
<h4 class="card-title">
{{ team.name|title }}
</h4>
{% if membership %} {% if membership %}
<small class="badge float-right badge-pill badge-{% if membership.state == 'invited' %}info{% else %}primary{% endif %}">{{ membership.get_state_display }}</small> <small class="badge float-right badge-pill badge-{% if membership.state == 'invited' %}info{% else %}primary{% endif %}">{{ membership.get_state_display }}</small>
{% endif %} {% endif %}