<?php
/**
 * @name		Page Builder CK
 * @package		com_pagebuilderck
 * @copyright	Copyright (C) 2015. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author		Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr
 */

defined('_JEXEC') or die;
$page_modaledition_url = \Joomla\CMS\Uri\Uri::root(true) . "/administrator/index.php?option=com_pagebuilderck&amp;view=page&amp;layout=modal&amp;tmpl=component&amp;id=";
?>
<div id="elementscontainer">
	<div class="menulink current" tab="tab_pageselection"><?php echo \Joomla\CMS\Language\Text::_('PLG_PAGEBUILDERCK_PAGE_EDITION'); ?></div>
	<div class="tab menustyles current ckproperty" id="tab_pageselection">
		<div class="ckoption">
			<a class="ckbuttonstyle" href="javascript:void(0)" onclick="ckOpenPagesPopup()"><?php echo \Joomla\CMS\Language\Text::_('CK_SELECT'); ?></a>
			<a class="ckbuttonstyle" href="javascript:void(0)" onclick="ckOpenPageEditionPopup()"><?php echo \Joomla\CMS\Language\Text::_('CK_EDIT') ?></a>
			<?php /*<a class="ckbuttonstyle" href="javascript:void(0)" onclick="ckOpenPageSelectPopup()"><?php echo \Joomla\CMS\Language\Text::_('CK_NEW') ?></a>*/ ?>
		</div>
	</div>
	<div class="menulink" tab="tab_blocstyles"><?php echo \Joomla\CMS\Language\Text::_('CK_STYLE'); ?></div>
	<div class="tab menustyles ckproperty" id="tab_blocstyles">
		<?php echo $this->menustyles->createBlocStyles('bloc') ?>
	</div>
</div>
<script language="javascript" type="text/javascript">
var focus = $ck('.editfocus');
function ckLoadEditionPopup() {
	ckUpdatePreviewArea();
	ckFillEditionPopup(focus.attr('id'));
}

function ckBeforeSaveEditionPopup() {
	ckSaveEditionPopup(focus.attr('id'));
	$ck('.modal-backdrop').remove();
}

function ckUpdatePreviewArea() {

}

function ckOpenPagesPopup() {
	url = PAGEBUILDERCK.URIROOT + '/administrator/index.php?option=com_pagebuilderck&view=pages&layout=modal&tmpl=component&function=ckSelectPage';
	CKBox.open({id: 'ckpagespopup', 
				url: url,
				style: {padding: '10px'}
			});
}

function ckOpenPageEditionPopup() {
	if (! $ck('.editfocus .pagerow').attr('data-id')) {
		alert('<?php echo \Joomla\CMS\Language\Text::_('CK_SELECT_PAGE_FIRST', true) ?>');
		return;
	}
	ckLoadIframeEdition('<?php echo $page_modaledition_url ?>'+$ck('.editfocus .pagerow').attr('data-id'), 'ckeditionpagepopup', 'page.save', 'page.cancel');
}

function ckSelectPage(id, title, page) {
	/* title not used, page is the name */
	$ck('.editfocus .pageck').empty()
		.append(
			'<div class="pagerow" data-id="'+id+'" data-title="'+title.replace(/"/g, '&quot;')+'" data-page="'+page+'">'
				+ '<svg class="pageck_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"/></svg>'
				+ '<h4 class="pagerow_title"><?php echo \Joomla\CMS\Language\Text::_('CK_PAGE'); ?></h4>'
				+ '<span class="ckbadge ckbadge-info" style="">'+id+'</span>'
				+ ' <span class="cklabel">'+page+'</span>'
			+ '</div>');
	CKBox.close();
}

/*
function ckOpenPageSelectPopup() {
	CKBox.open({id: 'ckpageselectpopup', 
				url: "<?php echo \Joomla\CMS\Uri\Uri::root(true) ?>/administrator/index.php?option=com_pages&amp;client_id=0&amp;view=select&amp;tmpl=component",
//				url: 'index.php?option=com_content&layout=modal&tmpl=component&task=article.edit&id='+id, 
				style: {padding: '10px'},
				onCKBoxLoaded : function(){ckLoadedIframePageSelect('ckpageselectpopup');}
//				footerHtml: '<a class="ckboxmodal-button" href="javascript:void(0)" onclick="ckSaveIframe(\''+htmlId+'\')">'+Joomla.JText._('CK_SAVE_CLOSE')+'</a>'
			});
	// ckRemovePageFooterSaveButton();
	// ckAddPageFooterSaveButton();
}

function ckLoadedIframePageSelect(boxid) {
	var frame = $ck('#'+boxid).find('iframe');
	frame.load(function() {
		var framehtml = frame.contents();
		var items = framehtml.find('#new-pages-list > li > a');
		items.each(function() {
			item = $ck(this);
			href = item.attr('href');
			item.attr('href', 'javascript:void(0)');
//			item.attr('onclick', 'window.location=\''+href+'&tmpl=component&layout=modal\';window.parent.ckLoadedIframeEdition(\''+boxid+'\', \'page.apply\', \'page.cancel\')');
			item.attr('onclick', 'window.parent.ckLoadIframeEdition(\''+href+'&tmpl=component&layout=modal\', \'ckeditionpagepopup\', \'page.apply\', \'page.cancel\');window.parent.CKBox.close(\'#'+boxid+' .ckboxmodal-button\');');
		});
	});
}
*/
</script>