88 lines
6.7 KiB
HTML
88 lines
6.7 KiB
HTML
<div ux-id="rs-recommended-ka" 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 ux-id="toggle-search-ka-eschat" type="button" class="btn_link" ng-click="toggleSearchKa()" ng-if="context.type === 'eschat'">
|
|
{{'resourceSlice.article.advanced.search' | i18n}}
|
|
</button>
|
|
<button ux-id="search-knowledge-resources-btn" type="button" class="small-btn_secondary" ng-click="toggleSearchKa()" ng-if="context.type !== 'eschat'">
|
|
{{'resourceSlice.article.addResourceNotListed.label' | i18n}}
|
|
</button>
|
|
<div class="rs-group__ka-filter" ng-if="recommendedKAFilterCB.showFilter">
|
|
<p ng-if="(comaroundEnabled && (!isSmartRecorderScreen || (isSmartRecorderScreen && showOpcatFilterforSmartRecorder))) || !comaroundEnabled">{{ isSmartRecorderScreen ? ('knowledge.filter.header.smartRecorder.label' | i18n) : ('knowledge.filter.header.otherTickets.label' | i18n: getTicketLabel()) }}</p>
|
|
<div ux-id="customer-company-checkbox" class="checkbox rs-group__filter-checkbox" ng-if="!comaroundEnabled">
|
|
<label><input type="checkbox" ng-model="recommendedKAFilterCB.company" ng-click="toggleCompanyCategoryFilter()"/> {{'console.column.customerCompany' | i18n}}</label>
|
|
</div>
|
|
<div ux-id="operational-company-checkbox" class="checkbox rs-group__filter-checkbox" ng-if="!isSmartRecorderScreen || (isSmartRecorderScreen && showOpcatFilterforSmartRecorder)">
|
|
<label><input type="checkbox" ng-model="recommendedKAFilterCB.category" ng-click="toggleCompanyCategoryFilter()"/>{{'categorization.operationalCategory' | i18n}}</label>
|
|
</div>
|
|
</div>
|
|
</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 ux-id="set-recommended-article_{{$index}}" 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 ux-id="send-to-live-chat" class="rs-group-list-item__icon_action icon-share" ng-if="isResourceSharable(resource)"
|
|
prevent-click-event ng-keydown="handleKeydown($event, resource)" ng-click="sendToLiveChat(resource)" ng-enter="sendToLiveChat(resource)"
|
|
aria-label="{{'controls.action.share' | i18n}} {{'common.label.resource' | i18n}}" title="{{'controls.action.share' | i18n}} {{'common.label.resource' | i18n}}" role="button" tabindex="0">
|
|
</i>
|
|
|
|
<i ux-id="toggle-relation" class="rs-group-list-item__icon 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-live="polite" aria-checked="{{isResourceRelated(resource) ? 'true' : 'false'}}" aria-label="{{(isResourceRelated(resource) ? 'common.button.unselect' : 'common.button.select') | i18n}} {{'common.label.resource' | i18n}}" title="{{(isResourceRelated(resource) ? 'common.button.unselect' : 'common.button.select') | i18n}} {{'common.label.resource' | i18n}}" role="checkbox" 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 ux-id="rs-ka-icon" class="rs-group-list-item__icon icon-knowledge" ng-if="!resource.isDecisionTree()"></i>
|
|
<i ux-id="rs-ka-icon" class="rs-group-list-item__icon rs-group-list-item__icon-medium-font icon-decision-tree" ng-if="resource.isDecisionTree()"></i>
|
|
</div>
|
|
|
|
<div ux-id="set-preview-item" class="rs-group-list-item__info" tabindex="0" ng-click="setPreviewItem(resource, $event)" ng-enter="setPreviewItem(resource, $event)">
|
|
|
|
<div ux-id="rs-ka-id" class="rs-group-list-item__title">{{resource.displayId}}</div>
|
|
<div ux-id="rs-ka-title" 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 ux-id="rs-ka-status" class="col-sm-12">{{'common.labels.status' | i18n}}: {{localizedStatus(resource.additionalInformation.status.value || resource.realObject.status.value)}}</div>
|
|
<div class="col-sm-12" ng-if="!comaroundEnabled">
|
|
<span ux-id="rs-ka-version">{{'common.labels.version' | i18n }} {{resource.additionalInformation.version || resource.realObject.version}} - </span>
|
|
<span ux-id="rs-ka-modified-date">{{"search.filter.name.lastModifiedDate" | i18n}}: {{(resource.getLastModifyDate() | humanizedAbsoluteDateFormat) || ('common.labels.unknown' | i18n)}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="rs-group-list-item__rating" ng-if="resource.getRating(comaroundEnabled) >= 0">
|
|
<div class="rs-group-list-item__ka-property_likes">
|
|
<i class="icon-thumbs_up"></i>
|
|
<span ux-id="rs-ka-rating">{{resource.getRating(comaroundEnabled)}}%</span>
|
|
</div>
|
|
<div class="rs-group-list-item__ka-property_views" ng-if="resource.getNumberOfViews() !== -1">
|
|
<i class="icon-eye"></i>
|
|
<span ux-id="rs-ka-view-count">{{resource.getNumberOfViews() | labelByCount: 'resourceSlice.viewCount.label'}}</span>
|
|
</div>
|
|
<div class="rs-group-list-item__ka-property" ng-if="resource.getNumberOfLinkedItems() !== -1">
|
|
<i class="icon-link"></i>
|
|
<span ux-id="rs-ka-linked-tickets-count">{{resource.getNumberOfLinkedItems() | labelByCount: 'resourceSlice.linkedItems.label'}}</span>
|
|
</div>
|
|
</div>
|
|
<i ux-id="preview-icon" 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>
|