System functions

1
2
3
4
5
6
7
8
9
TextArea {
    id: textArea

    Layout.fillWidth: true
    Layout.fillHeight: true

    text: AppFramework.clipboard.text
    readOnly: true
}

1
2
3
4
5
6
7
8
9
10
TextArea {
    id: htmlTextArea

    Layout.fillWidth: true
    Layout.fillHeight: true

    text: AppFramework.clipboard.html
    textFormat: Text.RichText
    readOnly: true
}

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
Flow {
    Layout.fillWidth: true

    ImageObject {
        id: imageObject
    }

    Button {
        text: "Clear Image"
        enabled: !imageObject.empty

        onClicked: {
            imageObject.clear();
        }
    }

    Button {
        text: "Copy"
        enabled: !imageObject.empty

        onClicked: {
            imageObject.copyToClipboard();
        }
    }

    Button {
        text: "Paste"
        enabled: imageObject.canPasteFromClipboard

        onClicked: {
            imageObject.pasteFromClipboard();
        }
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
property url shareURL

TextField {
    id: inputText
    placeholderText: "Enter something to share"
}

Button {
    text: "Share as text"

    onClicked: {
        AppFramework.clipboard.share(inputText.text)
    }
}

Button {
    text: "Share as Url"

    onClicked: {
        shareURL = inputText.text
        AppFramework.clipboard.share(shareURL)
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
property string localeName
property string oauthUrlFormat: "https://www.arcgis.com/sharing/rest/oauth2/authorize?client_id=arcgisonline&redirect_uri=http://www.arcgis.com&response_type=token&locale=%1"
property url oauthUrl

Component.onCompleted: {
    // Get the current Locale from the system's locale settings
    localeName = Qt.locale().name;
}

LocaleInfo {
    id: localeInfo
    name: localeName

    //  update the properties and the OAuth page when the app Locale is changed
    onLocaleChanged: {
        localeInfoModel.update(localeInfo);
        oauthUrl = oauthUrlFormat.arg(esriName);
        if (oauthTab.item) {
            oauthTab.item.url = oauthUrl;
        }
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Text {
    text: "Locale search"
}

// locale Name provided by the user for the app e.g. fr-Fr, en-GB, de_DE
TextField {
    id: localeField
    Layout.fillWidth: true
    text: localeName
    placeholderText: "Locale"
    onEditingFinished: {
        localeName = text;
    }
    function update(name) {
        text = name;
        editingFinished();
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Model to list the properties associated with the LocaleInfo
ListModel {
    id: localeInfoModel
    // function to update the properties when the Locale is changed in the textbox
    function update(localeInfo) {
        clear();
        add("name",                 localeInfo.name);
        add("ietfName",             localeInfo.ietfName);
        add("esriName",             localeInfo.esriName);
        add("languageName",         localeInfo.languageName);
        add("languageCode",         localeInfo.languageCode);
        add("countryName",          localeInfo.countryName);
        add("countryCode",          localeInfo.countryCode);
        add("scriptName",           localeInfo.scriptName);
        add("scriptCode",           localeInfo.scriptCode);
    }
    function add(name, value) {
        append({
            name: name,
            value: value.toString()
        });
    }
}

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
TabView {
    Layout.fillWidth: true
    Layout.fillHeight: true

    Tab {
        id: localeInfoTab
        title: "LocaleInfo"

        TableView {
            model: localeInfoModel

            TableViewColumn {
                role: "name"
                title: "Property"
            }

            TableViewColumn {
                role: "value"
                title: "Value"
            }
        }
    }

    Tab {
        id: oauthTab
        title: "Sign In Page"
        WebView {
            // Load the OAuth url in the webView.
            Component.onCompleted: {
                url = oauthUrl;
            }
        }
    }
}

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
Column {
    id: cl
    width: parent.width
    spacing: 5

    UrlInfo {
        id: urlInfo
    }

    Text {
        text: "Your initial URL:"
        wrapMode: Text.WrapAnywhere
        width: parent.width
    }

    TextArea {
        id: urlField
        selectByMouse: true
        cursorPosition: 1
        wrapMode: "Wrap"
        width: parent.width
        font.pixelSize: 10
        horizontalAlignment :TextInput.AlignLeft
        text:"https://csmgisweb.smgov.net/csmgis01/rest/services/admin_boundaries/zoning/MapServer/0/query?objectIds=99,100&time=&geometry=&geometryType=esriGeometryPoint&inSR=&spatialRel=esriSpatialRelContains&f=html"

        onTextChanged: {
            urlInfo.fromUserInput(text);
        }
    }

    CheckBox {
        text: "<b>Is a query present?</b>"
        checked: urlInfo.hasQuery
        enabled: false
        padding: 0
    }

    Text {
        text: "<b>The query for your URL</b>: "
        wrapMode: Text.WrapAnywhere
        width: parent.width
    }

    Text {
        text: "Edit the query, and the URL below it will update with your changes."
        wrapMode: Text.WrapAnywhere
        width: parent.width
    }

    TextArea {
        id: queryField
        text: JSON.stringify(urlInfo.queryParameters, undefined, 2)
        wrapMode: Text.WrapAnywhere
        width: parent.width

        onTextChanged: {
            urlInfo.queryParameters = JSON.parse(text);
        }
    }

    Text {
        text: "<b>Your URL with updated query:<b>"
        wrapMode: Text.WrapAnywhere
        width: parent.width
    }

    TextField {
        id: reQueried
        text: urlInfo.url
        wrapMode: Text.WrapAnywhere
        width: parent.width
    }
}