152 lines
6.7 KiB
HTML
152 lines
6.7 KiB
HTML
<div class="create-ka-edit" role="region" aria-labelledby="editHeaderInfo">
|
|
|
|
<div class="create-ka-edit__main-content" fix-ckeditor-top-bar>
|
|
|
|
<div class="create-ka-edit__template">
|
|
<span class="label__text">{{'create.knowledge.selected.template' | i18n}}</span>
|
|
|
|
<div class="create-ka-edit__template-name">{{selectedTemplate.templateObject.label}}</div>
|
|
<div class="create-ka-edit__template-description">{{selectedTemplate.desc}}</div>
|
|
<button type="button" class="small-btn_secondary" ng-click="changeTemplate()" aria-label="{{'create.knowledge.button.changeTemplate' | i18n}}">
|
|
{{'common.button.change' | i18n}}
|
|
</button>
|
|
</div>
|
|
|
|
<div class="create-ka-edit__title">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text required__label" data-required="{{'common.label.required.bracketed' | i18n}}">
|
|
{{'create.knowledge.type.title' | i18n}}
|
|
</span>
|
|
|
|
<div class="relative-position">
|
|
<input type="text"
|
|
title="{{'common.labels.title' | i18n}}"
|
|
class="text-input full-width"
|
|
ng-model="article.title"
|
|
role="combobox"
|
|
required
|
|
ng-change="onKnowledgeTitleChange(article.title)"
|
|
auto-focus
|
|
maxlength="{{::titleMaxLength}}"
|
|
placeholder="{{ 'create.knowledge.type.title.placeholder' | i18n }}">
|
|
|
|
<div class="select-custom-dropdown__spinner-container">
|
|
<loading-spinner if="state.loadingSimilarArticles" inline="true"></loading-spinner>
|
|
</div>
|
|
<i class="icon-cross item-input__delete-btn" tabindex=0 role="link"
|
|
title="{{'common.button.clear' | i18n}} {{'common.labels.title' | i18n}}" ng-if="article.title && !state.loadingSimilarArticles"
|
|
focus-input-on-clear ng-click="clearTitle()" ng-enter="clearTitle()">
|
|
</i>
|
|
</div>
|
|
|
|
<div class="create-ka-edit__similar-ka" ng-if="state.similarArticles.length">
|
|
<i class="icon-alert_circle"></i> {{'create.knowledge.similar.ka.alert' | i18n}}
|
|
<button type="button" ng-click="state.showSimilarArticles = !state.showSimilarArticles" ng-enter="state.showSimilarArticles = !state.showSimilarArticles" class="btn_link"
|
|
title="{{(state.showSimilarArticles ? 'create.knowledge.similar.ka.hide' : 'create.knowledge.similar.ka.view') | i18n}}">
|
|
{{(state.showSimilarArticles ? 'create.knowledge.similar.ka.hide' : 'create.knowledge.similar.ka.view') | i18n}}
|
|
</button>
|
|
</div>
|
|
|
|
</label>
|
|
</div>
|
|
|
|
<div class="create-ka-similar__container" ng-if="state.similarArticles.length && state.showSimilarArticles">
|
|
<div class="create-ka-similar__header">{{'create.knowledge.similar.articles.by.title' | i18n}}</div>
|
|
|
|
<div class="create-ka-similar__item clearfix" ng-repeat="item in state.similarArticles">
|
|
<div class="create-ka-similar__icon">
|
|
<i class="icon-lightbulb_o"></i>
|
|
</div>
|
|
<div class="create-ka-similar__item-information create-ka-similar__item-information-short">
|
|
<div class="create-ka-similar__item-display-id">{{item.displayId}}</div>
|
|
<div class="create-ka-similar__item-title"
|
|
ng-bind-html="item.title | highlightSearchResult : article.title" tabindex="0"></div>
|
|
<div class="create-ka-similar__item-short-desc"
|
|
ng-bind-html="item.desc | highlightSearchResult : article.title"></div>
|
|
</div>
|
|
<div class="create-ka-similar__actions">
|
|
<button type="button" class="create-ka-similar__merge-btn" ng-click="mergeSimilarArticle(item.id)" ng-enter="mergeSimilarArticle(item.id)"
|
|
title="{{'create.knowledge.similar.copy.from.article.title' | i18n}}" aria-label="{{'create.knowledge.similar.copy.from.article.title' | i18n}}">
|
|
{{ 'create.knowledge.similar.copy.from.article' | i18n}}
|
|
</button>
|
|
<button type="button" class="create-ka-similar__merge-btn" ng-click="updateSimilarArticle(item.id)" ng-enter="updateSimilarArticle(item.id)"
|
|
title="{{'create.knowledge.similar.edit.instead.title' | i18n}}" aria-label="{{'create.knowledge.similar.edit.instead.title' | i18n}}">
|
|
{{ 'create.knowledge.similar.edit.instead' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="create-ka-edit__editor">
|
|
<span class="label__text">
|
|
{{'create.knowledge.article.content' | i18n}}
|
|
</span>
|
|
|
|
<edit-knowledge-article ng-if="!state.showingMergeTool" article="article" styles="selectedTemplate.templateObject.styles"></edit-knowledge-article>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ka-metadata__panel" role="region">
|
|
<div role="region">
|
|
<div class="ka-metadata__header">
|
|
<span>{{'create.knowledge.article.metadata' | i18n}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<ka-metadata-directive article="article" edit-mode="editMode"></ka-metadata-directive>
|
|
|
|
<div role="region">
|
|
<div class="ka-metadata__header">
|
|
<span>{{'resourceSlice.article.relatedAttachments.label' | i18n}}</span>
|
|
<span>({{attachments.length}})</span>
|
|
</div>
|
|
|
|
<div class="ka-metadata__attached-files" ng-if="attachments.length">
|
|
<div ng-include="'views/common/feed-attachments.html'"></div>
|
|
</div>
|
|
|
|
<label class="label_control-wrap" ng-if="attachments.length < article.attachmentLimit">
|
|
<input type="file" name="file" onchange="angular.element(this).scope().handleFileChange(this)" ie-activate-by-enter
|
|
class="attach-tool__file-input" aria-label="{{'common.button.add.new' | i18n}} {{'common.labels.attachment' | i18n}}" />
|
|
|
|
<div class="ka-metadata__add-new-btn btn_no-fill">
|
|
<i class="icon-plus"></i>
|
|
<span>{{'common.button.add.new' | i18n}}</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
|
|
<div role="region">
|
|
<div class="ka-metadata__header">
|
|
<span>{{'common.tabs.linkedItems' | i18n}}</span>
|
|
<span>({{linkedItems.length}})</span>
|
|
</div>
|
|
|
|
<div class="ka-metadata__linked-items-list" ng-if="linkedItems.length">
|
|
<div class="create-ka-similar__item relative-position clearfix" ng-repeat="item in linkedItems"
|
|
role="link" tabindex="0">
|
|
|
|
<div class="list-item_icon icon-lightbulb_o"></div>
|
|
|
|
<div class="create-ka-similar__item-information">
|
|
<div class="create-ka-similar__item-display-id">{{item.displayId}}</div>
|
|
<div class="create-ka-similar__item-title">{{item.realObject.title}}</div>
|
|
</div>
|
|
|
|
<div class="profile-relation__remove">
|
|
<i ng-click="removeLinkedItem(item)" ng-enter="removeLinkedItem(item)"
|
|
title="{{'common.button.remove' | i18n}} {{item.displayId}}" aria-label="{{'common.button.remove' | i18n}} {{item.displayId}}"
|
|
class="icon-cross" role="link" tabindex="0"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="button" class="btn_no-fill ka-metadata__add-new-btn" ng-click="addLinkedItem($event)"
|
|
aria-label="{{'common.button.add.new' | i18n}} {{'resourceSlice.linkedItem.label' | i18n}}">
|
|
<i class="icon-plus"></i>
|
|
<span>{{'common.button.add.new' | i18n}}</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|