HelpStopwatch.qml

/****************************************************************************

Copyright 2013-2014 Michał Prędotka

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 1.1

Item {
    id: root

    anchors.fill: parent


    HelpInfo {
        id: stopwatch_analog_info

        visible: stopwatchanalog.visible
        x: stopwatchanalog.x + stopwatchanalog.width + 24
        y: stopwatchanalog.y + stopwatchanalog.height/2 - height/2
        width: 180
        helptext: qsTr("The big hand shows seconds, the small hand shows minutes. " +
                       "You can reset the stopwatch by clicking the circle in the center.")
    }

    HelpInfoLine {
        id: stopwatch_analog_info_line

        visible: stopwatchanalog.visible
        width: 12
        x: stopwatch_analog_info.x - width
        y: stopwatch_analog_info.y + stopwatch_analog_info.height/2
    }

    HelpInfo {
        id: stopwatch_digital_info

        x: stopwatchanalog.visible ? stopwatchdigital.x + stopwatchdigital.width + 18 : stopwatchdigital.x + (stopwatchdigital.width - width)/2
        y: stopwatchanalog.visible ? stopwatchdigital.y + stopwatchdigital.height/2 - height/2 : stopwatchdigital.y + stopwatchdigital.height + 36
        width: 180
        helptext: qsTr("This clock shows hours, minutes, seconds and tenth seconds. When it's running, there's “Reset” button next to it.")
    }

    HelpInfoLine {
        id: stopwatch_digital_info_line

        width: stopwatchanalog.visible ? 12 : 1
        height: stopwatchanalog.visible ? 1 : 30
        x: stopwatchanalog.visible ? stopwatch_digital_info.x - width : stopwatch_digital_info.x + stopwatch_digital_info.width/2
        y: stopwatchanalog.visible ? stopwatch_digital_info.y + stopwatch_digital_info.height/2 : stopwatch_digital_info.y - 30
    }

    HelpInfo {
        id: stopwatch_start_button_info

        x: startbutton.x + startbutton.width + 18
        y: startbutton.y + startbutton.height/2 - height/2
        width: 180
        helptext: qsTr("This is the Start/Pause/Resume button.")
    }

    HelpInfoLine {
        id: stopwatch_start_button_info_line

        width: 12
        x: stopwatch_start_button_info.x - width
        y: stopwatch_start_button_info.y + stopwatch_start_button_info.height/2
    }

    HelpInfo {
        id: stopwatch_lap_button_info

        x: laps.x
        y: toolbarbottom.y - stopwatch_split_button_info.height - height- 24
        width: 180
        helptext: qsTr("This is the Lap button. After you click it, you'll see the side panel in which you can record lap times.")
    }

    HelpInfoLine {
        id: lap_info_line

        height: stopwatch_split_button_info.height + 30
        x: stopwatch_lap_button_info.x + 12
        y: stopwatch_lap_button_info.y + stopwatch_lap_button_info.height
    }

    HelpInfo {
        id: stopwatch_split_button_info

        x: split.x
        y: toolbarbottom.y - height - 12
        width: 180
        helptext: qsTr("This is the Split button. After you click it, you'll see the side panel in which you can record split times.")
    }

    HelpInfoLine {
        id: split_info_line

        height: 18
        x: stopwatch_split_button_info.x + 12
        y: stopwatch_split_button_info.y + stopwatch_split_button_info.height
    }

    HelpInfo {
        id: stopwatch_back_button_info

        x: closebutton1.x - width - 18
        y: closebutton1.y
        width: 180
        helptext: qsTr("This button will get you back to the main view of the app.")
    }

    HelpInfoLine {
        id: stopwatch_back_button_info_line

        width: 12
        x: stopwatch_back_button_info.x + stopwatch_back_button_info.width
        y: stopwatch_back_button_info.y + 14
    }

}