mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-10-14 15:24:00 -04:00
632 lines
25 KiB
QML
632 lines
25 KiB
QML
pragma ComponentBehavior: Bound
|
||
|
||
import QtQuick
|
||
import qs.Common
|
||
import qs.Services
|
||
import qs.Modules.ControlCenter.Components
|
||
import qs.Modules.ControlCenter.Models
|
||
import qs.Modules.ControlCenter.Details
|
||
import qs.DCommon.Widgets
|
||
import qs.Widgets
|
||
import "./utils/sections.js" as Sections
|
||
import "./utils/widgets.js" as WidgetUtils
|
||
|
||
FocusScope {
|
||
id: root
|
||
|
||
required property var host
|
||
|
||
property bool live: Window.window?.visible ?? false
|
||
property bool audioRefHeld: false
|
||
|
||
LayoutMirroring.enabled: I18n.isRtl
|
||
LayoutMirroring.childrenInherit: true
|
||
|
||
readonly property bool pageOpen: (host.expandedSection ?? "") !== ""
|
||
readonly property real gridHeight: widgetGrid.gridHeight
|
||
// The row cap always reserves the footer so showing it in edit mode never reflows tiles.
|
||
readonly property real footerReserve: Theme.spacingS + CcMetrics.footerHeight
|
||
readonly property bool footerShown: root.host.editMode || footerItems.length > 0
|
||
readonly property real chromeHeight: footerShown ? footerReserve : 0
|
||
readonly property bool widgetSheetOpen: widgetSheetLoader.item?.active ?? false
|
||
readonly property real coveredAmount: Math.max(detailPage.opacity, widgetSheetLoader.item?.progress ?? 0)
|
||
property bool widgetSheetRequested: false
|
||
property int toplevelRevision: 0
|
||
readonly property var runningToplevels: {
|
||
toplevelRevision;
|
||
const all = CompositorService.sortedToplevels ?? [];
|
||
const current = CompositorService.filterCurrentWorkspace(all, host.triggerScreen?.name) || [];
|
||
return current.concat(all.filter(toplevel => !current.includes(toplevel)));
|
||
}
|
||
readonly property string placedWidgetIds: (SettingsData.controlCenterWidgets || []).map(w => w.id).sort().join(",")
|
||
readonly property var footerItems: (SettingsData.controlCenterWidgets || []).reduce((items, widget, index) => WidgetUtils.inFooter(widget) && WidgetUtils.isShown(widget) && widgetModel.componentForWidget(widget) ? items.concat([
|
||
{
|
||
"index": index,
|
||
"widget": widget
|
||
}
|
||
]) : items, [])
|
||
readonly property bool footerOnTop: SettingsData.controlCenterFooterPosition === "top"
|
||
readonly property var gridDragWidget: widgetGrid.draggingSourceIndex >= 0 ? (widgetGrid.sourceItems[widgetGrid.draggingSourceIndex] ?? null) : null
|
||
readonly property real targetImplicitHeight: {
|
||
const total = CcMetrics.sheetPadding * 2 + gridHeight + chromeHeight;
|
||
if (detailPage.shownSection === "")
|
||
return total;
|
||
return Math.max(total, detailPage.topInset + detailPage.minimumHeight + CcMetrics.detailDialogInset);
|
||
}
|
||
property Item detailReturnFocus: null
|
||
property var pageHistory: []
|
||
property var editSnapshot: null
|
||
readonly property bool panelResizing: panelResizer.resizing
|
||
readonly property real sheetContentWidth: host.sheetContentWidth ?? CcMetrics.sheetWidthFor(gridColumns)
|
||
readonly property vector4d surfaceCornerRadii: host.surfaceCornerRadii ?? Qt.vector4d(Theme.windowRadius, Theme.windowRadius, Theme.windowRadius, Theme.windowRadius)
|
||
readonly property int gridColumnCap: host.gridColumnCap ?? CcMetrics.columnCapFor((host.triggerScreen?.width ?? CcMetrics.sheetWidthDefault + Theme.spacingL * 2) - Theme.spacingL * 2)
|
||
readonly property int gridColumns: host.gridColumns ?? Math.min(CcMetrics.gridColumns, gridColumnCap)
|
||
readonly property real availableGridHeight: (host.availableHeight ?? (host.triggerScreen?.height ?? CcMetrics.fallbackScreenHeight) - CcMetrics.maxHeightInset) - CcMetrics.sheetPadding * 2 - footerReserve
|
||
readonly property vector4d chromeRoom: host.chromeRoom ?? Qt.vector4d(Infinity, Infinity, Infinity, Infinity)
|
||
readonly property DPanelResizer panelResizer: DPanelResizer {
|
||
popout: root.host
|
||
stepWidth: CcMetrics.columnWidth + CcMetrics.gridGap
|
||
widthFor: columns => CcMetrics.sheetWidthFor(columns) + root.sheetContentWidth - CcMetrics.sheetWidthFor(root.gridColumns)
|
||
currentStep: () => root.gridColumns
|
||
minStep: Math.min(CcMetrics.minimumColumns, root.gridColumnCap)
|
||
maxStep: root.gridColumnCap
|
||
onPreview: columns => CcMetrics.columnPreview = columns
|
||
onCommitted: columns => {
|
||
SettingsData.set("controlCenterColumns", columns);
|
||
CcMetrics.columnPreview = 0;
|
||
}
|
||
onCanceled: CcMetrics.columnPreview = 0
|
||
}
|
||
|
||
implicitHeight: targetImplicitHeight
|
||
focus: true
|
||
|
||
function syncAudioRef(wanted) {
|
||
if (wanted === audioRefHeld)
|
||
return;
|
||
audioRefHeld = wanted;
|
||
if (wanted) {
|
||
AudioService.addRef();
|
||
return;
|
||
}
|
||
AudioService.removeRef();
|
||
}
|
||
|
||
onLiveChanged: syncAudioRef(live)
|
||
Component.onCompleted: {
|
||
WidgetUtils.ensureEditButton();
|
||
syncAudioRef(live);
|
||
}
|
||
Component.onDestruction: syncAudioRef(false)
|
||
onPlacedWidgetIdsChanged: WidgetUtils.ensureEditButton()
|
||
|
||
function navigateTo(section) {
|
||
if (section === host.expandedSection)
|
||
return;
|
||
if (host.expandedSection)
|
||
pageHistory = pageHistory.concat([host.expandedSection]);
|
||
else if (detailPage.shownSection === "")
|
||
detailReturnFocus = root.Window.window?.activeFocusItem ?? null;
|
||
host.expandedSection = section;
|
||
}
|
||
|
||
function goBack() {
|
||
if (detailPage.dismissTransient())
|
||
return;
|
||
if (pageHistory.length > 0) {
|
||
const previous = pageHistory[pageHistory.length - 1];
|
||
pageHistory = pageHistory.slice(0, -1);
|
||
host.expandedSection = previous;
|
||
return;
|
||
}
|
||
host.collapseAll();
|
||
}
|
||
|
||
function openWidgetPage(widgetData) {
|
||
const section = Sections.sectionFor(widgetData);
|
||
if (host.expandedSection === section) {
|
||
goBack();
|
||
return;
|
||
}
|
||
navigateTo(section);
|
||
}
|
||
|
||
function showCodecSelector(device) {
|
||
presentSheet(codecSelectorLoader, device);
|
||
}
|
||
|
||
function showPortSelector(node) {
|
||
presentSheet(portSelectorLoader, node);
|
||
}
|
||
|
||
function presentSheet(loader, target) {
|
||
loader.active = true;
|
||
const sheet = loader.item;
|
||
if (!sheet)
|
||
return;
|
||
sheet.show(target);
|
||
if (!sheet.shown)
|
||
loader.active = false;
|
||
}
|
||
|
||
function releaseSheet(loader) {
|
||
if (loader.item?.shown)
|
||
return;
|
||
loader.active = false;
|
||
}
|
||
|
||
function openConfigOverlay(index, widgetData, anchor) {
|
||
if (widgetData.id === "brightnessSlider") {
|
||
openWidgetPage(widgetData);
|
||
return;
|
||
}
|
||
configOverlayLoader.active = true;
|
||
const overlay = configOverlayLoader.item;
|
||
if (!overlay)
|
||
return;
|
||
overlay.open(index, widgetData, anchor);
|
||
}
|
||
|
||
function releaseConfigOverlay() {
|
||
if (configOverlayLoader.item?.visible)
|
||
return;
|
||
configOverlayLoader.active = false;
|
||
}
|
||
|
||
function cancelEdit() {
|
||
const snapshot = editSnapshot;
|
||
host.editMode = false;
|
||
if (!snapshot)
|
||
return;
|
||
if (JSON.stringify(SettingsData.controlCenterWidgets) !== snapshot.widgets)
|
||
SettingsData.set("controlCenterWidgets", JSON.parse(snapshot.widgets));
|
||
if (SettingsData.controlCenterColumns !== snapshot.columns)
|
||
SettingsData.set("controlCenterColumns", snapshot.columns);
|
||
if (SettingsData.controlCenterFooterPosition !== snapshot.footerPosition)
|
||
SettingsData.set("controlCenterFooterPosition", snapshot.footerPosition);
|
||
}
|
||
|
||
// Goes by the dragged tile, not the pointer: the middle of its top row has to cross the grid's edge as it
|
||
// was at drag start, which the grid growing under the drag cannot move. Below the grid that edge sits one
|
||
// row lower while the panel has room to grow, so a tile can still be dropped into a new bottom row.
|
||
function footerTakesGridDrag(tile) {
|
||
if (gridDragWidget === null || gridDragWidget.id === WidgetUtils.GROUP_ID || footer.freeCells() < WidgetUtils.footerMinCells(gridDragWidget.id))
|
||
return false;
|
||
const rowUnit = widgetGrid.slotLayout.rowUnit;
|
||
const anchor = tile.y + Math.min(tile.height, rowUnit) / 2;
|
||
if (footerOnTop)
|
||
return anchor < -CcMetrics.gridGap / 2;
|
||
const newRow = CcMetrics.gridGap + rowUnit;
|
||
const room = widgetGrid.pinnedHeight + newRow <= availableGridHeight ? newRow : 0;
|
||
return anchor > widgetGrid.pinnedHeight + room + CcMetrics.gridGap / 2;
|
||
}
|
||
|
||
function groupTakesGridDrag(scenePoint) {
|
||
return WidgetUtils.canGroup(gridDragWidget) && widgetGrid.groupAt(scenePoint, widgetGrid.draggingSourceIndex) !== null;
|
||
}
|
||
|
||
// Drops commit a tick later: committing inside the release handler would destroy the dragged item mid-signal.
|
||
function dropFromGrid(index, scenePoint) {
|
||
if (!widgetGrid.heldOutside)
|
||
return false;
|
||
const savedIndex = widgetGrid.savedIndex(index);
|
||
if (footer.trashContains(scenePoint)) {
|
||
Qt.callLater(() => {
|
||
widgetModel.removeWidget(savedIndex);
|
||
widgetGrid.cancelInteraction();
|
||
});
|
||
return true;
|
||
}
|
||
const group = widgetGrid.hoverGroup !== "" ? widgetGrid.groupAt(scenePoint, index) : null;
|
||
if (group) {
|
||
const groupId = group.groupId;
|
||
const before = group.savedIndexAtSlot(group.incomingSlot);
|
||
Qt.callLater(() => {
|
||
WidgetUtils.moveToGroup(savedIndex, groupId, before);
|
||
widgetGrid.cancelInteraction();
|
||
});
|
||
return true;
|
||
}
|
||
const slot = footer.insertionAt(scenePoint);
|
||
const before = footer.savedIndexAt(slot);
|
||
const cells = Math.min(WidgetUtils.footerCells(gridDragWidget), footer.freeCells());
|
||
Qt.callLater(() => {
|
||
WidgetUtils.moveToFooter(savedIndex, before, cells, slot.end);
|
||
widgetGrid.cancelInteraction();
|
||
});
|
||
return true;
|
||
}
|
||
|
||
// Same rule as the other way round: the middle of the dragged item decides, against the grid's edge.
|
||
function gridTakesFooterDrag(visual) {
|
||
const middle = widgetGrid.mapFromItem(null, visual.x, visual.y + visual.height / 2).y - widgetGrid.contentPadding;
|
||
return footerOnTop ? middle > -CcMetrics.gridGap / 2 : middle < widgetGrid.gridHeight + CcMetrics.gridGap / 2;
|
||
}
|
||
|
||
function previewFooterDrag(index, visual, leaving) {
|
||
if (!leaving) {
|
||
widgetGrid.clearExternal();
|
||
return;
|
||
}
|
||
const widget = SettingsData.controlCenterWidgets[index];
|
||
const size = WidgetUtils.clampSize(widget, gridColumns, widgetGrid.maximumRows);
|
||
const point = widgetGrid.mapFromItem(null, visual.x, visual.y);
|
||
widgetGrid.previewExternal({
|
||
"id": widget.id,
|
||
"w": size.w,
|
||
"h": size.h
|
||
}, point.x, point.y);
|
||
}
|
||
|
||
function dropFromFooter(index, scenePoint) {
|
||
if (footer.trashContains(scenePoint)) {
|
||
Qt.callLater(() => widgetModel.removeWidget(index));
|
||
return true;
|
||
}
|
||
if (widgetGrid.externalItem) {
|
||
const placed = widgetGrid.committedItems();
|
||
const cell = placed.pop();
|
||
const widgets = WidgetUtils.placeFromFooter(widgetGrid.withHidden(placed), index, cell.col, cell.row);
|
||
Qt.callLater(() => {
|
||
WidgetUtils.setLayout(widgets);
|
||
widgetGrid.cancelInteraction();
|
||
});
|
||
return true;
|
||
}
|
||
const slot = footer.liftedSlot;
|
||
if (!slot)
|
||
return false;
|
||
const current = footer.slotOf(index);
|
||
if (slot.end === current.end && slot.at === current.at)
|
||
return false;
|
||
const before = footer.savedIndexAt(slot);
|
||
const cells = WidgetUtils.footerCells(SettingsData.controlCenterWidgets[index]);
|
||
Qt.callLater(() => WidgetUtils.moveToFooter(index, before, cells, slot.end));
|
||
return true;
|
||
}
|
||
|
||
function openWidgetSheet() {
|
||
const sheet = widgetSheetLoader.item;
|
||
if (!sheet) {
|
||
widgetSheetRequested = true;
|
||
return;
|
||
}
|
||
sheet.opened = true;
|
||
}
|
||
|
||
function closeWidgetSheet() {
|
||
if (!widgetSheetLoader.item)
|
||
return;
|
||
widgetSheetLoader.item.opened = false;
|
||
}
|
||
|
||
Keys.onEscapePressed: event => {
|
||
if (widgetSheetLoader.item?.opened) {
|
||
closeWidgetSheet();
|
||
event.accepted = true;
|
||
return;
|
||
}
|
||
if (configOverlayLoader.item?.visible) {
|
||
configOverlayLoader.item.close();
|
||
event.accepted = true;
|
||
return;
|
||
}
|
||
if (pageOpen) {
|
||
goBack();
|
||
event.accepted = true;
|
||
return;
|
||
}
|
||
if (host.editMode) {
|
||
host.editMode = false;
|
||
event.accepted = true;
|
||
return;
|
||
}
|
||
host.close();
|
||
event.accepted = true;
|
||
}
|
||
|
||
Shortcut {
|
||
sequences: ["F2", "Ctrl+E"]
|
||
enabled: root.host.shouldBeVisible && !root.host.editMode && !root.pageOpen
|
||
context: Qt.WindowShortcut
|
||
onActivated: root.host.editMode = true
|
||
}
|
||
|
||
readonly property string expandedSection: host.expandedSection ?? ""
|
||
readonly property bool editMode: host.editMode
|
||
|
||
onExpandedSectionChanged: {
|
||
if (expandedSection !== "")
|
||
return;
|
||
pageHistory = [];
|
||
}
|
||
|
||
onEditModeChanged: {
|
||
if (editMode) {
|
||
host.collapseAll();
|
||
editSnapshot = {
|
||
"widgets": JSON.stringify(SettingsData.controlCenterWidgets),
|
||
"columns": SettingsData.controlCenterColumns,
|
||
"footerPosition": SettingsData.controlCenterFooterPosition
|
||
};
|
||
} else {
|
||
panelResizer.cancel();
|
||
editSnapshot = null;
|
||
widgetSheetRequested = false;
|
||
}
|
||
if (!activeFocus)
|
||
forceActiveFocus();
|
||
}
|
||
|
||
DGridEditChrome {
|
||
id: panelChrome
|
||
|
||
readonly property real screenWidth: root.host.triggerScreen?.width ?? Infinity
|
||
readonly property real screenHeight: root.host.triggerScreen?.height ?? Infinity
|
||
|
||
function ringOffset(room) {
|
||
return Math.min(Theme.spacingS, room - handleThickness / 2 - Theme.outlineWidthFocused);
|
||
}
|
||
|
||
anchors.fill: parent
|
||
anchors.leftMargin: -(contentInset + ringOffset(Math.min(root.host.alignedX, root.chromeRoom.x)))
|
||
anchors.rightMargin: -(contentInset + ringOffset(Math.min(screenWidth - root.host.alignedX - root.width, root.chromeRoom.z)))
|
||
anchors.topMargin: -(contentInset + ringOffset(Math.min(root.host.alignedY, root.chromeRoom.y)))
|
||
anchors.bottomMargin: -(contentInset + ringOffset(Math.min(screenHeight - root.host.alignedY - root.height, root.chromeRoom.w)))
|
||
z: 1
|
||
visible: root.host.editMode
|
||
enabled: detailPage.shownSection === "" && !root.widgetSheetOpen
|
||
edgeResize: root.panelResizing || root.panelResizer.sideMovable(-1, root.gridColumns)
|
||
cornerResize: root.panelResizing || root.panelResizer.sideMovable(1, root.gridColumns)
|
||
horizontalResize: true
|
||
removable: false
|
||
cornerRadius: Theme.windowRadius + Theme.spacingS
|
||
buttonSize: Theme.iconSize
|
||
iconSize: PopoutMetrics.chromeIconSize
|
||
resizing: root.panelResizing
|
||
atDefault: root.gridColumns === Math.min(CcMetrics.defaultColumns, root.gridColumnCap)
|
||
sizeText: root.gridColumns + "×" + widgetGrid.slotLayout.rows
|
||
onResizeStarted: (px, py, signX) => root.panelResizer.begin(px, py, signX)
|
||
onResizeMoved: (px, py) => root.panelResizer.move(px, py)
|
||
onResizeEnded: root.panelResizer.end()
|
||
onResizeCanceled: root.panelResizer.cancel()
|
||
}
|
||
|
||
WidgetModel {
|
||
id: widgetModel
|
||
columns: root.gridColumns
|
||
maximumRows: widgetGrid.maximumRows
|
||
}
|
||
|
||
Rectangle {
|
||
anchors.fill: parent
|
||
topLeftRadius: root.surfaceCornerRadii.x
|
||
topRightRadius: root.surfaceCornerRadii.y
|
||
bottomRightRadius: root.surfaceCornerRadii.z
|
||
bottomLeftRadius: root.surfaceCornerRadii.w
|
||
color: Qt.rgba(0, 0, 0, Theme.scrimAlpha)
|
||
opacity: root.host.powerMenuOpen ? 1 : 0
|
||
visible: opacity > 0
|
||
z: CcMetrics.overlayZ
|
||
|
||
Behavior on opacity {
|
||
enabled: CcMetrics.animationsEnabled
|
||
NumberAnimation {
|
||
duration: CcMetrics.fadeDuration
|
||
easing.type: Easing.BezierSpline
|
||
easing.bezierCurve: Theme.expressiveCurves.expressiveEffects
|
||
}
|
||
}
|
||
}
|
||
|
||
DFlickable {
|
||
id: contentFlickable
|
||
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
anchors.top: root.footerOnTop ? footer.bottom : parent.top
|
||
anchors.topMargin: root.footerOnTop && root.footerShown ? Theme.spacingS : 0
|
||
anchors.bottom: root.footerOnTop ? parent.bottom : footer.top
|
||
anchors.bottomMargin: !root.footerOnTop && root.footerShown ? Theme.spacingS : 0
|
||
clip: contentHeight > height
|
||
contentWidth: width
|
||
contentHeight: Math.max(height, mainColumn.implicitHeight + CcMetrics.sheetPadding)
|
||
interactive: contentHeight > height
|
||
|
||
Column {
|
||
id: mainColumn
|
||
|
||
width: root.sheetContentWidth - CcMetrics.sheetPadding * 2
|
||
x: CcMetrics.sheetPadding
|
||
y: root.footerOnTop ? 0 : CcMetrics.sheetPadding
|
||
spacing: Theme.spacingS
|
||
|
||
Item {
|
||
id: body
|
||
|
||
width: parent.width
|
||
height: root.gridHeight
|
||
opacity: CcMetrics.hideCoveredContent ? 1 - root.coveredAmount : 1
|
||
|
||
CcTileGrid {
|
||
id: widgetGrid
|
||
columns: root.gridColumns
|
||
availableHeight: root.availableGridHeight
|
||
|
||
width: parent.width
|
||
anchors.top: parent.top
|
||
editMode: root.host.editMode
|
||
model: widgetModel
|
||
live: root.host.shouldBeVisible && detailPage.shownSection === ""
|
||
screenName: root.host.triggerScreen?.name || ""
|
||
tapToClose: root.host.headerTogglesClose ?? false
|
||
runningToplevels: root.runningToplevels
|
||
dragsOutside: (index, scenePoint, tile) => footer.trashContains(scenePoint) || root.groupTakesGridDrag(scenePoint) || root.footerTakesGridDrag(tile)
|
||
dropHandler: (index, scenePoint) => root.dropFromGrid(index, scenePoint)
|
||
onExpandClicked: widgetData => root.openWidgetPage(widgetData)
|
||
onRemoveWidget: index => widgetModel.removeWidget(index)
|
||
onConfigRequested: (index, widgetData, anchor) => root.openConfigOverlay(index, widgetData, anchor)
|
||
onColorPickerRequested: root.host.openColorPicker()
|
||
onCloseRequested: root.host.close()
|
||
onSettingsRequested: root.host.openSettings()
|
||
onEditRequested: root.host.editMode = true
|
||
onAccountsRequested: root.host.openAccounts()
|
||
onLockRequested: {
|
||
root.host.close();
|
||
root.host.lockRequested();
|
||
}
|
||
onPowerRequested: {
|
||
const loader = root.host.powerMenuModalLoader;
|
||
if (!loader)
|
||
return;
|
||
loader.active = true;
|
||
if (!loader.item)
|
||
return;
|
||
const bounds = Qt.rect(root.host.alignedX, root.host.alignedY, root.host.popupWidth, root.host.popupHeight);
|
||
loader.item.openFromControlCenter(bounds, root.host.screen);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
CcFooter {
|
||
id: footer
|
||
|
||
x: CcMetrics.sheetPadding
|
||
y: root.footerOnTop ? CcMetrics.sheetPadding : root.height - CcMetrics.sheetPadding - height
|
||
width: root.sheetContentWidth - CcMetrics.sheetPadding * 2
|
||
height: root.footerShown ? implicitHeight : 0
|
||
visible: root.footerShown
|
||
grid: widgetGrid
|
||
editMode: root.host.editMode
|
||
onTop: root.footerOnTop
|
||
transientSurfaceTracker: root.host.transientSurfaceTracker
|
||
items: root.footerItems
|
||
gridDragging: root.gridDragWidget !== null
|
||
gridDragPoint: widgetGrid.dragScenePoint
|
||
incomingRemovable: WidgetUtils.isRemovable(root.gridDragWidget)
|
||
incoming: root.gridDragWidget !== null && widgetGrid.heldOutside && widgetGrid.hoverGroup === "" && !footer.overTrash ? Object.assign({
|
||
"cells": Math.min(WidgetUtils.footerCells(root.gridDragWidget), footer.freeCells())
|
||
}, footer.gridSlot) : null
|
||
dropHandler: (index, cells, scenePoint) => root.dropFromFooter(index, scenePoint)
|
||
leavesRow: visual => root.gridTakesFooterDrag(visual)
|
||
opacity: body.opacity
|
||
onAddWidgetRequested: root.openWidgetSheet()
|
||
onResetRequested: widgetModel.resetToDefault()
|
||
onClearRequested: widgetModel.clearAll()
|
||
onMoveRequested: SettingsData.set("controlCenterFooterPosition", root.footerOnTop ? "bottom" : "top")
|
||
onRemoveRequested: index => widgetModel.removeWidget(index)
|
||
onConfigRequested: (index, widgetData, anchor) => root.openConfigOverlay(index, widgetData, anchor)
|
||
onItemMoved: (index, sceneRect, leaving) => root.previewFooterDrag(index, sceneRect, leaving)
|
||
onResized: (index, cells, fill) => WidgetUtils.setFooterSize(index, cells, fill)
|
||
onFinishRequested: root.host.editMode = false
|
||
onCancelRequested: root.cancelEdit()
|
||
}
|
||
|
||
CcDetailPage {
|
||
id: detailPage
|
||
|
||
z: 1
|
||
anchors.fill: parent
|
||
section: root.host.expandedSection ?? ""
|
||
topInset: CcMetrics.sheetPadding
|
||
cornerRadii: root.surfaceCornerRadii
|
||
coverage: Math.max(codecSelectorLoader.item?.presence ?? 0, portSelectorLoader.item?.presence ?? 0)
|
||
model: widgetModel
|
||
screenName: root.host.triggerScreen?.name || ""
|
||
screenModel: root.host.triggerScreen?.model || ""
|
||
transientSurfaceTracker: root.host.transientSurfaceTracker
|
||
onCodecSelectorRequested: device => root.showCodecSelector(device)
|
||
onPortSelectorRequested: node => root.showPortSelector(node)
|
||
runningToplevels: root.runningToplevels
|
||
onBackRequested: root.goBack()
|
||
onCollapseRequested: root.host.collapseAll()
|
||
onCloseRequested: root.host.close()
|
||
onDismissed: {
|
||
const target = root.detailReturnFocus;
|
||
root.detailReturnFocus = null;
|
||
if (target?.visible && target.enabled) {
|
||
target.forceActiveFocus();
|
||
return;
|
||
}
|
||
root.forceActiveFocus();
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: codecSelectorLoader
|
||
|
||
anchors.fill: parent
|
||
z: CcMetrics.overlayZ
|
||
active: false
|
||
sourceComponent: BluetoothCodecSelector {
|
||
cornerRadii: root.surfaceCornerRadii
|
||
onDismissed: Qt.callLater(root.releaseSheet, codecSelectorLoader)
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: portSelectorLoader
|
||
|
||
anchors.fill: parent
|
||
z: CcMetrics.overlayZ
|
||
active: false
|
||
sourceComponent: AudioPortSelector {
|
||
cornerRadii: root.surfaceCornerRadii
|
||
onDismissed: Qt.callLater(root.releaseSheet, portSelectorLoader)
|
||
}
|
||
}
|
||
|
||
Connections {
|
||
target: CompositorService
|
||
|
||
function onToplevelsChanged() {
|
||
root.toplevelRevision++;
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: widgetSheetLoader
|
||
|
||
anchors.fill: parent
|
||
z: CcMetrics.overlayZ
|
||
active: root.host.editMode
|
||
asynchronous: true
|
||
onLoaded: {
|
||
if (!root.widgetSheetRequested)
|
||
return;
|
||
root.widgetSheetRequested = false;
|
||
item.opened = true;
|
||
}
|
||
sourceComponent: CcWidgetSheet {
|
||
scrimRadii: root.surfaceCornerRadii
|
||
surfaceColor: CcMetrics.dialogColor
|
||
widgets: {
|
||
const existingIds = root.placedWidgetIds.split(",");
|
||
const allWidgets = widgetModel.baseWidgetDefinitions.concat(widgetModel.getPluginWidgets());
|
||
return allWidgets.filter(w => w.allowMultiple || !existingIds.includes(w.id));
|
||
}
|
||
onDismissRequested: opened = false
|
||
onChosen: widgetId => {
|
||
widgetModel.addWidget(widgetId);
|
||
opened = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: configOverlayLoader
|
||
|
||
active: false
|
||
sourceComponent: WidgetConfigOverlay {
|
||
transientSurfaceTracker: root.host.transientSurfaceTracker
|
||
onVisibleChanged: {
|
||
if (visible)
|
||
return;
|
||
Qt.callLater(root.releaseConfigOverlay);
|
||
}
|
||
}
|
||
}
|
||
}
|