CV Generator Documentation
  1. Components
  2. ToggleComponent

File

src/app/components/toggle/toggle.component.ts

Description

Toggle component

Metadata

selector app-toggle
styleUrls ./toggle.component.scss
templateUrl ./toggle.component.html

Index

Properties
Inputs
Outputs
Accessors

Constructor

constructor(toggleService: ToggleService, inputService: InputService, uiService: UiService, persistenceService: PersistenceService)

Constructs the toggle component. ~constructor

Parameters :
Name Type Optional Description
toggleService ToggleService No

The toggle service injected dependency.
inputService InputService No

The input service injected dependency.
uiService UiService No

The ui service injected dependency.
persistenceService PersistenceService No

The persistence service injected dependency.

Inputs

context
Type : literal type

Context.
entityKey
Type : string
Default value : ''

Entity key.
toggleKind
Type : ToggleKind

Toggle kind.
visibility
Type : boolean
Default value : true

Visibility.

Outputs

modelChanged
Type : EventEmitter

Model changed event emitter.

Properties

clickableToggle
Type : ElementRef<HTMLSpanElement>
Decorators :
@ViewChild('clickableToggle')

Toggle clickable element.
Public Readonly inputService
Type : InputService
The input service injected dependency.
inputToggle
Type : ElementRef<HTMLInputElement>
Decorators :
@ViewChild('inputToggle')

Toggle input element.
Public Readonly persistenceService
Type : PersistenceService
The persistence service injected dependency.
Public Readonly toggleService
Type : ToggleService
The toggle service injected dependency.
Public Readonly uiService
Type : UiService
The ui service injected dependency.

Accessors

glyph
getglyph()

Glyph.
position
getposition()

Position getter.
value
getvalue()

Value getter.
sliderClass
getsliderClass()

Slider class getter.
displayValue
getdisplayValue()

Display value getter.

Returns : string
model
getmodel()

Model getter.

Returns : boolean
setmodel(value: boolean)

Model setter.

Parameters :
Name Type Optional
value boolean No
Returns : void
propertyName
getpropertyName()

Property name getter.

Returns : string

./toggle.component.scss 

@use "../stylesheets/stylesheets.component.scss";

.caption {
    @-moz-document url-prefix() {
        align-self: end;
        bottom: 14px;
    }
    & {
        position: relative;
        left: 10px;
        line-height: 0.6;
        z-index: -1;
    }
}

@media only screen and (max-width:767px) {
    .caption {
        top: 4px;
        left: 33px;
    }
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""