aboutsummaryrefslogtreecommitdiffstats
path: root/com.pelagicore.youtube/Browser.qml
blob: ae756e6f5a942e0ff4da59b26ca3ab2a1ef42a74 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/****************************************************************************
**
** Copyright (C) 2020 Luxoft Sweden AB
** Copyright (C) 2018 Pelagicore AG
** Contact: http://www.pelagicore.com/
**
** This file is part of Neptune 3 IVI UI.
**
** $QT_BEGIN_LICENSE:LGPL3$
** Commercial License Usage
** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
** and conditions see http://www.pelagicore.com.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU
** General Public License version 3 as published by the Free Software
** Foundation and appearing in the file LICENSE.GPLv3 included in the
** packaging of this file. Please review the following information to
** ensure the GNU General Public License version 3 requirements will be
** met: http://www.gnu.org/licenses/gpl-3.0.html.
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.8
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtWebEngine 1.7
import application.windows 1.0
import shared.controls 1.0
import shared.Style 1.0
import shared.Sizes 1.0

ApplicationCCWindow {
    id: root

    Control {
        id: mainContent
        x: root.exposedRect.x
        y: root.exposedRect.y
        width: root.exposedRect.width
        height: root.exposedRect.height
        property alias title: webView.title
        property string url: "https://www.youtube.com"

        onUrlChanged: {
            var pattern = /^((file|http|https|ftp):\/\/)/;

            if (!pattern.test(url)) {
                url = "http://" + url;
            }
        }

        ColumnLayout {
            anchors.fill: parent
            spacing: 0

            Rectangle {
                Layout.fillWidth: true
                height: Sizes.dp(4)
                color: "#000000"

                Rectangle {
                    anchors.bottom: parent.bottom
                    width: parent.width * webView.loadProgress / 100
                    height: Sizes.dp(4)
                    color: Style.accentColor

                    opacity: webView.loading
                    Behavior on opacity { NumberAnimation {} }
                }
            }

            Item {
                Layout.fillWidth: true
                Layout.fillHeight: true

                Rectangle {
                    anchors.fill: parent
                    color: Style.mainColor
                }

                WebEngineView {
                    id: webView

                    anchors.fill: parent
                    url: mainContent.url

                    onLoadingChanged: {
                        if (loadRequest.status === WebEngineView.LoadFailedStatus) {
                            console.log(Logging.sysui, "WebView.Loadfailed: "
                                        + loadRequest.errorString)
                            console.log(Logging.sysui, "when loading: " + loadRequest.url)
                        }
                    }
                }
            }
        }
    }
}