Package com.flowingcode.vaadin.addons.wcstories

Class WCStories

java.lang.Object

com.vaadin.flow.component.Component

com.flowingcode.vaadin.addons.wcstories.WCStories

All Implemented Interfaces:

AttachNotifier, DetachNotifier, HasComponents, HasElement, HasEnabled, Serializable

@Tag("wc-stories")
@NpmPackage(value="web-animations-js",version="2.3.2") @NpmPackage(value="@gugadev/wc-stories",version="1.0.0") @NpmPackage(value="custom-elements-native-shim",version="1.0.0")
@JsModule("web-animations-js/web-animations.min.js") @JsModule("./storify/dist/index.js")
public class WCStories
extends Component
implements HasComponents

Wrapper for web component https://github.com/gugadev/wc-stories

This component shows a group of images like Instagram stories or Whatsapp states.

Author:

Paola De Bartolo / Flowing Code

See Also:

• Serialized Form

Constructor Summary

Constructors

Constructor	Description
WCStories(List<String> storiesPaths)

Method Summary

Modifier and Type	Method	Description
void	setDuration(Integer duration)	Sets visibility time of images and animation.
void	setHeight(Integer height)	Sets stories height.
void	setRadius(Integer radius)	Sets border radius.
void	setStartAt(Integer startAt)	Sets initial image index to show.
void	setStories(List<WCStoriesStory> stories)	Add the stories/images to the container.
void	setWidth(Integer width)	Sets stories width.
void	setWithShadow(Boolean withShadow)	Enable or disable shadow in the container.

Methods inherited from class com.vaadin.flow.component.Component

addListener, findAncestor, fireEvent, from, get, getChildren, getElement, getEventBus, getId, getListeners, getLocale, getParent, getTranslation, getTranslation, getTranslation, getTranslation, getTranslation, getTranslation, getUI, hasListener, isAttached, isTemplateMapped, isVisible, onAttach, onDetach, onEnabledStateChanged, scrollIntoView, set, setElement, setId, setVisible

Methods inherited from class java.lang.Object

clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

Methods inherited from interface com.vaadin.flow.component.AttachNotifier

addAttachListener

Methods inherited from interface com.vaadin.flow.component.DetachNotifier

addDetachListener

Methods inherited from interface com.vaadin.flow.component.HasComponents

add, add, add, addComponentAsFirst, addComponentAtIndex, remove, remove, removeAll

Methods inherited from interface com.vaadin.flow.component.HasElement

getElement

Methods inherited from interface com.vaadin.flow.component.HasEnabled

isEnabled, setEnabled

Constructor Details

WCStories

public WCStories(List<String> storiesPaths)

Method Details

setRadius

public void setRadius(Integer radius)

Sets border radius. Default radius value: 0.

Parameters:

radius -

setStartAt

public void setStartAt(Integer startAt)

Sets initial image index to show. Default index value: 0.

Parameters:

startAt -

setDuration

public void setDuration(Integer duration)

Sets visibility time of images and animation. Default value: 5000.

Parameters:

duration -

setHeight

public void setHeight(Integer height)

Sets stories height. Default value: 480px.

Parameters:

height -

setWidth

public void setWidth(Integer width)

Sets stories width. Default value: 320px.

Parameters:

width -

setWithShadow

public void setWithShadow(Boolean withShadow)

Enable or disable shadow in the container. Default value: disabled (false).

Parameters:

withShadow -

setStories

public void setStories(List<WCStoriesStory> stories)

Add the stories/images to the container.

Parameters:

stories -