galette/templates/default/pages/members_list.html.twig

   1 {% extends 'elements/list.html.twig' %}
   2
   3 {% import "macros.twig" as macros %}
   4
   5 {% set basic_table = true %}
   6
   7 {% set nb = nb_members %}
   8
   9 {% set form = {
  10     'order': {
  11         'name': 'members'
  12     },
  13     'route': {
  14         'name': 'batch-memberslist'
  15     }
  16 } %}
  17
  18 {% macro draw_actions(member, login) %}
  19                     <td class="center actions_row">
  20     {% set actions = callstatic('\\Galette\\Core\\Galette', 'getListActions', member) %}
  21     {% for action in actions %}
  22         {{ macros.drawListAction(action.label, action.route, action.icon, action.extra_class ?? null) }}
  23     {% endfor %}
  24                     </td>
  25 {% endmacro %}
  26
  27 {% block infoline %}
  28     {% set infoline = {
  29         'label': _Tn("%count member", "%count members", nb_members)|replace({'%count': nb_members}),
  30         'route': {
  31             'name': 'filter-memberslist'
  32         }
  33     } %}
  34     {{ parent() }}
  35 {% endblock %}
  36
  37 {% block infoline_actions %}
  38     {% if login.isAdmin() or login.isStaff() or (login.isGroupManager() and preferences.pref_bool_groupsmanagers_create_member) %}
  39         <a
  40                 class="ui tiny labeled icon button"
  41                 href="{{ url_for("addMember") }}"
  42         >
  43             <i class="plus circle green icon" aria-hidden="true"></i>
  44             {{ _T("Add a member") }}
  45         </a>
  46     {% endif %}
  47 {% endblock %}
  48
  49 {% block header %}
  50     {% set columns = [] %}
  51     {% for column in galette_list %}
  52         {% if column.field_id == 'id_adh' %}
  53             {% if preferences.pref_show_id %}
  54                 {% set columns = columns|merge([
  55                     {
  56                         label: _T('Mbr id'),
  57                         order: constant("Galette\\Repository\\Members::ORDERBY_ID")
  58                     }
  59                 ]) %}
  60             {% else %}
  61                 {% set columns = columns|merge([
  62                     {label: '#'}
  63                 ]) %}
  64             {% endif %}
  65         {% else %}
  66             {% set columns = columns|merge([
  67                 {
  68                     label: column.label,
  69                     order: column.field_id
  70                 }
  71             ]) %}
  72         {% endif %}
  73     {% endfor %}
  74
  75     {{ parent() }}
  76 {% endblock %}
  77
  78 {% block search %}
  79     <form action="{{ url_for('filter-memberslist') }}" method="post" id="members_list_search_filter" class="ui form filters">
  80         <div class="ui secondary yellow segment">
  81 {% if adv_filters is not defined or not adv_filters %}
  82             <div class="five fields">
  83                 <div class="field">
  84                     <label for="filter_str">{{ _T('Search:') }}</label>
  85                     <input type="text" name="filter_str" id="filter_str" value="{{ filters.filter_str }}" type="search" placeholder="{{ _T('Enter a value') }}"/>
  86                 </div>
  87                 <div class="field">
  88                     <label for="field_filter">{{ _T('in:') }}</label>
  89                     <select name="field_filter" id="field_filter" class="ui search dropdown">
  90     {% for key, value in field_filter_options %}
  91                         <option value="{{ key }}"{% if key == filters.field_filter %} selected="selected"{% endif %}>{{ value }}</option>
  92     {% endfor %}
  93                     </select>
  94                 </div>
  95                 <div class="field">
  96                     <label for="filter_str">{{ _T('among:') }}</label>
  97                     <select name="membership_filter" class="ui search dropdown">
  98                         {% for key, value in membership_filter_options %}
  99                             <option value="{{ key }}"{% if key == filters.membership_filter %} selected="selected"{% endif %}>{{ value }}</option>
 100                         {% endfor %}
 101                     </select>
 102                 </div>
 103                 <div class="flexend field">
 104                     <label for="filter_account" class="visually-hidden">{{ _T('among:') }}</label>
 105                     <select name="filter_account" class="ui search dropdown">
 106                         {% for key, value in filter_accounts_options %}
 107                             <option value="{{ key }}"{% if key == filters.filter_account %} selected="selected"{% endif %}>{{ value }}</option>
 108                         {% endfor %}
 109                     </select>
 110                 </div>
 111                 <div class="flexend field">
 112                     <label for="group_filter" class="visually-hidden">{{ _T('among:') }}</label>
 113                     <select name="group_filter" class="ui search dropdown">
 114                         <option value="0">{{ _T('Select a group') }}</option>
 115     {% for group in filter_groups_options %}
 116                         <option value="{{ group.getId() }}"{% if filters.group_filter == group.getId() %} selected="selected"{% endif %}>{{ group.getIndentName()|raw }}</option>
 117     {% endfor %}
 118                     </select>
 119                 </div>
 120             </div>
 121             <div class="two fields">
 122                 <div class="field">
 123                     <div class="inline fields">
 124                         <label for="email_filter">{{ _T('Members that have an email address:') }}</label>
 125                         <div class="field inline">
 126                             <div class="ui radio checkbox">
 127                                 <input type="radio" name="email_filter" id="filter_dc_email" value="{{ constant('Galette\\Repository\\Members::FILTER_DC_EMAIL') }}"{% if filters.email_filter == constant('Galette\\Repository\\Members::FILTER_DC_EMAIL') %} checked="checked"{% endif %}>
 128                                 <label for="filter_dc_email">{{ _T("Don't care") }}</label>
 129                             </div>
 130                         </div>
 131                         <div class="field inline">
 132                             <div class="ui radio checkbox">
 133                                 <input type="radio" name="email_filter" id="filter_with_email" value="{{ constant('Galette\\Repository\\Members::FILTER_W_EMAIL') }}"{% if filters.email_filter == constant('Galette\\Repository\\Members::FILTER_W_EMAIL') %} checked="checked"{% endif %}>
 134                                 <label for="filter_with_email">{{ _T('With') }}</label>
 135                             </div>
 136                         </div>
 137                         <div class="field inline">
 138                             <div class="ui radio checkbox">
 139                                 <input type="radio" name="email_filter" id="filter_without_email" value="{{ constant('Galette\\Repository\\Members::FILTER_WO_EMAIL') }}"{% if filters.email_filter == constant('Galette\\Repository\\Members::FILTER_WO_EMAIL') %} checked="checked"{% endif %}>
 140                                 <label for="filter_without_email">{{ _T('Without') }}</label>
 141                             </div>
 142                         </div>
 143                     </div>
 144                 </div>
 145                 <div class="ui right aligned basic fitted segment field">
 146                     <button type="submit"  class="tooltip action ui labeled icon primary button" title="{{ _T('Apply filters') }}" name="filter">
 147                         <i class="search icon" aria-hidden="true"></i>
 148                         {{ _T('Filter') }}
 149                     </button>
 150                     <button type="submit"  class="tooltip action ui labeled icon button" title="{{ _T('Save selected criteria') }}" name="savesearch" id="savesearch">
 151                         <i class="save blue icon" aria-hidden="true"></i>
 152                         {{ _T('Save') }}
 153                     </button>
 154                     <button type="submit" name="clear_filter" class="tooltip ui labeled icon button" title="{{ _T('Reset all filters to defaults') }}">
 155                         <i class="trash alt red icon" aria-hidden="true"></i>
 156                         {{ _T('Clear filter') }}
 157                     </button>
 158                 </div>
 159             </div>
 160 {% else %}
 161             <div class="field">
 162                 <span class="ui primary ribbon label">{{ _T('Advanced search mode') }}</span>
 163                 <button type="submit"  class="tooltip action ui labeled icon primary button" title="{{ _T('Save current advanced search criteria') }}" name="savesearch" id="savesearch">
 164                     <i class="save icon" aria-hidden="true"></i>
 165                     {{ _T('Save') }}
 166                 </button>
 167                 <button type="submit" class="tooltip action ui labeled icon button" title="{{ _T('Change search criteria') }}" name="adv_criteria">
 168                     <i class="edit blue icon" aria-hidden="true"></i>
 169                     {{ _T('Change criteria') }}
 170                 </button>
 171                 <input type="hidden" name="advanced_search" value="1" class="ui button"/>
 172                 <button type="submit" name="clear_filter" class="tooltip ui labeled icon button" title="{{ _T('Reset all filters to defaults') }}">
 173                     <i class="trash alt red icon" aria-hidden="true"></i>
 174                     {{ _T('Clear filter') }}
 175                 </button>
 176                 <div class="ui basic fluid accordion">
 177                     <div class="title">
 178                         <i class="dropdown icon" aria-hidden="true"></i>
 179                         {{ _T('Show/hide query') }}
 180                     </div>
 181                     <div class="content">
 182                         <div id="sql_qry" class="ui grey inverted segment">{{ filters.query }}</div>
 183                     </div>
 184                 </div>
 185             </div>
 186 {% endif %}
 187             {% include "components/forms/csrf.html.twig" %}
 188         </div>
 189     </form>
 190 {% endblock %}
 191
 192 {% block legend %}
 193     {% if nb_members != 0 %}
 194         <div id="legende" title="{{ _T('Legend') }}" class="ui modal">
 195             <div class="header">{{ _T('Legend') }}</div>
 196             <div class="content">
 197                 <table class="ui stripped table">
 198                     <thead>
 199                         <tr>
 200                             <th class="" colspan="4">{{ _T('Reading the list') }}</th>
 201                         </tr>
 202                     <thead>
 203                     <tbody>
 204                         <tr>
 205                             <th class="back">{{ _T('Name') }}</th>
 206                             <td class="back">{{ _T('Active account') }}</td>
 207                             <th class="inactive-account back">{{ _T('Name') }}</th>
 208                             <td class="back">{{ _T('Inactive account') }}</td>
 209                         </tr>
 210                         <tr>
 211                             <th class="cotis-ok color-sample">&nbsp;</th>
 212                             <td class="back">{{ _T('Membership in order') }}</td>
 213                             <th class="cotis-soon color-sample">&nbsp;</th>
 214                             <td class="back">{{ _T('Membership will expire soon (&lt;30d)') }}</td>
 215                         </tr>
 216                         <tr>
 217                             <th class="cotis-never color-sample">&nbsp;</th>
 218                             <td class="back">{{ _T('Never contributed') }}</td>
 219                             <th class="cotis-late color-sample">&nbsp;</th>
 220                             <td class="back">{{ _T('Lateness in fee') }}</td>
 221                         </tr>
 222                     </tbody>
 223                 </table>
 224                 <table class="ui stripped table">
 225                     <thead>
 226                         <tr>
 227                             <th class="" colspan="4">{{ _T('Actions') }}</th>
 228                         </tr>
 229                     <thead>
 230                     <tbody>
 231                         <tr>
 232                             <th class="action">
 233                                 <i class="ui user edit blue icon" aria-hidden="true"></i>
 234                             </th>
 235                             <td class="back">{{ _T('Modification') }}</td>
 236                             <th>
 237                                 <i class="ui receipt green icon" aria-hidden="true"></i>
 238                             </th>
 239                             <td class="back">{{ _T('Contributions') }}</td>
 240                         </tr>
 241                         <tr>
 242                             <th class="delete">
 243                                 <i class="ui user times red icon" aria-hidden="true"></i>
 244                             </th>
 245                             <td class="back">{{ _T('Deletion') }}</td>
 246                         </tr>
 247                     </tbody>
 248                 </table>
 249                 <table class="ui stripped table">
 250                     <thead>
 251                         <tr>
 252                             <th colspan="4">{{ _T('User status/interactions') }}</th>
 253                         </tr>
 254                     <thead>
 255                     <tbody>
 256                         <tr>
 257                             <th><i class="ui envelope outline teal icon" aria-hidden="true"></i></th>
 258                             <td class="back">{{ _T('Send an email') }}</td>
 259                             <th><i class="ui building icon" aria-hidden="true"></i></th>
 260                             <td class="back">{{ _T('Is a company') }}</td>
 261                         </tr>
 262
 263                         <tr>
 264                             <th><i class="ui male icon" aria-hidden="true"></i></th>
 265                             <td class="back">{{ _T('Is a man') }}</td>
 266                             <th><i class="ui female icon" aria-hidden="true"></i></th>
 267                             <td class="back">{{ _T('Is a woman') }}</td>
 268                         </tr>
 269                         <tr>
 270                             <th><i class="ui user shield red icon" aria-hidden="true"></i></th>
 271                             <td class="back">{{ _T('Admin') }}</td>
 272                             <th><i class="ui user tie orange icon" aria-hidden="true"></i></th>
 273                             <td class="back">{{ _T('Staff member') }}</td>
 274                         </tr>
 275                         <tr>
 276                             <th><i class="ui users cog orange icon" aria-hidden="true"></i></th>
 277                             <td class="back">{{ _T('Group manager') }}</td>
 278
 279                         </tr>
 280                     </tbody>
 281                 </table>
 282             </div>
 283             <div class="actions"><div class="ui labeled icon deny button"><i class="times icon" aria-hidden="true"></i> {{ _T('Close') }}</div></div>
 284         </div>
 285     {% endif %}
 286 {% endblock %}
 287
 288 {% block body %}
 289 {% for ordre, member in members %}
 290                     <tr class="{{ member.getRowClass() }}">
 291     {% for column in galette_list %}
 292         {% if column.field_id == 'id_adh' %}
 293                         <td class="right" data-scope="id">
 294             {% if preferences.pref_show_id %}
 295                         {{ member.id }}
 296             {% else %}
 297                         {{ ordre + 1 + (filters.current_page - 1) * numrows }}
 298             {% endif %}
 299                         </td>
 300         {% elseif column.field_id == 'list_adh_name' %}
 301                         <td class="username_row" data-scope="row">
 302                             <input type="checkbox" name="entries_sel[]" value="{{ member.__get('id') }}"/>
 303             {% if member.isCompany() %}
 304                             <span>
 305                                 <i class="ui building outline icon tooltip" aria-hidden="true"></i>
 306                                 <span class="ui special popup">{{ _T('Is a company') }}</span>
 307                             </span>
 308             {%  elseif member.isMan() %}
 309                             <span>
 310                                 <i class="ui male icon tooltip" aria-hidden="true"></i>
 311                                 <span class="ui special popup">{{ _T('Is a man') }}</span>
 312                             </span>
 313             {%  elseif member.isWoman() %}
 314                             <span>
 315                                 <i class="ui female icon tooltip" aria-hidden="true"></i>
 316                                 <span class="ui special popup">{{ _T('Is a woman') }}</span>
 317                             </span>
 318             {% else %}
 319                             <i class="ui icon" aria-hidden="true"></i>
 320             {% endif %}
 321             {% if member.email != '' %}
 322                             <a href="mailto:{{ member.email }}">
 323                                 <i class="ui envelope outline teal icon tooltip" aria-hidden="true"></i>
 324                                 <span class="ui special popup">{{ _T('Mail') }}</span>
 325                             </a>
 326
 327             {% else %}
 328                             <i class="ui icon" aria-hidden="true"></i>
 329             {% endif %}
 330             {% if member.isAdmin() %}
 331                             <span>
 332                                 <i class="ui user shield red icon tooltip" aria-hidden="true"></i>
 333                                 <span class="ui special popup">{{ _T('Admin') }}</span>
 334                             </span>
 335             {% elseif member.isStaff() %}
 336                             <span>
 337                                 <i class="ui user tie orange icon tooltip" aria-hidden="true"></i>
 338                                 <span class="ui special popup">{{ _T('Staff member') }}</span>
 339                             </span>
 340             {% elseif member.getManagedGroups() %}
 341                             <span>
 342                                 <i class="ui users cog orange icon tooltip" aria-hidden="true"></i>
 343                                 <span class="ui special popup">{{ _T('Group manager') }}</span>
 344                             </span>
 345             {% else %}
 346                             <i class="ui icon" aria-hidden="true"></i>
 347             {% endif %}
 348                         {% set mid = member.id %}
 349                             <a href="{{ url_for("member", {"id": member.id}) }}">{{ member.sname }}{% if member.company_name %} ({{ member.company_name }}){% endif %}</a>
 350                         </td>
 351         {% else %}
 352             {% set propname = column.propname %}
 353             {% set value = null %}
 354
 355             {% if column.field_id == 'nom_adh' %}
 356                 {% set value = member.sfullname %}
 357             {% elseif column.field_id == 'pseudo_adh' %}
 358                 {% set value = attribute(member, propname) %}
 359             {% elseif column.field_id == 'tel_adh' or column.field_id == 'gsm_adh' %}
 360             {% elseif column.field_id == 'id_statut' %}
 361                 {% set value = member.sstatus %}
 362             {% elseif column.field_id == 'titre_adh' %}
 363                 {% if member.title is not null %}
 364                     {% set value = member.title.long %}
 365                 {% endif %}
 366             {% elseif column.field_id == 'pref_lang' %}
 367                 {% set value = i18n.getNameFromId(member.language) %}
 368             {% elseif column.field_id == 'adresse_adh' %}
 369                 {% set value = member.saddress|e('html')|nl2br %}
 370                 {% set escaped = true %}
 371             {% elseif column.field_id == 'bool_display_info' %}
 372                 {% set value = member.sappears_in_list %}
 373             {% elseif column.field_id == 'activite_adh' %}
 374                 {% set value = member.sactive %}
 375             {% elseif column.field_id == 'id_statut' %}
 376                 {% set value = member.sstatus %}
 377             {% elseif column.field_id == 'bool_admin_adh' %}
 378                 {% set value = member.sadmin %}
 379             {% elseif column.field_id == 'bool_exempt_adh' %}
 380                 {% set value = member.sdue_free %}
 381             {% elseif column.field_id == 'sexe_adh' %}
 382                 {% set value = member.sgender %}
 383             {% endif %}
 384
 385             {# If value has not been set, take the generic value #}
 386             {% if not value %}
 387                 {% set propvalue = attribute(member, propname) %}
 388                 {% if propvalue %}
 389                     {% set value = propvalue|e('html') %}
 390                 {% else %}
 391                     {% set value = propvalue %}
 392                 {% endif %}
 393             {% elseif escaped is not defined %}
 394                 {% set value = value|e('html') %}
 395             {% endif %}
 396
 397                         <td data-col-label="{{ column.label }}">
 398             {# Display column.
 399                 A check is done here to adapt display, this is may not the best way to go
 400                 but for now, that works as expected.
 401             #}
 402             {% if value %}
 403                 {% if column.field_id == 'email_adh' %}
 404                                 <a href="mailto:{{ value }}">{{ value }}</a>
 405                 {% elseif column.field_id == 'tel_adh' or column.field_id == 'gsm_adh' %}
 406                                 <a href="tel:{{ value }}">{{ value }}</a>
 407                 {% elseif column.field_id == 'parent_id' %}
 408                                 <a href="{{ url_for("member", {"id": member.parent}) }}">{{ memberName({"id": member.parent}) }}</a>
 409                 {% elseif column.field_id == 'ddn_adh' %}
 410                                 {{ value }} {{ member.getAge() }}
 411                 {% else %}
 412                                 {{ value|raw }}
 413                 {% endif %}
 414             {% endif %}
 415                         </td>
 416         {% endif %}
 417     {% endfor %}
 418                     {{ _self.draw_actions(member, login) }}
 419                     </tr>
 420 {% else %}
 421                     <tr><td colspan="{{ galette_list|length + 1 }}" class="emptylist">{{ _T('No member has been found') }}</td></tr>
 422 {% endfor %}
 423 {% endblock %}
 424
 425 {% if nb_members != 0 and (login.isGroupManager() and (preferences.pref_bool_groupsmanagers_exports or preferences.pref_bool_groupsmanagers_mailings) or login.isAdmin() or login.isStaff()) %}
 426     {% set batch = {
 427         'route': {
 428             'name': 'batch-memberslist'
 429         },
 430         'modal': {
 431             'title': _T("No member selected"),
 432             'content': _T("Please make sure to select at least one member from the list to perform this action.")
 433         }
 434     } %}
 435     {% set batch_actions = callstatic('\\Galette\\Core\\Galette', 'getBatchActions') %}
 436 {% endif %}
 437
 438 {% block batch_selection %}
 439                     else if (value == 'sendmail') {
 440     {% if existing_mailing == true %}
 441                         _sendmail(true);
 442     {% else %}
 443                         _sendmail();
 444     {% endif %}
 445                     }
 446                     else if (value == 'attendance_sheet') {
 447                         _attendance_sheet_details();
 448                     }
 449
 450                     else if (value == 'masscontributions') {
 451                         _masscontributions();
 452                     }
 453
 454                     else if (value == 'masschange') {
 455                         _masschange();
 456                     }
 457 {% endblock %}
 458
 459 {% block javascripts %}
 460     {% set batch_selection = ['masschange', 'masscontributions', 'sendmail', 'attendance_sheet_details'] %}
 461     {{ parent() }}
 462     <script type="text/javascript">
 463         {# Use of Javascript to draw specific elements that are not relevant is JS is inactive #}
 464         $(function(){
 465             $('#savesearch').on('click', function(e) {
 466                 e.preventDefault();
 467
 468                 $('body').modal({
 469                     title: '{{ _T("Search title")|e('js') }}',
 470                     class: 'tiny',
 471                     content: '<div class="ui input"><input type="text" name="search_title" id="search_title"/></div>',
 472                     onApprove: function() {
 473                         var _form = $('#members_list_search_filter');
 474                         var _data = _form.serialize();
 475                         _data = _data + "&search_title=" + $('#search_title').val();
 476                         $.ajax({
 477                             url: '{{ url_for('saveSearch') }}',
 478                             type: "POST",
 479                             data: _data,
 480                             datatype: 'json',
 481                             {% include "elements/js/loader.js.twig" with {
 482                                 loader: "action",
 483                                 selector: ".loader_selector"
 484                             } %},
 485                             success: function(res) {
 486                                 $.ajax({
 487                                     url: '{{ url_for('ajaxMessages') }}',
 488                                     method: "GET",
 489                                     success: function (values) {
 490                                         for (var type in values) {
 491                                             var dtime = 0;
 492                                             if (type == 'success') {
 493                                                 dtime = 'auto';
 494                                             }
 495                                             $('body')
 496                                                 .toast({
 497                                                     displayTime: dtime,
 498                                                     minDisplayTime: 5000,
 499                                                     wordsPerMinute: 80,
 500                                                     showProgress: 'bottom',
 501                                                     closeIcon: true,
 502                                                     position: 'top attached',
 503                                                     title: values[type]['title'],
 504                                                     message: values[type]['messages'].join('<br/>'),
 505                                                     showIcon: values[type]['icon'],
 506                                                     class: type
 507                                                 })
 508                                             ;
 509                                         }
 510                                     }
 511                                 });
 512                             }
 513                         });
 514                     },
 515                     actions: [{
 516                         text    : '{{ _T("Save")|e('js') }}',
 517                         icon    : 'save',
 518                         class   : 'icon labeled primary approve'
 519                     }, {
 520                         text    : '{{ _T("Cancel")|e('js') }}',
 521                         icon    : 'times',
 522                         class   : 'icon labeled cancel'
 523                     }]
 524                 }).modal('show');
 525             });
 526
 527         });
 528 {% if nb_members != 0 %}
 529         var _sendmail = function(existing){
 530             var _form = $('#listform');
 531                 _form.append($('<input type="hidden" name="sendmail" value="true"/>'));
 532                 _form.append($('<input type="hidden" name="mailing_new" value="true"/>'));
 533                 _form.append($('<input type="hidden" name="mailing" value="true"/>'));
 534             var _redirect = '{{ url_for('mailing') }}';
 535
 536             if (existing) {
 537                 {% include "elements/js/modal.js.twig" with {
 538                     modal_title_twig: _T("Existing mailing")|e("js"),
 539                     modal_content_twig: _T("A mailing already exists. Do you want to create a new one or resume the existing?")|e("js"),
 540                     modal_class: "tiny",
 541                     modal_onapprove: "_form.submit();",
 542                     modal_approve_text: _T("New")|e("js"),
 543                     modal_approve_icon: "plus",
 544                     modal_approve_color: "green",
 545                     modal_additional_button: {
 546                         text: _T("Resume")|e("js"),
 547                         icon: "edit",
 548                         class: "blue",
 549                         click: "function() { location.href = _redirect; }"
 550                     }
 551                 } %}
 552             } else {
 553                 _form.submit();
 554             }
 555         }
 556         var _attendance_sheet_details = function(){
 557             $.ajax({
 558                 url: '{{ url_for('attendance_sheet_details') }}',
 559                 type: "POST",
 560                 data: {
 561                     ajax: true,
 562                     selection: $('#listform input[type=\"checkbox\"]:checked').map(function(){
 563                         return $(this).val();
 564                     }).get()
 565                 },
 566                 dataType: 'html',
 567                 {% include "elements/js/loader.js.twig" with {
 568                     loader: "action",
 569                     selector: ".loader_selector"
 570                 } %},
 571                 success: function(res){
 572                     var _res = $(res);
 573
 574                     $('body').append(_res);
 575
 576                     {% include "elements/js/modal.js.twig" with {
 577                         modal_selector: "#attendance_sheet_details",
 578                         modal_without_title: true,
 579                         modal_class: "tiny",
 580                         modal_onshow: "_batchAjaxMapper();",
 581                         modal_onapprove: "$('#attendance_sheet_details form').submit();"
 582                     } %}
 583                 },
 584                 error: function() {
 585                     {% include "elements/js/modal.js.twig" with {
 586                         modal_title_twig: _T("An error occurred displaying attendance sheet details interface :(")|e("js"),
 587                         modal_without_content: true,
 588                         modal_class: "mini",
 589                         modal_deny_only: true,
 590                         modal_cancel_text: _T("Close")|e("js"),
 591                         modal_classname: "redalert",
 592                     } %}
 593                 }
 594             });
 595         }
 596         var _masscontributions = function(){
 597             $.ajax({
 598                 url: '{{ url_for('batch-memberslist') }}',
 599                 type: "POST",
 600                 data: {
 601                     ajax: true,
 602                     masscontributions: true,
 603                     entries_sel: $('#listform input[type=\"checkbox\"]:checked').map(function(){
 604                         return $(this).val();
 605                     }).get()
 606                 },
 607                 datatype: 'html',
 608                 {% include "elements/js/loader.js.twig" with {
 609                     loader: "action",
 610                     selector: ".loader_selector"
 611                 } %},
 612                 success: function(res){
 613                     var _res = $(res);
 614
 615                     $('body').append(_res);
 616
 617                     _res.find('form').on('submit', function(e) {
 618                         e.preventDefault();
 619                         var _form = $(this);
 620                         var _data = _form.serialize();
 621
 622                         $.ajax({
 623                             url: _form.attr('action'),
 624                             type: "POST",
 625                             data: _data,
 626                             datatype: 'json',
 627                             {% include "elements/js/loader.js.twig" with {
 628                                 loader: "action",
 629                                 selector: ".loader_selector"
 630                             } %},
 631                             success: function(data, status, xhr) {
 632                                 var _res = $(data);
 633
 634                                 $('#mass_contributions').remove();
 635                                 $('body').append(_res);
 636
 637                                 _res.find('form').on('submit', function(e) {
 638                                     e.preventDefault();
 639                                     var _form = $(this);
 640                                     var _data = _form.serialize();
 641                                     $.ajax({
 642                                         url: _form.attr('action'),
 643                                         type: "POST",
 644                                         data: _data,
 645                                         datatype: 'json',
 646                                         {% include "elements/js/loader.js.twig" with {
 647                                             loader: "action",
 648                                             selector: ".loader_selector"
 649                                         } %},
 650                                         success: function(res) {
 651                                             window.location.href = _form.find('input[name=redirect_uri]').val();
 652                                         },
 653                                         error: function() {
 654                                             $('#mass_contributions').modal('hide dimmer').remove();
 655                                             {% include "elements/js/modal.js.twig" with {
 656                                                 modal_title_twig: _T("An error occurred :(")|e("js"),
 657                                                 modal_without_content: true,
 658                                                 modal_class: "mini",
 659                                                 modal_deny_only: true,
 660                                                 modal_cancel_text: _T("Close")|e("js"),
 661                                                 modal_classname: "redalert",
 662                                             } %}
 663                                         }
 664                                     });
 665                                 });
 666
 667                                 {% include "elements/js/modal.js.twig" with {
 668                                     modal_selector: "#mass_contributions",
 669                                     modal_without_title: true,
 670                                     modal_content_class: "scrolling",
 671                                     modal_onshow: "_batchAjaxMapper();_formValidationInModal('#mass_contributions');",
 672                                     modal_onapprove: "var submitted = _formSubmitInModal('#mass_contributions');if (!submitted){return false;}"
 673                                 } %}
 674                             },
 675                             error: function() {
 676                                 {% include "elements/js/modal.js.twig" with {
 677                                     modal_title_twig: _T("An error occurred :(")|e("js"),
 678                                     modal_without_content: true,
 679                                     modal_class: "mini",
 680                                     modal_deny_only: true,
 681                                     modal_cancel_text: _T("Close")|e("js"),
 682                                     modal_classname: "redalert",
 683                                 } %}
 684                             }
 685                         });
 686                     });
 687
 688                     {% include "elements/js/modal.js.twig" with {
 689                         modal_selector: "#mass_contributions",
 690                         modal_without_title: true,
 691                         modal_class: "mini",
 692                         modal_onshow: "_batchAjaxMapper();",
 693                         modal_onapprove: "$('#mass_contributions form').submit();"
 694                     } %}
 695                 },
 696                 error: function() {
 697                     {% include "elements/js/modal.js.twig" with {
 698                         modal_title_twig: _T("An error occurred :(")|e("js"),
 699                         modal_without_content: true,
 700                         modal_class: "mini",
 701                         modal_deny_only: true,
 702                         modal_cancel_text: _T("Close")|e("js"),
 703                         modal_classname: "redalert",
 704                     } %}
 705                 }
 706             });
 707         }
 708         var _masschange = function(){
 709             $.ajax({
 710                 url: '{{ url_for('batch-memberslist') }}',
 711                 type: "POST",
 712                 data: {
 713                     ajax: true,
 714                     masschange: true,
 715                     entries_sel: $('#listform input[type=\"checkbox\"]:checked').map(function(){
 716                         return $(this).val();
 717                     }).get()
 718                 },
 719                 datatype: 'json',
 720                 {% include "elements/js/loader.js.twig" with {
 721                     loader: "action",
 722                     selector: ".loader_selector"
 723                 } %},
 724                 success: function(res){
 725                     var _res = $(res);
 726
 727                     $('body').append(_res);
 728
 729                     _res.find('form').on('submit', function(e) {
 730                         e.preventDefault();
 731                         var _form = $(this);
 732                         var _data = _form.serialize();
 733                         $.ajax({
 734                             url: _form.attr('action'),
 735                             type: "POST",
 736                             data: _data,
 737                             datatype: 'json',
 738                             {% include "elements/js/loader.js.twig" with {
 739                                 loader: "action",
 740                                 selector: ".loader_selector"
 741                             } %},
 742                             success: function(data, status, xhr) {
 743                                 var _res = $(data);
 744
 745                                 $('#mass_change').remove();
 746                                 $('body').append(_res);
 747
 748                                 _res.find('form').on('submit', function(e) {
 749                                     e.preventDefault();
 750                                     var _form = $(this);
 751                                     var _data = _form.serialize();
 752                                     $.ajax({
 753                                         url: _form.attr('action'),
 754                                         type: "POST",
 755                                         data: _data,
 756                                         datatype: 'json',
 757                                         {% include "elements/js/loader.js.twig" with {
 758                                             loader: "action",
 759                                             selector: ".loader_selector"
 760                                         } %},
 761                                         success: function(res) {
 762                                             window.location.href = _form.find('input[name=redirect_uri]').val();
 763                                         },
 764                                         error: function() {
 765                                             {% include "elements/js/modal.js.twig" with {
 766                                                 modal_title_twig: _T("An error occurred :(")|e("js"),
 767                                                 modal_without_content: true,
 768                                                 modal_class: "mini",
 769                                                 modal_deny_only: true,
 770                                                 modal_cancel_text: _T("Close")|e("js"),
 771                                                 modal_classname: "redalert",
 772                                             } %}
 773                                         }
 774                                     });
 775                                 });
 776
 777                                 {% include "elements/js/modal.js.twig" with {
 778                                     modal_selector: "#mass_change",
 779                                     modal_without_title: true,
 780                                     modal_onapprove: "$('#mass_change form').submit();"
 781                                 } %}
 782                             },
 783                             error: function() {
 784                                 {% include "elements/js/modal.js.twig" with {
 785                                     modal_title_twig: _T("An error occurred :(")|e("js"),
 786                                     modal_without_content: true,
 787                                     modal_class: "mini",
 788                                     modal_deny_only: true,
 789                                     modal_cancel_text: _T("Close")|e("js"),
 790                                     modal_classname: "redalert",
 791                                 } %}
 792                             }
 793                         });
 794                     });
 795
 796                     {% include "elements/js/modal.js.twig" with {
 797                         modal_selector: "#mass_change",
 798                         modal_without_title: true,
 799                         modal_content_class: "scrolling",
 800                         modal_onshow: "_massCheckboxes('#mass_change');_batchAjaxMapper();",
 801                         modal_onapprove: "$('#mass_change form').submit();"
 802                     } %}
 803                 },
 804                 error: function() {
 805                     {% include "elements/js/modal.js.twig" with {
 806                         modal_title_twig: _T("An error occurred :(")|e("js"),
 807                         modal_without_content: true,
 808                         modal_class: "mini",
 809                         modal_deny_only: true,
 810                         modal_cancel_text: _T("Close")|e("js"),
 811                         modal_classname: "redalert",
 812                     } %}
 813                 }
 814             });
 815         }
 816         var _batchAjaxMapper = function(){
 817             $('.modal-form .ui.dropdown, .modal-form select:not(.nochosen)').dropdown();
 818             $('.modal-form .ui.checkbox, .modal-form .ui.radio.checkbox').checkbox();
 819             $('.modal-form a[title], .modal-form .tooltip').popup({
 820                 variation: 'inverted',
 821                 inline: false,
 822                 addTouchEvents: false,
 823             });
 824             {% include 'elements/js/calendar.js.twig' with {
 825                 selector: ".modal-form [id$='rangestart'], .modal-form [id$='rangeend']"
 826             } %}
 827         }
 828         var _formValidationInModal = function(modal){
 829             $(modal +' form').form({
 830                 inline: true,
 831                 autoCheckRequired: true,
 832                 prompt: {
 833                     empty: '{{ _T("Required field!")|e("js") }}'
 834                 }
 835             })
 836         }
 837         var _formSubmitInModal = function(modal){
 838             var validated = $(modal +' form').form('is valid');
 839             if(validated) {
 840                 $(modal +' form').submit();
 841                 $(modal).modal('hide dimmer').remove();
 842             } else {
 843                 $(modal +' form').form('validate form');
 844                 return false;
 845             }
 846         }
 847 {% endif %}
 848     </script>
 849 {% endblock %}