The external pay unit DLL controls the selection.
The selection is made in ArticlePanel with externalPayUnitButtons.
<TFT:Button MxStyle="{ExternalPayUnitButtonStyle1}" Name="ExternalPayUnitButton1" Location="49,182" KeyValue="evhub.dll" />
<TFT:Button MxStyle="{ExternalPayUnitButtonStyle1}" Name="ExternalPayUnitButton2" Location="49,309" KeyValue="evhub.dll" />
Each charging point can have the following UI components to be shown.
•Selection button
oCharging point (that makes the actual selection)
•Icons
oOutlet
oConnector
oPrice
oSeparator
•Scroll buttons
oBack
oMore
oBack Disabled
oMore Disabled
•Labels
oOutlet
oConnector
oPrice
texts for the buttons and the connector types are retrieved by the EVHub DLL from the Asset Management Tool.
The terminal selects the correct image for the connector type to display.
The DLL controls which image is displayed in each button depending on its state.
In this example:
•Green -> available
•Gray -> in use
•Red -> Out of Order
Each button has three images: articleAvailable.png, articleOccupied.png, and articleOOO.png.
In this example they are just rounded squares.
<Style BasedOn="{ExternalPayUnitButtonStyle}" def:Name="ExternalPayUnitButtonStyle1">
<StyleProperties>
<PropertyStyle ForeColor="white" />
<PropertyStyle Image1="\Storage Card\Media\pictures\articleAvailable.png" />
<PropertyStyle Image2="\Storage Card\Media\pictures\articleOccupied.png" />
<PropertyStyle Image3="\Storage Card\Media\pictures\articleOOO.png" />
<PropertyStyle ClickImage="\Storage Card\Media\pictures\articleAvailable_d.png" />
</StyleProperties>
</Style>
Connector images are no buttons.
Connector and button images are available in the \Media\pictures\ folder.
Number of connectors to display
The example shows six connectors.
This is set with <properties name="MaxButtonsPerScreen" value="8" /> (See PAYUNIT EV Hub DLL)
When more connectors are available than can be displayed, a set of navigation buttons will be displayed.
<!-- Back and More, ExternalPayUnitButton 2xMaxButtonsPerScreen+1 - 2xMaxButtonsPerScreen+2 -->
<TFT:Button MxStyle="{ExternalPayUnitButtonStyleBack}" Name="ExternalPayUnitButton17" Location="212,743" KeyValue="evhub.dll" />
<TFT:Button MxStyle="{ExternalPayUnitButtonStyleMore}" Name="ExternalPayUnitButton18" Location="395,743" KeyValue="evhub.dll" />
