Skip to content

arlas-web-components > "components/powerbars/powerbars.component" > PowerbarsComponent

Class: PowerbarsComponent

Powerbars component transforms a [term, occurence_count] map to a descreasingly sorted list of multiselectable bars. A bar progression represents the term's occurence count.

Hierarchy

PowerbarsComponent

Implements

  • OnInit
  • OnChanges

Index

Constructors

Properties

Methods


Constructors

constructor

new PowerbarsComponent(colorService: ArlasColorService): PowerbarsComponent

Defined in components/powerbars/powerbars.component.ts:126

Parameters:

Name Type
colorService ArlasColorService

Returns: PowerbarsComponent


Properties

NEUTRAL_STATE

● NEUTRAL_STATE: string = "neutral-state"

Defined in components/powerbars/powerbars.component.ts:122

constant:


SELECTED_BAR

● SELECTED_BAR: string = "selected-bar"

Defined in components/powerbars/powerbars.component.ts:114

constant:


SELECTED_NO_MOUNTED_BAR

● SELECTED_NO_MOUNTED_BAR: string = "selected-no-mounted-bar"

Defined in components/powerbars/powerbars.component.ts:126

constant:


UNSELECTED_BAR

● UNSELECTED_BAR: string = "unselected-bar"

Defined in components/powerbars/powerbars.component.ts:118

constant:


colorsSaturationWeight

● colorsSaturationWeight: any

Defined in components/powerbars/powerbars.component.ts:87

input: : Angular

description: Knowing that saturation scale is [0, 1], colorsSaturationWeight is a factor (between 0 and 1) that tightens this scale to [(1-colorsSaturationWeight), 1]. Therefore saturation of generated colors will be within this tightened scale.


customizedCssClass

● customizedCssClass: any

Defined in components/powerbars/powerbars.component.ts:61

input: : Angular

description: Css class name to use to customize a specific powerbar's style.


displayFilterField

● displayFilterField: boolean = false

Defined in components/powerbars/powerbars.component.ts:73

input: : Angular

description: Whether text input, to filter powerbars, is displayed


inputData

● inputData: TreeNode

Defined in components/powerbars/powerbars.component.ts:43

input: : Angular

description: Data formated as a tree to be plotted as powerbars


keysToColors

● keysToColors: Array<[string, string]>

Defined in components/powerbars/powerbars.component.ts:79

input: : Angular

description: List of [key, color] couples that associates a hex color to each key


level

● level: number = 1

Defined in components/powerbars/powerbars.component.ts:49

input: : Angular

description: Which level of the tree inputData to plot as powerbars


powerBarsList

● powerBarsList: Array<PowerBar>

Defined in components/powerbars/powerbars.component.ts:107


powerbarTitle

● powerbarTitle: string = ""

Defined in components/powerbars/powerbars.component.ts:55

input: : Angular

description: Powerbar title


searchedTerm

● searchedTerm: Subject<string> = new Subject()

Defined in components/powerbars/powerbars.component.ts:105

output: : Angular

description: Emits searched term


selectedPaths

● selectedPaths: Array<Array<SimpleNode>> = new Array>()

Defined in components/powerbars/powerbars.component.ts:67

input: : Angular

description: List of selected paths in inputData from which the powerbars to select are determined


selectedPowerBarEvent

● selectedPowerBarEvent: Subject<SimpleNode[][]> = new Subject>>()

Defined in components/powerbars/powerbars.component.ts:99

output: : Angular

description: Emits the list of selected paths in the tree inputData


selectedPowerbarsList

● selectedPowerbarsList: Set<PowerBar> = new Set()

Defined in components/powerbars/powerbars.component.ts:108


selectedPowerbarsTerms

● selectedPowerbarsTerms: Set<string> = new Set()

Defined in components/powerbars/powerbars.component.ts:109


useColorService

● useColorService: boolean = false

Defined in components/powerbars/powerbars.component.ts:93

input: : Angular

description: Whether to allow colorizing the bar according to its term or not


Methods

clickOnPowerbar

clickOnPowerbar(powerBar: PowerBar): void

Defined in components/powerbars/powerbars.component.ts:161

description: Select or deselect a PowerBar and emits the terms list of selected bars

Parameters:

Name Type
powerBar PowerBar

Returns: void


ngOnChanges

ngOnChanges(changes: SimpleChanges): void

Defined in components/powerbars/powerbars.component.ts:140

Parameters:

Name Type
changes SimpleChanges

Returns: void


ngOnInit

ngOnInit(): void

Defined in components/powerbars/powerbars.component.ts:134

Returns: void


onKeyUp

onKeyUp(searchText: any): void

Defined in components/powerbars/powerbars.component.ts:218

Parameters:

Name Type
searchText any

Returns: void


setSelectedPowerbars

setSelectedPowerbars(selectedPaths: Array<Array<object>>): void

Defined in components/powerbars/powerbars.component.ts:189

description: Set selected powerbars from outside of the component

Parameters:

Name Type Description
selectedPaths Array<Array<object>> selects the powerbars whose terms are in the selected paths

Returns: void


<Static> getPowerbarsJsonSchema

getPowerbarsJsonSchema(): Object

Defined in components/powerbars/powerbars.component.ts:130

Returns: Object