147 lines
3.9 KiB
QML
147 lines
3.9 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import QtGraphicalEffects 1.13
|
|
import "../../../imports"
|
|
import "../../../shared"
|
|
import "../../../shared/status"
|
|
|
|
ModalPopup {
|
|
property string urlError: ""
|
|
property string nameError: ""
|
|
property string ogUrl
|
|
property string ogName
|
|
property bool modifiyModal: false
|
|
property bool toolbarMode: false
|
|
|
|
id: popup
|
|
width: toolbarMode ? 345 : 480
|
|
height: toolbarMode ? 345 : 480
|
|
|
|
modal: !toolbarMode
|
|
|
|
background: Rectangle {
|
|
id: bgPopup
|
|
color: Style.current.background
|
|
radius: Style.current.radius
|
|
layer.enabled: true
|
|
layer.effect: DropShadow{
|
|
width: bgPopup.width
|
|
height: bgPopup.height
|
|
x: bgPopup.x
|
|
y: bgPopup.y + 10
|
|
visible: bgPopup.visible
|
|
source: bgPopup
|
|
horizontalOffset: 0
|
|
verticalOffset: 5
|
|
radius: 10
|
|
samples: 15
|
|
color: "#22000000"
|
|
}
|
|
}
|
|
|
|
onOpened: {
|
|
urlInput.forceActiveFocus(Qt.MouseFocusReason)
|
|
}
|
|
|
|
onClosed: {
|
|
reset()
|
|
}
|
|
|
|
function validate() {
|
|
urlError = ""
|
|
if (!urlInput.text) {
|
|
urlError = qsTr("Please enter a URL")
|
|
} else if (!Utils.isURL(urlInput.text)) {
|
|
urlError = qsTr("This fields needs to be a valid URL")
|
|
}
|
|
|
|
nameError = !nameInput.text ? qsTr("Please enter a Name") : ""
|
|
|
|
return !urlError && !nameError
|
|
}
|
|
|
|
function reset() {
|
|
modifiyModal = false
|
|
toolbarMode = false
|
|
urlError = ""
|
|
nameError = ""
|
|
ogUrl = ""
|
|
ogName = ""
|
|
x = Math.round(((parent ? parent.width : 0) - width) / 2)
|
|
y = Math.round(((parent ? parent.height : 0) - height) / 2)
|
|
}
|
|
|
|
title: modifiyModal ?
|
|
toolbarMode ?
|
|
qsTr("Favorite added") :
|
|
qsTr("Edit")
|
|
: qsTr("Add favorite")
|
|
|
|
Column {
|
|
width: parent.width
|
|
spacing: Style.current.padding
|
|
|
|
Input {
|
|
id: urlInput
|
|
label: qsTr("URL")
|
|
placeholderText: qsTr("Paste URL")
|
|
pasteFromClipboard: true
|
|
validationError: popup.urlError
|
|
text: popup.ogUrl
|
|
}
|
|
|
|
Input {
|
|
id: nameInput
|
|
label: qsTr("Name")
|
|
placeholderText: qsTr("Name the website")
|
|
validationError: popup.nameError
|
|
text: popup.ogName
|
|
}
|
|
}
|
|
|
|
footer: Item {
|
|
width: parent.width
|
|
height: removeBtn.height
|
|
|
|
StatusButton {
|
|
id: removeBtn
|
|
anchors.right: addBtn.left
|
|
anchors.rightMargin: Style.current.padding
|
|
visible: popup.modifiyModal
|
|
text: qsTr("Remove")
|
|
anchors.bottom: parent.bottom
|
|
color: Style.current.danger
|
|
bgColor: Utils.setColorAlpha(Style.current.danger, 0.1)
|
|
bgHoverColor: Utils.setColorAlpha(Style.current.danger, 0.2)
|
|
onClicked: {
|
|
browserModel.removeBookmark(popup.ogUrl)
|
|
popup.close()
|
|
}
|
|
}
|
|
|
|
StatusButton {
|
|
id: addBtn
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.smallPadding
|
|
text: popup.modifiyModal ?
|
|
qsTr("Done") :
|
|
qsTr("Add")
|
|
anchors.bottom: parent.bottom
|
|
onClicked: {
|
|
if (!validate()) {
|
|
return
|
|
}
|
|
|
|
if (!popup.modifiyModal) {
|
|
browserModel.addBookmark(urlInput.text, nameInput.text)
|
|
} else if (popup.ogName !== nameInput.text || popup.ogUrl !== urlInput.text) {
|
|
browserModel.modifyBookmark(popup.ogUrl, urlInput.text, nameInput.text)
|
|
}
|
|
|
|
popup.close()
|
|
}
|
|
}
|
|
}
|
|
}
|