Docs for m2-core, m2-components
  1. Components
  2. ChangeViewComponent

File

projects/m2-core/src/lib/shared/ui-components/navigation-panel/buttons/change-view/change-view.component.ts

Metadata

selector change-view
styleUrls ./change-view.component.scss
template 
<div class="dropdown" dropdown (onOpen)="onDropdownOpen()" (onClose)="onDropdownClose()">
    <div dropdown-open class="fa fa-columns icon" i18n-title="@@viewTitle" title="Вид"></div>
    <div #menu class="dropdown-menu">
        <sdi-list [items]="options" [resetItemPadding]="true" [preventScrollIntoView]="true" [listItemTemplate]="listItemTemplate"
                  (selected)="onSelected($event)">
        </sdi-list>
        <ng-template #listItemTemplate let-listItem>
            <div *ngIf="!listItem.isSeparator; else separator" class="sdi-menu-item overflow-ellipsis">
                    <span *ngIf="listItem.isToggleableItem" class="fa fa-check sdi-icon info"
                          [class.sdi-disabled]="!listItem.on"></span>
                {{listItem.displayName}}
            </div>
        </ng-template>
        <ng-template #separator>
            <hr>
        </ng-template>
    </div>
</div>

Index

Properties
Methods
Inputs
Outputs
Accessors

Constructor

constructor()

Inputs

toolWindowItems
Type : []

Outputs

modeSelected
Type : EventEmitter
toolWindowToggled
Type : EventEmitter

Methods

onDropdownClose
onDropdownClose()
Returns : void
onDropdownOpen
onDropdownOpen()
Returns : void
onSelected
onSelected(option: DoubleSplitterMode | ToolWindowMenuItem)
Parameters :
Name Type Optional
option DoubleSplitterMode | ToolWindowMenuItem No
Returns : void

Properties

_toolWindowItems
Type : ToolWindowMenuItem[]
dropdown
Type : Dropdown
Decorators :
@ViewChild(Dropdown)
menuRef
Type : ElementRef
Decorators :
@ViewChild('menu')
options
Type : Array<DoubleSplitterMode | ItemsSeparator | ToolWindowMenuItem>
Default value : [ { leftRatio: .25, rightRatio: .25, displayName: $localize`:@@treeTableCardViewMenuItem:Дерево, таблица и карточка` } ,{ leftRatio: .4, rightRatio: 0, displayName: $localize`:@@treeTableViewMenuItem:Дерево и таблица` } ,{ leftRatio: 0, rightRatio: .5, displayName: $localize`:@@tableCardViewMenuItem:Таблица и карточка` } ,{ leftRatio: 0, rightRatio: 0, displayName: $localize`:@@tableViewMenuItem:Таблица` } ]
sdiListComponent
Type : SdiListComponent
Decorators :
@ViewChild(SdiListComponent)

Accessors

toolWindowItems
gettoolWindowItems()
settoolWindowItems(value: ToolWindowMenuItem[])
Parameters :
Name Type Optional
value ToolWindowMenuItem[] No
Returns : void
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""