|
|
@ -2,23 +2,80 @@ import QtQuick 2.10 |
|
|
import QtQuick.Controls 2.3 |
|
|
import QtQuick.Controls 2.3 |
|
|
import QtQuick.Layouts 1.3 |
|
|
import QtQuick.Layouts 1.3 |
|
|
|
|
|
|
|
|
|
|
|
/*! @brief A edit view to edit times by using tumblers |
|
|
|
|
|
* |
|
|
|
|
|
* @extends QtQuick.Layouts.RowLayout |
|
|
|
|
|
* |
|
|
|
|
|
* You can use this edit if you want to let the user select a time. You can use the properties |
|
|
|
|
|
* to control wich tumblers are shown and which format they use |
|
|
|
|
|
*/ |
|
|
RowLayout { |
|
|
RowLayout { |
|
|
id: _edit |
|
|
id: _edit |
|
|
spacing: 0 |
|
|
spacing: 0 |
|
|
|
|
|
|
|
|
|
|
|
/*! @brief The time currently displayed and edited |
|
|
|
|
|
* |
|
|
|
|
|
* @default{`new Date()`} |
|
|
|
|
|
* |
|
|
|
|
|
* @note Only the time-componente of the date object is used. |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{time} |
|
|
|
|
|
* @notifyAc{timeChanged()} |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
property date time: new Date() |
|
|
property date time: new Date() |
|
|
onTimeChanged: { |
|
|
onTimeChanged: { |
|
|
if(!_skipChange) |
|
|
if(!_p.skipChange) |
|
|
_forceTime = time |
|
|
_p.forceTime = time |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
property date _forceTime: new Date() |
|
|
/*! @brief Specify, whether the user should be able to edit the hours of the time |
|
|
|
|
|
* |
|
|
|
|
|
* @default{`true`} |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{showHours} |
|
|
|
|
|
* @notifyAc{showHoursChanged()} |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
property bool showHours: true |
|
|
property bool showHours: true |
|
|
|
|
|
/*! @brief Specify, whether the user should be able to edit the minutes of the time |
|
|
|
|
|
* |
|
|
|
|
|
* @default{`true`} |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{showMinutes} |
|
|
|
|
|
* @notifyAc{showMinutesChanged()} |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
property bool showMinutes: true |
|
|
property bool showMinutes: true |
|
|
|
|
|
/*! @brief Specify, whether the user should be able to edit the seconds of the time |
|
|
|
|
|
* |
|
|
|
|
|
* @default{`false`} |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{showSeconds} |
|
|
|
|
|
* @notifyAc{showSecondsChanged()} |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
property bool showSeconds: false |
|
|
property bool showSeconds: false |
|
|
|
|
|
|
|
|
readonly property bool is24Hours: { |
|
|
/*! @brief Holds the time format to use to edit the time |
|
|
|
|
|
* |
|
|
|
|
|
* @default{<i>locale dependend</i>} |
|
|
|
|
|
* |
|
|
|
|
|
* In 24h format, the hour tumbler shows 0-24 as numbers. In the 12h format, it shows the |
|
|
|
|
|
* numbers 1-12 and an additional tumbler with "am" and "pm" is shown to the far right. |
|
|
|
|
|
* The correct version is detected from the locale, but you can always overwrite it to fit |
|
|
|
|
|
* your needs. |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{use24HourFormat} |
|
|
|
|
|
* @notifyAc{use24HourFormatChanged()} |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
|
|
|
property bool use24HourFormat: { |
|
|
var fmStr = Qt.locale().timeFormat(Locale.LongFormat); |
|
|
var fmStr = Qt.locale().timeFormat(Locale.LongFormat); |
|
|
var isApPm = false; |
|
|
var isApPm = false; |
|
|
["A", "AP", "a", "ap"].forEach(function(text){ |
|
|
["A", "AP", "a", "ap"].forEach(function(text){ |
|
|
@ -28,18 +85,53 @@ RowLayout { |
|
|
return !isApPm; |
|
|
return !isApPm; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
readonly property int hours: showHours ? (_hourTumbler.currentIndex + (!is24Hours && _amPmTumbler.currentIndex === 1 ? 12 : 0)) : 0 |
|
|
/*! @brief Holds the currently displayed hours (in 24h format) |
|
|
|
|
|
* |
|
|
|
|
|
* @default{<i>time dependend</i>} |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{hours} |
|
|
|
|
|
* @notifyAc{hoursChanged()} |
|
|
|
|
|
* @readonlyAc |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
|
|
|
readonly property int hours: showHours ? (_hourTumbler.currentIndex + (!use24HourFormat && _amPmTumbler.currentIndex === 1 ? 12 : 0)) : 0 |
|
|
|
|
|
/*! @brief Holds the currently displayed minutes |
|
|
|
|
|
* |
|
|
|
|
|
* @default{<i>time dependend</i>} |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{minutes} |
|
|
|
|
|
* @notifyAc{minutesChanged()} |
|
|
|
|
|
* @readonlyAc |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
readonly property int minutes: showMinutes ? _minuteTumbler.currentIndex : 0 |
|
|
readonly property int minutes: showMinutes ? _minuteTumbler.currentIndex : 0 |
|
|
|
|
|
/*! @brief Holds the currently displayed seconds |
|
|
|
|
|
* |
|
|
|
|
|
* @default{<i>time dependend</i>} |
|
|
|
|
|
* |
|
|
|
|
|
* @accessors{ |
|
|
|
|
|
* @memberAc{seconds} |
|
|
|
|
|
* @notifyAc{secondsChanged()} |
|
|
|
|
|
* @readonlyAc |
|
|
|
|
|
* } |
|
|
|
|
|
*/ |
|
|
readonly property int seconds: showSeconds ? _secondsTumbler.currentIndex : 0 |
|
|
readonly property int seconds: showSeconds ? _secondsTumbler.currentIndex : 0 |
|
|
property bool _skipChange: false |
|
|
|
|
|
|
|
|
|
|
|
function recalcTime() { |
|
|
QtObject { |
|
|
if(_forceTime.getHours() !== hours || |
|
|
id: _p |
|
|
_forceTime.getMinutes() !== minutes || |
|
|
property date forceTime: new Date() |
|
|
_forceTime.getSeconds() !== seconds) { |
|
|
property bool skipChange: false |
|
|
_skipChange = true; |
|
|
|
|
|
time = new Date(0, 0, 0, hours, minutes, seconds); |
|
|
function recalcTime() { |
|
|
_skipChange = false; |
|
|
if(_p.forceTime.getHours() !== hours || |
|
|
|
|
|
_p.forceTime.getMinutes() !== minutes || |
|
|
|
|
|
_p.forceTime.getSeconds() !== seconds) { |
|
|
|
|
|
_p.skipChange = true; |
|
|
|
|
|
time = new Date(0, 0, 0, hours, minutes, seconds); |
|
|
|
|
|
_p.skipChange = false; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -54,15 +146,15 @@ RowLayout { |
|
|
id: _hourTumbler |
|
|
id: _hourTumbler |
|
|
visible: showHours |
|
|
visible: showHours |
|
|
model: { |
|
|
model: { |
|
|
var model = new Array(is24Hours ? 24 : 12); |
|
|
var model = new Array(use24HourFormat ? 24 : 12); |
|
|
for(var i = 0; i < model.length; i++) |
|
|
for(var i = 0; i < model.length; i++) |
|
|
model[i] = i.toString(); |
|
|
model[i] = i.toString(); |
|
|
if(!is24Hours) |
|
|
if(!use24HourFormat) |
|
|
model[0] = 12; |
|
|
model[0] = 12; |
|
|
return model; |
|
|
return model; |
|
|
} |
|
|
} |
|
|
currentIndex: is24Hours ? _forceTime.getHours() : (_forceTime.getHours() % 12) |
|
|
currentIndex: use24HourFormat ? _p.forceTime.getHours() : (_p.forceTime.getHours() % 12) |
|
|
onCurrentIndexChanged: Qt.callLater(recalcTime) |
|
|
onCurrentIndexChanged: Qt.callLater(_p.recalcTime) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
Label { |
|
|
Label { |
|
|
@ -82,8 +174,8 @@ RowLayout { |
|
|
} |
|
|
} |
|
|
return mod; |
|
|
return mod; |
|
|
} |
|
|
} |
|
|
currentIndex: _forceTime.getMinutes() |
|
|
currentIndex: _p.forceTime.getMinutes() |
|
|
onCurrentIndexChanged: Qt.callLater(recalcTime) |
|
|
onCurrentIndexChanged: Qt.callLater(_p.recalcTime) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
Label { |
|
|
Label { |
|
|
@ -103,19 +195,19 @@ RowLayout { |
|
|
} |
|
|
} |
|
|
return mod; |
|
|
return mod; |
|
|
} |
|
|
} |
|
|
currentIndex: _forceTime.getSeconds() |
|
|
currentIndex: _p.forceTime.getSeconds() |
|
|
onCurrentIndexChanged: Qt.callLater(recalcTime) |
|
|
onCurrentIndexChanged: Qt.callLater(_p.recalcTime) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
TimeTumbler { |
|
|
TimeTumbler { |
|
|
id: _amPmTumbler |
|
|
id: _amPmTumbler |
|
|
visible: !is24Hours && showHours |
|
|
visible: !use24HourFormat && showHours |
|
|
model: [ |
|
|
model: [ |
|
|
Qt.locale().amText, |
|
|
Qt.locale().amText, |
|
|
Qt.locale().pmText, |
|
|
Qt.locale().pmText, |
|
|
] |
|
|
] |
|
|
currentIndex: _forceTime.getHours() >= 12 ? 1 : 0 |
|
|
currentIndex: _p.forceTime.getHours() >= 12 ? 1 : 0 |
|
|
onCurrentIndexChanged: Qt.callLater(recalcTime) |
|
|
onCurrentIndexChanged: Qt.callLater(_p.recalcTime) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
Item { |
|
|
Item { |
|
|
|
Skycoder42
7 years ago