DjAlert
This component is used to display alert on the top right of the screen.
It use a Vuetify component : le v-alert component
Slots
Name | Description |
text | to display - The text you want to display in the Alert Box |
DjBreadCrumb
Props
Name | Type | Description | Default |
breadcrumb | array | | [] |
layout | string | | "" |
DjBtn
Props
Name | Type | Description | Default |
href | string | | null |
to | string | | null |
text | string | | "button" |
icon-color | boolean | | false |
icon-displayed | boolean | | false |
full-width | boolean | | false |
icon | string | | "" |
text-displayed | boolean | | true |
icon-position | string | | "left" |
style-button | string | | "primary" |
size | string | | "standard" |
shape | string | | "button" |
Computed Properties
Name | Type | Description |
type | unknown | Dependencies: shape |
classGlobal | unknown | Dependencies: shape |
Props
Name | Type | Description | Default |
text | string | | "button" |
icon-color | boolean | | false |
icon-displayed | boolean | | false |
full-width | boolean | | false |
icon | string | | "" |
text-displayed | boolean | | true |
is-disabled | boolean | | false |
is-loading | boolean | | false |
icon-position | string | | "left" |
style-button | string | | "primary" |
size | string | | "standard" |
shape | string | | "button" |
Computed Properties
Name | Type | Description |
styleB | unknown | Dependencies: styleButton |
sizeButton | unknown | Dependencies: size |
CarouselArrows
Props
Name | Type | Description | Default |
type | string | | "" |
DjCheckbox
Props
Name | Type | Description |
facet | object | |
Data
Name | Type | Description | Initial value |
facetValue_ | array | | [] |
Methods
handleFilterByFacet()
Syntax
DjImage
Props
Name | Type | Description | Default |
src | unknown | | "/img/product_placeholder.svg" |
width | number &##124; string | | null |
height | number &##124; string | | null |
size-type | string | | null |
placeholder | string | | "/img/product_placeholder.svg" |
alt | string | | "" |
image-class | string | | "" |
is-fixed | boolean | | false |
lazy-load | boolean | | true |
image-tag | string | | "img" |
source | string | | "origin" |
Data
Name | Type | Description | Initial value |
url | string | | "" |
filteredSrc | string | | "" |
Props
Name | Type | Description | Default |
label | string | | "" |
label-outside | boolean | | false |
Slots
Name | Description |
label | |
icon | |
error-message | |
Props
Name | Type | Description | Default |
v-model | string &##124; number | | "" |
label | string | | "" |
name | string | | "" |
type | string | | "text" |
icon | object | | |
valid | boolean | | true |
error-message | string | | "" |
required | boolean | | false |
disabled | boolean | | false |
has-show-password | boolean | | false |
Data
Name | Type | Description | Initial value |
isPasswordVisible | boolean | | false |
inputType | string | | "" |
isNumberTypeSafari | boolean | | false |
Computed Properties
Name | Type | Description |
listeners | object | Dependencies: $listeners , $emit |
isPassword | boolean | Dependencies: type , hasShowPassword |
idWithoutWhitespace | unknown | Dependencies: name |
Events
Name | Description |
click:icon | |
Methods
switchVisibilityPassword()
Syntax
DjLink
Slots
Props
Name | Type | Description | Default |
to | unknown | | null |
href | string | | null |
target | string | | "" |
Props
Name | Type | Description | Default |
init | number | | 0 |
min | number | | 0 |
max | number | | 100 |
step | number | | 1 |
integer | boolean | | false |
mousedown | boolean | | false |
keydown | boolean | | true |
maxlength | number | | 4 |
placeholder | string | | "" |
Data
Name | Type | Description | Initial value |
clicked | boolean | | false |
interval | number | | 0 |
timeout | number | | 0 |
quantity | object | | this.init |
oldValue | object | | this.init |
isKeydown | boolean | | false |
Events
Name | Description |
on-input-number-change | Arguments
quantity: object init: boolean
|
Methods
reset()
Syntax
emitChange()
Syntax
increment()
Syntax
decrement()
Syntax
onBlur()
Syntax
onClick()
Syntax
evaluateQuantity()
Syntax
onMouseup()
Syntax
onMousedown()
Syntax
onKeyup()
Syntax
onKeydown()
Syntax
DjLoadSpinner
Loading
LoadingProduct
Data
Name | Type | Description | Initial value |
show | boolean | | true |
DjPrice
Props
Name | Type | Description | Default |
price | number | | 0 |
origin-price | number | | 0 |
currency | string | | |
display-tax | boolean | | false |
size | string | | "normal" |
Quantity
Props
Name | Type | Description | Default |
stock | number | | |
display-title | boolean | | true |
quantity-value | number | | null |
quantity-increment | number | | 1 |
show-increment | boolean | | false |
lazy | boolean | | false |
is-disabled | boolean | | false |
button-round | boolean | | false |
Data
Name | Type | Description | Initial value |
quantity | unknown | | this.quantityValue ? this.quantityValue : this.quantityIncrement |
Events
Name | Description |
child-quantity | Emit this information to the parents component Arguments
|
Methods
handleIncreaseQuantity()
Syntax
handleDescreaseQuantity()
Syntax
Props
Name | Type | Description |
option required | string &##124; number &##124; boolean &##124; object | |
Slots
Props
Name | Type | Description |
options required | array | |
Rating
Props
Name | Type | Description | Default |
nb | unknown | | 0 |
DjSelect
Props
Name | Type | Description | Default |
options required | array | | |
default | string | | null |
tabindex | number | | 0 |
Data
Name | Type | Description | Initial value |
selected | unknown | | this.default ? this.default : this.options.length > 0 ? this.options[0] : null |
open | boolean | | false |
Events
Name | Description |
input | Arguments
|
DjSteps
Props
Name | Type | Description | Default |
steps | array | on peut ajouter disabled step | [] |
DjText
Slots
Props
Name | Type | Description | Default |
text | string | | "" |
DjustTimeline
Props
Name | Type | Description | Default |
steps | array | | [] |
DjTimelineHorizontal
Props
Name | Type | Description | Default |
steps | array | | [] |
DjToTop
Data
Name | Type | Description | Initial value |
fab | boolean | | false |
Methods
Syntax
toTop()
Syntax