divan/GanjooRazor/Pages/Index.cshtml

@page
@model IndexModel
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="fa-IR" dir="rtl">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        @Html.Raw(ViewData["Title"])
    </title>
    <link href="/css/p8.css?version=71" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon">
    <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml">
    <script src="/lib/jquery/dist/jquery.min.js"></script>
    <script src="/js/bk.js?version=56"></script>
    <script src="/js/jquery.mark.min.js"></script>
    <script>
        var cookieValue = getCookie("playerScrollLock");
        var playerScrollLock = cookieValue === "true";

        cookieValue = getCookie("stickyEnabled");
        var stickyEnabled = cookieValue != "false";

        cookieValue = getCookie("lineNumbers");
        var lineNumbers = cookieValue != "false";
    </script>

    @if (Model.GanjoorPage != null && Model.GanjoorPage.NoIndex)
    {
        <meta name="robots" content="noindex, nofollow">
    }

    @if (Model.IsHomePage)
    {
        <meta name="description" content="جستجو در شعر فارسی">
    }
    else
    {
        if (Model.GanjoorPage != null)
        {
            <link rel="canonical" href="@Model.CanonicalUrl">
            if (Model.IsPoemPage)
            {
                <script>
                    $(document).ready(function () {
                        checkWebShareSupport();
                        if (lineNumbers) {
                            btshmr(@Model.GanjoorPage.Id);
                        }
                        checkIfBookmarked(@Model.GanjoorPage.Id);
                    });
                </script>

            }
            <script type="application/ld+json">
                {
                @Html.Raw(@ViewData["BrearCrumpList"])
                }
            </script>
        }

    }

    @if ((Model.IsCatPage || Model.IsPoetPage) && Model.CategoryPoemGeoDateTags != null && Model.CategoryPoemGeoDateTags.Length > 0)
    {
        <link rel="stylesheet" href="/css/leaflet.css">
        <style>
            .leaflet-container {
                background-color: #c5e8ff;
            }

            .leaflet-popup-content {
                font-family: 'Vazir'
            }
        </style>
        <script src="~/js/leaflet.js"></script>
        <script src="~/js/leaflet-providers.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/OverlappingMarkerSpiderfier-Leaflet/0.2.6/oms.min.js"></script>
    }

    @if (Model.IsPoemPage && Model.GanjoorPage.Poem.GeoDateTags.Length > 0)
    {
        <link rel="stylesheet" href="/css/leaflet.css">
        <style>
            .leaflet-container {
                background-color: #c5e8ff;
            }

            .leaflet-popup-content {
                font-family: 'Vazir'
            }
        </style>
        <script src="~/js/leaflet.js"></script>
        <script src="~/js/leaflet-providers.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/OverlappingMarkerSpiderfier-Leaflet/0.2.6/oms.min.js"></script>
    }

</head>
<body>
    <script src="/js/vaabd.js?version=6"></script>

    @if (Model.IsPoemPage)
    {
        if (Model.GanjoorPage != null && Model.GanjoorPage.Poem.Recitations.Length > 0)
        {
            <script>
                var currentAudio = null;
                var verseStart = [];
                var verseEnd = [];
                var verseIndex = [];
                var nLastHighlight = -1;
                var vCount = 0;

                var _setXml = function (xmlUrl) {
                    $.ajax({
                        type: "GET",
                        url: xmlUrl,
                        dataType: "xml",
                        success: function (xml) {
                            var nOneSecondBugFix = 2000;
                            $(xml).find('OneSecondBugFix').each(function () {
                                nOneSecondBugFix = parseInt($(xml).find('OneSecondBugFix').text());
                            });
                            var v = 0;
                            $(xml).find('SyncInfo').each(function () {
                                verseStart[v] = parseInt($(this).find('AudioMiliseconds').text()) / nOneSecondBugFix;
                                verseIndex[v] = parseInt($(this).find('VerseOrder').text());
                                if (v > 0)
                                    verseEnd[v - 1] = verseStart[v];
                                v++;
                            });
                            v--;
                            if (v > 1)
                                verseEnd[v] = verseStart[v] + 2 * (verseEnd[v - 1] - verseStart[v - 1]);
                            vCount = v;
                        }
                    });
                }

                var _trackTimeChanged = function (audio) {
                    var currentTime = audio.currentTime;

                    if (currentTime > 0) {
                        for (var i = 0; i <= vCount; i++) {
                            if (currentTime >= verseStart[i] && currentTime <= verseEnd[i]) {
                                hilightverse(verseIndex[i], "red", true, playerScrollLock);

                                if (nLastHighlight != verseIndex[i] && nLastHighlight != -1)
                                    hilightverse(nLastHighlight, "", false, false);//reset color
                                nLastHighlight = verseIndex[i];
                                break;
                            }
                        }
                    }
                };
            </script>

            <script>
                var narrators = [];
                var audioxmlfiles = [];
                var recitaionIds = [];
                @foreach (var recitation in Model.GanjoorPage.Poem.Recitations)
                {
                    if (recitation.InSyncWithText)
                    {
                        <text>
                            narrators.push('@Html.Raw(recitation.AudioArtist)');
                            audioxmlfiles.push('@($"{GanjooRazor.APIRoot.InternetUrl}/api/audio/file/{recitation.Id}.xml")');
                            recitaionIds.push(@recitation.Id);
                        </text>
                    }
                }
            </script>
        }

        <script>
            var inlineSearchResults = [];
            var inlineSearchResultIndex = 0;
            var currentClass = "currentInlineResult";
            var offsetTop = 200;
        </script>
    }

    @if (Model.IsHomePage)
    {
        @if (!string.IsNullOrEmpty(Model.LastError))
        {
            <div class="poem">
                @Model.LastError
            </div>
        }
        else
        {
            <partial name="_HomePagePartial" model="Model" />
        }
    }
    else
    {
        <partial name="_GanjoorPagePartial" model="Model" />
    }





    @{
        if (!string.IsNullOrEmpty(Model.PinterestUrl))
        {
                <script>
                    $(function () {
                        $("a").attr('href', function (i, h) {
                            if (h != null) {
                                return h + (h.indexOf('?') != -1 ? "&pinterest_url=@Html.Raw(Model.PinterestUrl)" : "?pinterest_url=@Html.Raw(Model.PinterestUrl)");
                            }
                            return h;
                        });
                    });
                </script>
        }
    }

    @if (Model.IsPoemPage)
    {
        <script src="/lib/tinymce/tinymce.min.js"></script>
        <script>
            var userNotifiedOnEditInsteadOfComment = false;

            function createInformationNotification() {
                tinymce.activeEditor.notificationManager.open({
                    text: 'تمنا می‌کنیم که به جای گوشزد کردن خطاهای املایی و تایپی در حاشیه‌ها از دکمهٔ «ویرایش» استفاده کنید و خطا را تصحیح کنید.',
                    type: 'info'
                });
            }

            tinymce.init({
                selector: 'textarea.editor',
                language: 'fa_IR',
                menubar: false,
                plugins: 'link paste image',
                toolbar: 'undo redo | alignleft aligncenter alignright alignjustify | link',
                contextmenu: false,
                paste_auto_cleanup_on_paste: true,
                paste_remove_styles: true,
                paste_remove_styles_if_webkit: true,
                paste_strip_class_attributes: true,
                a11y_advanced_options: true,
                skin: (window.matchMedia("(prefers-color-scheme: dark)").matches && localStorage.getItem("scheme") != "light" ? "oxide-dark" : localStorage.getItem("scheme") == "dark" ? "oxide-dark" : ""),
                content_css: (window.matchMedia("(prefers-color-scheme: dark)").matches && localStorage.getItem("scheme") != "light" ? "dark" : localStorage.getItem("scheme") == "dark" ? "dark" : ""),
                setup: function (editor) {
                    editor.on('tap', function (e, f) {
                        var editor_id = e.view.frameElement.id.slice(0, -4);
                        if (editor_id != 'editNoteText') {
                            if (userNotifiedOnEditInsteadOfComment == false) {
                                userNotifiedOnEditInsteadOfComment = true;
                                createInformationNotification();
                            }
                        }
                    },
                    );
                    editor.on('click', function (e, f) {
                        var editor_id = e.view.frameElement.id.slice(0, -4);
                        if (editor_id != 'editNoteText') {
                            if (userNotifiedOnEditInsteadOfComment == false) {
                                userNotifiedOnEditInsteadOfComment = true;
                                createInformationNotification();
                            }
                        }
                    },
                    );
                },
            });
        </script>
    }
    @if (ViewData["GoogleAnalyticsCode"] != null && !string.IsNullOrEmpty(ViewData["GoogleAnalyticsCode"].ToString()))
    {
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=@(ViewData["GoogleAnalyticsCode"])"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() { dataLayer.push(arguments); }
            gtag('js', new Date());

            gtag('config', '@ViewData["GoogleAnalyticsCode"]');
        </script>
    }

    @if (Model.LoggedIn)
    {
        if (Model.IsPoemPage)
        {
            if (Model.KeepHistory)
            {
                <script>
                    AddToMyHistory(@Model.GanjoorPage.Id);
                </script>
            }
        }
    }

    @if ((Model.IsCatPage || Model.IsPoetPage) && Model.CategoryHasRecitations)
    {
        <script>
            setTimeout(() => {
                loadCatRecitations(@Model.GanjoorPage.PoetOrCat.Cat.Id), 5000);
        </script>
    }

</body>
</html>