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

<div ng-controller="packages">

    <div class="row search-page-container">
        <div class="col-xs-12 col-sm-12 col-md-6 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>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <filter-box box-options="filterRepos" ng-model="repo" filter-title="{{lang.t('Repository')}}" class="pull-right" ng-change="fetch()"></filter-box>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <filter-box box-options="filterTypes" ng-model="type" filter-title="{{lang.t('Type')}}" class="pull-right" ng-change="fetch()"></filter-box>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <search ng-model="metaData.filterValue" ng-change="fetch()"></search>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12" ng-repeat="package in packages">
            <div class="plugin-container">
                <div class="row">
                    <div class="col-xs-8">
                        <h4>
                            <img data-ng-src="data:image/png;base64,{{package.icon}}" alt="{{ package.name }}" title="{{ package.name }}" ng-show="package.icon" style="width: 34px;height: 34px;" />
                            {{ package.name }}
                        </h4>
                        <p style="margin-bottom: 0;">
                            <span class="label" ng-class="{'label-info':package.type == const.PLUGIN_TYPE_ADDON, 'label-success':package.type == const.PLUGIN_TYPE_SECURITY, 'label-primary': package.type == const.PLUGIN_TYPE_NOTIFICATION, 'label-warning': package.type == const.PLUGIN_TYPE_DESTINATION}">{{package.type | capitalize}}</span>
                            <span class="label label-danger" ng-show="package.experimental" uib-tooltip="{{package.experimental}}">{{ lang.t("EXPERIMENTAL") }}</span>
                        </p>
                        <p class="plugin-description">{{ package.description | limitTo:200 }}</p>
                    </div>
                    <div class="col-xs-4">
                        <span class="btn btn-success btn-xs btn-block" style="cursor: default;" ng-show="package.installed">{{ lang.t("Installed") }} <span style="font-size: 9px;">({{lang.t("Version %s", package.plugin.version)}})</span></span>
                        <span class="btn btn-danger btn-xs btn-block" style="cursor: default;" ng-show="!package.installable && !package.installed">{{ lang.t("Conflict") }}</span>
                        <span class="btn btn-default btn-xs btn-block" style="cursor: default;" ng-show="package.installable && !package.installed">{{lang.t("Not Installed") }}</span>

                        <button ng-show="package.installed && package.type == const.PLUGIN_TYPE_ADDON && !package.plugin.disabled" class="btn btn-default btn-xs btn-block" ng-click="changeView('/plugin/' + package.code)">
                            {{lang.t("Manage Plugin")}}
                        </button>
                        <button ng-show="package.installed && package.type == const.PLUGIN_TYPE_DESTINATION" class="btn btn-default btn-xs btn-block" ng-click="changeView('/destinations')">
                            {{lang.t("Go To Destinations")}}
                        </button>
                        <button ng-show="package.installed && package.type == const.PLUGIN_TYPE_SECURITY" class="btn btn-default btn-xs btn-block" ng-click="changeView('/security')">
                            {{lang.t("Go To Security")}}
                        </button>
                        <button ng-show="package.installed" class="btn btn-default btn-xs btn-block" ng-click="uninstall(package)">
                            {{lang.t("Uninstall")}}
                        </button>
                        <button ng-show="package.installed" class="btn btn-default btn-xs btn-block" ng-click="reinstall(package)">
                            {{lang.t("Reinstall")}}
                        </button>

                        <button ng-show="package.installable && !package.installed" class="btn btn-default btn-xs btn-block" ng-click="install(package)">
                            {{lang.t("Install")}}
                        </button>
                        <!--button class="btn btn-default btn-xs btn-block" ng-click="">
                            {{lang.t("More Details")}}
                        </button-->
                        <button ng-show="!package.installable && !package.installed" class="btn btn-default btn-xs btn-block" ng-click="switchRepo(package)">
                            {{lang.t("Switch Repository")}}
                        </button>
                        <p ng-show="!package.installable && !package.installed" style="font-size: 11px; margin-bottom: 0;" class="text-red">{{ lang.t("This plugin is already installed from other repository.")}}</p>
                    </div>
                </div>
            </div>
            <div style="background: #1f2b37; padding: 15px; color: #ffffff; margin-bottom: 15px;">
                <p style="margin-bottom: 0;">{{ lang.t('Author') }}: {{ package.author }}</p>
                <p style="margin-bottom: 0;">
                    {{ lang.t('Version') }}: {{ package.version }}
                    <span ng-show="package.installed">
                        (<span ng-show="package.installed && util.versionCompare(package.plugin.version, package.version) >= 0">{{lang.t("Up to date")}}</span><a ng-show="package.installed && util.versionCompare(package.plugin.version, package.version) < 0" style="color: #fd6b2b;" href="" ng-click="update(package)">{{lang.t("Update available")}}</a>)
                    </span>
                </p>
                <p style="margin-bottom: 0;">{{ lang.t('Repository') }}: {{ package.repo_name }}</p>
            </div>

        </div>
    </div>
    <pagination fetch="fetch" meta="meta"></pagination>

</div>