EdgeSharp.Samples/winform/EdgeSharp.WinForms.Sample/app/pages/movies.js at 60a862ae703720b2ccfbe9f877276b2cb75252f4 · webview2/EdgeSharp.Samples · GitHub

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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
function loadMovies_postMessage() {
    $('#moviesTable tbody').empty();

    window.external.Execute('/movies' + queryPath())
        .then(function (response) {
            var jsonData = JSON.parse(response);
            for (var i = 0; i < jsonData.Movies.length; i++) {
                var row = "<tr>";

                row += "<td>" + jsonData.Movies[i].Title + "</td>";
                row += "<td>" + jsonData.Movies[i].ReleaseDate + "</td>";
                row += "<td>" + jsonData.Movies[i].Genre + "</td>";
                row += "<td>" + jsonData.Movies[i].Price + "</td>";
                row += "<td>" + jsonData.Movies[i].Rating + "</td>";

                row += "<td>"
                    + "<a class=\"btn btn-info btn-sm\"     role=\"button\" href =\"#movieedit\"    onclick=\"action('/movieedit', " + jsonData.Movies[i].Id + "); return false;\">Edit</a>    &ensp;"
                    + "<a class=\"btn btn-success btn-sm\"  role=\"button\" href =\"#moviedetail\"  onclick=\"action('/moviedetails', " + jsonData.Movies[i].Id + "); return false;\">Details</a> &ensp;"
                    + "<a class=\"btn btn-danger btn-sm\"   role=\"button\" href =\"#moviedelete\"  onclick=\"action('/moviedelete', " + jsonData.Movies[i].Id + "); return false;\">Delete</a>"
                    + "</td>";

                row += "</tr>";
                $('#moviesTable tbody').append(row);
            }
        })
        .catch(function (error) {
            console.error(error);
        });
}

function loadMovies_httpClient() {
    $('#moviesTable tbody').empty();

    axios.get('http://edgesharp.com/movies' + queryPath())
        .then(response => {
            if (response.status == 200) {
                for (var i = 0; i < response.data['Movies'].length; i++) {
                    var row = "<tr>";

                    row += "<td>" + response.data['Movies'][i].Title + "</td>";
                    row += "<td>" + response.data['Movies'][i].ReleaseDate + "</td>";
                    row += "<td>" + response.data['Movies'][i].Genre + "</td>";
                    row += "<td>" + response.data['Movies'][i].Price + "</td>";
                    row += "<td>" + response.data['Movies'][i].Rating + "</td>";

                    row += "<td>"
                        + "<a class=\"btn btn-info btn-sm\"     role=\"button\" href =\"#movieedit\"    onclick=\"action('/movieedit', " + response.data['Movies'][i].Id + "); return false;\">Edit</a>    &ensp;"
                        + "<a class=\"btn btn-success btn-sm\"  role=\"button\" href =\"#moviedetail\"  onclick=\"action('/moviedetails', " + response.data['Movies'][i].Id + "); return false;\">Details</a> &ensp;"
                        + "<a class=\"btn btn-danger btn-sm\"   role=\"button\" href =\"#moviedelete\"  onclick=\"action('/moviedelete', " + response.data['Movies'][i].Id + "); return false;\">Delete</a>"
                        + "</td>";

                    row += "</tr>";
                    $('#moviesTable tbody').append(row);
                }
            }
            else {
                console.log(response);
            }
        })
        .catch(error => {
            console.log(error)
        });
}


async function loadMovies_hostObject() {
    $('#moviesTable tbody').empty();

    try {

        let remObject = await window.chrome.webview.hostObjects.execute;
        let result = await remObject.Send('/movies' + queryPath(), null);

        var jsonData = JSON.parse(result);
        for (var i = 0; i < jsonData.Movies.length; i++) {
            var row = "<tr>";

            row += "<td>" + jsonData.Movies[i].Title + "</td>";
            row += "<td>" + jsonData.Movies[i].ReleaseDate + "</td>";
            row += "<td>" + jsonData.Movies[i].Genre + "</td>";
            row += "<td>" + jsonData.Movies[i].Price + "</td>";
            row += "<td>" + jsonData.Movies[i].Rating + "</td>";

            row += "<td>"
                + "<a class=\"btn btn-info btn-sm\"     role=\"button\" href =\"#movieedit\"    onclick=\"action('/movieedit', "       + jsonData.Movies[i].Id + "); return false;\">Edit</a>    &ensp;"
                + "<a class=\"btn btn-success btn-sm\"  role=\"button\" href =\"#moviedetail\"  onclick=\"action('/moviedetails', "    + jsonData.Movies[i].Id + "); return false;\">Details</a> &ensp;"
                + "<a class=\"btn btn-danger btn-sm\"   role=\"button\" href =\"#moviedelete\"  onclick=\"action('/moviedelete', "     + jsonData.Movies[i].Id + "); return false;\">Delete</a>"
                + "</td>";

            row += "</tr>";
            $('#moviesTable tbody').append(row);
        }

    } catch (err) {
        console.error(error);
    }
}

function queryPath() {
    var selElement = document.getElementById("movieGenre");
    var movieGenre = selElement.options[selElement.selectedIndex].value;
    if (movieGenre === null)
        movieGenre = '';

    var searchString = document.getElementById("searchString").value
    if (searchString === null)
        searchString = '';

    return '?movieGenre=' + movieGenre + '&searchString=' + searchString;
}

function action(pathname, id) {
    tempData.urlQueryPart = "?id=" + id + "";
    tempData.content = null;
    navigateTo(pathname);
}

function loadMovies() {
    if (tempData.selectedIpcOption === 'httpclient') {
        loadMovies_httpClient();
    } else if (tempData.selectedIpcOption === 'postmessage') {
        loadMovies_postMessage();
    } else {
        loadMovies_hostObject();
    }
}

tempData.urlQueryPart = null;
tempData.content = null;

loadMovies();