57 lines
2.3 KiB
HTML
57 lines
2.3 KiB
HTML
<div class="datatable">
|
|
<rd-widget>
|
|
<rd-widget-body classes="no-padding">
|
|
<div class="toolBar vertical-center flex-wrap !gap-x-5 !gap-y-1">
|
|
<div class="toolBarTitle vertical-center">
|
|
<div class="widget-icon space-right">
|
|
<pr-icon icon="$ctrl.titleIcon"></pr-icon>
|
|
</div>
|
|
Custom Templates
|
|
</div>
|
|
<div class="searchBar vertical-center !mr-0">
|
|
<pr-icon icon="'search'" class-name="'searchIcon'"></pr-icon>
|
|
<input
|
|
type="text"
|
|
class="searchInput"
|
|
ng-model="$ctrl.state.textFilter"
|
|
ng-change="$ctrl.onTextFilterChange()"
|
|
placeholder="Search for a template..."
|
|
auto-focus
|
|
ng-model-options="{ debounce: 300 }"
|
|
/>
|
|
</div>
|
|
<div class="actionBar">
|
|
<button type="button" class="btn btn-sm btn-primary" ui-state="$ctrl.createPath">
|
|
<pr-icon icon="'plus'"></pr-icon>
|
|
Add Custom Template
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="blocklist gap-y-2 !px-[20px] !pb-[20px]">
|
|
<template-item
|
|
ng-repeat="template in $ctrl.templates | filter:$ctrl.state.textFilter"
|
|
model="template"
|
|
type-label="{{ $ctrl.typeLabel(template.Type) }}"
|
|
on-select="($ctrl.onSelectClick)"
|
|
>
|
|
<template-item-actions>
|
|
<div ng-if="$ctrl.isEditAllowed(template)" class="vertical-center">
|
|
<a ui-state="$ctrl.editPath" ui-state-params="{id: template.Id}" ng-click="$event.stopPropagation();" class="btn btn-secondary btn-sm vertical-center">
|
|
<pr-icon icon="'edit'"></pr-icon>
|
|
Edit
|
|
</a>
|
|
<button class="btn btn-dangerlight btn-sm vertical-center" ng-click="$ctrl.onDeleteClick(template.Id); $event.stopPropagation();">
|
|
<pr-icon icon="'trash-2'"></pr-icon>
|
|
Delete
|
|
</button>
|
|
</div>
|
|
</template-item-actions>
|
|
</template-item>
|
|
<div ng-if="!$ctrl.templates" class="text-muted text-center"> Loading... </div>
|
|
<div ng-if="($ctrl.templates | filter: $ctrl.state.textFilter).length === 0" class="text-muted text-center"> No templates available. </div>
|
|
</div>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|