<?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;

?>
<div class="menustylescustom" data-prefix="flipboxicon" data-rule=".ui-flipbox-header .pbckicon"></div>
<div id="elementscontainer">
	<div class="menulink" tab="tab_frontflipbox"><?php echo Pagebuilderck\CKText::_('CK_FLIPBOX_FRONT_STYLE'); ?></div>
	<div class="tab menustyles ckproperty menustylescustom" id="tab_frontflipbox" data-prefix="frontflipbox" data-rule=".flipboxck-front">
		<?php echo $this->menustyles->createBlocStyles('frontflipbox', 'flipboxck', false, false) ?>
	</div>
	<div class="menulink" tab="tab_rearflipbox"><?php echo Pagebuilderck\CKText::_('CK_FLIPBOX_REAR_STYLE'); ?></div>
	<div class="tab menustyles ckproperty menustylescustom" id="tab_rearflipbox" data-prefix="rearflipbox" data-rule=".flipboxck-rear">
		<?php echo $this->menustyles->createBlocStyles('rearflipbox', 'flipboxck', false, false) ?>
	</div>
	<div class="clr"></div>
</div>
<div class="clr"></div>
<script language="javascript" type="text/javascript">
var focus = $ck('.editfocus');
function ckLoadEditionPopup() {
	ckFillEditionPopup(focus.attr('id'));
}

function ckAfterSaveEditionPopup() {
	ckUpdatePreviewArea(); // do it after save so that the padding is already applied to calculate the height
}

function ckUpdatePreviewArea() {
	var t = new PBCK_flipbox(focus.attr('id'));
	t.setHeight();
}

</script>