import QtQuick 2.0
import Sailfish.Silica 1.0

Page {
    id: settings

    property string uuid;
    property string url;
    property var pebble;

    title: i18n.tr("App Settings")

    WebContext {
        id: webcontext
        userAgent: "Mozilla/5.0 (Linux; Android 5.0; Nexus 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.102 Mobile Safari/537.36 Ubuntu Touch (RockWork)"
    }

    WebView {
        id: webview
        anchors {
            fill: parent
            bottom: parent.bottom
        }
        width: parent.width
        height: parent.height

        context: webcontext
        url: settings.url
        preferences.localStorageEnabled: true
        preferences.appCacheEnabled: true
        preferences.javascriptCanAccessClipboard: true

        function navigationRequestedDelegate(request) {
            //The pebblejs:// protocol is handeled by the urihandler, as it appears we can't intercept it

            var url = request.url.toString();
            console.log(url, url.substring(0, 16));
            if (url.substring(0, 16) == 'pebblejs://close') {
                pebble.configurationClosed(settings.uuid, url);
                request.action = Oxide.NavigationRequest.ActionReject;
                pageStack.pop();
            }
        }

        Component.onCompleted: {
            preferences.localStorageEnabled = true;
        }
    }

    ProgressBar {
        height: units.dp(3)
        anchors {
            left: parent.left
            right: parent.right
            top: parent.top
        }

        showProgressPercentage: false
        value: (webview.loadProgress / 100)
        visible: (webview.loading && !webview.lastLoadStopped)
    }

    Connections {
        target: UriHandler
        onOpened: {
            if (uris && uris[0] && uris[0].length) {
                var url = uris[0];

                if (url.substring(0, 16) == 'pebblejs://close') {
                    pebble.configurationClosed(settings.uuid, url);
                    pageStack.pop();
                }
            }
        }
    }
}