{"id":3269,"date":"2022-02-17T13:39:37","date_gmt":"2022-02-17T21:39:37","guid":{"rendered":"https:\/\/anaheimelementary.org\/gauer\/?page_id=3269"},"modified":"2022-10-18T11:02:15","modified_gmt":"2022-10-18T18:02:15","slug":"upcoming-events","status":"publish","type":"page","link":"https:\/\/anaheimelementary.org\/gauer\/upcoming-events\/","title":{"rendered":"Upcoming Events"},"content":{"rendered":"    \n    \n    \n    \n         <script>\n        events =  {\n            googleCalendarId: \"acsd.k12.ca.us_mk2b7ruftf9sd0bp79ojuohqb0@group.calendar.google.com\",\n        }\n    <\/script>\n\n\n<div\n    x-data=\"google_calendar(\n                    events,\n            eventSources = null,\n                      \n        initialView = 'dayGridMonth',\n        searchQuery = '',                        \n        toggle = 'listWeek,dayGridMonth',\n        weekends = false,\n        list_show_location = true,  \n        list_show_description = true,  \n        )\"\n>\n    <div class=\"block w-full bg-gray-100\" x-ref=\"calendar\"><\/div>\n<\/div>\n\n<script>\n    document.addEventListener('alpine:init', () => {\n        Alpine.data('test', (\n            events = null,\n            eventSources = null,\n            initialView = 'dayGridMonth',\n            searchQuery = null,\n            toggle = '',\n            weekends = false,\n            list_show_location = true,  \n            list_show_description = true,  \n        ) => \n        ({\n    calendar: null,\n    init() {\n        this.calendar = new FullCalendar.Calendar(this.$refs.calendar, {\n            headerToolbar: {\n                start: toggle,\n                center: 'title',\n                end: 'today prev,next'\n            },\n            initialView,\n            weekends,\n            stickyHeaderDates: false,\n            googleCalendarApiKey: 'AIzaSyCOZ9rORL7bDpLxVW5V0C5KWs5XjWjK0XY',\n            events,\n            eventSources,   \n            eventClick: function(info) {\n                info.jsEvent.preventDefault();\n                if (info.event.url) {\n                    window.open(info.event.url + '&ctz=America\/Los_Angeles');\n                }\n            },\n            views: {\n                dayGridMonth: {\n                    eventContent: function(arg) {\n                        let eventTitle = document.createElement('div')\n                        eventTitle.className = 'text-base truncate eventTitle peer'\n                        eventTitle.innerHTML = arg.event.title\n\n                        var popperTitle = document.createElement('p');\n                        popperTitle.className = 'pb-1 text-sm'\n                        popperTitle.innerHTML = arg.event.title;\n\n                        let eventPopper = document.createElement('div')\n                        eventPopper.className = 'invisible px-2 py-1 text-xs text-white bg-gray-800 rounded shadow popper peer-hover:visible'\n                        eventPopper.innerHTML = arg.event.title;\n\n                        let arrayOfDomNodes = [eventTitle, eventPopper]\n                        return {\n                            domNodes: arrayOfDomNodes\n                        }\n                    },\n                    eventDidMount: function(arg) {\n                        if (searchQuery) {\n                            let eventTitle = arg.event.title.toLowerCase();\n                            let filter = searchQuery.toLowerCase();\n                            if (!eventTitle.includes(filter)) {\n                                arg.event.setProp('display', 'none')\n                            }\n                        }\n                        setTimeout(function() {\n                            createPopper(arg.el, arg.el.querySelector('.popper'), {\n                                placement: 'top-end',\n                            });\n                        }, 150)\n                    },\n                },\n                listWeek: {\n                    eventContent: function(arg) {\n                        let arrayOfDomNodes = []\n\n                        let eventTitle = document.createElement('a')\n                        eventTitle.className = 'list-view-eventTitle'\n                        eventTitle.href = arg.event.url + '&ctz=America\/Los_Angeles'\n                        eventTitle.innerHTML = arg.event.title\n\n                        arrayOfDomNodes.push(eventTitle);\n\n                        if (list_show_location && arg.event.extendedProps.location) {\n                            let eventLocation = document.createElement('div')\n                            eventLocation.className = 'my-2 text-sm list-view-eventLocation'\n                            eventLocation.innerHTML = arg.event.extendedProps.location\n\n                            let locationIcon = document.createElement('i')\n                            locationIcon.className = 'mr-2 font-bold text-gray-600 fas fa-map-marker-alt'\n                            eventLocation.prepend(locationIcon)\n\n                            arrayOfDomNodes.push(eventLocation);\n                        }\n                        if (list_show_description && arg.event.extendedProps.description) {\n                            let eventDescription = document.createElement('div')\n                            eventDescription.className = 'my-2 text-sm list-view-eventDescription'\n                            eventDescription.innerHTML = arg.event.extendedProps.description\n                            let descriptionIcon = document.createElement('div')\n                            descriptionIcon.className = 'mr-2 font-bold text-gray-600 fas fa-info-circle'\n                            eventDescription.prepend(descriptionIcon)\n                            arrayOfDomNodes.push(eventDescription);\n                        }\n                        return {\n                            domNodes: arrayOfDomNodes\n                        }\n                    },\n                    eventDidMount: function(arg) {\n                        if (searchQuery) {\n                            let eventTitle = arg.event.title.toLowerCase();\n                            let filter = searchQuery.toLowerCase();\n                            if (!eventTitle.includes(filter)) {\n                                arg.event.setProp('display', 'none')\n                            }\n                        }\n                    },\n                }\n            }\n\n        })\n        this.calendar.render()\n    }\n})\n        )\n    })\n<\/script>\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3887,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"aesd-page-school.php","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","_relevanssi_hide_post":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"19902,28113,28033,28153,28162,29579","_relevanssi_noindex_reason":"","footnotes":""},"class_list":["post-3269","page","type-page","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-10 14:43:11","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/pages\/3269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/users\/3887"}],"replies":[{"embeddable":true,"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/comments?post=3269"}],"version-history":[{"count":10,"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/pages\/3269\/revisions"}],"predecessor-version":[{"id":3554,"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/pages\/3269\/revisions\/3554"}],"wp:attachment":[{"href":"https:\/\/anaheimelementary.org\/gauer\/wp-json\/wp\/v2\/media?parent=3269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}