71 lines
4.3 KiB
HTML
71 lines
4.3 KiB
HTML
<div class="rs-group" aria-labelledby="rs-group__knowledge-header">
|
|
<h3 class="rs-group__header" id="rs-group__knowledge-header" tabindex="0">
|
|
{{'resourceSlice.suggestedResourcesBlock.label' | i18n}}
|
|
<span ng-if="recommendedArticles.length">({{recommendedArticles.length}})</span>
|
|
</h3>
|
|
|
|
<div class="rs-group__ka-search" ng-if="state.isKnowledgeInstalled">
|
|
<button type="button" class="small-btn_secondary" ng-click="toggleSearchKa()">
|
|
{{'resourceSlice.article.addResourceNotListed.label' | i18n}}
|
|
</button>
|
|
</div>
|
|
|
|
<div class="rs-group__searching" ng-if="state.isDataLoading">
|
|
<div loading-spinner if="true"></div>
|
|
<span class="rs-group__searching-label">{{'resourceSlice.search.label' | i18n}}</span>
|
|
</div>
|
|
|
|
<div class="rs-group__list" role="list" ng-if="!state.isDataLoading">
|
|
<div class='rs-group-list-item_empty' ng-if="!recommendedArticles.length" tabindex="0">
|
|
{{"resourceSlice.emptyList.recommendedResources.label" | i18n}}
|
|
</div>
|
|
|
|
<div class="rs-group-list-item clearfix" role="listitem" tabindex="0" ng-click="setPreviewItem(resource)" ng-enter="setPreviewItem(resource)" ng-repeat="resource in recommendedArticles | limitTo: state.itemLimit"
|
|
ng-class="{'rs-group-list-item_preview':isResourcePreview(resource)}"aria-label="{{(resource.title || resource.desc) | removeSearchTags}} {{'common.aria.labels.clickable' | i18n}}" tabindex="0">
|
|
|
|
<div class="rs-group-list-item__icon-container">
|
|
<i class="rs-group-list-item__icon_action {{isResourceRelated(resource) ? 'icon-pin_circle' : 'icon-circle_thin_o'}}" ng-if="context.accessMappings.relationsEditAllowed"
|
|
prevent-click-event ng-keydown="handleKeydown($event, resource)" ng-click="toggleRelation(resource)" ng-enter="toggleRelation(resource)"
|
|
aria-label="{{(isResourceRelated(resource) ? 'common.button.unselect' : 'common.button.select') | i18n}} {{'common.label.resource' | i18n}}" role="button" tabindex="0">
|
|
</i>
|
|
|
|
<i class="rs-group-list-item__icon_action rs-group-list-item__icon_action-disabled icon-pin_circle" ng-if="isResourceRelated(resource) && !context.accessMappings.relationsEditAllowed"></i>
|
|
|
|
<i class="rs-group-list-item__icon icon-knowledge" ng-if="!resource.isDecisionTree()"></i>
|
|
<i class="rs-group-list-item__icon rs-group-list-item__icon-medium-font icon-decision-tree" ng-if="resource.isDecisionTree()"></i>
|
|
</div>
|
|
|
|
<div class="rs-group-list-item__info" tabindex="0" ng-click="setPreviewItem(resource)" ng-enter="setPreviewItem(resource)">
|
|
|
|
<div class="rs-group-list-item__title">{{resource.displayId}}</div>
|
|
<div data-ellipsis data-ellipsis-separator="" data-ellipsis-separator-reg="titleRegExp" title="{{(resource.title || resource.desc) | removeSearchTags}}" data-ng-bind="(resource.title || resource.desc) | removeSearchTags | limitTo: 350" class="rs-group-list-item__description rs-group-list-item__kba-description"></div>
|
|
<div class="rs-group-list-item__date row">
|
|
<div class="col-sm-6">{{'common.labels.status' | i18n}}: {{localizedStatus(resource.additionalInformation.status.value || resource.realObject.status.value)}}</div>
|
|
<div class="col-sm-6">
|
|
<span>{{'common.labels.version' | i18n }} {{resource.additionalInformation.version || resource.realObject.version}} - </span>
|
|
<span>{{(resource.getLastModifyDate() | date: mediumDate) || ('common.labels.unknown' | i18n)}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="rs-group-list-item__rating" ng-if="resource.getRating() >= 0">
|
|
<div class="rs-group-list-item__ka-property_likes">
|
|
<i class="icon-thumbs_up"></i>
|
|
<span>{{resource.getRating()}}%</span>
|
|
</div>
|
|
<div class="rs-group-list-item__ka-property_views" ng-if="resource.getNumberOfViews() !== -1">
|
|
<i class="icon-eye"></i>
|
|
<span>{{resource.getNumberOfViews()}} {{'resourceSlice.viewCount.label' | i18n}}</span>
|
|
</div>
|
|
<div class="rs-group-list-item__ka-property" ng-if="resource.getNumberOfLinkedItems() !== -1">
|
|
<i class="icon-link"></i>
|
|
<span>{{resource.getNumberOfLinkedItems()}} {{'resourceSlice.linkedItems.label' | i18n}}</span>
|
|
</div>
|
|
</div>
|
|
<i class="icon-angle_right rs-group-list-item__preview-icon"></i>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<show-more-less limit="state.itemLimit" size="{{recommendedArticles.length}}" chunk-size="15"></show-more-less>
|
|
</div>
|
|
</div>
|