Current File : //usr/local/jetapps/var/www/jetbackup5/docroot/app/views/settings/notification.htm

<div ng-controller="notificationSettings">
    <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}}/settings/notification/manage" class="btn btn-primary" ng-click="changeView('/settings/notification/manage')">
                <em aria-hidden="true" class="fas fa-plus"></em>
                {{ lang.t("Create New Notification Integration") }}
            </a>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
            <filter-box
                    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-1 col-md-1 col-lg-1 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" style="text-align: center;">
                    <button sort-by sort-meta="meta" sort-field="disabled" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Enabled')) }}">{{ lang.t("Enabled") }}</button>
                </th>
            </tr>
            </thead>
            <tbody>
            <tr ng-hide="loadingNotifications" ng-repeat-start="notification in notifications track by $index" id="notification_row_{{$index}}" ng-click="openActions(notification)" class="pointer">
                <td data-title="{{ lang.t('Name') }}">{{ notification.name }}</td>
                <td data-title="{{ lang.t('Type') }}">{{ notification.type }}</td>
                <td data-title="{{ lang.t('Owner') }}">{{ notification.owner_name }}</td>
                <td data-title="{{ lang.t('Enabled') }}" ng-click="$event.stopPropagation();" style="text-align: center;">
                    <button ng-click="toggleStatus(notification)" class="toggle-switch"><em class="fas toggle-icon" ng-class="{ 'fa-toggle-on text-green': !notification.disabled, 'fa-toggle-on text-gray': notification.disabled }"></em></button>
                </td>
            </tr>
            <tr ng-hide="loadingNotifications" ng-repeat-end id="dt_module_row_{{$index}}">
                <td colspan="5" class="actions-cell">
                    <div class="action-module" ng-if="isOpenedActions(notification)" ng-include="includePath('settings/notificationActions')"></div>
                </td>
            </tr>
            <tr ng-hide="!loadingNotifications">
                <td colspan="5">
                    <loading-box><span>{{ lang.t("Loading Notification Integrations") }}</span></loading-box>
                </td>
            </tr>
            <tr ng-hide="notifications.length > 0 || loadingNotifications">
                <td colspan="9">
                    <span>{{ lang.t("No Notification Integrations Found") }}</span>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <pagination fetch="fetch" meta="meta"></pagination>





    <!--div class="row">
        <div class="col-xl-3 col-md-6 col-sm-12 col-xs-12" ng-repeat="type in types">
            <div class="plugin-container notification-integration">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="plugin-icon">
                            <img src="{{type.icon}}" style="width: 48px; height: 48px;" alt="{{type.label}}" />
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <h4 class="plugin-title">{{ type.name }}</h4>
                        <p class="plugin-description">{{ type.description | limitTo:200 }}</p>
                    </div>
                    <div class="col-xs-4">
                        <button ng-show="type.installed && type.activated" class="btn btn-default btn-xs btn-block" ng-click="manageIntegration(type)">
                            {{lang.t("Manage")}}
                        </button>
                        <button ng-show="type.installed && !type.activated" class="btn btn-success btn-xs btn-block" ng-click="manageIntegration(type)">
                            {{lang.t("Activate")}}
                        </button>
                        <button ng-show="type.installed && type.activated" class="btn btn-danger btn-xs btn-block" ng-click="disableIntegration(type)">
                            {{lang.t("Disable")}}
                        </button>
                        <button ng-hide="type.installed" class="btn btn-success btn-xs btn-block" ng-click="installIntegration(type)">
                            {{lang.t("Install")}}
                        </button>
                        <p ng-hide="type.installed" style="font-size: 11px; margin-bottom: 0;">{{ type.repo }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div-->
</div>