Add 'opened' class to all doors that were previously clicked by the user - SantaPress

functions.php

add_action( 'wp_head', function () { ?>
<script>
	jQuery(document).ready(function($){
		
		// click on door and save open status to local storage
		$('.santapress-door.status-publish:not(.preview)').click(function() {
			var postid = $(this).data('postid');
			var opendoors = JSON.parse( window.localStorage.getItem('opendoors') );
			if(!opendoors) {
				var opendoors = [];
			}
			if(opendoors.indexOf(postid) == -1) {
				// add door post id to local storage object
				opendoors.push(postid);
			}
			// save to local storage
			window.localStorage.setItem( 'opendoors', JSON.stringify(opendoors) );
			// add 'opened' class to clicked door
			$(this).addClass('opened');
		});
		
		// add 'opened' class to all doors that where openend by the user already (based on local storage)
		if($('.santapress-container').length) {
			var opendoors = JSON.parse( window.localStorage.getItem('opendoors') );
			if( opendoors.length > 0 ) {
				for (const postid of opendoors) {
					$('.santapress-door.status-publish:not(.preview)[data-postid="'+postid+'"]').addClass('opened');
				}
			}
		}
		
	});
</script>
<style>
	.santapress-door.opened img {
		transform:perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-45deg);
	}
</style>
<?php } );