https://cincinnatiartmuseum.org/Scripts/blog.js?v=20240130

1var page = 0;
2
3$(document).ready(function () {
4    hideLoadMoreButton();
5})
6$(".loadMoreButton").click(function () {
7    page++;
8    $.ajax("/umbraco/surface/BlogSurface/GetBlogs", {
9        beforeSend: function (xhr) {
10            xhr.setRequestHeader("RequestVerificationToken",
11                $('input:hidden[name="__RequestVerificationToken"]').val());
12        },
13        method: 'POST',
14        data: {
15            "tag": tag,
16            "page": page,
17            "count": 30
18        },
19        success: function (data) {
20            $(".blogList").append(data);
21            hideLoadMoreButton();
22        }
23    });
24})
25
26//Appends tags to the query
27$(document).on("click", ".blog-result-tag", function (event) {
28    event.preventDefault();
29
30    const tagValue = $(this).data("tag-value");
31    const currentUrl = new URL(window.location.href);
32
33    let tags = (currentUrl.searchParams.get("tag") || "").split(',').filter(Boolean);
34
35    if (!tags.includes(tagValue)) {
36        tags.push(tagValue);
37    }
38
39    currentUrl.searchParams.set("tag", tags.join(','));
40    window.location.href = currentUrl.toString();
41});
42
43//Deletes tags from the query
44$(document).on("click", ".blog-remove-tag", function (event) {
45    event.preventDefault();
46
47    const tagToRemove = $(this).data("tag");
48    const currentUrl = new URL(window.location.href);
49
50    let tags = (currentUrl.searchParams.get("tag") || "").split(',').filter(tag => tag !== tagToRemove && tag !== "");
51
52    if (tags.length > 0) {
53        currentUrl.searchParams.set("tag", tags.join(','));
54    } else {
55        currentUrl.searchParams.delete("tag");
56    }
57
58    window.location.href = currentUrl.toString();
59});
60
61function hideLoadMoreButton() {
62    if ($(".blogList .row").length % 30 != 0) {
63        $(".loadMoreButton").hide();
64    }
65}