Make the appstore filter toolbar work with repositories

This commit is contained in:
Johannes Zellner
2022-11-09 15:45:34 +01:00
parent 7f37de0dd1
commit 997c596251
4 changed files with 45 additions and 39 deletions
+15 -12
View File
@@ -354,19 +354,26 @@
<div ng-show="ready && validSubscription" class="ng-cloak appstore-toolbar">
<div class="appstore-toolbar-content">
<div>
<button class="btn btn-primary" type="button" ng-click="setRepository('core')">Core</button>
<button class="btn btn-outline" type="button" ng-click="setRepository('community')">Community</button>
<div class="dropdown">
<button class="btn btn-outline dropdown-toggle" type="button" data-toggle="dropdown">
Repository
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="" ng-click="setRepository('core');">Core</a></li>
<li><a href="" ng-click="setRepository('community');">Community</a></li>
</ul>
</div>
<button class="btn" type="button" ng-click="showCategory('');" ng-class="{ 'btn-primary': '' === category }">{{ 'appstore.category.all' | tr }}</button>
<button class="btn" type="button" ng-click="showCategory('new');" ng-class="{ 'btn-primary': 'new' === category }">{{ 'appstore.category.newApps' | tr }}</button>
<div class="dropdown">
<button class="btn dropdown-toggle" type="button" data-toggle="dropdown" ng-class="{ 'btn-primary': '' !== category && 'recent' !== category && 'new' !== category }">
{{ categoryButtonLabel(category) }}
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="" ng-click="showCategory('');"><i class="fas fa-home fa-fw"></i> {{ 'appstore.category.all' | tr }}</a></li>
<li><a href="" ng-click="showCategory('new');"><i class="fas fa-rss fa-fw"></i> {{ 'appstore.category.newApps' | tr }}</a></li>
<li role="separator" class="divider"></li>
<li ng-repeat="category in categories | orderBy:'label'"><a href="" ng-click="showCategory(category.id);"><i class="{{ category.icon }} fa-fw"></i> {{ category.label }}</a></li>
</ul>
</div>
@@ -384,16 +391,12 @@
<div class="btn-group">
<button type="button" class="btn btn-default" ng-click="openAppProxy()"><i class="fas fa-exchange-alt"></i> {{ 'apps.addAppproxyAction' | tr }}</a></a>
<button type="button" class="btn btn-default" ng-click="applinksAdd.show()"><i class="fas fa-link"></i> {{ 'apps.addApplinkAction' | tr }}</button>
<!-- <ul class="dropdown-menu">
<li><a href="" ng-click="applinksAdd.show()"><i class="fas fa-link fa-fw"></i> {{ 'apps.addApplinkAction' | tr }}</a></li>
<li><a href="/#/appstore/io.cloudron.builtin.appproxy"><i class="fas fa-exchange-alt fa-fw"></i> {{ 'apps.addAppproxyAction' | tr }}</a></li>
</ul> -->
</div>
</div>
</div>
<div ng-show="ready && validSubscription" class="ng-cloak appstore-grid">
<div class="text-center" ng-hide="apps.length">
<div class="text-center" ng-hide="apps.length || popularApps.length">
<br/>
<br/>
<br/>
@@ -404,7 +407,7 @@
<div class="" ng-show="category === '' && popularApps.length">
<div class="row-no-margin">
<div class="col-sm-12">
<h2>{{ 'appstore.category.popular' | tr }}</h2>
<h2>{{ 'appstore.category.popular' | tr }} ({{ repository }})</h2>
</div>
</div>
<div class="row-no-margin">
@@ -425,7 +428,7 @@
<div class="" ng-show="apps.length">
<div class="row-no-margin" ng-show="!category && !searchString">
<div class="col-sm-12">
<h2>{{ 'appstore.category.all' | tr }}</h2>
<h2>{{ 'appstore.category.all' | tr }} ({{ repository }})</h2>
</div>
</div>
<div class="row-no-margin">