Current File : //usr/local/jetapps/var/www/jetbackup5/docroot/app/views/accountFilters.htm
<div ng-controller="accountFilters" class="controller-box">
    <h1>{{ lang.t("Account Filters") }}</h1>

    <div class="row search-page-container">
        <div class="col-xs-12 col-sm-5 col-md-4 col-lg-6">
            <button class="btn btn-default" ng-click="fetch()" title="{{ lang.t('Refresh Records') }}">
                <em aria-hidden="true" class="fas fa-redo"></em>
            </button>
            <a href="{{primaryURL}}/accountFilterManage" class="btn btn-primary" ng-click="changeView('/accountFilterManage')" title="{{ lang.t('Create New Backup Filter') }}">
                <em aria-hidden="true" class="fas fa-plus"></em>
                {{ lang.t("Create New Filter") }}
            </a>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
            <filter-box id="account_filter_table_filter"
                    box-options="filterOptions"
                    ng-model="filter"
                    ng-change="fetch()">
            </filter-box>
        </div>
        <div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
            <search id="account_filter_table_search" ng-model="metaData.filterValue" ng-change="fetch()"></search>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-striped content-table">
        <thead>
            <tr>
                <th class="col-sm-7 col-md-7 col-lg-7 column-title">
                    <button sort-by sort-meta="meta" sort-field="name" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Name')) }}">{{ lang.t("Name") }}</button>
                </th>
                <th class="col-sm-3 col-md-3 col-lg-3 column-title">
                    <button sort-by sort-meta="meta" sort-field="type" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Type')) }}">{{ lang.t("Type") }}</button>
                </th>
                <th class="col-sm-1 col-md-1 col-lg-1 column-title">
                    <button sort-by sort-meta="meta" sort-field="owner" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Owner')) }}">{{ lang.t("Owner") }}</button>
                </th>
                <th class="col-sm-1 col-md-1 col-lg-1 column-title">
                    {{ lang.t("Assigned Jobs") }}
                </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-hide="loadingFilters" ng-repeat-start="filter in filters track by $index" id="destination_row_{{$index}}" ng-click="openActions(filter)" class="pointer">
                <td data-title="{{ lang.t('Name') }}">
                    <span title="{{ filter.name }}">{{ filter.name }}</span>
                </td>
                <td data-title="{{ lang.t('Type') }}">
                    <span title="{{ filter.type }}">{{ types[filter.type] }}</span>
                </td>
                <td data-title="{{ lang.t('Owner') }}">
                    <span title="{{ filter.owner_name }}">{{ filter.owner_name }}</span>
                </td>
                <td data-title="{{ lang.t('Assigned Jobs') }}" style="text-align: center;">
                    <span title="{{ filter.count }}">{{ filter.count }}</span>
                </td>
            </tr>
            <tr ng-hide="loadingFilters" ng-repeat-end id="dt_module_row_{{$index}}">
                <td colspan="4" class="actions-cell">
                    <div class="action-module" ng-if="isOpenedActions(filter)"
                        id="download_module_{{$index}}"
                        ng-include="includePath('accountFilterActions')"></div>
                </td>
            </tr>
            <tr ng-hide="!loadingFilters">
                <td colspan="4">
                    <loading-box>
                        <span>{{ lang.t("Loading Filters") }}</span>
                    </loading-box>
                </td>
            </tr>
            <tr ng-hide="filters.length > 0 || loadingFilters">
                <td colspan="4">
                    <span>{{ lang.t("No Filters Found") }}</span>
                </td>
            </tr>
        </tbody>
        </table>
    </div>
    <pagination fetch="fetch" meta="meta"></pagination>
</div>
<script type="text/ng-template" id="destinationJobsAssigned.ptt">
    <div style="text-align: left; padding: 10px 0;">
        <h5 style="margin: 0 20px 5px 20px; font-weight: bold;">{{ lang.t("Jobs Assigned") }}</h5>
        <span style="margin: 0 20px;" ng-hide="jobs[destination._id].length">{{ lang.t("No jobs assigned to this destination") }}</span>
        <ul style="margin-bottom: 0;" ng-show="jobs[destination._id].length">
            <li ng-repeat="job in jobs[destination._id]">{{ job.name }}</li>
        </ul>

    </div>
</script>