galette/templates/default/elements/ajax_members.html.twig

   1 <div class="ui stackable grid align-items-center">
   2     <div class="eleven wide column">
   3         <table id="listing" class="listing select_members{% if not multiple %} single{% endif %} ui celled table">
   4             <thead>
   5                 <tr>
   6                     <th class="listing id_row">#</th>
   7                     <th class="listing left">
   8                         {{ _T("Name") }}
   9                     </th>
  10                     <th class="listing left">
  11                         {{ _T("Zip - Town") }}
  12                     </th>
  13                 </tr>
  14             </thead>
  15             <tfoot>
  16                 <tr>
  17                     <td colspan="3" class="center">
  18                         <div class="ui basic left aligned fitted segment">
  19                             <div class="ui inverted pagination menu">
  20                                 <div class="header item">
  21                                     {{ _T('Pages:') }}
  22                                 </div>
  23                                 {{ pagination|raw }}
  24                             </div>
  25                         </div>
  26                     </td>
  27                 </tr>
  28             </tfoot>
  29             <tbody>
  30 {% for member in members_list %}
  31     {% if excluded is not defined or excluded != member.id %}
  32         {% set rclass = member.getRowClass() %}
  33                 <tr>
  34                     <td class="{{ rclass }} right">{{ member.id }}</td>
  35                     <td class="{{ rclass }} username_row">
  36                     {% if member.isCompany() %}
  37                         <span>
  38                             <i class="ui building outline icon tooltip"></i>
  39                             <span class="ui special popup">{{ _T("Company") }}</span>
  40                         </span>
  41                     {% elseif member.isMan() %}
  42                         <span>
  43                             <i class="ui male icon tooltip"></i>
  44                             <span class="ui special popup">{{ _T("Man") }}</span>
  45                         </span>
  46                     {% elseif member.isWoman() %}
  47                         <span>
  48                             <i class="ui female icon tooltip"></i>
  49                             <span class="ui special popup">{{ _T("Woman") }}</span>
  50                         </span>
  51                     {% else %}
  52                         <span>
  53                             <i class="ui icon"></i>
  54                         </span>
  55                     {% endif %}
  56                     {% if member.isAdmin() %}
  57                         <span>
  58                             <i class="ui user shield red icon tooltip"></i>
  59                             <span class="ui special popup">{{ _T("Administrator") }}</span>
  60                         </span>
  61                     {% elseif member.isStaff() %}
  62                         <span>
  63                             <i class="ui id card alternate orange icon tooltip"></i>
  64                             <span class="ui special popup">{{ _T("Staff member") }}</span>
  65                         </span>
  66                     {% else %}
  67                         <i class="ui icon"></i>
  68                     {% endif %}
  69                     <a href="{{ url_for('member', {'id': member.id}) }}" class="choice">{{ member.sfullname }}</a>
  70                     </td>
  71                     <td class="{{ rclass }}">{{ member.zipcode }} {{ member.town }}</td>
  72                 </tr>
  73     {% endif %}
  74 {% else %}
  75                 <tr><td colspan="3" class="emptylist">{{ _T("no member") }}</td></tr>
  76 {% endfor %}
  77             </tbody>
  78         </table>
  79     </div>
  80 {% if multiple %}
  81     <div class="five wide column">
  82         <section id="selected_members" class="ui basic fitted segment">
  83             <div class="ui top attached accordion-styled header">
  84                 {{ _T("Selected members") }}
  85             </div>
  86             <div class="ui bottom attached accordion-styled segment">
  87     {% for recipient in selected_members %}
  88     {% else %}
  89                 <p id="none_selected">{{ _T("No members has been selected yet.") }}</p>
  90     {% endfor %}
  91                 <ul class="ui middle aligned relaxed divided selection list">
  92     {% for recipient in selected_members %}
  93                     <li id="member_{{ recipient.id }}" class="item">
  94                         <i class="ui user minus icon" aria-hidden="true"></i>
  95                         <span class="ui content">{{ recipient.sfullname }}</span>
  96                     </li>
  97     {% endfor %}
  98     {% if unreachables_members is defined and unreachables_members|length > 0 %}
  99         {% for recipient in unreachables_members %}
 100                     <li id="member_{{ recipient.id }}" class="item">
 101                         <i class="icons">
 102                             <i class="dont disabled icon"></i>
 103                             <i class="top right corner minus icon"></i>
 104                         </i>
 105                         <span class="ui disabled content">{{ recipient.sfullname }}</span>
 106                     </li>
 107         {% endfor %}
 108     {% endif %}
 109                 </ul>
 110             </div>
 111             <div class="ui basic center aligned fitted segment">
 112                 <button class="ui fluid primary button" id="btnvalid">{{ _T("Validate") }}</button>
 113                 {% if the_id is defined %}
 114                     <input type="hidden" name="the_id" id="the_id" value="{{ the_id }}"/>
 115                 {% endif %}
 116             </div>
 117         </section>
 118     </div>
 119 {% endif %}