csharp
/
QuestPDF
mirror of https://github.com/QuestPDF/QuestPDF.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QuestPDF Previewer</title>
    
    <style>
        html {
            background-color: #333;
        }
        
        body {
            margin: 0;
        }

        embed {
            border: none;

            position: absolute;

            left: 0;
            top: 0;
            
            width: 100%;
            height: 100%;
        }

        .alert {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            padding: 8px 16px;
            color: #FFFA;
            font-family: sans-serif;
            font-size: 14px;
            line-height: 1.5;
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12) !important;
        }

        #recommended-alert {
            background-color: #616161;
        }

        #recommended-alert .close {
            color: #FFF;
            cursor: pointer;
        }

        #connection-issue-alert {
            visibility: hidden;
            background-color: #B71C1C;
            color: white;
        }
    </style>
</head>
<body>

<embed id="previewer" src="/render#toolbar=0&scrollbar=0" />

<div id="recommended-alert" class="alert">
    The recommended browser for this previewer is Microsoft Edge. It does preserve document scroll position when refreshing document, giving better overall experience.
    <a class="close" onclick="closeRecommendation()">Click to close</a>
</div>

<div id="connection-issue-alert" class="alert">
    Cannot connect to QuestPDF previewer host. Possibly your debugging session has ended. Please close this browser.
</div>

<script>
    const recommendationAlert = document.getElementById("recommended-alert");
    const connectionIssueAlert = document.getElementById("connection-issue-alert");

    function closeRecommendation() {
        recommendationAlert.parentElement.removeChild(recommendationAlert);
        localStorage.setItem("show-recommendation-alert", 'false');
    }

    function refreshRecommendation() {
        const showRecommendation = localStorage.getItem("show-recommendation-alert");

        if (showRecommendation !== 'false')
            return;

        recommendationAlert.parentElement.removeChild(recommendationAlert);
    }

    function changeConnectionIssueAlertVisibility(show) {
        connectionIssueAlert.style.setProperty("visibility", show ? "visible" : "hidden");
    }

    async function refreshDocumentLoop() {
        window.addEventListener("change", () => reloading = true);

        while (true) {
            try {
                const response = await fetch('/listen');
                const value = await response.text();

                if (value === "true")
                    window.location.reload();

                changeConnectionIssueAlertVisibility(false);
            }
            catch {
                changeConnectionIssueAlertVisibility(true);
            }
        }
    }

    refreshRecommendation();
    refreshDocumentLoop();
</script>

</body>
</html>