mirror of
https://gitgud.io/wackyideas/aerothemeplasma.git
synced 2024-08-15 00:43:43 +00:00
Very early KDE 6 release.
This commit is contained in:
wackyideas
parent
7cc4ccabbc
commit
686046d4f7
6272 changed files with 140920 additions and 529657 deletions
|
|
@ -0,0 +1,379 @@
|
|||
/*
|
||||
SPDX-FileCopyrightText: 2013 Heena Mahour <heena393@gmail.com>
|
||||
SPDX-FileCopyrightText: 2013 Sebastian Kügler <sebas@kde.org>
|
||||
SPDX-FileCopyrightText: 2015 Kai Uwe Broulik <kde@privat.broulik.de>
|
||||
SPDX-FileCopyrightText: 2021 Carl Schwan <carlschwan@kde.org>
|
||||
|
||||
SPDX-License-Identifier: GPL-2.0-or-later
|
||||
*/
|
||||
import QtQuick 2.15
|
||||
import QtQuick.Layouts 1.1
|
||||
|
||||
import org.kde.plasma.workspace.calendar 2.0
|
||||
import org.kde.plasma.core 2.0 as PlasmaCore
|
||||
import org.kde.plasma.components 3.0 as PlasmaComponents3
|
||||
import org.kde.plasma.extras 2.0 as PlasmaExtras
|
||||
import org.kde.kirigami as Kirigami
|
||||
|
||||
Item { // TODO KF6 switch to Item
|
||||
id: root
|
||||
|
||||
//anchors.fill: parent // TODO KF6 don't use anchors
|
||||
|
||||
//enabled: false
|
||||
|
||||
/**
|
||||
* Currently selected month name.
|
||||
* \property string MonthView::selectedMonth
|
||||
*/
|
||||
property alias selectedMonth: calendarBackend.monthName
|
||||
/**
|
||||
* Currently selected month year.
|
||||
* \property int MonthView::selectedYear
|
||||
*/
|
||||
property alias selectedYear: calendarBackend.year
|
||||
/**
|
||||
* The start day of a week.
|
||||
* \property int MonthView::firstDayOfWeek
|
||||
* \sa Calendar::firstDayOfWeek
|
||||
*/
|
||||
property alias firstDayOfWeek: calendarBackend.firstDayOfWeek
|
||||
|
||||
property QtObject date
|
||||
property date currentDate
|
||||
|
||||
property date showDate: new Date()
|
||||
|
||||
property int borderWidth: 1
|
||||
property real borderOpacity: 0.4
|
||||
|
||||
property int columns: calendarBackend.days
|
||||
property int rows: calendarBackend.weeks
|
||||
|
||||
property Item selectedItem
|
||||
property int week;
|
||||
property int firstDay: new Date(showDate.getFullYear(), showDate.getMonth(), 1).getDay()
|
||||
property alias today: calendarBackend.today
|
||||
property bool showWeekNumbers: false
|
||||
property bool showCustomHeader: false
|
||||
|
||||
/**
|
||||
* SwipeView currentIndex needed for binding a TabBar to the MonthView.
|
||||
*/
|
||||
property int currentIndex: swipeView.currentIndex
|
||||
|
||||
property alias cellHeight: mainDaysCalendar.cellHeight
|
||||
property QtObject daysModel: calendarBackend.daysModel
|
||||
|
||||
function isToday(date) {
|
||||
return date.toDateString() === new Date().toDateString();
|
||||
}
|
||||
|
||||
function eventDate(yearNumber,monthNumber,dayNumber) {
|
||||
const d = new Date(yearNumber, monthNumber-1, dayNumber);
|
||||
return Qt.formatDate(d, "dddd dd MMM yyyy");
|
||||
}
|
||||
|
||||
/**
|
||||
* Move calendar to month view showing today's date.
|
||||
*/
|
||||
function resetToToday() {
|
||||
calendarBackend.resetToToday();
|
||||
root.currentDate = root.today;
|
||||
swipeView.currentIndex = 0;
|
||||
}
|
||||
|
||||
function updateYearOverview() {
|
||||
const date = calendarBackend.displayedDate;
|
||||
const day = date.getDate();
|
||||
const year = date.getFullYear();
|
||||
|
||||
for (let i = 0, j = monthModel.count; i < j; ++i) {
|
||||
monthModel.setProperty(i, "yearNumber", year);
|
||||
}
|
||||
}
|
||||
|
||||
function updateDecadeOverview() {
|
||||
const date = calendarBackend.displayedDate;
|
||||
const day = date.getDate();
|
||||
const month = date.getMonth() + 1;
|
||||
const year = date.getFullYear();
|
||||
const decade = year - year % 10;
|
||||
|
||||
for (let i = 0, j = yearModel.count; i < j; ++i) {
|
||||
const label = decade - 1 + i;
|
||||
yearModel.setProperty(i, "yearNumber", label);
|
||||
yearModel.setProperty(i, "label", label);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Possible calendar views
|
||||
*/
|
||||
enum CalendarView {
|
||||
DayView,
|
||||
MonthView,
|
||||
YearView
|
||||
}
|
||||
|
||||
/**
|
||||
* Go to the next month/year/decade depending on the current
|
||||
* calendar view displayed.
|
||||
*/
|
||||
function nextView() {
|
||||
if (swipeView.currentIndex === 0) {
|
||||
calendarBackend.nextMonth();
|
||||
} else if (swipeView.currentIndex === 1) {
|
||||
calendarBackend.nextYear();
|
||||
} else if (swipeView.currentIndex === 2) {
|
||||
calendarBackend.nextDecade();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Go to the previous month/year/decade depending on the current
|
||||
* calendar view displayed.
|
||||
*/
|
||||
function previousView() {
|
||||
if (swipeView.currentIndex === 0) {
|
||||
calendarBackend.previousMonth();
|
||||
} else if (swipeView.currentIndex === 1) {
|
||||
calendarBackend.previousYear();
|
||||
} else if (swipeView.currentIndex === 2) {
|
||||
calendarBackend.previousDecade();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* \return CalendarView
|
||||
*/
|
||||
readonly property var calendarViewDisplayed: {
|
||||
if (swipeView.currentIndex === 0) {
|
||||
return MonthView.CalendarView.DayView;
|
||||
} else if (swipeView.currentIndex === 1) {
|
||||
return MonthView.CalendarView.MonthView;
|
||||
} else if (swipeView.currentIndex === 2) {
|
||||
return MonthView.CalendarView.YearView;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Show month view.
|
||||
*/
|
||||
function showMonthView() {
|
||||
swipeView.currentIndex = 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show year view.
|
||||
*/
|
||||
function showYearView() {
|
||||
swipeView.currentIndex = 1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show month view.
|
||||
*/
|
||||
function showDecadeView() {
|
||||
swipeView.currentIndex = 2;
|
||||
}
|
||||
|
||||
//property QtObject eventPluginsManager: EventPluginsManager {}
|
||||
|
||||
Calendar {
|
||||
id: calendarBackend
|
||||
|
||||
days: 7
|
||||
weeks: 6
|
||||
firstDayOfWeek: Qt.locale().firstDayOfWeek
|
||||
today: root.today
|
||||
|
||||
Component.onCompleted: {
|
||||
daysModel.setPluginsManager(eventPluginsManager);
|
||||
}
|
||||
|
||||
onYearChanged: {
|
||||
updateYearOverview()
|
||||
updateDecadeOverview()
|
||||
}
|
||||
}
|
||||
|
||||
ListModel {
|
||||
id: monthModel
|
||||
|
||||
Component.onCompleted: {
|
||||
for (let i = 0; i < 12; ++i) {
|
||||
append({
|
||||
label: Qt.locale(Qt.locale().uiLanguages[0]).standaloneMonthName(i, Locale.LongFormat),
|
||||
monthNumber: i + 1,
|
||||
yearNumber: 2050,
|
||||
isCurrent: true
|
||||
})
|
||||
}
|
||||
updateYearOverview()
|
||||
}
|
||||
}
|
||||
|
||||
ListModel {
|
||||
id: yearModel
|
||||
|
||||
Component.onCompleted: {
|
||||
for (let i = 0; i < 12; ++i) {
|
||||
append({
|
||||
label: 2050, // this value will be overwritten, but it set the type of the property to int
|
||||
yearNumber: 2050,
|
||||
isCurrent: (i > 0 && i < 11) // first and last year are outside the decade
|
||||
})
|
||||
}
|
||||
updateDecadeOverview()
|
||||
}
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
id: viewHeader
|
||||
visible: !showCustomHeader
|
||||
// Make sure the height of the invisible item is zero, otherwise anchoring to the item will
|
||||
// include the height even if it is invisible.
|
||||
height: !visible ? 0 : implicitHeight
|
||||
width: parent.width
|
||||
anchors {
|
||||
top: parent.top
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
spacing: 0
|
||||
|
||||
|
||||
ToolButton {
|
||||
id: previousButton
|
||||
flat: true
|
||||
buttonIcon: (previousButton.containsMouse && !previousButton.containsPress) ? "left-active" : "left"
|
||||
onClicked: root.previousView()
|
||||
Layout.leftMargin: Kirigami.Units.smallSpacing
|
||||
|
||||
}
|
||||
|
||||
PlasmaExtras.Heading {
|
||||
id: heading
|
||||
text: {
|
||||
if(swipeView.currentIndex == 0)
|
||||
return i18ndc("libplasma5", "Format: month year", "%1, %2", root.selectedMonth, root.selectedYear.toString());
|
||||
else if(swipeView.currentIndex == 1)
|
||||
return i18ndc("libplasma5", "Format: year", "%1", root.selectedYear.toString());
|
||||
else if(swipeView.currentIndex == 2) {
|
||||
var decade = root.selectedYear - root.selectedYear % 10;
|
||||
var nextDecade = decade+9;
|
||||
return i18ndc("libplasma5", "Format: year-year", "%1-%2", decade.toString(), nextDecade.toString());
|
||||
}
|
||||
|
||||
}
|
||||
level: 5
|
||||
font.capitalization: Font.Capitalize
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
Layout.fillWidth: true
|
||||
color: heading_ma.containsMouse && !heading_ma.containsPress ? "#0066cc" : Kirigami.Theme.textColor
|
||||
|
||||
MouseArea {
|
||||
id: heading_ma
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
onClicked: if(swipeView.currentIndex != 2) swipeView.currentIndex++;
|
||||
//cursorShape: Qt.PointingHandCursor
|
||||
z: 5
|
||||
}
|
||||
}
|
||||
|
||||
ToolButton {
|
||||
id: nextButton
|
||||
flat: true
|
||||
buttonIcon: (nextButton.containsMouse && !nextButton.containsPress) ? "right-active" : "right"
|
||||
onClicked: root.nextView()
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
PlasmaComponents3.SwipeView {
|
||||
id: swipeView
|
||||
anchors {
|
||||
top: viewHeader.bottom
|
||||
topMargin: Kirigami.Units.mediumSpacing
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
bottom: parent.bottom
|
||||
}
|
||||
clip: true
|
||||
|
||||
onCurrentIndexChanged: if (currentIndex > 1) {
|
||||
updateDecadeOverview();
|
||||
}
|
||||
|
||||
// MonthView
|
||||
DaysCalendar {
|
||||
id: mainDaysCalendar
|
||||
|
||||
columns: calendarBackend.days
|
||||
rows: calendarBackend.weeks
|
||||
|
||||
showWeekNumbers: root.showWeekNumbers
|
||||
|
||||
headerModel: calendarBackend.days
|
||||
gridModel: calendarBackend.daysModel
|
||||
|
||||
dateMatchingPrecision: Calendar.MatchYearMonthAndDay
|
||||
|
||||
onActivated: (index, date) => {
|
||||
const rowNumber = Math.floor(index / columns);
|
||||
week = 1 + calendarBackend.weeksModel[rowNumber];
|
||||
root.currentDate = new Date(date.yearNumber, date.monthNumber - 1, date.dayNumber)
|
||||
}
|
||||
|
||||
onScrollUp: root.nextView()
|
||||
onScrollDown: root.previousView()
|
||||
}
|
||||
|
||||
// YearView
|
||||
DaysCalendar {
|
||||
columns: 4
|
||||
rows: 3
|
||||
|
||||
dateMatchingPrecision: Calendar.MatchYearAndMonth
|
||||
|
||||
gridModel: monthModel
|
||||
onActivated: (index, date, item) => {
|
||||
calendarBackend.goToMonth(date.monthNumber);
|
||||
swipeView.currentIndex = 0;
|
||||
}
|
||||
|
||||
onScrollUp: calendarBackend.nextYear()
|
||||
onScrollDown: calendarBackend.previousYear()
|
||||
}
|
||||
|
||||
// DecadeView
|
||||
DaysCalendar {
|
||||
readonly property int decade: {
|
||||
const year = calendarBackend.displayedDate.getFullYear()
|
||||
return year - year % 10
|
||||
}
|
||||
|
||||
columns: 4
|
||||
rows: 3
|
||||
|
||||
dateMatchingPrecision: Calendar.MatchYear
|
||||
|
||||
gridModel: yearModel
|
||||
onActivated: (index, date, item) => {
|
||||
calendarBackend.goToYear(date.yearNumber);
|
||||
swipeView.currentIndex = 1;
|
||||
}
|
||||
|
||||
onScrollUp: calendarBackend.nextDecade()
|
||||
onScrollDown: calendarBackend.previousDecade()
|
||||
}
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
root.currentDate = calendarBackend.today
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue