CreditCard.Model

Model types and all related helper functions

Model

type alias Model msg =

{ options : Options

, number : Field String

, name : Field String

, expirationMonth : Field String

, expirationYear : Field String

, ccv : Field String

, cardInfo : Maybe (CardInfo msg)

, flipped : Maybe Bool

}

A type representing the Credit Card model.

type alias Field a =

{ id : String

, label : Maybe String

, value : Maybe a

, hasFocus : Bool

}

A type representing an input field with specific type.

type alias Styles msg =

{ cardStyle : CardStyle msg }

A type representing the form style.

type alias CardInfo msg =

{ cardType : CardType

, validLength : List Int

, numberFormat : NumberFormat

, cardStyle : CardStyle msg

, ccvPosition : CCVPosition

}

A type representing the card information.

type CardType

= Unknown

| Visa

| Mastercard

| Amex

| Discover

| DinersClubCarteBlanche

| DinersClubInternational

| JCB

| Laser

| Maestro

| VisaElectron

A union type representing the credit card type.

Styling and Formatting

type alias Options =

{ showLabel : Bool

, blankChar : Char

}

A type representing the configurable options for the form.

type alias CardStyle msg =

{ background :

{ attributes : List (Attribute msg)

, svg : List (Svg msg)

, defs : List (Svg msg)

}

, textColor : String

, lightTextColor : String

, darkTextColor : String

}

A type representing the card style.

type CCVPosition

= Front

| Back

A union type representing the position of the CCV

type alias NumberFormat =

List Int

A type representing the format of the number by specifying the size of each group. e.g: [4, 4, 5] will format the number to be XXXX XXXX XXXXX

Helper Functions

init : Options -> Model msg

Initalize the model by passing in the Options

defaultOptions : Options

The default Options value

abadi199/elm-creditcard/5.0.2

CreditCard.Model

Model

Styling and Formatting

Helper Functions

Modules