chez-chef/index.html at main · MaurizioVacca/chez-chef · 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
<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Main</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="/build/stylesheet/main.css">
    <script src="/build/main.js"></script>
</head>
<body>
    <script>


        var app = Elm.Main.init();

        // -- Register Elm Ports
        app.ports.storeFavourites.subscribe(function(favourites) {
            const stringifiesFavourites = JSON.stringify(favourites);

            localStorage.setItem('favourites', stringifiesFavourites);
        });

        app.ports.requestFavourites.subscribe(_ => {
            const favourites = localStorage.getItem('favourites');
            const storedFavourites = !!favourites ? JSON.parse(favourites) : null;

            // Send data back to Elm
            app.ports.receiveFavourites.send(storedFavourites);
        });
    </script>
</body>
</html>