50 lines
2.3 KiB
HTML
50 lines
2.3 KiB
HTML
<!-- template -->
|
|
<div ng-class="{ 'blocklist-item--selected': $ctrl.model.Selected }" class="blocklist-item template-item !my-0 !mr-0" ng-click="$ctrl.onSelect($ctrl.model)">
|
|
<div class="blocklist-item-box">
|
|
<!-- template-image -->
|
|
<div class="vertical-center min-w-[56px] justify-center">
|
|
<fallback-image src="$ctrl.model.Logo" fallback-icon="'rocket'" class-name="'blocklist-item-logo'" size="'3xl'"></fallback-image>
|
|
</div>
|
|
<!-- !template-image -->
|
|
<!-- template-details -->
|
|
<div class="col-sm-12 template-item-details">
|
|
<!-- blocklist-item-line1 -->
|
|
<div class="blocklist-item-line gap-2">
|
|
<span class="blocklist-item-title">
|
|
{{ $ctrl.model.Title }}
|
|
</span>
|
|
<div class="space-left blocklist-item-subtitle inline-flex items-center">
|
|
<div ng-if="$ctrl.typeLabel !== 'manifest'" class="vertical-center gap-1">
|
|
<pr-icon ng-if="$ctrl.model.Platform === 1 || $ctrl.model.Platform === 'linux' || !$ctrl.model.Platform" icon="'svg-linux'" class="mr-1"></pr-icon>
|
|
<pr-icon
|
|
icon="'svg-microsoft'"
|
|
ng-if="$ctrl.model.Platform === 2 || $ctrl.model.Platform === 'windows' || !$ctrl.model.Platform"
|
|
class-name="'[&>*]:flex [&>*]:items-center'"
|
|
size="'lg'"
|
|
></pr-icon>
|
|
</div>
|
|
<!-- currently only kubernetes uses the typeLabel of 'manifest' -->
|
|
<div ng-if="$ctrl.typeLabel === 'manifest'" class="vertical-center">
|
|
<pr-icon icon="'svg-kubernetes'" size="'lg'" class="align-bottom" class-name="'[&>*]:flex [&>*]:items-center'"></pr-icon>
|
|
</div>
|
|
{{ $ctrl.typeLabel }}
|
|
</div>
|
|
</div>
|
|
<!-- !blocklist-item-line1 -->
|
|
<span class="blocklist-item-actions" ng-transclude="actions"></span>
|
|
<!-- blocklist-item-line2 -->
|
|
<div class="blocklist-item-line template-item-details-sub">
|
|
<span class="blocklist-item-desc">
|
|
{{ $ctrl.model.Description }}
|
|
</span>
|
|
<span class="small text-muted" ng-if="$ctrl.model.Categories.length > 0">
|
|
{{ $ctrl.model.Categories.join(', ') }}
|
|
</span>
|
|
</div>
|
|
<!-- !blocklist-item-line2 -->
|
|
</div>
|
|
<!-- !template-details -->
|
|
</div>
|
|
<!-- !template -->
|
|
</div>
|