algodynamics-iiith / elm-dsview / Render.Attributes

This module provides attributes for configuring draw, svgDrawNode and elemDrawer

Type


type Shape
    = Circle
    | Ellipse
    | Box
    | RoundedBox Basics.Float

Used to configure the shape of array container

elemDrawer : Render.Types.NodeDrawer n msg -> DrawConfig n e msg -> DrawConfig n e msg

Used to draw the array elements with given configurations

svgDrawNode : List (Render.StandardDrawers.Attributes.Attribute (NodeDrawerConfig n msg)) -> Render.Types.NodeAttributes n -> TypedSvg.Core.Svg msg

Used to generate SVG for each individual array element


type alias DrawConfig n e msg =
{ edgeDrawer : Render.Types.EdgeDrawer e msg
, nodeDrawer : Render.Types.NodeDrawer n msg
, style : String
, id : String 
}

Configuration for array drawer

elemDrawer Attributes

label : (a -> String) -> Render.StandardDrawers.Attributes.Attribute { c | label : a -> String }

The following attribute can be used to set label on both Nodes and Edges.

onClick : (a -> msg) -> Render.StandardDrawers.Attributes.Attribute { c | onClick : Maybe (a -> msg) }

To add event handlers to Nodes and Edges

strokeColor : (a -> Color) -> Render.StandardDrawers.Attributes.Attribute { c | strokeColor : a -> Color }

To set the stroke color of a node/edge

strokeWidth : (a -> Basics.Float) -> Render.StandardDrawers.Attributes.Attribute { c | strokeWidth : a -> Basics.Float }

To set the stroke width of a node/edge

strokeDashArray : (a -> String) -> Render.StandardDrawers.Attributes.Attribute { c | strokeDashArray : a -> String }

To set the stroke dash array of a node/edge

style : (a -> String) -> Render.StandardDrawers.Attributes.Attribute { c | style : a -> String }

To add any inline css to path element of the edge, or polygon of node.

title : (a -> String) -> Render.StandardDrawers.Attributes.Attribute { c | title : a -> String }

To set the title (appears as a tooltip) of a node/edge

shape : Shape -> Render.StandardDrawers.Attributes.Attribute (NodeDrawerConfig n msg)

This attributes sets the type of arrow head used for drawing the edge. The possible values are None, Triangle, Vee.

fill : (a -> Color) -> Render.StandardDrawers.Attributes.Attribute { c | fill : a -> Color }

To add fill color to Node

xLabel : (Graph.Node n -> String) -> Render.StandardDrawers.Attributes.Attribute (NodeDrawerConfig n msg)

Set the Extra Label for a node.

xLabelPos : (Graph.Node n -> Basics.Float -> Basics.Float -> ( Basics.Float, Basics.Float )) -> Render.StandardDrawers.Attributes.Attribute (NodeDrawerConfig n msg)

Set the position of xLabel of a node