Changeset 5560f6d


Ignore:
Timestamp:
Nov 24, 2013, 2:21:38 AM (12 years ago)
Author:
Alex Dehnert <adehnert@…>
Branches:
master, stable, stage
Children:
beb46fb
Parents:
db8b482
git-author:
Alex Dehnert <adehnert@…> (11/24/13 02:21:38)
git-committer:
Alex Dehnert <adehnert@…> (11/24/13 02:21:38)
Message:

JSify the giant list of groups (ASA-#185)

This requires that Chosen (http://harvesthq.github.io/chosen/) be installed at
media/js/libs/chosen/.

Location:
asadb/template
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • asadb/template/base.html

    r35280b4 r5560f6d  
    77    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}style/style.css" />
    88    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}style/page-frame.css" />
     9    {% block extrahead %}
     10    {% endblock %}
    911
    1012  </head>
  • asadb/template/membership/confirm.html

    r11941e1 r5560f6d  
    11{% extends "base.html" %}
     2
     3{% block extrahead %}
     4<link rel="stylesheet" href="{{MEDIA_URL}}js/libs/chosen/chosen.css">
     5{% endblock %}
    26
    37{% block title %}Membership update{% endblock %}
     
    7781</table>
    7882
    79 <h3>Option 2: Add or remove groups by searching</h3>
     83<h3>Option 2: Select all your groups at once</h3>
    8084
    81 <form action="" method="get">
    82     <table class='pretty-table'>
    83     {{ filter.form.as_table }}
    84     </table>
    85     <input type="submit" name='search' value="Search" />
    86     <input type="submit" name='stop-search' value="Stop searching" />
    87 </form>
    88 
    89 {% if show_filtered_groups %}
    90 <table class='pretty-table'>
    91 <thead>
    92     <tr>
    93         <th>Name</th>
    94         <th>Website</th>
    95         <th>ASA DB</th>
    96         <th>Description</th>
    97         <th>Add/Remove</th>
    98     </tr>
    99 </thead>
    100 <tbody>
    101 {% for group in filtered_groups %}
    102     <tr>
    103         <th>{{group.name}}</th>
    104         <td>{% if group.website_url %}<a href='{{group.website_url}}'>Website</a>{%endif%}</td>
    105         <td><a href='{% url groups:group-detail group.pk %}'>DB Entry</a></td>
    106         <td>{{group.description}}</td>
    107         <td>
    108             <form action="" method="post">
    109             {% csrf_token %}
    110             <input type="hidden" name="group" value="{{group.pk}}">
    111             {% if group in member_groups %}
    112             <input type="hidden" name="action" value="remove">
    113             <input type="submit" name="add-remove" value="Remove">
    114             {% else %}
    115             <input type="hidden" name="action" value="add">
    116             <input type="submit" name="add-remove" value="Add">
    117             {% endif %}
    118             </form>
    119         </td>
    120     </tr>
    121 {% endfor %}
    122 </tbody>
    123 </table>
    124 {% else %}
    125 <p>Hit "search" to see matching groups.</p>
    126 {% endif %}
    127 
    128 
    129 <h3>Option 3: Select all your groups at once</h3>
    130 
    131 <p>Below is a list of all recognized groups. You can go through picking out the groups you are a member of. However, you should be careful not to deselect any groups (unless you aren't a member of them, of course).</p>
     85<p>Below, you can add or remove any recognized group from the list of groups you are a member of.</p>
    13286
    13387<form enctype="multipart/form-data" method="post" action="">
     
    13993</form>
    14094
     95
     96<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
     97<script src="{{MEDIA_URL}}js/libs/chosen/chosen.jquery.js" type="text/javascript"></script>
     98<script type="text/javascript">
     99    $("#id_groups").chosen();
     100</script>
     101
    141102{% endblock %}
Note: See TracChangeset for help on using the changeset viewer.