Small UI improvements and tests fixed.

src/Squidex/app/features/assets/pages/assets-filters-page.component.html

@@ -28,9 +28,12 @@
 
         <hr />
 
+        <div class="sidebar-section">
             <h3>Saved queries</h3>
 
-        <a class="sidebar-item" *ngFor="let query of queries.queries | async; trackBy: trackByQuery" (click)="search(query.filter)"
+            <ng-container *ngIf="queries.queries | async; let queries">
+                <ng-container *ngIf="queries.length > 0; else noQuery">
+                    <a class="sidebar-item" *ngFor="let query of queries; trackBy: trackByQuery" (click)="search(query.filter)"
                         [class.active]="isSelectedQuery(query.filter)">
                         
                         {{query.name}}
@@ -40,4 +43,13 @@
                         </a>
                     </a>
                 </ng-container>
+
+                <ng-template #noQuery>
+                    <div class="sidebar-item text-muted">
+                        Search for assets and use <i class="icon-star-empty"></i> icon in search form to save query for all contributors.
+                    </div>
+                </ng-template>
+            </ng-container>
+        </div>
+    </ng-container>
 </sqx-panel>

src/Squidex/app/features/assets/pages/assets-filters-page.component.scss

@@ -1,2 +1,6 @@
 @import '_vars';
 @import '_mixins';
+
+.text-muted {
+    text-decoration: none;
+}

src/Squidex/app/features/content/pages/contents/contents-filters-page.component.html

@@ -26,7 +26,9 @@
         <div class="sidebar-section">
             <h3>Saved queries</h3>
 
-            <a class="sidebar-item" *ngFor="let query of schemaQueries.queries | async; trackBy: trackByQuery" (click)="search(query.filter)"
+            <ng-container *ngIf="schemaQueries.queries | async; let queries">
+                <ng-container *ngIf="queries.length > 0; else noQuery">
+                    <a class="sidebar-item" *ngFor="let query of queries; trackBy: trackByQuery" (click)="search(query.filter)"
                         [class.active]="isSelectedQuery(query.filter)">
                         
                         {{query.name}}
@@ -35,6 +37,14 @@
                             <i class="icon-close"></i>
                         </a>
                     </a>
+                </ng-container>
+
+                <ng-template #noQuery>
+                    <div class="sidebar-item text-muted">
+                        Search for contents and use <i class="icon-star-empty"></i> icon in search form to save query for all contributors.
+                    </div>
+                </ng-template>
+            </ng-container>
         </div>
     </ng-container>
 </sqx-panel>

src/Squidex/app/features/content/pages/contents/contents-filters-page.component.scss

@@ -1,2 +1,6 @@
 @import '_vars';
 @import '_mixins';
+
+.text-muted {
+    pointer-events: none;
+}

src/Squidex/app/shared/services/apps.service.ts

@@ -25,6 +25,7 @@ export class AppDto {
 
     public readonly canCreateSchema: boolean;
     public readonly canDelete: boolean;
+    public readonly canReadAssets: boolean;
     public readonly canReadBackups: boolean;
     public readonly canReadClients: boolean;
     public readonly canReadContributors: boolean;
@@ -50,6 +51,7 @@ export class AppDto {
 
         this.canCreateSchema = hasAnyLink(links, 'schemas/create');
         this.canDelete = hasAnyLink(links, 'delete');
+        this.canReadAssets = hasAnyLink(links, 'assets');
         this.canReadBackups = hasAnyLink(links, 'backups');
         this.canReadClients = hasAnyLink(links, 'clients');
         this.canReadContributors = hasAnyLink(links, 'contributors');

src/Squidex/app/shared/services/contents.service.spec.ts

@@ -62,7 +62,7 @@ describe('ContentsService', () => {
                 contentResponse(12),
                 contentResponse(13)
             ],
-            es: ['Draft', 'Published']
+            statuses: ['Draft', 'Published']
         });
 
         expect(contents!).toEqual(