/*
 * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import QtQuick 2.6
import QtQuick.Layouts 1.0
import QtWebSockets 1.0

Row {
    property real percent: 1
    property var carshift: [
        "images/meters/tacho_shift_N.svg", "images/meters/tacho_shift_D.svg"
    ]

    property var wheelshift: [
        "images/meters/tacho_shift_1.svg", "images/meters/tacho_shift_2.svg",
        "images/meters/tacho_shift_3.svg", "images/meters/tacho_shift_4.svg",
        "images/meters/tacho_shift_5.svg", "images/meters/tacho_shift_6.svg"
    ]

    Image {
        width: percent*sourceSize.width
        height: percent*sourceSize.height
        fillMode: Image.PreserveAspectFit
        smooth: true
        asynchronous: true
        source: wshift === 0 ? carshift[0] : carshift[1]
    }

    Image {
        visible: wshift > 0
        width: percent*sourceSize.width
        height: percent*sourceSize.height
        fillMode: Image.PreserveAspectFit
        smooth: true
        asynchronous: true
        source: (wshift > 0 && wshift <= wheelshift.length) ? wheelshift[wshift-1] : wheelshift[0]
    }
}