list.html

<div class="row" data-translate-catalog="archivesPubliques/messages" id="archiveList">
    <?merge hasReachMaxResults ?>
    <h4><span>Your query returns too much results, only first results are displayed.</span></h4>
    <input type="hidden" id="transaction" value="[?merge transaction ?]" />
    <input type="hidden" id="collection" value="[?merge collection.json() ?]" />
    <div class="panel panel-primary">
        <div class="panel-heading clearfix">
            <div class="pull-left">
                <?merge hasReachMaxResults.not() ?>
                <h4><?merge content.count() ?> result(s)</h4>
                <?merge hasReachMaxResults ?>
                <h4><?merge content.count() ?> result(s) on <?merge totalResultsWithoutLimit ?> archive(s)</h4>
            </div>
            <div class="dropdown pull-right" data-translate-catalog="recordsManagement/messages">
                <?merge isCollectionView.bool() ?>
                <button class="btn btn-warning" type="button" id="deleteCollections">Remove All Collections</button>
                <button class="btn btn-warning dropdown-toggle" type="button" id="archiveList_actions" data-toggle="dropdown" aria-expanded="true" title="Actions" disabled="disabled">
                    <i class="fa fa-navicon">&nbsp;</i>&nbsp;Actions
                    <span class="caret"></span>
                </button>
                <?hinclude recordsManagement/archive/resultListActionsButton.html ?>
                
            </div>
        </div>
        <div class="panel-body" style="padding: 0;">
            <table class="table dataTable" data-table-paginationtype="two_button" data-table-unsortablecolumns="6">
                <thead>
                    <tr>
                        <th><input type="checkbox" id="archiveList_selectAll"/></th>
                        <th>Intitul&eacute;</th>
                        <th>Producteur</th>
                        <th>Date de dépôt</th>
                        <th>Dates extr&ecirc;mes</th>
                        <th>Statut</th>
                        <th><span><i class="fa fa-star-half-full" title="Favoris"></i></span></th>
                        <th style="min-width:150px"></th>
                    </tr>
                </thead>
                <tbody>
                    <?merge content ?>
                    <div>
                        <tr
                            id="[?merge .archiveId ?]"
                            name="[?merge .archiveName ?]"
                            data-iscommunicable="[?merge .isCommunicable ?]"
                            class="[?merge .disposable.bool().then('danger') ?] [?merge .hasRights.bool().not().then('text-muted') ?]"
                            data-hasRights="[?merge .hasRights.bool().then('true', 'false') ?]"
                        >
                            <td>  <?merge .disposable @data-disposable ?>
                                <input type="checkbox" data-archive-status="[?merge .status ?]" data-restituable="[?merge .restituable ?]" data-final-disposition='[?merge .finalDisposition ?]' data-visible='[?merge .visible ?]' value="[?merge .archiveId ?]"/>
                            </td>
                            <td><?merge .archiveName ?></td>
                            <td><?merge .originator ?></td>
                            <td><span class="hidden"><?merge .depositDate.format('Y-m-d H:i:s') ?></span><?merge .depositDate.format('d-m-Y H:i:s') ?></td>
                            <td><span class="hidden"><?merge .startDate.format('Ymd') ?></span><?merge .startDate ?> &nbsp; <?merge .endDate ?></td>
                            <td class="archiveStatus"><?merge .statusDesc ?></td>
                            <td data-isInUserCollection="[?merge .isInUserCollection.bool().then('true', 'false') ?]"><i class="collection fa [?merge .isInUserCollection.bool().then('fa-star orange', 'fa-star-o') ?]"></i></td>
                            <td>
                                <div class="btn-group pull-right">
                                   
                                    <button type="button" class="btn btn-success btn-sm viewArchive [?merge .hasRights.bool().not().then('disabled') ?]" title="Info"><span class="fa fa-info-circle"></span></button>
                                    <?merge .statusModif.bool() ?>
                                    <button class="btn btn-warning btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>
                                        <i class="fa fa-edit">&nbsp;</i>&nbsp;
                                        <span class="caret"></span>
                                    </button>
                                    <?merge .statusModif.bool().not() ?>
                                    <button class="btn btn-warning btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="fa fa-edit">&nbsp;</i>&nbsp;
                                        <span class="caret"></span>
                                    </button>
                                    <?hinclude recordsManagement/archive/resultActionsButton.html ?>
                                </div>
                            </td>
                        </tr>
                    </div>
                </tbody>
            </table>
        </div>
        <!-- MODALS -->
        <?hinclude recordsManagement/archive/archiveManagement.html ?>
    </div>
</div>

<script>
    /* MULTIPLE ARCHIVE SELECTION*/

    $("#archiveList_selectAll").on('click', function () {
        $('table.dataTable').find('input[type="checkbox"]').prop('checked', $(this).prop('checked'));
    });

    $(".paginate_button").on('click', '.paginate_button', function () {
        $("archiveList_actions").prop('disabled', true);
        $('#archiveList_table').find('input[type="checkbox"]').prop('checked', false);
    });

    $("table.dataTable").on('click', function() {
        if($('input[data-archive-status]:checked').length > 0) {
            $("#archiveList_actions").prop('disabled', false);
        } else {
            $("#archiveList_actions").prop('disabled', true);
        }
    });

    $('#archiveList_actions').on('click', function () {
        //use addToCollection because it includes all differents types
        var archivesSelected = ArchivesAction.getSelectedArchives('addToCollection');
        if (archivesSelected.hasNoRightsCount > 0) {
            $('#resultListHtmlAuthorizedMenu').hide();
        } else {
            $('#resultListHtmlAuthorizedMenu').show();
        }
    });
</script>