136 lines
7.3 KiB
HTML
136 lines
7.3 KiB
HTML
<div loading-spinner if="state.processing" overlay="true" centered="true"></div>
|
|
|
|
<div ux-id="rs-duplicate-ka-search" class="search-resource__body" ng-show="!compareFullArticle">
|
|
<div class="search-resource__search-container">
|
|
<button ux-id="toggle-duplicate-mode-btn" type="button" class="small-btn_secondary search-resource__create-back-button" ng-click="toggleDuplicateMode()">
|
|
<i class="btn__icon-left icon-angle_left"></i>{{'resource.search.back.button' | i18n}} <!--todo: change icon-arrow to icon-angle after fonts update-->
|
|
</button>
|
|
|
|
<div class="relative-position search-resource__search-inputContainer">
|
|
<input ux-id="search-article" title="{{'resource.search.search.label' | i18n}}"
|
|
class="search-resource__search-input"
|
|
type="text"
|
|
ng-model="articlePlaceholder.summary"
|
|
ng-enter="searchArticle()"
|
|
auto-focus
|
|
placeholder="{{'resource.search.search.label' | i18n}}"/>
|
|
<i ux-id="clear-search" class="icon-cross item-input__delete-btn" tabindex=0 role="link"
|
|
title="{{'common.button.clear' | i18n}}" ng-if="articlePlaceholder.summary"
|
|
focus-input-on-clear ng-click="clearSearch()" ng-enter="clearSearch()">
|
|
</i>
|
|
</div>
|
|
</div>
|
|
|
|
<button ux-id="toggle-options-btn" type="button" class="search-resource__option-button" ng-click="toggleOptions()">
|
|
<span ng-class="state.optionIsCollapsed ? 'icon-triangle_right' : 'icon-triangle_down'"></span>
|
|
<span class="search-resource__option-button-label">{{ state.optionIsCollapsed ? ('resource.search.ShowAdvancedOptions' | i18n) : ('resource.search.HideAdvancedOptions' | i18n) }}</span>
|
|
</button>
|
|
|
|
<div class="search-resource__option-display" collapse="state.optionIsCollapsed">
|
|
<categories-editor
|
|
ng-if="articlePlaceholder.allCategories"
|
|
entity="articlePlaceholder"
|
|
categories="articlePlaceholder.allCategories"
|
|
hide-label="true"
|
|
hide-browse-categories="true">
|
|
</categories-editor>
|
|
<selection selection-items="availableSources"
|
|
selected-item="sourceOptions"
|
|
selection-callback="changeSourceOption(item)"
|
|
first-item-empty="true"
|
|
placeholder-text="{{'resource.search.option.source' | i18n}}"
|
|
label="label"
|
|
value="name">
|
|
</selection>
|
|
<selection selection-items="availableStatuses"
|
|
selected-item="statusOptions"
|
|
selection-callback="changeStatusOption(item)"
|
|
first-item-empty="true"
|
|
placeholder-text="{{'resource.search.option.status' | i18n}}"
|
|
label="label"
|
|
value="name">
|
|
</selection>
|
|
<button ux-id="search-article-btn" type="submit" class="btn_secondary" ng-click="searchArticle()" ng-disabled="!articlePlaceholder.summary.length">{{'search.placeholder' | i18n}}</button>
|
|
</div>
|
|
|
|
<div class="search-resource__search-result">
|
|
<div class="rs-group__searching" ng-if="state.searching">
|
|
<div loading-spinner if="true"></div>
|
|
<span class="rs-group__searching-label">{{'resourceSlice.search.label' | i18n}}</span>
|
|
</div>
|
|
|
|
<div class="search-resource__search-result-label" ng-if="!((searchResults && searchResults.length) || state.searching || state.searchNotFound)">{{'resource.search.searchResult.label' | i18n}}</div>
|
|
|
|
<div class="search-resource__search-result-label" ng-if="state.searchNotFound">{{'person.details.knowledgeArticles.noArticlesFound' | i18n}}</div>
|
|
|
|
<div ng-if="searchResults && searchResults.length">
|
|
<h3 class="rs-group__header" tabindex="0">{{'create.knowledge.similar.articles.by.title' | i18n}} ({{searchResults.length}})</h3>
|
|
<div class="rs-group__filter dropdown">
|
|
<button ux-id="sort-dropdown-btn" type="button" class="btn_link dropdown-toggle" aria-label="{{'list.show' | i18n}} {{selectedSortOption.name}}">
|
|
{{'resourceSlice.knowledgeSortOption.' + selectedSortOption.name | i18n}}
|
|
<i class="icon-angle_down resource-slice__arrow-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu pull-right">
|
|
<li ng-repeat="option in sortOptions">
|
|
<div ux-id="option_{{$index}}" class="dropdown-item" ng-click="setSortOption(option)" role="menuitem" tabindex="0">
|
|
{{'resourceSlice.knowledgeSortOption.' + option.name | i18n}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="rs-group__list">
|
|
<div class="rs-group-list-item clearfix" role="listitem" tabindex="0" ng-repeat="resource in searchResults | limitTo: itemsLimit">
|
|
|
|
<div class="rs-group-list-item__icon-container">
|
|
<i ux-id="toggle-relation" class="rs-group-list-item__icon_action {{isResourceRelated(resource) ? resource.relationshipType !== 'duplicateof' ? 'icon-pin_circle' : 'icon-check_circle' : 'icon-circle_thin_o'}}" ng-if="context.accessMappings.relationsEditAllowed"
|
|
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 icon-lightbulb_o" 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 ux-id="view-full-article" class="rs-group-list-item__info" tabindex="0" ng-click="viewFullArticle(resource, true)" ng-enter="viewFullArticle(resource, true)">
|
|
<div class="rs-group-list-item__title">{{resource.displayId}}</div>
|
|
<div class="rs-group-list-item__description">{{(resource.title || resource.desc)| removeSearchTags}}</div>
|
|
<div class="rs-group-list-item__title">{{resource.desc}}</div>
|
|
</div>
|
|
|
|
</div>
|
|
<show-more-less limit="itemsLimit" size="{{searchResults.length}}" chunk-size="15"></show-more-less>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="kcs-assessment__ka-preview" ng-if="compareFullArticle">
|
|
<div class="search-resource__body">
|
|
<div class="search-resource__search-container">
|
|
<button ux-id="view-full-article" type="button" class="small-btn_secondary search-resource__create-back-button" ng-click="viewFullArticle(null, false)">
|
|
<i class="btn__icon-left icon-angle_left"></i>{{'resource.search.back.button' | i18n}}
|
|
</button>
|
|
|
|
<div class="rs-group-list-item clearfix" role="listitem">
|
|
|
|
<div class="rs-group-list-item__icon-container">
|
|
<i ux-id="toggle-relation" class="rs-group-list-item__icon_action {{isResourceRelated(previewItem) ? 'icon-check_circle' : 'icon-circle_thin_o'}}" ng-if="context.accessMappings.relationsEditAllowed"
|
|
ng-keydown="handleKeydown($event, previewItem)" ng-click="toggleRelation(previewItem)" ng-enter="toggleRelation(previewItem)"
|
|
aria-label="{{(isResourceRelated(previewItem) ? 'common.button.unselect' : 'common.button.select') | i18n}} {{'common.label.resource' | i18n}}" role="button" tabindex="0">
|
|
</i>
|
|
|
|
<i class="rs-group-list-item__icon icon-lightbulb_o"></i>
|
|
</div>
|
|
|
|
<div class="rs-group-list-item__info">
|
|
<div class="rs-group-list-item__title">{{previewItem.displayId}}</div>
|
|
<div class="rs-group-list-item__description">{{previewItem.title || previewItem.desc}}</div>
|
|
<div class="rs-group-list-item__title">{{previewItem.desc}}</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div ng-controller="KnowledgeArticleController" ng-include="'views/knowledge-article/knowledge-article-details.html'" class="full-height"></div>
|
|
</div>
|
|
</div> |