mirror of
https://github.com/Yubico/yubioath-flutter.git
synced 2024-12-03 14:03:17 +03:00
338 lines
11 KiB
QML
338 lines
11 KiB
QML
import QtQuick 2.9
|
|
import QtQuick.Controls 2.2
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Controls.Material 2.2
|
|
import Qt.labs.settings 1.0
|
|
import Qt.labs.platform 1.1
|
|
import QtQuick.Window 2.2
|
|
import QtQml 2.12
|
|
|
|
ApplicationWindow {
|
|
|
|
id: app
|
|
|
|
width: 360
|
|
height: 620
|
|
minimumWidth: 360
|
|
minimumHeight: 208
|
|
visible: false
|
|
|
|
flags: Qt.Window | Qt.WindowFullscreenButtonHint | Qt.WindowTitleHint
|
|
| Qt.WindowSystemMenuHint | Qt.WindowMinMaxButtonsHint
|
|
| Qt.WindowCloseButtonHint | Qt.WindowFullscreenButtonHint
|
|
|
|
Accessible.ignored: true
|
|
|
|
readonly property string yubicoGreen: "#9aca3c"
|
|
readonly property string yubicoBlue: "#284c61"
|
|
readonly property string yubicoWhite: "#ffffff"
|
|
readonly property string yubicoGrey: "#939598"
|
|
readonly property string yubicoRed: "#fd5552"
|
|
|
|
readonly property string defaultDark: "#303030"
|
|
readonly property string defaultDarkLighter: "#383838"
|
|
readonly property string defaultDarkOverlay: "#4a4a4a"
|
|
readonly property string defaultDarkForeground: "#fafafa"
|
|
|
|
readonly property string defaultLight: "#fafafa"
|
|
readonly property string defaultLightDarker: "#ffffff"
|
|
readonly property string defaultLightOverlay: "#dddddd"
|
|
readonly property string defaultLightForeground: "#565656"
|
|
|
|
readonly property string defaultBackground: isDark() ? "#303030" : "#f7f8f9"
|
|
|
|
property string formUnderline: isDark() ? "#737373" : "#d8d8d8"
|
|
property string formLabel: isDark() ? "#c0c0c0" : "#a0a0a0"
|
|
property string formText: isDark() ? "#f0f0f0" : "#767676"
|
|
property string formPlaceholderText: isDark() ? "#808080" : "#b0b0b0"
|
|
property string formDropShdaow: isDark() ? "#1f1f1f" : "#cbcbcb"
|
|
property string formImageOverlay: isDark() ? "#d8d8d8" : "#727272"
|
|
property string formTitleUnderline: isDark() ? "#424242" : "#ffffff"
|
|
property string formStepBackground: isDark() ? "#565656" : "#bbbbbb"
|
|
|
|
property string credentialCardCurrentItem: isDark() ? "#4a4a4a" : "#e5e5e5"
|
|
property string credentialCardHovered: isDark() ? "#3e3e3e" : "#efefef"
|
|
property string credentialCardNormal: isDark() ? "#363636" : "#ffffff"
|
|
property string credentialCardCode: isDark() ? "#d8d8d8" : "#828282"
|
|
property string credentialCardIssuer: "#aaaaaa"
|
|
property string credentialCardNFCTimeout: isDark()? "#555555" : "#dddddd"
|
|
property string credentialCardHOTPCoolDown: "#777777"
|
|
|
|
property string iconButtonNormal: isDark() ? "#B7B7B7" : "#767676"
|
|
property string iconButtonHovered: isDark() ? "#ffffff" : "#202020"
|
|
|
|
property string toolTipForeground: app.isDark() ? "#fafafa" : "#fbfbfb"
|
|
property string toolTipBackground: app.isDark() ? "#4a4a4a" : "#7f7f7f"
|
|
|
|
property var currentCredentialCard
|
|
|
|
Material.theme: settings.theme
|
|
Material.primary: yubicoGreen
|
|
Material.accent: yubicoGreen
|
|
Material.foreground: isDark(
|
|
) ? defaultDarkForeground : defaultLightForeground
|
|
Material.background: defaultBackground
|
|
header: StyledToolBar {
|
|
id: toolBar
|
|
}
|
|
|
|
// Don't refresh credentials when window is minimized or hidden
|
|
// See http://doc.qt.io/qt-5/qwindow.html#Visibility-enum
|
|
property bool isInForeground: visibility != 3 && visibility != 0
|
|
onIsInForegroundChanged: {
|
|
(poller.running = isInForeground || settings.closeToTray)
|
|
}
|
|
Component.onCompleted: {
|
|
updateTrayVisibility()
|
|
ensureMinimumWindowSize()
|
|
ensureValidWindowPosition()
|
|
app.visible = !(settings.closeToTray && settings.hideOnLaunch)
|
|
}
|
|
|
|
Component.onDestruction: saveScreenLayout()
|
|
|
|
FontLoader {
|
|
id: robotoRegular;
|
|
source: "../fonts/Roboto-Regular.ttf"
|
|
}
|
|
|
|
FontLoader {
|
|
id: robotoBold;
|
|
source: "../fonts/Roboto-Bold.ttf"
|
|
}
|
|
|
|
FontLoader {
|
|
id: robotoItalic;
|
|
source: "../fonts/Roboto-Italic.ttf"
|
|
}
|
|
|
|
FontLoader {
|
|
id: robotoMedium;
|
|
source: "../fonts/Roboto-Medium.ttf"
|
|
}
|
|
|
|
FontLoader {
|
|
id: robotoLight;
|
|
source: "../fonts/Roboto-Light.ttf"
|
|
}
|
|
|
|
font.family: robotoRegular.name
|
|
|
|
function enableLogging(logLevel) {
|
|
yubiKey.enableLogging(logLevel, null)
|
|
}
|
|
function enableLoggingToFile(logLevel, logFile) {
|
|
yubiKey.enableLogging(logLevel, logFile)
|
|
}
|
|
function disableLogging() {
|
|
yubiKey.disableLogging()
|
|
}
|
|
|
|
function isDark() {
|
|
return app.Material.theme === Material.Dark
|
|
}
|
|
|
|
function saveScreenLayout() {
|
|
settings.desktopAvailableWidth = Screen.desktopAvailableWidth
|
|
settings.desktopAvailableHeight = Screen.desktopAvailableHeight
|
|
}
|
|
|
|
function ensureMinimumWindowSize() {
|
|
app.width = width < minimumWidth ? minimumWidth : width
|
|
app.height = height < minimumHeight ? minimumHeight : height
|
|
}
|
|
|
|
function ensureValidWindowPosition() {
|
|
// If we have the same desktop dimensions as last time, use the saved position.
|
|
// If not, put the window in the middle of the screen.
|
|
var savedScreenLayout = (settings.desktopAvailableWidth === Screen.desktopAvailableWidth)
|
|
&& (settings.desktopAvailableHeight === Screen.desktopAvailableHeight)
|
|
app.x = (savedScreenLayout) ? settings.x : Screen.width / 2 - app.width / 2
|
|
app.y = (savedScreenLayout) ? settings.y : Screen.height / 2 - app.height / 2
|
|
}
|
|
|
|
function updateTrayVisibility() {
|
|
// When the tray option is enabled, closing the last window
|
|
// doesn't actually close the application.
|
|
application.quitOnLastWindowClosed = !settings.closeToTray
|
|
}
|
|
|
|
function calculateFavorite(credential, text) {
|
|
if (credential && credential.touch) {
|
|
sysTrayIcon.showMessage(
|
|
qsTr("Touch required"),
|
|
qsTr("Touch your YubiKey now to generate code for protected credential."),
|
|
SystemTrayIcon.NoIcon)
|
|
}
|
|
if (settings.otpMode) {
|
|
yubiKey.otpCalculate(credential, function (resp) {
|
|
if (resp.success) {
|
|
clipBoard.push(resp.code.value)
|
|
sysTrayIcon.showMessage(
|
|
qsTr("Copied to clipboard"),
|
|
"The code for " + text + " is now in the clipboard.",
|
|
SystemTrayIcon.NoIcon)
|
|
} else {
|
|
sysTrayIcon.showMessage(
|
|
"Error",
|
|
"calculate failed: " + resp.error_id,
|
|
SystemTrayIcon.NoIcon)
|
|
console.log("calculate failed:", resp.error_id)
|
|
}
|
|
})
|
|
} else {
|
|
yubiKey.calculate(credential, function (resp) {
|
|
if (resp.success) {
|
|
clipBoard.push(resp.code.value)
|
|
sysTrayIcon.showMessage(
|
|
qsTr("Copied to clipboard"),
|
|
"The code for " + text + " is now in the clipboard.",
|
|
SystemTrayIcon.NoIcon)
|
|
} else {
|
|
sysTrayIcon.showMessage(
|
|
qsTr("Error"),
|
|
"calculate failed: " + resp.error_id,
|
|
SystemTrayIcon.NoIcon)
|
|
console.log("calculate failed:", resp.error_id)
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
function getFavoriteEntries() {
|
|
var favs = entriesComponent.createObject(app, {
|
|
})
|
|
for (var i = 0; i < entries.count; i++) {
|
|
var entry = entries.get(i)
|
|
if (!!entry.credential && settings.favorites.includes(entry.credential.key)) {
|
|
favs.append(entry)
|
|
}
|
|
}
|
|
return favs
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Copy
|
|
enabled: !!currentCredentialCard
|
|
onActivated: app.currentCredentialCard.calculateCard(true)
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Delete
|
|
enabled: !!currentCredentialCard
|
|
onActivated: app.currentCredentialCard.deleteCard()
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Open
|
|
enabled: !!yubiKey.currentDevice && yubiKey.currentDeviceValidated
|
|
onActivated: yubiKey.scanQr()
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Find
|
|
onActivated: toolBar.searchField.forceActiveFocus()
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Preferences
|
|
onActivated: navigator.goToSettings()
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Quit
|
|
context: Qt.ApplicationShortcut
|
|
onActivated: Qt.quit()
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Close
|
|
onActivated: app.close()
|
|
context: Qt.ApplicationShortcut
|
|
}
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.FullScreen
|
|
onActivated: visibility = visibility
|
|
=== Window.FullScreen ? Window.Windowed : Window.FullScreen
|
|
context: Qt.ApplicationShortcut
|
|
}
|
|
|
|
// This information is stored in the system registry on Windows,
|
|
// and in XML preferences files on macOS. On other Unix systems,
|
|
// in the absence of a standard, INI text files are used.
|
|
// See http://doc.qt.io/qt-5/qml-qt-labs-settings-settings.html#details
|
|
Settings {
|
|
id: settings
|
|
|
|
// Can be 0 (off), 6, 7 or 8
|
|
property int slot1digits
|
|
property int slot2digits
|
|
|
|
property bool otpMode
|
|
property bool useCustomReader
|
|
property string customReaderName
|
|
|
|
property bool closeToTray
|
|
property bool hideOnLaunch
|
|
property bool requireTouch: true
|
|
|
|
property int theme: Material.System
|
|
|
|
// Keep track of window and desktop dimensions.
|
|
property alias width: app.width
|
|
property alias height: app.height
|
|
property alias x: app.x
|
|
property alias y: app.y
|
|
|
|
property int desktopAvailableWidth
|
|
property int desktopAvailableHeight
|
|
|
|
property var favorites: []
|
|
property string favoriteDefault
|
|
|
|
onCloseToTrayChanged: updateTrayVisibility()
|
|
onThemeChanged: {
|
|
app.Material.theme = theme
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: entriesComponent
|
|
EntriesModel {
|
|
}
|
|
}
|
|
|
|
EntriesModel {
|
|
id: entries
|
|
}
|
|
|
|
ClipBoard {
|
|
id: clipBoard
|
|
}
|
|
|
|
Timer {
|
|
id: poller
|
|
triggeredOnStart: true
|
|
interval: 1000
|
|
repeat: true
|
|
running: app.isInForeground || settings.closeToTray
|
|
onTriggered: yubiKey.poll()
|
|
}
|
|
|
|
YubiKey {
|
|
id: yubiKey
|
|
}
|
|
|
|
SystemTray {
|
|
id: sysTrayIcon
|
|
}
|
|
|
|
Navigator {
|
|
id: navigator
|
|
anchors.fill: parent
|
|
focus: true
|
|
Keys.forwardTo: toolBar.searchField
|
|
}
|
|
}
|