{**
 * templates/common/urlInEl.tpl
 *
 * Copyright (c) 2014-2021 Simon Fraser University
 * Copyright (c) 2000-2021 John Willinsky
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * Include the contents of a URL in a DIV, AJAX-style.
 *
 * @param ?bool $inVueEl Whether or not this div is used in HTML code that is
 *	processed by Vue.js's template compiler.
 *
 *}

{if $inVueEl}
<component is="script">
{else}
<script>
{/if}
	// Initialize JS handler.
	$(function() {ldelim}
		$('div#{$inElElId|escape:javascript}')
			.last()
			.pkpHandler(
				'$.pkp.controllers.UrlInDivHandler',
				{ldelim}
					sourceUrl: {$inElUrl|json_encode},
					refreshOn: {$refreshOn|json_encode}
				{rdelim}
			);
	{rdelim});
{if $inVueEl}
</component>
{else}
</script>
{/if}

<{$inEl} id="{$inElElId|escape}"{if $inElClass} class="{$inElClass|escape}"{/if}>{$inElPlaceholder}</{$inEl}>
