C

Indicators: Creating Safety-Critical UI

// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial

// This file is part of the Qt Safe Renderer module
import QtQuick
import Qt.SafeRenderer

Row {
    id: rightindicators
    y: 36
    width: 176
    height: 36
    spacing: 8

    SafePicture {
        id: iconDayLights
        objectName: "iconDayLights"
        width: 36
        height: 36
        source: "iso-icons/iso_grs_7000_4_0456.dat"
        color: "#5caa15"
        fillColor: "white"

        states: [
            State {
                name: "ON"
                PropertyChanges {
                    target: iconDayLights
                    visible: true
                }
            },
            State {
                name: "OFF"
                PropertyChanges {
                    target: iconDayLights
                    visible: false
                }
            }
        ]
    }

    SafePicture {
        id: iconTyre
        objectName: "iconTyre"
        width: 36
        height: 36
        color: "#face20"
        fillColor: "white"
        source: "iso-icons/iso_grs_7000_4_1434A.dat"
        states: [
            State {
                name: "ON"
                PropertyChanges {
                    target: iconTyre
                    visible: true
                }
            },
            State {
                name: "OFF"
                PropertyChanges {
                    target: iconTyre
                    visible: false
                }
            }
        ]
    }

    SafePicture {
        id: iconLamp
        objectName: "iconLamp"
        width: 36
        height: 36
        source: "iso-icons/iso_grs_7000_4_1555.dat"
        color: "#face20"
        fillColor: "white"
        states: [
            State {
                name: "ON"
                PropertyChanges {
                    target: iconLamp
                    visible: true
                }
            },
            State {
                name: "OFF"
                PropertyChanges {
                    target: iconLamp
                    visible: false
                }
            }
        ]
    }

    SafePicture {
        id: iconSeatbelt
        objectName: "iconSeatbelt"
        width: 36
        height: 36
        color: "#e41e25"
        fillColor: "white"
        source: "iso-icons/iso_grs_7000_4_0249.dat"
        states: [
            State {
                name: "ON"
                PropertyChanges {
                    target: iconSeatbelt
                    visible: true
                }
            },
            State {
                name: "OFF"
                PropertyChanges {
                    target: iconSeatbelt
                    visible: false
                }
            }
        ]
    }
}