Mini Shell

<div id="schedules" ng-controller="schedules" class="controller-box">
    <h1>{{ lang.t("Schedules") }}</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}}/scheduleManage" class="btn btn-primary" ng-click="changeView('/scheduleManage')">
                <em aria-hidden="true" class="fas fa-plus"></em>
                {{ lang.t("Create New Schedule") }}
            </a>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
            <filter-box
                    filter-title="{{lang.t('Filter by Tags')}}"
                    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 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-3 col-md-3 col-lg-3 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-4 col-md-4 col-lg-4 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-2 col-md-2 col-lg-2 column-title">
                    <button sort-by sort-meta="meta" sort-field="delay" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Delay')) }}">{{ lang.t("Delay") }}</button>
                </th>
                <th class="col-sm-2 col-md-2 col-lg-2 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">
                    <button sort-by sort-meta="meta" sort-field="count" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Jobs Assigned')) }}">{{ lang.t("Jobs Assigned") }}</button>
                </th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat-start="schedule in schedules" id="schedule_row_{{$index}}" ng-click="openActions(schedule)" class="pointer">
                <td data-title="{{ lang.t('Name') }}">
                    {{ schedule.name }}
                </td>
                <td data-title="{{ lang.t('Type') }}">
                    {{ scheduleDisplay(schedule) }}
                </td>
                <td data-title="{{ lang.t('Delay') }}">
                    {{ schedule.delay > 0 ? schedule.delay_amount + ' ' + const.SCHEDULE_DELAY_TYPE_NAMES[schedule.delay_type] : lang.t('No Delay') }}
                </td>
                <td data-title="{{ lang.t('Owner') }}">
                    {{ schedule.owner_name }}
                </td>
                <td data-title="{{ lang.t('Jobs Assigned') }}">
                    {{ schedule.count }}
                </td>
            </tr>
            <tr ng-repeat-end id="dt_module_row_{{$index}}">
                <td colspan="10" class="actions-cell">
                    <div class="action-module" ng-if="isOpenedActions(schedule)" ng-include="includePath('scheduleActions')"></div>
                </td>
            </tr>
            <tr ng-hide="!loadingSchedules">
                <td colspan="10">
                    <loading-box><span>{{ lang.t("Loading Schedules") }}</span></loading-box>
                </td>
            </tr>
            <tr ng-hide="schedules.length > 0 || loadingSchedules">
                <td colspan="10">
                    <span>{{ lang.t("No Schedules Found") }}</span>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <pagination fetch="fetch" meta="meta"></pagination>
</div>