diff options
| author |  Vivaan Verma <[email protected]> | 2021-08-11 12:49:24 +0100 |
|---|---|---|
| committer | Vivaan Verma <[email protected]> | 2021-08-11 12:49:24 +0100 |
| commit | 9a5fd18843a96b1c5bcd20956c7f75c3882e5396 (patch) | |
| tree | 0bdb8bdec404493b6d9683c30ba14edd5618a732 | |
| parent | styles: filtering resources page (diff) | |
feat: Make default options ticked when page loads
| -rw-r--r-- | pydis_site/templates/resources/resources.html | 102 |
1 files changed, 51 insertions, 51 deletions
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html index 8105a557..edb968d7 100644 --- a/pydis_site/templates/resources/resources.html +++ b/pydis_site/templates/resources/resources.html @@ -9,43 +9,43 @@ {% endblock %} {% block content %} - {% include "base/navbar.html" %} - - <section class="section"> - <div class="container"> - <div class="content"> - <h1 class="resource-title has-text-centered">Resources</h1> - <hr/> - </div> - <div class="panel is-hidden-mobile"> - <p class="panel-heading has-text-centered">Search Options</p> - - <div class="field"> - <div class="columns"> - <div class="column pl-6"> - <div class="title is-5 pt-2 has-text-centered">Topic</div> - - {% for topic in topics %} + {% include "base/navbar.html" %} + + <section class="section"> + <div class="container"> + <div class="content"> + <h1 class="resource-title has-text-centered">Resources</h1> + <hr/> + </div> + <div class="panel is-hidden-mobile"> + <p class="panel-heading has-text-centered">Search Options</p> + + <div class="field"> + <div class="columns"> + <div class="column pl-6"> + <div class="title is-5 pt-2 has-text-centered">Topic</div> + + {% for topic in topics %} <div class="field"> - <label class="checkbox"> - <input name="topicOption" type="checkbox" value="{{ topic }}"> - <span class="has-text-grey is-size-6">{{ topic }}</span> - </label> + <label class="checkbox"> + <input name="topicOption" type="checkbox" value="{{ topic }}"{% if topic == 'General' %} checked{% endif %}> + <span class="has-text-grey is-size-6">{{ topic }}</span> + </label> </div> - {% endfor %} - </div> + {% endfor %} + </div> <div class="column pl-6"> <div class="title is-5 pt-2 has-text-centered">Type</div> {% for tag_type in tag_types %} <div class="field"> - <label class="checkbox ml-0"> - <input name="typeOption" type="checkbox" value="{{ tag_type }}"> - <span class="has-text-grey is-size-6">{{ tag_type }}</span> - </label> + <label class="checkbox ml-0"> + <input name="typeOption" type="checkbox" value="{{ tag_type }}"{% if tag_type == 'Tutorial' %} checked{% endif %}> + <span class="has-text-grey is-size-6">{{ tag_type }}</span> + </label> </div> - {% endfor %} + {% endfor %} </div> <div class="column pl-6"> @@ -53,12 +53,12 @@ {% for payment_tier in payment_tiers %} <div class="field"> - <label class="checkbox ml-0"> - <input name="paymentOption" type="checkbox" value="{{ payment_tier }}"> - <span class="has-text-grey is-size-6">{{ payment_tier }}</span> - </label> + <label class="checkbox ml-0"> + <input name="paymentOption" type="checkbox" value="{{ payment_tier }}"{% if payment_tier == 'Free' %} checked{% endif %}> + <span class="has-text-grey is-size-6">{{ payment_tier }}</span> + </label> </div> - {% endfor %} + {% endfor %} </div> <div class="column pl-6"> @@ -66,27 +66,27 @@ {% for complexity in complexities %} <div class="field"> - <label class="checkbox ml-0"> - <input name="complexityOption" type="checkbox" value="{{ complexity }}"> - <span class="has-text-grey is-size-6">{{ complexity }}</span> + <label class="checkbox ml-0"> + <input name="complexityOption" type="checkbox" value="{{ complexity }}"{% if complexity == 'Beginner' %} checked{% endif %}> + <span class="has-text-grey is-size-6">{{ complexity }}</span> </label> </div> - {% endfor %} + {% endfor %} </div> - </div> - - <div class="ml-3 pb-3"> - <span class="control"> - <button onclick="buildQueryParams()" class="button is-link is-small">Search</button> - </span> - - <span class="is-one-fifth control"> - <button onclick="clearQueryParams()" class="button is-danger is-small">Clear Search</button> - </span> - </div> - </div> - </div> - </section> + </div> + + <div class="ml-3 pb-3"> + <span class="control"> + <button onclick="buildQueryParams()" class="button is-link is-small">Search</button> + </span> + + <span class="is-one-fifth control"> + <button onclick="clearQueryParams()" class="button is-danger is-small">Clear Search</button> + </span> + </div> + </div> + </div> + </section> {% if resources|length > 0 %} <section class="section"> |