src/postorius/templates/postorius/lists/members.html

   1 {% extends "postorius/base.html" %}
   2 {% load i18n %}
   3 {% load bootstrap_tags %}
   4 {% load nav_helpers %}
   5 {% load pagination %}
   6 {% load membership_helpers %}
   7 {% block head_title %}
   8 {% trans 'List members' %} | {{ list.fqdn_listname}} - {{ block.super }}
   9 {% endblock %}
  10
  11 {% block content %}
  12
  13     {% list_nav 'list_members' page_title page_subtitle %}
  14
  15     {% if role != 'member' and user.is_poweruser %}
  16         <form action="{% url 'list_members' list.list_id role %}" method="post" class="row gx-3 gy-2 align-items-end mb-2">
  17             {% csrf_token %}
  18             <div class="form-group col-4 {% if member_form.email.errors %}has-error{% endif %}">
  19                 {% if member_form.email.errors %}
  20                     <div class="alert alert-danger">{{ member_form.email.errors }}</div>
  21                 {% endif %}
  22                 {{ member_form.email.label_tag }}
  23                 {{ member_form.email|add_form_control }}
  24             </div>
  25             <div class="form-group col-4 {% if member_form.display_name.errors %}has-error{% endif %}">
  26                 {% if member_form.display_name.errors %}
  27                     <div class="alert alert-danger">{{ member_form.display_name.errors }}</div>
  28                 {% endif %}
  29                 {{ member_form.display_name.label_tag }}
  30                 {{ member_form.display_name|add_form_control }}
  31             </div>
  32             <button type="submit" class="btn btn-primary col-auto">{{ form_action }}</button>
  33         </form>
  34     {% endif %}
  35
  36
  37     {% if form.choices.errors %}
  38         <div class="alert alert-danger">{{ form.choices.errors }}</div>
  39     {% endif %}
  40     <!-- Member search form -->
  41     <div class="pull-left margin-bottom">
  42         <form action="{% url 'list_members' list.list_id role %}" method="get" class="form-inline">
  43             <div class="input-group">
  44                 <input type="text" name="q" value="{{ query }}" class="form-control" placeholder="{% trans 'Search members...' %}" aria-label="Search box" />
  45                 <span class="input-group-btn">
  46                     <button class="btn btn-outline-primary" type="submit" aria-label="Search"><span class="fa fa-search"></span></button>
  47                 </span>
  48             </div>
  49         </form>
  50     </div>
  51
  52
  53     {% if members|length > 0 %}
  54         {% if role == 'member' and user.is_poweruser %}
  55             <form action="{% url 'list_members' list.list_id role %}" method="post" id="unsubscribe-form">
  56             {% csrf_token %}
  57             <input type="submit" class="d-none" />
  58             <div class="pull-right">
  59                 <a href="{% url 'csv_view' list.list_id %}" class="btn btn-primary">
  60                    {% trans 'CSV Export' %}
  61                 </a>
  62                 <button class="btn btn-info" id="unsubscribe-selected-btn">{% trans 'Remove Selected' %}</button>
  63                 <a href="{% url 'unsubscribe_all' list.list_id %}" class="btn btn-danger">{% trans 'Remove ALL members' %}</a>
  64             </div>
  65         {% endif %}
  66             <div class="table-responsive" style="clear:both">
  67                 <table class="table table-bordered table-striped">
  68                     <thead>
  69                         <tr>
  70                             {% if role == 'member' %}
  71                               {% if user.is_poweruser %}
  72                             <th>
  73                               <input type="checkbox" id="all-members-checkbox" aria-label="Select all members" />
  74                             </td>
  75                               {% endif %}
  76                             {% endif %}
  77                             <th>
  78                               {% trans 'Address' %}
  79                             </th>
  80                             {% if role == 'member' or role == 'nonmember' %}
  81                             <th>
  82                               {% trans 'Delivery Mode' %}
  83                             </th>
  84                             <th>
  85                               {% trans 'Moderation Action' %}
  86                             </th>
  87                             {%  endif %}
  88                             {% if role == 'member' %}
  89                             <th>
  90                               {% trans 'Bounce Score' %}
  91                             </th>
  92                             {%  endif %}
  93                             {# Extra column here for the "Delete" button of Non-members, owners and mods. #}
  94                             {% if role != 'member' %}
  95                               {% if user.is_poweruser %}
  96                              <th></th>
  97                               {% endif %}
  98                             {% endif %}
  99                         </tr>
 100                     </thead>
 101                     <tbody>
 102                         {% for member in members %}
 103                             <tr>
 104                                 {% if role == 'member' %}
 105                                   {% if user.is_poweruser %}
 106                                   <td>
 107                                     <input type="checkbox" class="member-checkbox" name="choices" id="id_choices_{{ forloop.counter0 }}" value="{{ member.email }}"/>
 108                                   </td>
 109                                   {% endif %}
 110                                 <td>
 111                                   <label for="id_choices_{{ forloop.counter0 }}">
 112                                   {% if user.is_poweruser %}
 113                                     <a href="{% url 'list_member_options' list.list_id member.email %}?role=member" title="Member options">
 114                                   {% endif %}
 115                                     {% if not user.is_list_moderator and not user.is_poweruser and member.preferences.hide_address %}
 116                                         {% trans 'Masked per the user request' %}
 117                                     {% else %}
 118                                       {% if member.display_name %}
 119                                         "{{ member.display_name }}" &lt;{{ member.email }}&gt;
 120                                       {% else %}
 121                                         {{ member.email }}
 122                                       {% endif %}
 123                                     {% endif %}
 124                                   {% if user.is_poweruser %}
 125                                     </a>
 126                                   {% endif %}
 127                                   </label>
 128                                   </td>
 129                                 <td>
 130                                   {{ member.delivery_mode | delivery_mode }}
 131                                 </td>
 132                                 <td>
 133                                   {{ member.moderation_action | moderation_action }}
 134                                 </td>
 135                                 <td>
 136                                   {{ member.bounce_score }}
 137                                 </td>
 138                                 {% elif role == 'nonmember' %}
 139                                 <td>
 140                                   {% if user.is_poweruser %}
 141                                   <a href="{% url 'list_member_options' list.list_id member.email %}?role=nonmember" title="NonMember options">
 142                                   {% endif %}
 143                                         {% if member.display_name %}
 144                                             "{{ member.display_name }}" &lt;{{ member.email }}&gt;
 145                                         {% else %}
 146                                             {{ member.email }}
 147                                         {% endif %}
 148                                   {% if user.is_poweruser %}
 149                                   </a>
 150                                   {% endif %}
 151                                 </td>
 152                                 <td>
 153                                   {{ member.delivery_mode | delivery_mode }}
 154                                 </td>
 155                                 <td>
 156                                   {{ member.moderation_action | moderation_action }}
 157                                 </td>
 158                                   {% if user.is_poweruser %}
 159                                 <td><a href="{% url 'remove_role' list.list_id role member.email %}" class="btn btn-xs btn-danger">{% trans 'Delete' %}</a></td>
 160                                   {% endif %}
 161                                 {% else %}
 162                                     <td>
 163                                         {% if member.display_name %}
 164                                             "{{ member.display_name }}" &lt;{{ member.email }}&gt;
 165                                         {% else %}
 166                                             {{ member.email }}
 167                                         {% endif %}
 168                                     </td>
 169                                   {% if user.is_poweruser %}
 170                                     <td><a href="{% url 'remove_role' list.list_id role member.email %}" class="btn btn-xs btn-danger">{% trans 'Delete' %}</a></td>
 171                                   {% endif %}
 172                                 {% endif %}
 173                             </tr>
 174                         {% endfor %}
 175                     </tbody>
 176                 </table>
 177             </div>
 178         {% if role == 'member' and user.is_poweruser %}
 179             </form>
 180         {% endif %}
 181         {% paginator members %}
 182     {% else %}
 183         <p>{{ empty_error }}</p>
 184     {% endif %}
 185
 186 {% endblock content %}
 187 {% block additionaljs %}
 188 <script>
 189 /* When the select all "Checkbox" in the header of the table is clicked, select all the subs on the page. */
 190 $('#all-members-checkbox').change(function() {
 191   $('.member-checkbox').prop('checked', this.checked);
 192 });
 193
 194 /* Move the focus to the search box when the page loads. This makes sure the user doesn't need to navigate
 195    from the top back moving the entire menu item.
 196 */
 197 function focus_searchbox() {
 198   const queryString = window.location.search;
 199   const urlParams = new URLSearchParams(queryString);
 200   const searchTerm = urlParams.get('q');
 201   if (searchTerm != null) {
 202     $('input[name^="q"]')[0].focus();
 203   }
 204 }
 205
 206 focus_searchbox()
 207 </script>
 208 {% endblock %}