blob: ee6366a531ee22c9f18e988a7d33d14e08db6f87 [file] [log] [blame]
/****************************************************************************
**
** Copyright (C) 2016 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt Quick Dialogs module of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** GNU Lesser General Public License Usage
** Alternatively, this file may be used under the terms of the GNU Lesser
** General Public License version 3 as published by the Free Software
** Foundation and appearing in the file LICENSE.LGPL3 included in the
** packaging of this file. Please review the following information to
** ensure the GNU Lesser General Public License version 3 requirements
** will be met: https://www.gnu.org/licenses/lgpl-3.0.html.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU
** General Public License version 2.0 or (at your option) the GNU General
** Public license version 3 or any later version approved by the KDE Free
** Qt Foundation. The licenses are as published by the Free Software
** Foundation and appearing in the file LICENSE.GPL2 and LICENSE.GPL3
** included in the packaging of this file. Please review the following
** information to ensure the GNU General Public License requirements will
** be met: https://www.gnu.org/licenses/gpl-2.0.html and
** https://www.gnu.org/licenses/gpl-3.0.html.
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Private 1.0
import QtQuick.Controls.Styles 1.0
import QtQuick.Dialogs 1.1
import QtQuick.Dialogs.Private 1.1
import QtQuick.Layouts 1.1
import QtQuick.Window 2.1
import "qml"
AbstractFontDialog {
id: root
property alias font: content.externalFont
property alias currentFont: content.font
Rectangle {
id: content
SystemPalette { id: palette }
implicitWidth: Math.min(root.__maximumDimension, Math.max(Screen.pixelDensity * 100, mainLayout.implicitWidth + outerSpacing * 2))
implicitHeight: Math.min(root.__maximumDimension, Math.max(Screen.pixelDensity * 60, mainLayout.implicitHeight + outerSpacing * 2))
property real spacing: 6
property real outerSpacing: 12
color: palette.window
property font font: Qt.font({ family: "Helvetica", pointSize: 24, weight: Font.Normal })
property font externalFont
property string writingSystem
property string writingSystemSample
property var pointSizes
onExternalFontChanged: {
if (Component.status != Component.Ready)
return
if (content.font != content.externalFont) {
font = externalFont
wsComboBox.reset()
fontListView.reset()
weightListView.reset()
}
}
Component.onCompleted: externalFontChanged()
onWritingSystemSampleChanged: { sample.text = writingSystemSample; }
Keys.onPressed: {
event.accepted = true
switch (event.key) {
case Qt.Key_Return:
case Qt.Key_Select:
updateUponAccepted()
break
case Qt.Key_Escape:
case Qt.Key_Back:
reject()
break
default:
// do nothing
event.accepted = false
break
}
}
function updateUponAccepted() {
root.font = content.font
root.accept()
}
ColumnLayout {
id: mainLayout
anchors { fill: parent; margins: content.outerSpacing }
spacing: content.spacing
GridLayout {
columnSpacing: content.spacing; rowSpacing: content.spacing
columns: 3
Label { id: fontNameLabel; Layout.fillWidth: true; text: qsTr("Font"); font.bold: true }
Label { id: weightLabel; text: qsTr("Weight"); font.bold: true }
Label { id: sizeLabel; text: qsTr("Size"); font.bold: true }
TableView {
id: fontListView
focus: true
Layout.fillWidth: true
Layout.fillHeight: true
Layout.preferredWidth: fontColumn.width
headerVisible: false
function reset() {
fontModel.findIndex()
content.pointSizes = fontModel.pointSizes()
fontModel.findPointSizesIndex()
}
TableViewColumn{ id: fontColumn; role: "family"; title: qsTr("Font Family") }
model: FontListModel {
id: fontModel
scalableFonts: root.scalableFonts
nonScalableFonts: root.nonScalableFonts
monospacedFonts: root.monospacedFonts
proportionalFonts: root.proportionalFonts
Component.onCompleted: fontListView.reset()
onModelReset: { findIndex(); }
function findIndex() {
fontListView.selection.clear()
if (fontModel.count <= 0 || fontListView.rowCount <= 0)
return
var currentRow = 0
if (content.font.family != "") {
for (var i = 0; i < fontModel.count; ++i) {
if (content.font.family == fontModel.get(i).family) {
currentRow = i
break
}
}
}
content.font.family = fontModel.get(currentRow).family
fontListView.selection.select(currentRow)
fontListView.positionViewAtRow(currentRow, ListView.Contain)
fontListView.clicked(currentRow)
}
function findPointSizesIndex() {
pointSizesListView.selection.clear()
if (content.pointSizes.length <= 0 || pointSizesListView.rowCount <= 0)
return
var currentRow = -1
for (var i = 0; i < content.pointSizes.length; ++i) {
if (content.font.pointSize == content.pointSizes[i]) {
currentRow = i
break
}
}
if (currentRow != -1) {
content.font.pointSize = content.pointSizes[currentRow]
pointSizesListView.selection.select(currentRow)
pointSizesListView.positionViewAtRow(currentRow, ListView.Contain)
pointSizesListView.clicked(currentRow)
}
}
}
function select(row) {
if (row == -1)
return
currentRow = row
content.font.family = fontModel.get(row).family
positionViewAtRow(row, ListView.Contain)
}
onClicked: select(row)
onCurrentRowChanged: select(currentRow)
}
TableView {
id: weightListView
implicitWidth: (Component.status == Component.Ready) ? (weightColumn.width + content.outerSpacing) : (100)
Layout.fillHeight: true
Component.onCompleted: resizeColumnsToContents();
headerVisible: false
function reset() {
weightModel.findIndex()
}
TableViewColumn { id: weightColumn; role: "name"; title: qsTr("Weight") }
model: ListModel {
id: weightModel
ListElement { name: qsTr("Thin"); weight: Font.Thin }
ListElement { name: qsTr("ExtraLight"); weight: Font.ExtraLight }
ListElement { name: qsTr("Light"); weight: Font.Light }
ListElement { name: qsTr("Normal"); weight: Font.Normal }
ListElement { name: qsTr("Medium"); weight: Font.Medium }
ListElement { name: qsTr("DemiBold"); weight: Font.DemiBold }
ListElement { name: qsTr("Bold"); weight: Font.Bold }
ListElement { name: qsTr("ExtraBold"); weight: Font.ExtraBold }
ListElement { name: qsTr("Black"); weight: Font.Black }
Component.onCompleted: weightListView.reset()
function findIndex() {
var currentRow = 1
for (var i = 0; i < weightModel.count; ++i) {
if (content.font.weight == weightModel.get(i).weight) {
currentRow = i
break
}
}
content.font.weight = weightModel.get(currentRow).family
weightListView.selection.select(currentRow)
weightListView.positionViewAtRow(currentRow, ListView.Contain)
weightListView.clicked(currentRow)
}
}
function select(row) {
if (row == -1)
return
currentRow = row
content.font.weight = weightModel.get(row).weight
positionViewAtRow(row, ListView.Contain)
}
onClicked: select(row)
onCurrentRowChanged: select(currentRow)
}
ColumnLayout {
SpinBox {
id: pointSizeSpinBox;
implicitWidth: (Component.status == Component.Ready) ? (psColumn.width + content.outerSpacing) : (80)
value: content.font.pointSize
decimals: 0
minimumValue: 1
maximumValue: 512
onValueChanged: {
content.font.pointSize = Number(value);
updatePointSizesIndex();
}
function updatePointSizesIndex() {
pointSizesListView.selection.clear()
if (content.pointSizes.length <= 0 || pointSizesListView.rowCount <= 0)
return
var currentRow = -1
for (var i = 0; i < content.pointSizes.length; ++i) {
if (content.font.pointSize == content.pointSizes[i]) {
currentRow = i
break
}
}
if (currentRow < 0)
return
content.font.pointSize = content.pointSizes[currentRow]
pointSizesListView.selection.select(currentRow)
pointSizesListView.positionViewAtRow(currentRow, ListView.Contain)
pointSizesListView.clicked(currentRow)
}
}
TableView {
id: pointSizesListView
Layout.fillHeight: true
headerVisible: false
implicitWidth: (Component.status == Component.Ready) ? (psColumn.width + content.outerSpacing) : (80)
Component.onCompleted: resizeColumnsToContents();
TableViewColumn{ id: psColumn; role: ""; title: qsTr("Size") }
model: content.pointSizes
property bool guard: false
function select(row) {
if (row == -1 || !guard)
return
currentRow = row
content.font.pointSize = content.pointSizes[row]
pointSizeSpinBox.value = content.pointSizes[row]
positionViewAtRow(row, ListView.Contain)
}
onClicked: select(row)
onCurrentRowChanged: {
select(currentRow)
if (!guard)
guard = true
}
}
}
}
RowLayout {
spacing: content.spacing
Layout.fillHeight: false
ColumnLayout {
spacing: content.spacing
Layout.rowSpan: 3
Label { id: optionsLabel; text: qsTr("Style"); font.bold: true }
CheckBox {
id: italicCheckBox
text: qsTr("Italic")
checked: content.font.italic
onClicked: { content.font.italic = italicCheckBox.checked }
}
CheckBox {
id: underlineCheckBox
text: qsTr("Underline")
checked: content.font.underline
onClicked: { content.font.underline = underlineCheckBox.checked }
}
CheckBox {
id: overlineCheckBox
text: qsTr("Overline")
checked: content.font.overline
onClicked: { content.font.overline = overlineCheckBox.checked }
}
CheckBox {
id: strikeoutCheckBox
text: qsTr("Strikeout")
checked: content.font.strikeout
onClicked: { content.font.strikeout = strikeoutCheckBox.checked }
}
Item { Layout.fillHeight: true; } //spacer
Label { id: writingSystemLabel; text: qsTr("Writing System"); font.bold: true }
}
ColumnLayout {
Layout.rowSpan: 3
spacing: content.spacing
Layout.columnSpan: 2
Layout.fillWidth: true
Layout.fillHeight: true
Label { id: sampleLabel; text: qsTr("Sample"); font.bold: true }
Rectangle {
clip: true
Layout.fillWidth: true
Layout.fillHeight: true
implicitWidth: Math.min(360, sample.implicitWidth + parent.spacing)
implicitHeight: Math.min(240, sample.implicitHeight + parent.spacing)
color: "white"
border.color: "#999"
TextInput {
id: sample
activeFocusOnTab: true
Accessible.name: text
Accessible.role: Accessible.EditableText
anchors.centerIn: parent
font: content.font
onFocusChanged: if (!focus && sample.text == "") sample.text = content.writingSystemSample
renderType: Settings.isMobile ? Text.QtRendering : Text.NativeRendering
}
}
}
}
RowLayout {
id: buttonRow
Layout.columnSpan: 3
spacing: content.spacing
ComboBox {
id: wsComboBox
function reset() {
if (wsModel.count > 0) {
currentIndex = 0
}
}
textRole: "name"
model: WritingSystemListModel {
id: wsModel
Component.onCompleted: wsComboBox.reset()
}
onCurrentIndexChanged: {
if (currentIndex == -1)
return
content.writingSystem = wsModel.get(currentIndex).name
fontModel.writingSystem = content.writingSystem
content.writingSystemSample = wsModel.get(currentIndex).sample
fontListView.reset()
}
}
Item { Layout.fillWidth: true; } //spacer
Button {
text: qsTr("Cancel")
onClicked: root.reject()
}
Button {
text: qsTr("OK")
onClicked: {
content.updateUponAccepted()
}
}
}
}
}
}