Client Portal Calendar Integration

Library:

Code snippet:

Minimal amout of code which is required to embed calendar on your page.

<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@perfectgym/client-portal@latest/dist/ClientPortal.css"></link>
</head>

<body>

    <div id="pg-client-portal-calendar"></div>


    <script src="https://cdn.jsdelivr.net/npm/iframe-resizer@latest/js/iframeResizer.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@perfectgym/client-portal@latest/dist/ClientPortal.min.js"></script>

    <script>
        var options = {
            url: "CLIENT_PORTAL_URL",
            calendarPage: {
                hideBookingIfNotLogged: true
            },
            navigation: {
                hide: true
            },
            defaultState: PerfectGym.ClientPortal.State.Classes
        };

        var element = document.getElementById('pg-client-portal-calendar');

        var CP = new PerfectGym.ClientPortal(element, options);
    </script>
</body>

Demo