mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.9 KiB
65 lines
2.9 KiB
<sqx-title message="{app} | Assets" parameter1="app" [value1]="appsState.appName"></sqx-title>
|
|
|
|
<sqx-panel desiredWidth="*" minWidth="50rem" showSidebar="true">
|
|
<ng-container title>
|
|
Assets
|
|
</ng-container>
|
|
|
|
<ng-container menu>
|
|
<div class="row no-gutters pl-1">
|
|
<div class="col-auto offset-xl-4">
|
|
<sqx-shortcut keys="ctrl+shift+r" (trigger)="reload()"></sqx-shortcut>
|
|
|
|
<button type="button" class="btn btn-text-secondary" (click)="reload()" title="Refresh Contents (CTRL + SHIFT + R)">
|
|
<i class="icon-reset"></i> Refresh
|
|
</button>
|
|
</div>
|
|
<div class="col pl-1" style="width: 300px">
|
|
<div class="row no-gutters search">
|
|
<div class="col-6">
|
|
<sqx-tag-editor class="tags" singleLine="true" placeholder="Search by tags"
|
|
[suggestions]="assetsState.tagsNames | async"
|
|
[ngModel]="assetsState.selectedTagNames | async"
|
|
(ngModelChange)="selectTags($event)"
|
|
[undefinedWhenEmpty]="false">
|
|
</sqx-tag-editor>
|
|
</div>
|
|
<div class="col-6">
|
|
<sqx-search-form formClass="form" placeholder="Search by asset name" fieldExample="fileSize"
|
|
(queryChanged)="search($event)"
|
|
[query]="assetsState.assetsQuery | async"
|
|
[queries]="queries"
|
|
enableShortcut="true">
|
|
</sqx-search-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto pl-1">
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-secondary btn-toggle" [class.btn-primary]="isListView" [disabled]="isListView" (click)="changeView(true)">
|
|
<i class="icon-list"></i>
|
|
</button>
|
|
<button type="button" class="btn btn-secondary btn-toggle" [class.btn-primary]="!isListView" [disabled]="!isListView" (click)="changeView(false)">
|
|
<i class="icon-grid"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container content>
|
|
<sqx-assets-list [state]="assetsState" [isListView]="isListView"></sqx-assets-list>
|
|
</ng-container>
|
|
|
|
<ng-container sidebar>
|
|
<div class="panel-nav">
|
|
<sqx-tooltip position="leftTop" [target]="filtersLink">Filters</sqx-tooltip>
|
|
|
|
<a class="panel-link" routerLink="filters" routerLinkActive="active" #filtersLink>
|
|
<i class="icon-filter"></i>
|
|
</a>
|
|
</div>
|
|
</ng-container>
|
|
</sqx-panel>
|
|
|
|
<router-outlet></router-outlet>
|
|
|