114 lines
5.9 KiB
HTML
114 lines
5.9 KiB
HTML
<div ux-id="ka-visibility" class="ka-metadata__visibility" ng-if="article.accessMappings.visibilitygroupsEditAllowed || article.articleVisibilityGroup.length">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{ 'create.knowledge.visibility' | i18n }}
|
|
</span>
|
|
<br />
|
|
<div class="ka-metadata-visibility__selection" ng-if="article.accessMappings.visibilitygroupsEditAllowed">
|
|
|
|
<div class="dropdown-input full-width" dropdown is-open="state.isOpen" >
|
|
<button ux-id="ka-visibility-dropdown" auto-focus tabindex="0" type="button" class="dropdown-input__button dropdown-toggle"
|
|
ng-class="{'dropdown-input__button_placeholder': !state.selectedVisibilitySetItem}"
|
|
title="{{'create.knowledge.visibility' | i18n}}">
|
|
{{state.selectedVisibilitySetItem ? state.selectedVisibilitySetItem.label : 'common.placeholder.selectOne' | i18n: state.selectedVisibilitySetItem.subLabel}}
|
|
</button>
|
|
|
|
<ul class="dropdown-menu full-width">
|
|
<li ng-repeat="item in state.visibilitySet" ng-if="!item.onlyDraft || !article.createDate">
|
|
<a ux-id="ka-visibility-dropdown-item_{{$index}}" class="dropdown-item"
|
|
ng-click="visibilitySelected(item)"
|
|
ng-keydown="handleKeydown($event)"
|
|
href="javascript:void(0)"
|
|
role="menuitem">
|
|
{{item.label | i18n: item.subLabel}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="ka-metadata-visibility__specific-group" ng-if="state.selectedVisibilitySetItem.value == 'specificGroup' || article.articleVisibilityGroup.length">
|
|
<div class="tag-section_top-separated clearfix" ng-class="{'tag-section_disabled': !article.accessMappings.visibilitygroupsEditAllowed}">
|
|
<div ng-class="{tag: true, tag_removable: state.selectedVisibilitySetItem.value == 'specificGroup'}"
|
|
ng-repeat="visibility in article.articleVisibilityGroup">
|
|
{{visibility.company === 'All' || visibility.company === 'ALL' ? 'console.category.all' : visibility.company | i18n}} > {{(visibility.visibilityGroupName === 'ALL' ? 'console.category.all' : visibility.visibilityGroupName | i18n).toUpperCase()}}
|
|
<i ux-id="ka-visibility-group" ng-if="state.selectedVisibilitySetItem.value == 'specificGroup'" class="icon-cross tag__remove" ng-click="removeVisibility(visibility)" ng-enter="removeVisibility(visibility)"
|
|
title="{{'common.button.remove' | i18n}} {{'common.labels.visibilityGroup'| i18n}} {{visibility.company === 'All' || visibility.company === 'ALL' ? 'console.category.all' : visibility.company | i18n}} > {{(visibility.visibilityGroupName === 'ALL' ? 'console.category.all' : visibility.visibilityGroupName | i18n).toUpperCase()}}" role="link" tabindex="0"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ka-metadata__specific-section clearfix" ng-if="state.selectedVisibilitySetItem.value == 'specificGroup' && article.accessMappings.visibilitygroupsEditAllowed">
|
|
<div class="ka-metadata-specific-section__item">
|
|
<selection selection-items="state.visibilityCompanies"
|
|
selected-item="state.selectedVisibilityCompany"
|
|
title-text="{{'create.knowledge.visibility' | i18n}} {{'common.label.company' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
update-selected-item="true"
|
|
selection-filter="true"
|
|
selection-filter-placeholder-text="assignBlade.searchCompany"
|
|
show-chunking-tooltip="true"
|
|
typeahead-mode="state.tooManyCompanies"
|
|
typeahead-details="company as company.name for company in getList($viewValue)"
|
|
typeahead-get-list="getCompaniesByName(name)">
|
|
</selection>
|
|
</div>
|
|
|
|
<div class="ka-metadata-specific-section__item">
|
|
<selection selection-items="state.visibilities"
|
|
selected-item="state.selectedVisibility"
|
|
title-text="{{'common.labels.visibilityGroup' | i18n}}"
|
|
label="visibilityGroupName"
|
|
value="visibilityGroupName"
|
|
disabled-selection="!state.selectedVisibilityCompany"
|
|
ng-click="loadVisibilityByCompanyName(state.selectedVisibilityCompany.name)"
|
|
ng-enter="loadVisibilityByCompanyName(state.selectedVisibilityCompany.name)"
|
|
loading-flag="state.loadVisibility"
|
|
update-selected-item="true"
|
|
selection-filter-placeholder-text="assignBlade.searchGroup"
|
|
typeahead-mode="state.tooManyVisibilityGroups"
|
|
typeahead-details="group as group.visibilityGroupName for group in getList($viewValue)"
|
|
selection-callback="focusAddButton()"
|
|
typeahead-get-list="getVisibilityGroupsByName(name)">
|
|
</selection>
|
|
</div>
|
|
<button ux-id="ka-visibility-add-btn" type="button" class="ka-metadata-specific-section__button" ng-enter="addVisibility()" aria-label="{{'common.button.add' | i18n}} {{'common.labels.visibilityGroup' | i18n}}"
|
|
ng-click="addVisibility(state.visibilityCompany, state.visibility)" ng-disabled="isAddButtonDisabled()">
|
|
{{'common.button.add' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div ux-id="external-publish" class="ka-metadata-visibility__specific-group">
|
|
<label for="external_publish" class="label_control-wrap">
|
|
<span class="label__text" tabindex="0">
|
|
{{ 'create.knowledge.visibility.internalUse' | i18n }}
|
|
</span>
|
|
</label>
|
|
<br />
|
|
<div id="external_publish" class="ka-metadata-visibility__selection">
|
|
<div class="btn-group"
|
|
role="group">
|
|
<button ux-id="yes" type="button"
|
|
class="btn btn_secondary"
|
|
ng-class="{'active': !article.internalUse}"
|
|
role="button"
|
|
ng-click="article.internalUse = false"
|
|
ng-enter="article.internalUse = false"
|
|
ng-disabled="!article.accessMappings.internaluseEditAllowed">
|
|
{{'common.labels.yes' | i18n}}
|
|
</button>
|
|
<button ux-id="no" type="button"
|
|
class="btn btn_secondary"
|
|
ng-class="{'active': article.internalUse}"
|
|
role="button"
|
|
ng-click="article.internalUse = true"
|
|
ng-enter="article.internalUse = true"
|
|
ng-disabled="!article.accessMappings.internaluseEditAllowed">
|
|
{{'common.labels.no' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |