Your IP : 216.73.216.55
<?php
/**
* @name Template Creator CK
* @package com_templateck
* @copyright Copyright (C) 2013. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @author Cedric Keiflin - http://www.template-creator.com - http://www.joomlack.fr
*/
// No direct access to this file
defined('TCK_LOADED') or die('Restricted access');
class CKInterface extends stdClass {
public $imagespath;
protected $customfonts;
function __construct() {
$this->imagespath = TEMPLATECREATORCK_MEDIA_URI .'/images/interface/';
}
public function createLabel($text, $image) {
?>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath . $image; ?>" width="16" height="16" />
<?php echo TCK_Text::_($text); ?>
</span>
<?php
}
public function createBlocStyles($prefix = 'bloc', $objclass = '', $expert = false, $showlinks = true, $joomlaversion = 'j3', $showtext = true, $showdimensions = true, $showdecoration = true, $showshadow = true) {
if (stristr($objclass, 'wrapper')) {
$this->createBackground($prefix, true);
if ($prefix == 'bloc')
$this->createText($prefix);
// if ($prefix == 'bloc')
$this->createDimensions($prefix, false, false, false, true);
$this->createDecoration($prefix);
$this->createShadow($prefix);
if ($expert == 'true') $this->createCustom($prefix);
} elseif (stristr($objclass, 'body')) {
$this->createWrapperStyles($prefix, $joomlaversion);
$this->createBackground($prefix, false, TCK_Text::_('CK_PAGEBACKGROUND'));
$this->createText($prefix);
if ($expert == 'true') $this->createCustom($prefix);
} else {
$this->createBackground($prefix);
if ($prefix != 'level1bg' && $prefix != 'level2bg')
if ($showtext) $this->createText($prefix, $showlinks);
if ($prefix == 'level1bg' || $prefix == 'level2bg' || $expert == 'true' || (stristr($objclass, 'bannerlogo') && !stristr($objclass, 'mainbanner')) && (!stristr($objclass, 'column') && !stristr($objclass, 'flexiblemodule'))) {
$useheight = true;
$usewidth = true;
} else {
$useheight = false;
$usewidth = false;
}
if ($showdimensions) $this->createDimensions($prefix, $useheight, $usewidth, $expert);
if ($showdecoration) $this->createDecoration($prefix);
if ($showshadow) $this->createShadow($prefix);
if ($expert == 'true') $this->createCustom($prefix);
}
}
public function createIconStyles($prefix = 'bloc', $fromicon, $objclass = '', $space = true, $align = true, $font = false, $removebutton = false) {
$this->createIcon($prefix, $fromicon, $space, $align, $font, true, $removebutton);
// $this->createIconText($prefix, false);
$this->createBackground($prefix);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
}
public function createImageStyles($prefix = 'bloc', $objclass = '', $fromicon) {
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
}
public function createNormalStyles($prefix, $showlinks = true) {
$this->createBackground($prefix);
$this->createText($prefix, $showlinks);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
$this->createCustom($prefix);
}
public function createLogoStyles($prefix) {
$this->createLogo($prefix);
}
public function createModuleStyles($prefix = 'module') {
$this->createBackground($prefix);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
}
public function createModuletitleStyles($prefix = 'moduletitle') {
$this->createBackground($prefix);
$this->createText($prefix, false);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
}
public function createBullet($prefix) {
$this->renderbulletlist($prefix,'default');
$this->renderbulletlist($prefix,'none');
$this->renderbulletlist($prefix,'disc');
$this->renderbulletlist($prefix,'circle');
$this->renderbulletlist($prefix,'square');
$this->renderbulletlist($prefix,'upper-roman');
$this->renderbulletlist($prefix,'lower-alpha');
$this->renderbulletlist($prefix,'upper-latin');
$this->renderbulletlist($prefix,'decimal');
$this->renderbulletlist($prefix,'image');
?>
<div class="ckclr"></div>
<?php
$this->createText($prefix, true);
$this->createDimensions($prefix);
?>
<input type="hidden" class="inputbox" name="<?php echo $prefix; ?>liststyle" id="<?php echo $prefix; ?>liststyle" />
<script>
function initBulletlist() {
$ck('.bulletlistselect[data-type="'+$ck('#<?php echo $prefix; ?>liststyle').val()+'"]').addClass('selected');
}
function selectBulletlist(ul) {
$ck('.bulletlistselect.selected').removeClass('selected');
$ck(ul).addClass('selected');
$ck('#<?php echo $prefix; ?>liststyle').val($ck(ul).attr('data-type'));
ckRenderCss('previewareabloc', $ck('#ckedition'), '#body');
}
</script>
<?php
}
public function renderbulletlist($prefix, $type) {
?>
<div class="bulletlistselect" data-type="<?php echo $type ?>" onclick="selectBulletlist(this)" >
<div class="bulletlisttitle"><?php echo $type ?></div>
<ul class="bulletlistselectul" style="list-style-type:<?php echo $type ?>" >
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<?php
if ($type == 'image') { ?>
<div style="text-align:left;">
<a style="display:block;float:left;padding:0 5px;width:85px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="ckCallImageManagerPopup('<?php echo $prefix; ?>imageurl')" rel="{handler: 'iframe'}" ><?php echo TCK_Text::_('CK_SELECT'); ?></a>
<a style="display:block;float:left;padding:0 5px;width:45px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="$ck('#<?php echo $prefix; ?>imageurl').attr('value', '');"><?php echo TCK_Text::_('CK_CLEAN'); ?></a>
<div class="ckclr"></div>
<input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>imageurl" id="<?php echo $prefix; ?>imageurl" size="7" style="width:150px; clear:both;" onchange="selectBulletlist($ck(this).parents('.bulletlistselect')[0])" />
</div>
<?php }
?>
</div>
<?php
}
public function createDivider($prefix = 'divider') {
$pos = array('', '-2');
foreach ($pos as $p) {
$prefix = $prefix . $p;
$heading = ($p == '-2') ? TCK_Text::_('CK_SECOND_SHAPE') : TCK_Text::_('CK_FIRST_SHAPE');
?>
<div class="ckinterfacetitle"><?php echo $heading ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_SHAPE'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>shape" id="<?php echo $prefix; ?>shape" value="" style="width:111px;" onchange="ckUpdateShapeDivider('<?php echo $prefix; ?>')" >
<option value="0"><?php echo JText::_('CK_NONE'); ?></option>
<option value="clouds"><?php echo JText::_('CK_CLOUDS'); ?></option>
<option value="multiclouds"><?php echo JText::_('CK_MULIPLE_CLOUDS'); ?></option>
<option value="papertorn"><?php echo JText::_('CK_PAPER'); ?></option>
<option value="bridge"><?php echo JText::_('CK_BRIDGE'); ?></option>
<option value="rockymoutain"><?php echo JText::_('CK_MOUNTAIN'); ?></option>
<option value="singlewave"><?php echo JText::_('CK_WAVE'); ?></option>
<option value="waves3"><?php echo JText::_('CK_MULTIPLE_WAVE'); ?></option>
<option value="slope"><?php echo JText::_('CK_SLOPE'); ?></option>
<option value="multislope"><?php echo JText::_('CK_MULIPLE_SLOPE'); ?></option>
<option value="drip"><?php echo JText::_('CK_DRIP'); ?></option>
<option value="asymslope"><?php echo JText::_('CK_ASYM_SLOPE'); ?></option>
<option value="vslope"><?php echo JText::_('CK_VSLOPE'); ?></option>
<option value="multivslope"><?php echo JText::_('CK_MULTIVSLOPE'); ?></option>
<option value="multiv3slope"><?php echo JText::_('CK_MULTIV3SLOPE'); ?></option>
<option value="triangle"><?php echo JText::_('CK_TRIANGLE'); ?></option>
<option value="trianglesmall"><?php echo JText::_('CK_TRIANGLE_SMALL'); ?></option>
<option value="triangle3"><?php echo JText::_('CK_TRIANGLE_3'); ?></option>
<option value="ellipse"><?php echo JText::_('CK_ELLIPSE'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/>
<?php echo JText::_('CK_FIRST_COLOR'); ?></span>
<span class="ckoption-field">
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" size="6" style="width:52px;" onblur="ckUpdateShapeDivider('<?php echo $prefix; ?>')"/>
<span class="ckoption-suffix"></span>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/>
<?php echo JText::_('CK_SECOND_COLOR'); ?></span>
<span class="ckoption-field">
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>bgcolor" id="<?php echo $prefix; ?>bgcolor" size="6" style="width:52px;" onblur="ckUpdateShapeDivider('<?php echo $prefix; ?>')"/>
<span class="ckoption-suffix"></span>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_POSITION'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>position" id="<?php echo $prefix; ?>position" value="" style="width:111px;" onchange="ckUpdateShapeDivider('<?php echo $prefix; ?>')" >
<option value="top"><?php echo JText::_('CK_TOP'); ?></option>
<option value="bottom"><?php echo JText::_('CK_BOTTOM'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_FLIP_HORIZONTAL'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>fliphorizontal" id="<?php echo $prefix; ?>fliphorizontal" value="" style="width:111px;" onchange="ckUpdateShapeDivider('<?php echo $prefix; ?>')" >
<option value="0"><?php echo JText::_('CK_NORMAL'); ?></option>
<option value="1"><?php echo JText::_('CK_INVERSE'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_FLIP_VERTICAL'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>flipvertical" id="<?php echo $prefix; ?>flipvertical" value="" style="width:111px;" onchange="ckUpdateShapeDivider('<?php echo $prefix; ?>')" >
<option value="0"><?php echo JText::_('CK_NORMAL'); ?></option>
<option value="1"><?php echo JText::_('CK_INVERSE'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_PLACEMENT'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>placement" id="<?php echo $prefix; ?>placement" value="" style="width:111px;" onchange="ckUpdateShapeDivider('<?php echo $prefix; ?>')" >
<option value="over"><?php echo JText::_('CK_OVER_CONTENT'); ?></option>
<option value="under"><?php echo JText::_('CK_UNDER_CONTENT'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label"><?php echo JText::_('CK_HEIGHT'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>height" id="<?php echo $prefix; ?>height" value="40" style="width:55px;" onchange="ckUpdateShapeDivider('<?php echo $prefix; ?>')" />
<span class="ckoption-suffix"></span>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label"><?php echo JText::_('CK_WIDTH'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>width" id="<?php echo $prefix; ?>width" value="40" style="width:55px;" onchange="ckUpdateShapeDivider('<?php echo $prefix; ?>')" />
<span class="ckoption-suffix"></span>
</span>
<div class="clr"></div>
</div>
<div class="clr"></div>
<?php
}
}
function createVideobgStyles($prefix = 'bloc') {
?>
<div><?php echo TCK_Text::_('CK_VIDEO_URL_INFOS'); ?></div>
<div class="clearfix">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_VIDEO_URL_MP4'); ?></div>
<div style="float:left;text-align:right;margin-right:5px;margin-top:5px;"><img src="<?php echo $this->imagespath; ?>film_plus.png" width="16" height="16" align="top" /></div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>videourlmp4" id="<?php echo $prefix; ?>videourlmp4" size="1" value="" style="width:200px;" />
<a style="display:inline-block;padding:0 5px;width:85px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="ckCallImageManagerPopup('<?php echo $prefix; ?>videourlmp4', 'video')" ><?php echo TCK_Text::_('CK_SELECT'); ?></a>
</div>
<div class="clearfix">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_VIDEO_URL_WEBM'); ?></div>
<div style="float:left;text-align:right;margin-right:5px;margin-top:5px;"><img src="<?php echo $this->imagespath; ?>film_plus.png" width="16" height="16" align="top" /></div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>videourlwebm" id="<?php echo $prefix; ?>videourlwebm" size="1" value="" style="width:200px;" />
<a style="display:inline-block;padding:0 5px;width:85px;" class="modal ckbuttonstyle" href="<?php echo TEMPLATECREATORCK_ADMIN_URL ?>&view=browse&tmpl=component&field=<?php echo $prefix; ?>videourlwebm&type=video" rel="{handler: 'iframe'}" ><?php echo TCK_Text::_('CK_SELECT'); ?></a>
</div>
<div class="clearfix">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_VIDEO_URL_OGV'); ?></div>
<div style="float:left;text-align:right;margin-right:5px;margin-top:5px;"><img src="<?php echo $this->imagespath; ?>film_plus.png" width="16" height="16" align="top" /></div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>videourlogv" id="<?php echo $prefix; ?>videourlogv" size="1" value="" style="width:200px;" />
<a style="display:inline-block;padding:0 5px;width:85px;" class="modal ckbuttonstyle" href="<?php echo TEMPLATECREATORCK_ADMIN_URL ?>&view=browse&tmpl=component&field=<?php echo $prefix; ?>videourlogv&type=video" rel="{handler: 'iframe'}" ><?php echo TCK_Text::_('CK_SELECT'); ?></a>
</div>
<div class="ckoption">
<span class="ckoption-label ckinterfacetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>sound.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_AUDIO'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>videomuted1" class="inputbox" name="<?php echo $prefix; ?>videomuted" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>videomuted1">
<?php echo TCK_Text::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>videomuted0" class="inputbox" name="<?php echo $prefix; ?>videomuted" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>videomuted0">
<?php echo TCK_Text::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckclr"></div>
<?php
}
public function createIconOptions($prefix, $fromicon, $space = true, $align = true) {
?>
<div style="resize:vertical;">
<a href="<?php echo TEMPLATECREATORCK_ADMIN_URL ?>&view=icons" rel="{handler: 'iframe'}" class="modal ckbuttonstyle"><?php echo TCK_Text::_('CK_SELECT'); ?></a>
<a href="javascript:void(0);" class="ckbuttonstyle" onclick="ckRemoveFaIcon('<?php echo $fromicon ?>')"><?php echo TCK_Text::_('CK_CLEAN'); ?></a>
</div>
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_ICON_SIZE'); ?></div>
<div style="margin:5px 0 0 0px;">
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconsize" id="<?php echo $prefix; ?>iconsizedefault" value="default" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconSize()"><label for="<?php echo $prefix; ?>iconsizedefault" class="btn" ><?php echo TCK_Text::_('CK_DEFAULT'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconsize" id="<?php echo $prefix; ?>iconsizefa-lg" value="fa-lg" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconSize()"><label for="<?php echo $prefix; ?>iconsizefa-lg" class="btn"><?php echo TCK_Text::_('CK_ICON_SIZE_X1-3'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconsize" id="<?php echo $prefix; ?>iconsizefa-2x" value="fa-2x" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconSize()"><label for="<?php echo $prefix; ?>iconsizefa-2x" class="btn"><?php echo TCK_Text::_('CK_ICON_SIZE_X2'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconsize" id="<?php echo $prefix; ?>iconsizefa-3x" value="fa-3x" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconSize()"><label for="<?php echo $prefix; ?>iconsizefa-3x" class="btn"><?php echo TCK_Text::_('CK_ICON_SIZE_X3'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconsize" id="<?php echo $prefix; ?>iconsizefa-4x" value="fa-4x" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconSize()"><label for="<?php echo $prefix; ?>iconsizefa-4x" class="btn"><?php echo TCK_Text::_('CK_ICON_SIZE_X4'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconsize" id="<?php echo $prefix; ?>iconsizefa-5x" value="fa-5x" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconSize()"><label for="<?php echo $prefix; ?>iconsizefa-5x" class="btn"><?php echo TCK_Text::_('CK_ICON_SIZE_X5'); ?></label></div>
<div class="ckclr"></div>
</div>
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_ICON_POSITION'); ?></div>
<div style="margin:5px 0 0 0px;">
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconposition" id="<?php echo $prefix; ?>iconpositionleft" value="left" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconPosition()"><label for="<?php echo $prefix; ?>iconpositionleft" class="btn" ><?php echo TCK_Text::_('CK_LEFT'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconposition" id="<?php echo $prefix; ?>iconpositiontop" value="top" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconPosition()"><label for="<?php echo $prefix; ?>iconpositiontop" class="btn"><?php echo TCK_Text::_('CK_TOP'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconposition" id="<?php echo $prefix; ?>iconpositionright" value="right" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconPosition()"><label for="<?php echo $prefix; ?>iconpositionright" class="btn"><?php echo TCK_Text::_('CK_RIGHT'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconposition" id="<?php echo $prefix; ?>iconpositionbottom" value="bottom" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconPosition()"><label for="<?php echo $prefix; ?>iconpositionbottom" class="btn"><?php echo TCK_Text::_('CK_BOTTOM'); ?></label></div>
<div class="ckclr"></div>
</div>
<?php if ($align) { ?>
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_VERTICAL_ALIGN'); ?></div>
<div id="<?php echo $prefix; ?>icon-position" class="btn-group">
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconvposition" id="<?php echo $prefix; ?>iconvpositiondefault" value="default" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconVPosition()"><label for="<?php echo $prefix; ?>iconvpositiondefault" class="btn" ><?php echo TCK_Text::_('CK_DEFAULT'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconvposition" id="<?php echo $prefix; ?>iconvpositiontop" value="top" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconVPosition()"><label for="<?php echo $prefix; ?>iconvpositiontop" class="btn"><?php echo TCK_Text::_('CK_TOP'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconvposition" id="<?php echo $prefix; ?>iconvpositionmiddle" value="middle" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconVPosition()"><label for="<?php echo $prefix; ?>iconvpositionmiddle" class="btn"><?php echo TCK_Text::_('CK_MIDDLE'); ?></label></div>
<div style="float:left;margin:0px 0px 0 -2px;"><input type="radio" class="inputbox hiddenbtn" name="<?php echo $prefix; ?>iconvposition" id="<?php echo $prefix; ?>iconvpositionbottom" value="bottom" style="width:16px;border:none;margin:0 2px;" onchange="ckSetFaIconVPosition()"><label for="<?php echo $prefix; ?>iconvpositionbottom" class="btn"><?php echo TCK_Text::_('CK_BOTTOM'); ?></label></div>
<div class="ckclr"></div>
</div>
<?php } ?>
<?php if ($space) { ?>
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_ICON_MARGIN'); ?></div>
<input type="text" id="<?php echo $prefix; ?>icon_margin" name="<?php echo $prefix; ?>icon_margin" placeholder="Ex : 10px" onchange="ck_set_icon_margin('<?php echo $fromicon ?>', '#<?php echo $prefix; ?>icon_margin')" />
<?php
}
}
public function createIcon($prefix, $fromicon, $space = true, $align = true, $font = false) {
?>
<div class="ckinterfaceblock">
<div class="ckinterfaceblocktitle"><?php echo TCK_Text::_('CK_ICON') ?></div>
<div class="ckinterfaceblockaccordion">
<div class="ckinterfacecolumn" style="margin-left:10px;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_ICON'); ?></div>
<?php $this->createIconOptions($prefix, $fromicon, $space, $align); ?>
</div>
<?php if ($font) { ?>
<div class="ckinterfacecolumn" style="margin-left:10px;">
<div style="float:left;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_COLOR'); ?></div>
<div>
<div style="float:left;"><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" size="6" style="width:52px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
</div>
<div style="float:left;">
<div style="" class="ckinterfacetitle"><?php echo TCK_Text::_('CK_SIZE'); ?></div>
<div style="clear:both;">
<input class="inputbox" style="width: 40px;" name="<?php echo $prefix; ?>fontsize" id="<?php echo $prefix; ?>fontsize" />
</div>
</div>
</div>
<?php } ?>
<div style="clear:both;"></div>
</div>
</div>
<?php
}
public function createCustom($prefix) {
?>
<div class="ckinterfaceblock">
<div class="ckinterfaceblocktitle"><?php echo TCK_Text::_('CK_CUSTOMCSS') ?></div>
<div class="ckinterfaceblockaccordion">
<div style="text-align:left;margin: 5px 0;"><?php echo TCK_Text::_('CK_CUSTOMCSS_INFOS') ?></div>
<div style="text-align:left;clear:both;">
<textarea class="inputbox" name="<?php echo $prefix; ?>custom" id="<?php echo $prefix; ?>custom" rows="7" cols="20" style="width:95%;height:110px;"></textarea>
</div>
</div>
</div>
<?php
}
public function createAnimations($prefix) {
?>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>hourglass.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_DURATION'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>animdur" id="<?php echo $prefix; ?>animdur" value="1" style="width:105px;" onchange="" /> [s]
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>hourglass.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_DELAY'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>animdelay" id="<?php echo $prefix; ?>animdelay" value="0" style="width:105px;" onchange="" /> [s]
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label ckinterfacetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shading.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_FADE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animfadeyes" class="inputbox" name="<?php echo $prefix; ?>animfade" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animfadeyes">
<?php echo TCK_Text::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animfadeno" class="inputbox" name="<?php echo $prefix; ?>animfade" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animfadeno">
<?php echo TCK_Text::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label ckinterfacetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shape_square_go.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_MOVE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animmoveyes" class="inputbox" name="<?php echo $prefix; ?>animmove" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animmoveyes">
<?php echo TCK_Text::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animmoveno" class="inputbox" name="<?php echo $prefix; ?>animmove" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animmoveno">
<?php echo TCK_Text::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo TCK_Text::_('CK_DIRECTION'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>animmovedir" id="<?php echo $prefix; ?>animmovedir" value="" style="width:111px;" onchange="" >
<option value="ltrck"><?php echo TCK_Text::_('CK_LEFT_TO_RIGHT'); ?></option>
<option value="rtlck"><?php echo TCK_Text::_('CK_RIGHT_TO_LEFT'); ?></option>
<option value="ttbck"><?php echo TCK_Text::_('CK_TOP_TO_BOTTOM'); ?></option>
<option value="bttck"><?php echo TCK_Text::_('CK_BOTTOM_TO_TOP'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label"><?php echo TCK_Text::_('CK_DISTANCE'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>animmovedist" id="<?php echo $prefix; ?>animmovedist" value="40" style="width:55px;" onchange="" />
<span class="ckoption-suffix">[px]</span>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label ckinterfacetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shape_rotate_clockwise.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_ROTATE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animrotyes" class="inputbox" name="<?php echo $prefix; ?>animrot" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animrotyes">
<?php echo TCK_Text::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animrotno" class="inputbox" name="<?php echo $prefix; ?>animrot" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animrotno">
<?php echo TCK_Text::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label"><?php echo TCK_Text::_(''); ?></span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>animrotrad" id="<?php echo $prefix; ?>animrotrad" value="" style="width:105px;" onchange="" >
<option value="45">45°</option>
<option value="90">90°</option>
<option value="180">180°</option>
<option value="270">270°</option>
<option value="360">360°</option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label ckinterfacetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shape_handles.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_SCALE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animscaleyes" class="inputbox" name="<?php echo $prefix; ?>animscale" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animscaleyes">
<?php echo TCK_Text::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animscaleno" class="inputbox" name="<?php echo $prefix; ?>animscale" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animscaleno">
<?php echo TCK_Text::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label ckinterfacetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>control_repeat.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_REPLAY_ANIMATION'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animreplayyes" class="inputbox" name="<?php echo $prefix; ?>animreplay" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animreplayyes">
<?php echo TCK_Text::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animreplayno" class="inputbox" name="<?php echo $prefix; ?>animreplay" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animreplayno">
<?php echo TCK_Text::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div style="text-align:center;">
<a class="ckbutton" href="javascript:void(0)" onclick="ckPlayAnimationPreview()"><i class="icon icon-play"></i><?php echo TCK_Text::_('CK_PLAY_ANIMATION'); ?></a></div>
<div class="clr">
</div>
<?php
}
public function createWrapperStyles($prefix, $joomlaversion) {
?>
<div class="ckinterfaceblock">
<div class="ckinterfaceblocktitle"><?php echo TCK_Text::_('CK_WRAPPER_PARAMS') ?></div>
<div class="ckinterfaceblockaccordion">
<div class="ckoption">
<?php $this->createLabel('CK_WRAPPER_WIDTH', 'width.png') ?>
<span class="ckoption-field">
<input class="inputbox ckhastip" type="text" title="<?php echo TCK_Text::_('CK_WRAPPER_WIDTH_DESC'); ?>" name="<?php echo $prefix; ?>width" id="<?php echo $prefix; ?>width" value="" />
</span>
</div>
<div class="ckoption">
<?php $this->createLabel('CK_WRAPPER_FLUID', 'width.png') ?>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>wrapperfluid" id="<?php echo $prefix; ?>wrapperfluid" >
<option value="fixed"><?php echo TCK_Text::_('CK_FIXED'); ?></option>
<option value="fluid"><?php echo TCK_Text::_('CK_FLUID'); ?></option>
</select>
</span>
</div>
<?php if ($joomlaversion == 'j3') { ?>
<div class="ckoption">
<?php $this->createLabel('CK_LOAD_BOOTSTRAP', 'add.png') ?>
<span class="ckoption-field">
<select class="inputbox cksmall" type="list" name="<?php echo $prefix; ?>loadboostrap" id="<?php echo $prefix; ?>loadboostrap" >
<option value="0"><?php echo TCK_Text::_('JNO'); ?></option>
<option value="1"><?php echo TCK_Text::_('JYES'); ?></option>
</select>
</span>
</div>
<?php } else { ?>
<input class="inputbox" type="hidden" name="<?php echo $prefix; ?>loadboostrap" id="<?php echo $prefix; ?>loadboostrap" value="0" />
<?php } ?>
<div class="ckoption">
<?php $this->createLabel('CK_LOAD_FONTAWESOME', 'add.png') ?>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>loadfontawesome" id="<?php echo $prefix; ?>loadfontawesome" >
<option value="2"><?php echo TCK_Text::_('CK_AUTO'); ?></option>
<option value="1"><?php echo TCK_Text::_('JYES'); ?></option>
<option value="0"><?php echo TCK_Text::_('JNO'); ?></option>
</select>
</span>
</div>
<div class="ckoption">
<?php $this->createLabel('CK_GOOGLEANALYTICS', 'chart_line.png') ?>
<span class="ckoption-field">
<select class="inputbox cksmall" type="list" name="<?php echo $prefix; ?>loadgoogleanalytics" id="<?php echo $prefix; ?>loadgoogleanalytics" >
<option value="0"><?php echo TCK_Text::_('JNO'); ?></option>
<option value="1"><?php echo TCK_Text::_('JYES'); ?></option>
</select>
</span>
</div>
<div class="ckoption">
<?php $this->createLabel('CK_HIDEFRONTPAGE', 'application_home.png') ?>
<span class="ckoption-field">
<select class="inputbox cksmall" type="list" name="<?php echo $prefix; ?>hidefrontpage" id="<?php echo $prefix; ?>hidefrontpage" value="0" >
<option value="0"><?php echo TCK_Text::_('JNO'); ?></option>
<option value="1"><?php echo TCK_Text::_('JYES'); ?></option>
</select>
</span>
</div>
<div class="ckclr"></div>
</div>
</div>
<?php
}
public function createLogo($prefix, $usegradient = true, $title = '') {
?>
<div style="padding:10px;">
<div class="ckinterfacecolumn">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_LOGO'); ?></div>
<div style="">
<div style="margin-left:10px;">
<img src="<?php echo $this->imagespath; ?>logo_illustration.png" width="65" height="40"/>
</div>
<div style="text-align:left;">
<a style="display:block;float:left;padding:0 5px;width:85px;" class="ckbuttonstyle" onclick="ckCallImageManagerPopup('<?php echo $prefix; ?>backgroundimageurl')" href="javascript:void(0)" ><?php echo TCK_Text::_('CK_SELECT'); ?></a>
<a style="display:block;float:left;padding:0 5px;width:45px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="$ck('#<?php echo $prefix; ?>backgroundimageurl').attr('value', '');"><?php echo TCK_Text::_('CK_CLEAN'); ?></a>
<div class="ckclr"></div>
<input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>backgroundimageurl" id="<?php echo $prefix; ?>backgroundimageurl" size="7" style="width:150px; clear:both;" />
</div>
</div>
</div>
<div class="ckinterfacecolumn" style="margin-left:10px;">
<div class="ckinterfacetitle" style="text-align:left;padding-left:0px;margin-top:0px;"><?php echo TCK_Text::_('CK_DIMENSIONS'); ?></div>
<div style="text-align:left;clear:both;">
<div><?php echo TCK_Text::_('CK_WIDTH'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>width.png" width="15" height="15" align="top" /></div><div style="float:left;"><input class="inputbox" type="text" name="logowidth" id="logowidth" size="2" value="" style="" /></div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
<div style="text-align:left;">
<div><?php echo TCK_Text::_('CK_HEIGHT'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>height.png" width="15" height="15" align="top" /></div><div style="float:left;"><input class="inputbox" type="text" name="logoheight" id="logoheight" size="2" value="" style="" /></div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo TCK_Text::_('CK_ALIGN'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input type="radio" class="logodesc inputbox" value="left" id="logoalignleft" name="logoalign" />
<label class="ckbutton" for="logoalignleft"><img src="<?php echo $this->imagespath; ?>text_align_left.png" width="16" height="16" />
</label><input type="radio" class="logodesc inputbox" value="center" id="logoaligncenter" name="logoalign" />
<label class="ckbutton" for="logoaligncenter"><img src="<?php echo $this->imagespath; ?>text_align_center.png" width="16" height="16" />
</label><input type="radio" class="logodesc inputbox" value="1" id="logoalignright" name="logoalign" />
<label class="ckbutton" for="logoalignright"><img src="<?php echo $this->imagespath; ?>text_align_right.png" width="16" height="16" />
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckinterfacecolumn">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_MARGINS'); ?></div>
<div class="ckinterfacecolumn">
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_TOP'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>margintop.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>margintop" id="<?php echo $prefix; ?>margintop" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_RIGHT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginright.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginright" id="<?php echo $prefix; ?>marginright" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_BOTTOM'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginbottom.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginbottom" id="<?php echo $prefix; ?>marginbottom" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_LEFT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginleft.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginleft" id="<?php echo $prefix; ?>marginleft" size="1" value="" /></div>
</div>
<div class="ckinterfacecolumn">
<div style="width:21px;float:left;text-align:right;margin:7px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_margins.png" width="21" height="98" /></div>
<div style="float:left;text-align:left;margin:42px 0 0 5px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>margins" id="<?php echo $prefix; ?>margins" size="1" value="" /><div style="width:25px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<div class="ckinterfacecolumn">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_PADDINGS'); ?></div>
<div class="ckinterfacecolumn">
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_TOP'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingtop.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingtop" id="<?php echo $prefix; ?>paddingtop" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_RIGHT'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingright.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingright" id="<?php echo $prefix; ?>paddingright" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_BOTTOM'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingbottom.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingbottom" id="<?php echo $prefix; ?>paddingbottom" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_LEFT'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingleft.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingleft" id="<?php echo $prefix; ?>paddingleft" size="1" value="" /></div>
</div>
<div class="ckinterfacecolumn">
<div style="width:21px;float:left;text-align:right;margin:7px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_paddings.png" width="15" height="98" /></div>
<div style="float:left;text-align:left;margin:38px 0 0 5px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddings" id="<?php echo $prefix; ?>paddings" size="1" value="" /><div style="width:20px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<div class="ckclr"></div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>text_signature.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_LOGO_ALT'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="logoalt" id="logoalt" value="" />
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>link.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_LOGO_URL'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="logolink" id="logolink" value="" />
</span>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createBackground($prefix, $usegradient = true, $title = '', $expert = false) {
?>
<?php /*<input class="inputbox" type="hidden" value="" name="widthmodule0" id="widthmodule0" />
<input class="inputbox" type="hidden" value="" name="widthmodule1" id="widthmodule1" />
<input class="inputbox" type="hidden" value="" name="widthmodule2" id="widthmodule2" />
<input class="inputbox" type="hidden" value="" name="widthmodule3" id="widthmodule3" />
<input class="inputbox" type="hidden" value="" name="widthmodule4" id="widthmodule4" />
<input class="inputbox" type="hidden" value="" name="isdisabledmodule0" id="isdisabledmodule0" />
<input class="inputbox" type="hidden" value="" name="isdisabledmodule1" id="isdisabledmodule1" />
<input class="inputbox" type="hidden" value="" name="isdisabledmodule2" id="isdisabledmodule2" />
<input class="inputbox" type="hidden" value="" name="isdisabledmodule3" id="isdisabledmodule3" />
<input class="inputbox" type="hidden" value="" name="isdisabledmodule4" id="isdisabledmodule4" />
<input class="inputbox" type="hidden" value="" name="numberofmodules" id="numberofmodules" /> */ ?>
<div class="ckinterfaceblock" >
<div class="ckinterfaceblocktitle<?php if ($expert == 'true') echo ' expert'; ?>"><?php echo ($title ? $title : TCK_Text::_('CK_BACKGROUND')) ?></div>
<div class="ckinterfaceblockaccordion">
<?php
if ($usegradient) {
//$this->ckCreateGradientPreview($prefix);
?> <div class="ckinterfacecolumn" style="margin:0;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_BACKGROUNDGRADIENT'); ?></div>
<div id="<?php echo $prefix; ?>gradientpreview" style="width:55px;height:130px;margin-top:3px;border:1px solid #808080;"><div class="injectstyles"></div></div>
</div>
<div class="ckinterfacecolumn" style="width: 210px;">
<div class="ckinterfacetitle"><?php echo ($usegradient ? TCK_Text::_('CK_BACKGROUNDCOLORS') : TCK_Text::_('CK_BACKGROUNDCOLOR')) ?></div>
<div style="text-align:left;margin-left:20px;">
<div style="float:left;color:#bcbcbc;line-height:23px;"><?php echo TCK_Text::_('0 %'); ?></div>
<div style="float:left;"><input class="inputbox colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstart" id="<?php echo $prefix; ?>backgroundcolorstart" size="6" style="width:52px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');" onchange="ckCreateGradientPreview('<?php echo $prefix ?>');"/></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo TCK_Text::_('CK_MAINCOLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;"><input disabled="disabled" class="inputbox isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundpositionstop1" id="<?php echo $prefix; ?>backgroundpositionstop1" size="1" style="width:22px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');"/><?php echo TCK_Text::_('%'); ?></div>
<div style="float:left;"><input disabled="disabled" class="inputbox colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstop1" id="<?php echo $prefix; ?>backgroundcolorstop1" size="6" style="width:52px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>')"/></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo TCK_Text::_('CK_STOP1COLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;"><input disabled="disabled" class="inputbox isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundpositionstop2" id="<?php echo $prefix; ?>backgroundpositionstop2" size="1" style="width:22px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');"/><?php echo TCK_Text::_('%'); ?></div>
<div style="float:left;"><input disabled="disabled" class="inputbox colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstop2" id="<?php echo $prefix; ?>backgroundcolorstop2" size="6" style="width:52px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>')" /></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo TCK_Text::_('CK_STOP2COLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;"><input disabled="disabled" class="inputbox isGradientfield" type="text" value="100" name="<?php echo $prefix; ?>backgroundpositionend" id="<?php echo $prefix; ?>backgroundpositionend" size="1" style="width:22px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');"/><?php echo TCK_Text::_('%'); ?></div>
<div style="float:left;"><input disabled="disabled" class="inputbox colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorend" id="<?php echo $prefix; ?>backgroundcolorend" size="6" style="width:52px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>')"/></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo TCK_Text::_('CK_ENDCOLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<select class="inputbox" type="list" value="" name="<?php echo $prefix; ?>backgrounddirection" id="<?php echo $prefix; ?>backgrounddirection" style="width: 120px;">
<option value="topbottom"><?php echo TCK_Text::_('CK_TOPTOBOTTOM'); ?></option>
<option value="bottomtop"><?php echo TCK_Text::_('CK_BOTTOMTOTOP'); ?></option>
<option value="leftright"><?php echo TCK_Text::_('CK_LEFTTORIGHT'); ?></option>
<option value="rightleft"><?php echo TCK_Text::_('CK_RIGHTTOLEFT'); ?></option>
</select><?php echo TCK_Text::_('CK_DIRECTION'); ?>
</div>
</div>
<div class="ckinterfacecolumn" style="">
<div class="ckinterfacetitle" style="float:left;width:100px;"><?php echo TCK_Text::_('CK_OPACITY'); ?></div>
<input class="inputbox isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundopacity" id="<?php echo $prefix; ?>backgroundopacity" size="1" style="width:50px;"/>
</div>
<?php } else { ?>
<div class="ckinterfacecolumn" style="margin:0 15px 0 0;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_BACKGROUNDCOLOR'); ?></div>
<div style="float:left;"><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstart" id="<?php echo $prefix; ?>backgroundcolorstart" size="6" style="width:52px;" /></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo TCK_Text::_('CK_MAINCOLOR'); ?>
<input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>backgroundopacity" id="<?php echo $prefix; ?>backgroundopacity" size="1" style="width:22px;"/><?php echo TCK_Text::_('CK_OPACITY'); ?>
</div>
<?php }
?>
<div class="ckinterfacecolumn" style="width:280px;margin-left:0px;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_BACKGROUNDIMAGE'); ?></div>
<div style="text-align:left;float: left;">
<div style="text-align:left;float: left;">
<div style="float: left">
<select class="inputbox" type="list" value="" name="<?php echo $prefix; ?>backgroundimageattachment" id="<?php echo $prefix; ?>backgroundimageattachment" style="width: 70px;">
<option value="scroll"><?php echo TCK_Text::_('scroll'); ?></option>
<option value="fixed"><?php echo TCK_Text::_('fixed'); ?></option>
</select>
</div>
<div style="text-align:left;float: left;width:8px;"><?php echo TCK_Text::_('x'); ?></div><div style="text-align:left;float: left;"><input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>backgroundimageleft" id="<?php echo $prefix; ?>backgroundimageleft" size="7" style="width:25px;" /></div>
<div style="text-align:left;float: left;width:8px;"><?php echo TCK_Text::_('y'); ?></div><div style="text-align:left;float: left;"><input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>backgroundimagetop" id="<?php echo $prefix; ?>backgroundimagetop" size="7" style="width:25px;" /></div>
<div>
</div>
</div>
<div style="clear:both;float:left;">
<div style="text-align:left;">
<a style="display:block;float:left;padding:0 5px;width:85px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="ckCallImageManagerPopup('<?php echo $prefix; ?>backgroundimageurl')" ><?php echo TCK_Text::_('CK_SELECT'); ?></a>
<a style="display:block;float:left;padding:0 5px;width:45px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="$ck('#<?php echo $prefix; ?>backgroundimageurl').attr('value', '');"><?php echo TCK_Text::_('CK_CLEAN'); ?></a>
<div class="ckclr"></div>
<input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>backgroundimageurl" id="<?php echo $prefix; ?>backgroundimageurl" size="7" style="width:150px; clear:both;" />
</div>
<div style="text-align:left;">
<?php echo TCK_Text::_('CK_REPEAT'); ?>
<select class="inputbox" type="list" value="" name="<?php echo $prefix; ?>backgroundimagerepeat" id="<?php echo $prefix; ?>backgroundimagerepeat" style="width: 70px;float:right; margin-right:4px;">
<option value="no-repeat"><?php echo TCK_Text::_('JNONE'); ?></option>
<option value="repeat-x"><?php echo TCK_Text::_('CK_HORIZONTAL'); ?></option>
<option value="repeat-y"><?php echo TCK_Text::_('CK_VERTICAL'); ?></option>
<option value="repeat"><?php echo TCK_Text::_('CK_HORIZONTAL_VERTICAL'); ?></option>
</select>
</div>
<div style="text-align:left;clear:both;">
<span style="max-width:80px;display:inline-block;"><?php echo TCK_Text::_('CK_BACKGROUND_SIZE'); ?></span>
<select class="inputbox" type="list" value="" name="<?php echo $prefix; ?>backgroundimagesize" id="<?php echo $prefix; ?>backgroundimagesize" style="width: 70px;float:right; margin-right:4px;">
<option value="auto"><?php echo TCK_Text::_('JNONE'); ?></option>
<option value="cover"><?php echo TCK_Text::_('CK_COVER'); ?></option>
<option value="contain"><?php echo TCK_Text::_('CK_CONTAIN'); ?></option>
</select>
</div>
</div>
</div>
<div style="margin-left:2px;float: left;width:110px;overflow:hidden;">
<img src="<?php echo $this->imagespath; ?>background_illustration.png" width="175" height="115" style="max-width:none;"/>
</div>
</div>
<div class="ckinterfacecolumn" style="margin-left:10px;">
</div>
<div class="ckclr"></div>
</div>
</div>
<?php
}
public function createText($prefix, $showlinks = true) {
?>
<div class="ckinterfaceblock" >
<div class="ckinterfaceblocktitle"><?php echo TCK_Text::_('CK_TEXT'); ?></div>
<div class="ckinterfaceblockaccordion">
<div class="ckinterfacecolumn">
<div style="float:left;">
<div class="ckinterfacetitle" style=""><?php echo TCK_Text::_('CK_POLICE'); ?></div>
<div class="ckinterfacecolumn" style="width: 120px;">
<div>
<div style="float:left;"><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" size="6" style="width:82px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
<div style="clear:both;">
<input class="inputbox" style="width: 50px;" name="<?php echo $prefix; ?>fontsize" id="<?php echo $prefix; ?>fontsize" type="text" />
<div style="text-align:left;display:inline;"><?php echo TCK_Text::_('CK_SIZE'); ?></div>
</div>
<div style="clear:both;">
<select class="inputbox" style="width: 108px;" name="<?php echo $prefix; ?>fontfamily" id="<?php echo $prefix; ?>fontfamily">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option style="font-family:Times New Roman;" value="Times New Roman, Serif">Times New Roman</option>
<option style="font-family:Helvetica;" value="Helvetica, sans-serif">Helvetica</option>
<option style="font-family:Georgia;" value="Georgia, serif">Georgia</option>
<option style="font-family:Courier New;" value="Courier New, serif">Courier New</option>
<option style="font-family:Arial;" value="Arial, sans-serif">Arial</option>
<option style="font-family:Verdana;" value="Verdana, sans-serif">Verdana</option>
<option style="font-family:Comic Sans MS;" value="Comic Sans MS, cursive">Comic Sans MS</option>
<option style="font-family:Tahoma;" value="Tahoma, sans-serif">Tahoma</option>
<option style="font-family:Segoe UI;" value="Segoe UI, sans-serif">Segoe UI</option>
<option style="font-family:Segoe UI;" value="googlefont">Google Font</option>
<?php
if (empty($this->customfonts)) {
$this->customfonts = $this->_getFontsData();
}
$customfonts = $this->_getFonts();
foreach ($customfonts as $font) {
$fontmore = isset($this->customfonts[$font]) && $this->customfonts[$font]->alternatives ? ',' . $this->customfonts[$font]->alternatives : '';
echo '<option style="font-family:' . $font . ';" value="' . $font . $fontmore . '">' . str_replace("'", "", $font) . '</option>';
}
?>
</select>
</div>
</div>
<div class="ckinterfacecolumn" style="width: 155px;">
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox isgooglefont" type="text" name="<?php echo $prefix; ?>googlefont" id="<?php echo $prefix; ?>googlefont" size="1" value="" style="width:100px;" onchange="ckSetGoogleFont('<?php echo $prefix; ?>', '', this.value, '')" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>text_gfont.png" width="16" height="16" /></div>
</div>
<div style="text-align:left;clear:both;">
<a href="javascript:void(0)" onclick="ckCallGoogleFontPopup('<?php echo $prefix; ?>')" class="ckbuttonstyle" style="display:block;float:left;padding:0 5px;width:100px;height:22px;"><?php echo TCK_Text::_('CK_SELECT_FONT'); ?></a>
</div>
<div style="text-align:left;clear:both;">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>fontweight" id="<?php echo $prefix; ?>fontweight" size="1" value="" style="width:30px;" />
<?php echo TCK_Text::_('CK_FONTWEIGHT'); ?>
</div>
</div>
<div style="clear:both;"></div>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>alignementleft" class="inputbox" name="<?php echo $prefix; ?>alignement" value="left" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementleft">
<img src="<?php echo $this->imagespath; ?>text_align_left.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementcenter" class="inputbox" name="<?php echo $prefix; ?>alignement" value="center" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementcenter">
<img src="<?php echo $this->imagespath; ?>text_align_center.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementright" class="inputbox" name="<?php echo $prefix; ?>alignement" value="right" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementright">
<img src="<?php echo $this->imagespath; ?>text_align_right.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementjustify" class="inputbox" name="<?php echo $prefix; ?>alignement" value="justify" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementjustify">
<img src="<?php echo $this->imagespath; ?>text_align_justify.png" width="16" height="16" />
</label>
</span>
</div>
</div>
<div class="ckinterfacecolumn" style="width: 120px;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_STYLE'); ?></div>
<select class="inputbox" value="default" name="<?php echo $prefix; ?>fontbold" id="<?php echo $prefix; ?>fontbold" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="bold"><?php echo TCK_Text::_('CK_BOLD'); ?></option>
<option value="normal"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_bold.png" width="16" height="16" title="bold"/><br />
<select class="inputbox" default="default" name="<?php echo $prefix; ?>fontitalic" id="<?php echo $prefix; ?>fontitalic" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="italic"><?php echo TCK_Text::_('CK_ITALIC'); ?></option>
<option value="normal"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_italic.png" width="16" height="16" title="italic"/><br />
<select class="inputbox" value="default" name="<?php echo $prefix; ?>fontunderline" id="<?php echo $prefix; ?>fontunderline" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="underline"><?php echo TCK_Text::_('CK_UNDERLINE'); ?></option>
<option value="nodecoration"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_underline.png" width="16" height="16" title="underline"/><br />
<select class="inputbox" value="default" name="<?php echo $prefix; ?>fontuppercase" id="<?php echo $prefix; ?>fontuppercase" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="uppercase"><?php echo TCK_Text::_('CK_UPPERCASE'); ?></option>
<option value="lowercase"><?php echo TCK_Text::_('CK_LOWERCASE'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_smallcaps.png" width="16" height="16" title="uppercase"/><br />
</div>
<div class="ckinterfacecolumn">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_SPACING'); ?></div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>wordspacing" id="<?php echo $prefix; ?>wordspacing" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>spacing.png" width="16" height="16" /></div> <?php echo TCK_Text::_('CK_WORD'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>letterspacing" id="<?php echo $prefix; ?>letterspacing" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>spacing.png" width="16" height="16" /></div> <?php echo TCK_Text::_('CK_LETTER'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>lineheight" id="<?php echo $prefix; ?>lineheight" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>text_linespacing.png" width="16" height="16" /></div> <?php echo TCK_Text::_('CK_LINEHEIGHT'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>textindent" id="<?php echo $prefix; ?>textindent" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>text_indent.png" width="16" height="16" align="top"/></div> <?php echo TCK_Text::_('CK_TEXTINDENT'); ?>
</div>
</div>
<?php if ($showlinks) { ?>
<div class="clr"></div>
<div class="ckinterfacecolumn" style="width: 120px;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_NORMALLINK'); ?></div>
<select class="inputbox" value="default" name="<?php echo $prefix; ?>normallinkfontbold" id="<?php echo $prefix; ?>normallinkfontbold" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="bold"><?php echo TCK_Text::_('CK_BOLD'); ?></option>
<option value="normal"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_bold.png" width="16" height="16" title="bold"/><br />
<select class="inputbox" default="default" name="<?php echo $prefix; ?>normallinkfontitalic" id="<?php echo $prefix; ?>normallinkfontitalic" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="italic"><?php echo TCK_Text::_('CK_ITALIC'); ?></option>
<option value="normal"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_italic.png" width="16" height="16" title="italic"/><br />
<select class="inputbox" value="default" name="<?php echo $prefix; ?>normallinkfontunderline" id="<?php echo $prefix; ?>normallinkfontunderline" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="underline"><?php echo TCK_Text::_('CK_UNDERLINE'); ?></option>
<option value="nodecoration"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_underline.png" width="16" height="16" title="underline"/><br />
<select class="inputbox" value="default" name="<?php echo $prefix; ?>normallinkfontuppercase" id="<?php echo $prefix; ?>normallinkfontuppercase" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="uppercase"><?php echo TCK_Text::_('CK_UPPERCASE'); ?></option>
<option value="lowercase"><?php echo TCK_Text::_('CK_LOWERCASE'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_smallcaps.png" width="16" height="16" title="uppercase"/><br />
<div style="text-align:left;">
<div style="float:left;"><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>normallinkcolor" id="<?php echo $prefix; ?>normallinkcolor" size="6" style="width:64px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
</div>
<div class="ckinterfacecolumn" style="">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_HOVERLINK'); ?></div>
<select class="inputbox" value="default" name="<?php echo $prefix; ?>hoverlinkfontbold" id="<?php echo $prefix; ?>hoverlinkfontbold" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="bold"><?php echo TCK_Text::_('CK_BOLD'); ?></option>
<option value="normal"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_bold.png" width="16" height="16" title="bold"/><br />
<select class="inputbox" default="default" name="<?php echo $prefix; ?>hoverlinkfontitalic" id="<?php echo $prefix; ?>hoverlinkfontitalic" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="italic"><?php echo TCK_Text::_('CK_ITALIC'); ?></option>
<option value="normal"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_italic.png" width="16" height="16" title="italic"/><br />
<select class="inputbox" value="default" name="<?php echo $prefix; ?>hoverlinkfontunderline" id="<?php echo $prefix; ?>hoverlinkfontunderline" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="underline"><?php echo TCK_Text::_('CK_UNDERLINE'); ?></option>
<option value="nodecoration"><?php echo TCK_Text::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_underline.png" width="16" height="16" title="underline"/><br />
<select class="inputbox" value="default" name="<?php echo $prefix; ?>hoverlinkfontuppercase" id="<?php echo $prefix; ?>hoverlinkfontuppercase" style="width:70px;">
<option value="default"><?php echo TCK_Text::_('CK_DEFAULT'); ?></option>
<option value="uppercase"><?php echo TCK_Text::_('CK_UPPERCASE'); ?></option>
<option value="lowercase"><?php echo TCK_Text::_('CK_LOWERCASE'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_smallcaps.png" width="16" height="16" title="uppercase"/><br />
<div style="text-align:left;">
<div style="float:left;"><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>hoverlinkcolor" id="<?php echo $prefix; ?>hoverlinkcolor" size="6" style="width:64px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
</div>
<div class="menuseparator"></div>
<?php } ?>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createDimensions($prefix, $useheight = false, $usewidth = false, $expert = false, $iswrapper = false, $usemargins = true) {
?>
<div class="ckinterfaceblock">
<div class="ckinterfaceblocktitle"><?php echo TCK_Text::_('CK_MISE_FORME'); ?></div>
<div class="ckinterfaceblockaccordion">
<?php if ($usemargins) { ?>
<div class="ckinterfacecolumn">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_MARGINS'); ?></div>
<div class="ckinterfacecolumn">
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_TOP'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>margintop.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>margintop" id="<?php echo $prefix; ?>margintop" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_RIGHT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginright.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginright" id="<?php echo $prefix; ?>marginright" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_BOTTOM'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginbottom.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginbottom" id="<?php echo $prefix; ?>marginbottom" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo TCK_Text::_('CK_LEFT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginleft.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginleft" id="<?php echo $prefix; ?>marginleft" size="1" value="" /></div>
</div>
<div class="ckinterfacecolumn">
<div style="width:21px;float:left;text-align:right;margin:7px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_margins.png" width="21" height="98" /></div>
<div style="float:left;text-align:left;margin:42px 0 0 5px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>margins" id="<?php echo $prefix; ?>margins" size="1" value="" /><div style="width:25px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<?php } ?>
<div class="ckinterfacecolumn">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_PADDINGS'); ?></div>
<div class="ckinterfacecolumn">
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_TOP'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingtop.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingtop" id="<?php echo $prefix; ?>paddingtop" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_RIGHT'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingright.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingright" id="<?php echo $prefix; ?>paddingright" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_BOTTOM'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingbottom.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingbottom" id="<?php echo $prefix; ?>paddingbottom" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo TCK_Text::_('CK_LEFT'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingleft.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingleft" id="<?php echo $prefix; ?>paddingleft" size="1" value="" /></div>
</div>
<div class="ckinterfacecolumn">
<div style="width:21px;float:left;text-align:right;margin:7px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_paddings.png" width="15" height="98" /></div>
<div style="float:left;text-align:left;margin:38px 0 0 5px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddings" id="<?php echo $prefix; ?>paddings" size="1" value="" /><div style="width:20px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<div class="ckinterfacetitle" ><?php echo TCK_Text::_('CK_DIMENSIONS'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>height.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_MIN_HEIGHT'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>minheight" id="<?php echo $prefix; ?>minheight" value="" />
</span>
<div class="clr"></div>
</div>
<?php if ($useheight OR $usewidth) { ?>
<?php if ($useheight) { ?>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>height.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_HEIGHT'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>height" id="<?php echo $prefix; ?>height" value="" />
</span>
<div class="clr"></div>
</div>
<?php } ?>
<?php if ($usewidth) { ?>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>width.png" width="16" height="16" />
<?php echo TCK_Text::_('CK_WIDTH'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>width" id="<?php echo $prefix; ?>width" value="" />
</span>
<div class="clr"></div>
</div>
<?php } ?>
<?php } ?>
<?php if ($iswrapper) { ?>
<div class="menuseparator"></div>
<div class="ckinterfacecolumn" style="margin-left:10px;width: 200px;">
<div class="ckinterfacetitle" style="text-align:left;padding-left:0px;margin-top:0px;"><?php echo TCK_Text::_('CK_FULLWIDTH'); ?></div>
<div style="text-align:left;">
<div><?php echo TCK_Text::_('CK_FULLWIDTH_DESC'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>width.png" width="15" height="15" align="top" /></div><div style="float:left;">
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>fullwidth" id="<?php echo $prefix; ?>fullwidth" >
<option value="0"><?php echo TCK_Text::_('JNO') ?></option>
<option value="1"><?php echo TCK_Text::_('JYES') ?></option>
</select>
</div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
</div>
<?php } ?>
<div class="ckinterfacecolumn">
<div style="margin:10px 0 0 15px;"><img src="<?php echo $this->imagespath; ?>formatting.png" width="200" height="150" /></div>
</div>
<div class="ckclr"></div>
</div>
</div>
<?php
}
public function createDecoration($prefix) {
?>
<div class="ckinterfaceblock" >
<div class="ckinterfaceblocktitle"><?php echo TCK_Text::_('CK_DECORATION'); ?></div>
<div class="ckinterfaceblockaccordion">
<div class="ckinterfacecolumn" style="margin-left:0px;">
<div class="ckinterfacetitle" style=""><?php echo TCK_Text::_('CK_ROUNDED_CORNERS'); ?>
</div>
<div class="ckinterfacecolumn">
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>topright_corner.png" width="18" height="18" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>borderradiustopright" id="<?php echo $prefix; ?>borderradiustopright" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo TCK_Text::_('CK_TOPRIGHT'); ?></div></div>
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>bottomright_corner.png" width="18" height="18" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>borderradiusbottomright" id="<?php echo $prefix; ?>borderradiusbottomright" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo TCK_Text::_('CK_BOTTOMRIGHT'); ?></div></div>
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>bottomleft_corner.png" width="18" height="18" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>borderradiusbottomleft" id="<?php echo $prefix; ?>borderradiusbottomleft" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo TCK_Text::_('CK_BOTTOMLEFT'); ?></div></div>
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>topleft_corner.png" width="18" height="18" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>borderradiustopleft" id="<?php echo $prefix; ?>borderradiustopleft" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo TCK_Text::_('CK_TOPLEFT'); ?></div></div>
</div>
<div class="ckinterfacecolumn" style="width:100px;">
<div style="width:38px;float:left;text-align:right;margin:1px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_corners.png" width="38" height="98" /></div>
<div style="float:left;text-align:right;margin:35px 0 0 5px;">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>borderradius" id="<?php echo $prefix; ?>borderradius" size="1" value="" style="" />
</div>
</div>
</div>
<div class="ckinterfacecolumn">
<div class="ckinterfacetitle" style=""><?php echo TCK_Text::_('CK_BORDERS'); ?></div>
<div style="text-align: left;">
<span style="padding-left:30px;"><?php echo TCK_Text::_('CK_COLOR'); ?></span><span style="padding-left:30px;"><?php echo TCK_Text::_('CK_SIZE'); ?></span><span style="padding-left:20px;"><?php echo TCK_Text::_('CK_STYLE'); ?></span>
</div>
<div style="text-align: left;clear:both;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>bordertopcolor" id="<?php echo $prefix; ?>bordertopcolor" size="7" style="width:45px;" />
<input class="inputbox" type="text" style="" name="<?php echo $prefix; ?>bordertopsize" id="<?php echo $prefix; ?>bordertopsize" >
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>bordertopstyle" id="<?php echo $prefix; ?>bordertopstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
<div style="text-align: left;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderrightcolor" id="<?php echo $prefix; ?>borderrightcolor" size="7" style="width:45px;" />
<input class="inputbox" type="text" style="" name="<?php echo $prefix; ?>borderrightsize" id="<?php echo $prefix; ?>borderrightsize">
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>borderrightstyle" id="<?php echo $prefix; ?>borderrightstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
<div style="text-align: left;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderbottomcolor" id="<?php echo $prefix; ?>borderbottomcolor" size="7" style="width:45px;" />
<input class="inputbox" type="text" style="" name="<?php echo $prefix; ?>borderbottomsize" id="<?php echo $prefix; ?>borderbottomsize">
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>borderbottomstyle" id="<?php echo $prefix; ?>borderbottomstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
<div style="text-align: left;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderleftcolor" id="<?php echo $prefix; ?>borderleftcolor" size="7" style="width:45px;" />
<input class="inputbox" style="" name="<?php echo $prefix; ?>borderleftsize" id="<?php echo $prefix; ?>borderleftsize">
<select class="inputbox" type="text" style="width:55px;height:22px;" name="<?php echo $prefix; ?>borderleftstyle" id="<?php echo $prefix; ?>borderleftstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
</div>
<div class="ckinterfacecolumn" style="width:80px;">
<div style="text-align: left;margin:42px 0 0 0px;">
<div><img src="<?php echo $this->imagespath; ?>all_borders_top.png" width="7" height="11" style="vertical-align:middle;" /></div>
<div><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderscolor" id="<?php echo $prefix; ?>borderscolor" size="7" style="width:52px;float:left;" /><div style="float:right;margin:4px 0px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div></div>
<div>
<input class="inputbox" type="text" style="width:20px;" name="<?php echo $prefix; ?>borderssize" id="<?php echo $prefix; ?>borderssize" >
<div style="text-align:left;display:inline;"><?php echo TCK_Text::_('CK_SIZE'); ?></div>
</div>
<select class="inputbox" style="width:78px;height:22px;" name="<?php echo $prefix; ?>bordersstyle" id="<?php echo $prefix; ?>bordersstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
<div><img src="<?php echo $this->imagespath; ?>all_borders_bottom.png" width="7" height="8" style="vertical-align:middle;" /></div>
</div>
</div>
<div class="ckinterfacecolumn">
<div style="margin:3px 0 0 0px;"><img src="<?php echo $this->imagespath; ?>borders.png" width="200" height="170" /></div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createShadow($prefix) {
?>
<div class="ckinterfaceblock" >
<div class="ckinterfaceblocktitle"><?php echo TCK_Text::_('CK_SHADOW'); ?></div>
<div class="ckinterfaceblockaccordion">
<div class="ckinterfacecolumn" style="text-align: left;">
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_SHADOW'); ?></div>
<div>
<div style="float:left;">
<div style="float:left;"><input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>shadowcolor" id="<?php echo $prefix; ?>shadowcolor" size="6" style="width:52px;" /></div>
<div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo TCK_Text::_('CK_COLOR'); ?>
<input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>shadowopacity" id="<?php echo $prefix; ?>shadowopacity" size="1" style="width:22px;"/><?php echo TCK_Text::_('CK_OPACITY'); ?>
<input class="inputbox" type="hidden" value="" name="<?php echo $prefix; ?>shadowbefore" id="<?php echo $prefix; ?>shadowbefore" />
<input class="inputbox" type="hidden" value="" name="<?php echo $prefix; ?>shadowafter" id="<?php echo $prefix; ?>shadowafter" />
<input class="inputbox" type="hidden" value="" name="<?php echo $prefix; ?>shadowcustom" id="<?php echo $prefix; ?>shadowcustom" />
</div>
</div>
</div>
<div class="ckinterfacecolumn" >
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_WIDTH'); ?></div>
<div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>shadowblur" id="<?php echo $prefix; ?>shadowblur" size="1" value="" /><?php echo TCK_Text::_('CK_BLUR'); ?>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>shadowspread" id="<?php echo $prefix; ?>shadowspread" size="1" value="" /><?php echo TCK_Text::_('CK_SPREAD'); ?>
</div>
</div>
<div class="ckinterfacecolumn" >
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_OFFSET'); ?></div>
<div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>shadowoffseth" id="<?php echo $prefix; ?>shadowoffseth" size="1" value="" /><?php echo TCK_Text::_('x'); ?>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>shadowoffsetv" id="<?php echo $prefix; ?>shadowoffsetv" size="1" value="" /><?php echo TCK_Text::_('y'); ?>
</div>
</div>
<div class="ckinterfacecolumn" >
<div class="ckinterfacetitle"><?php echo TCK_Text::_('CK_DIRECTION'); ?></div>
<div>
<select class="inputbox" type="list" name="<?php echo $prefix; ?>shadowinset" id="<?php echo $prefix; ?>shadowinset" value="" style="width:105px;" >
<option value="0"><?php echo TCK_Text::_('CK_OUTSIDE'); ?></option>
<option value="1"><?php echo TCK_Text::_('CK_INSIDE'); ?></option>
</select>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
/*
* Get the list of fonts squirrel
* @return Array
*/
function _getFonts() {
$fonts = Array();
// $db = JFactory::getDBO();
// $query = "SELECT * FROM #__templateck_fonts";
// $db->setQuery($query);
// $rows = $db->loadObjectList('fontfamilies');
$rows = $this->_getFontsData();
foreach ($rows as $row) {
$fontfamilies = explode(",", $row->fontfamilies);
foreach ($fontfamilies as $fontfamily) {
$fonts[] = $fontfamily;
// $fonts[] = "'" . $fontfamily . "'" .(isset($row->additional_fonts) && $row->additional_fonts ? ', ' . trim($row->additional_fonts, ',') : '');
}
}
return $fonts;
}
/*
* Get the list of fonts squirrel
* @return Array
*/
function _getFontsData() {
$db = JFactory::getDBO();
$query = "SELECT * FROM #__templateck_fonts";
$db->setQuery($query);
$rows = $db->loadObjectList('fontfamilies');
return $rows;
}
}