| Server IP : 46.105.57.169 / Your IP : 216.73.216.144 Web Server : Apache System : Linux webd003.cluster120.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : maitricfuz ( 93378) PHP Version : 8.4.10 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/maitricfuz/www/saint-martin-lg/plugins/pagebuilderck/blog/layouts/ |
Upload File : |
<?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;
$input = Pagebuilderck\CKFof::getInput();
$id = $input->get('ckid', '', 'string');
$this->imagespath_plugin = Pagebuilderck\CKUri::root(true) . '/plugins/pagebuilderck/blog/assets/images/';
?>
<style>
.ckbloglayoutorder > div.ckmove { cursor: move; }
.ckbloglayoutorder[data-state="0"] { opacity:0.5; }
.imageeffectckmodal-body figure.imageeffectck { overflow : hidden; }
</style>
<div id="elementscontainer">
<div class="menulink" tab="tab_article"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_ARTICLES_SOURCE'); ?></div>
<div class="tab menustyles ckproperty ckoption" id="tab_article">
<input type="hidden" id="articleimgsource" name="articleimgsource" class="inputbox" value="text" />
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>image_add.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_IMAGESOURCE_LABEL'); ?>
</span>
<span class="ckoption-field">
<select id="imgsource" name="imgsource" class="inputbox" style="width:165px;" type="list">
<option value="introimage"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_ARTICLEFROMINTROIMAGE_OPTION'); ?></option>
<option value="firstimage"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_ARTICLEFROMFIRSTIMAGE_OPTION'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>star.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_FIELD_SHOWFEATURED_LABEL'); ?>
</span>
<span class="ckoption-field">
<select id="show_front" name="show_front" class="inputbox" style="width:165px;" type="list">
<option value="show"><?php echo Pagebuilderck\CKText::_('JSHOW'); ?></option>
<option value="hide"><?php echo Pagebuilderck\CKText::_('JHIDE'); ?></option>
<option value="only"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_ONLYFEATURED_VALUE'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<hr />
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>folder_wrench.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_FIELD_CATFILTERINGTYPE_LABEL'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="category_filtering_type_1" class="inputbox" name="category_filtering_type" value="1" type="radio" checked>
<label class="ckbutton" for="category_filtering_type_1">
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_INCLUSIVE_VALUE'); ?>
</label>
<input id="category_filtering_type_0" class="inputbox" name="category_filtering_type" value="0" type="radio">
<label class="ckbutton" for="category_filtering_type_0">
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_EXCLUSIVE_VALUE'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>folder_explore.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('JCATEGORY'); ?>
</span>
<span class="ckoption-field">
<input id="catid" name="catid" class="inputbox" value="" type="text" style="width: 120px;" />
<span class="ckbuttonstyle" style="line-height: 27px;padding: 5px 8px;" onclick="CKBox.open({url: '<?php echo Pagebuilderck\CKUri::root(true) ?>/administrator/index.php?option=com_categories&view=categories&layout=modal&tmpl=component&function=ckSelectCategory', id:'ckmenusmodal', style: {padding: '10px'} })">+</span>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>folder_table.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_FIELD_SHOWCHILDCATEGORYARTICLES_LABEL'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="show_child_category_articles_1" class="inputbox" name="show_child_category_articles" value="1" type="radio" checked>
<label class="ckbutton" for="show_child_category_articles_1">
<?php echo Pagebuilderck\CKText::_('JYES'); ?>
</label>
<input id="show_child_category_articles_0" class="inputbox" name="show_child_category_articles" value="0" type="radio">
<label class="ckbutton" for="show_child_category_articles_0">
<?php echo Pagebuilderck\CKText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>application_side_tree.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_FIELD_CATDEPTH_LABEL'); ?>
</span>
<span class="ckoption-field">
<input id="levels" name="levels" class="inputbox" value="" type="text" placeholder="1" />
</span>
<div class="clr"></div>
</div>
<hr />
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>folder_wrench.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_TAGS_FILTERING_TYPE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="filter_tag_enable_1" class="inputbox" name="filter_tag_enable" value="1" type="radio">
<label class="ckbutton" for="filter_tag_enable_1">
<?php echo Pagebuilderck\CKText::_('JYES'); ?>
</label>
<input id="filter_tag_enable_0" class="inputbox" name="filter_tag_enable" value="0" type="radio" checked>
<label class="ckbutton" for="filter_tag_enable_0">
<?php echo Pagebuilderck\CKText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<?php $tags = PagebuilderckHelper::getTags(); ?>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>folder_explore.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_TAGS'); ?>
</span>
<span class="ckoption-field">
<select multiple="true" id="filter_tag" name="filter_tag" class="inputbox" style="height:auto;" type="list">
<?php foreach ($tags as $tag) { ?>
<option value="<?php echo $tag->id ?>"><?php echo $tag->title ?></option>
<?php } ?>
</select>
</span>
<div class="clr"></div>
</div>
<hr />
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>key_delete.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_FIELD_EXCLUDEDARTICLES_LABEL'); ?>
</span>
<span class="ckoption-field">
<input id="excluded_articles" name="excluded_articles" class="inputbox" value="" type="text" />
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>arrow_switch.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_FIELD_ARTICLEORDERING_LABEL'); ?>
</span>
<span class="ckoption-field">
<select id="article_ordering" name="article_ordering" class="inputbox" style="width:auto;" type="list">
<option value="a.ordering"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_ORDERING_VALUE'); ?>
</option>
<option value="fp.ordering"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_ORDERINGFEATURED_VALUE'); ?>
</option>
<option value="a.hits"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_HITS_VALUE'); ?>
</option>
<option value="a.title"><?php echo Pagebuilderck\CKText::_('JGLOBAL_TITLE'); ?>
</option>
<option value="a.id"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_ID_VALUE'); ?>
</option>
<option value="a.alias"><?php echo Pagebuilderck\CKText::_('JFIELD_ALIAS_LABEL'); ?>
</option>
<option value="a.created"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_CREATED_VALUE'); ?>
</option>
<option value="modified"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_MODIFIED_VALUE'); ?>
</option>
<option value="publish_up"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_STARTPUBLISHING_VALUE'); ?>
</option>
<option value="a.publish_down"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_FINISHPUBLISHING_VALUE'); ?>
<option value="random"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_RANDOM_VALUE'); ?>
</option>
</select>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>arrow_direction.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_FIELD_ARTICLEORDERINGDIR_LABEL'); ?>
</span>
<span class="ckoption-field">
<select id="article_ordering_direction" name="article_ordering_direction" class="inputbox" style="width:165px;" type="list">
<option value="DESC"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_DESCENDING_VALUE'); ?>
</option>
<option value="ASC"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CATEGORY_OPTION_ASCENDING_VALUE'); ?>
</option>
</select>
</span>
<div class="clr"></div>
</div>
</div>
<div class="menulink" tab="tab_layout"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_LAYOUT'); ?></div>
<div class="tab menustyles ckproperty ckoption" id="tab_layout">
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>application_view_tile.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_MAX_ARTICLE'); ?>
</span>
<span class="ckoption-field">
<input id="maxarticles" name="maxarticles" class="inputbox" value="" type="text" />
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>blogs-stack.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_PAGINATION'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="pagination_1" class="inputbox" name="pagination" value="1" type="radio">
<label class="ckbutton" for="pagination_1">
<?php echo Pagebuilderck\CKText::_('JYES'); ?>
</label>
<input id="pagination_0" class="inputbox" name="pagination" value="0" type="radio" checked>
<label class="ckbutton" for="pagination_0">
<?php echo Pagebuilderck\CKText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>blogs-stack.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_PAGINATION_POSITION'); ?>
</span>
<span class="ckoption-field">
<select id="pagination_position" name="pagination_position" class="inputbox" style="width:165px;" type="list">
<option value="bottom"><?php echo Pagebuilderck\CKText::_('CK_BOTTOM'); ?></option>
<option value="top"><?php echo Pagebuilderck\CKText::_('CK_TOP'); ?></option>
<option value="both"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_BOTH'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<!--<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>window.png" width="16" height="16" />-->
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_GRIDLAYOUT_LABEL'); ?>
</span>
<span class="ckoption-field">
<select id="gridlayout" name="gridlayout" class="inputbox" style="width:165px;" type="list">
<option value="default"><?php echo Pagebuilderck\CKText::_('CK_DEFAULT'); ?></option>
<option value="grid"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_GRIDLAYOUT_GRID'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>application_tile_horizontal.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_NUMBER_COLS'); ?>
</span>
<input id="nbcols" class="inputbox" name="nbcols" value="" type="hidden">
<span class="ckoption-field ckbutton-group">
<input id="nbcols_1" class="" name="nbcols" value="1" type="radio">
<label class="ckbutton" for="nbcols_1">
<?php echo Pagebuilderck\CKText::_('1'); ?>
</label>
<input id="nbcols_2" class="" name="nbcols" value="2" type="radio">
<label class="ckbutton" for="nbcols_2">
<?php echo Pagebuilderck\CKText::_('2'); ?>
</label>
<input id="nbcols_3" class="" name="nbcols" value="3" type="radio">
<label class="ckbutton" for="nbcols_3">
<?php echo Pagebuilderck\CKText::_('3'); ?>
</label>
<input id="nbcols_4" class="" name="nbcols" value="4" type="radio">
<label class="ckbutton" for="nbcols_4">
<?php echo Pagebuilderck\CKText::_('4'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>text_padding_left.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_GUTTER_VALUE'); ?>
</span>
<span class="ckoption-field">
<input id="gutter" name="gutter" class="inputbox" value="" type="text" placeholder="10"/>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<!--<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>blogs-stack.png" width="16" height="16" />-->
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_ADJUST_LAST'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="adjustlast_1" class="inputbox" name="adjustlast" value="1" type="radio" checked>
<label class="ckbutton" for="adjustlast_1">
<?php echo Pagebuilderck\CKText::_('JYES'); ?>
</label>
<input id="adjustlast_0" class="inputbox" name="adjustlast" value="0" type="radio" >
<label class="ckbutton" for="adjustlast_0">
<?php echo Pagebuilderck\CKText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_LAYOUT_DESC'); ?>
<input id="layoutorder" name="layoutorder" class="inputbox" value="" type="hidden" />
<input id="layoutstate" name="layoutstate" class="inputbox" value="" type="hidden" />
<div id="ckbloglayoutorder">
<div class="ckbutton-group ckbloglayoutorder" data-type="image">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_IMAGE'); ?></div>
</div>
<div class="ckbutton-group ckbloglayoutorder" data-type="title">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_TITLE'); ?></div>
</div>
<div class="ckbutton-group ckbloglayoutorder" data-type="category">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_CATEGORY'); ?></div>
</div>
<div class="ckbutton-group ckbloglayoutorder" data-type="tags">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_TAGS'); ?></div>
</div>
<div class="ckbutton-group ckbloglayoutorder" data-type="date">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_DATE'); ?></div>
</div>
<div class="ckbutton-group ckbloglayoutorder" data-type="author">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_AUTHOR'); ?></div>
</div>
<div class="ckbutton-group ckbloglayoutorder" data-type="text">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_TEXT'); ?></div>
</div>
<div class="ckbutton-group ckbloglayoutorder" data-type="link">
<div class="ckbutton ckmove ck-icon-move"></div>
<div class="ckbutton ckstate ck-icon-eye"></div>
<div class="ckbutton" style="width:150px;"><?php echo Pagebuilderck\CKText::_('CK_LINK'); ?></div>
</div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>text_signature.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_READMORE_TEXT'); ?>
</span>
<span class="ckoption-field">
<input id="readmoretext" name="readmoretext" class="inputbox" value="" type="text" />
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>text_padding_left.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_READMORE_ALIGN'); ?>
</span>
<span class="ckoption-field">
<select id="readmorealign" name="readmorealign" class="inputbox" style="width:165px;" type="list">
<option value="left"><?php echo Pagebuilderck\CKText::_('CK_LEFT'); ?>
</option>
<option value="center" selected><?php echo Pagebuilderck\CKText::_('CK_CENTER'); ?>
</option>
<option value="right"><?php echo Pagebuilderck\CKText::_('CK_RIGHT'); ?>
</option>
</select>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>text_padding_left.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_HN_TITLE'); ?>
</span>
<span class="ckoption-field">
<select id="hn_title" name="hn_title" class="inputbox" style="width:165px;" type="list">
<option value="none"><?php echo Pagebuilderck\CKText::_('CK_NONE'); ?></option>
<option value="h1">H1</option>
<option value="h2">H2</option>
<option value="h3">H3</option>
<option value="h4">H4</option>
<option value="h5">H5</option>
<option value="h6">H6</option>
</select>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>link.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_LINK_ON'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="linkon_title" class="inputbox" name="linkon" value="title" type="checkbox" style="display:none;">
<label class="ckbutton" for="linkon_title" style="float:right;width: 100px;margin: 0 37px 3px 0;">
<?php echo Pagebuilderck\CKText::_('CK_TITLE'); ?>
</label>
<input id="linkon_image" class="inputbox" name="linkon" value="image" type="checkbox" style="display:none;">
<label class="ckbutton" for="linkon_image" style="float:right;width: 100px;margin: 0 37px 3px 0;">
<?php echo Pagebuilderck\CKText::_('CK_IMAGE'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>text_padding_bottom.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_LINK_ALIGN_BOTTOM'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="linkbottom_1" class="inputbox" name="linkbottom" value="1" type="radio">
<label class="ckbutton" for="linkbottom_1">
<?php echo Pagebuilderck\CKText::_('JYES'); ?>
</label>
<input id="linkbottom_0" class="inputbox" name="linkbottom" value="0" type="radio">
<label class="ckbutton" for="linkbottom_0">
<?php echo Pagebuilderck\CKText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>width.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_RESPONSIVE'); ?>
</span>
<span class="ckoption-field">
<input id="responsiveresolution" name="responsiveresolution" class="inputbox" value="" type="text" placeholder="640" />
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>text_signature.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_LIMIT_TEXT_LENGTH'); ?>
</span>
<span class="ckoption-field">
<input id="textlength" name="textlength" class="inputbox" value="" type="text" placeholder=""/>
</span>
<div class="clr"></div>
</div>
<hr/>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath_plugin; ?>text_padding_left.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_DATE_FIELD'); ?>
</span>
<span class="ckoption-field">
<select id="datefield" name="datefield" class="inputbox" style="width:165px;" type="list">
<option value="created"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_DATE_OPTION_CREATED_VALUE'); ?></option>
<option value="modified"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_DATE_OPTION_MODIFIED_VALUE'); ?></option>
<option value="publish_up"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_DATE_OPTION_PUBLISHUP_VALUE'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div>
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>text_signature.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_DATE_FORMAT'); ?>
</span>
<span class="ckoption-field">
<input id="dateformat" name="dateformat" class="inputbox" value="" type="text" placeholder="Y-m-d"/>
</span>
<div class="clr"></div>
</div>
</div>
<div class="menulink" tab="tab_blocstyles"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_CONTAINER'); ?></div>
<div class="tab menustyles ckproperty" id="tab_blocstyles">
<div class="menustylescustom"><?php echo $this->menustyles->createBlocStyles('bloc') ?></div>
</div>
<div class="menulink" tab="tab_itemstyles"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_ARTICLE'); ?></div>
<div class="tab menustyles ckproperty" id="tab_itemstyles">
<div class="menustylescustom" data-prefix="item" data-rule=".blogck .blogck-item"><?php echo $this->menustyles->createBlocStyles('item') ?></div>
</div>
<div class="menulink" tab="tab_titlestyles"><?php echo Pagebuilderck\CKText::_('CK_TITLE'); ?></div>
<div class="tab menustyles ckproperty" id="tab_titlestyles">
<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 Pagebuilderck\CKText::_('CK_CSS_CLASS'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="titlecssclass" id="titlecssclass" value="" style="" />
</span>
</div>
<div class="menustylescustom" data-prefix="title" data-rule=".blogck .blogck-title"><?php echo $this->menustyles->createBlocStyles('title') ?></div>
</div>
<div class="menulink" tab="tab_categorystyles"><?php echo Pagebuilderck\CKText::_('CK_CATEGORY'); ?></div>
<div class="tab menustyles ckproperty" id="tab_categorystyles">
<div class="menustylescustom" data-prefix="category" data-rule=".blogck .blogck-category"><?php echo $this->menustyles->createBlocStyles('category') ?></div>
</div>
<div class="menulink" tab="tab_tagsstyles"><?php echo Pagebuilderck\CKText::_('CK_TAGS'); ?></div>
<div class="tab menustyles ckproperty" id="tab_tagsstyles">
<div class="menustylescustom" data-prefix="tags" data-rule=".blogck .blogck-tags a"><?php echo $this->menustyles->createBlocStyles('tags', $objclass = '', $expert = false, $showlinks = false) ?></div>
</div>
<div class="menulink" tab="tab_datestyles"><?php echo Pagebuilderck\CKText::_('CK_DATE'); ?></div>
<div class="tab menustyles ckproperty" id="tab_datestyles">
<div class="menustylescustom" data-prefix="date" data-rule=".blogck .blogck-date"><?php echo $this->menustyles->createBlocStyles('date', $objclass = '', $expert = false, $showlinks = false) ?></div>
</div>
<div class="menulink" tab="tab_authorstyles"><?php echo Pagebuilderck\CKText::_('CK_AUTHOR'); ?></div>
<div class="tab menustyles ckproperty" id="tab_authorstyles">
<div class="menustylescustom" data-prefix="author" data-rule=".blogck .blogck-author"><?php echo $this->menustyles->createBlocStyles('author', $objclass = '', $expert = false, $showlinks = false) ?></div>
</div>
<div class="menulink" tab="tab_textstyles"><?php echo Pagebuilderck\CKText::_('CK_TEXT'); ?></div>
<div class="tab menustyles ckproperty" id="tab_textstyles">
<div class="menustylescustom" data-prefix="text" data-rule=".blogck .blogck-text"><?php echo $this->menustyles->createBlocStyles('text') ?></div>
</div>
<div class="menulink" tab="tab_imagestyles"><?php echo Pagebuilderck\CKText::_('CK_IMAGE'); ?></div>
<div class="tab menustyles ckproperty" id="tab_imagestyles">
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>height.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('CK_HEIGHT'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="imageheight" id="imageheight" value="" style="" />
</span>
</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 Pagebuilderck\CKText::_('CK_CSS_CLASS'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="imagecssclass" id="imagecssclass" value="" style="" onchange="ckUpdateImageAttribute('class', this.value)" />
</span>
<div class="clr"></div>
<div class="menupanetitle"><?php echo Pagebuilderck\CKText::_('CK_IMAGE_EFFECT'); ?></div>
<?php
if (! \Joomla\CMS\Plugin\PluginHelper::isEnabled('system', 'imageeffectck') || ! \Joomla\CMS\Plugin\PluginHelper::isEnabled('editors-xtd', 'imageeffectckbutton')) { ?>
<div class="alert alert-warning">
<?php if (! \Joomla\CMS\Plugin\PluginHelper::isEnabled('system', 'imageeffectck')) { ?><b><?php echo Pagebuilderck\CKText::_('CK_IMAGEEFFECTCK_NOT_INSTALLED') ?></b>
<br /><a href="https://www.joomlack.fr/en/joomla-extensions/image-effect-ck" target="_blank"><?php echo Pagebuilderck\CKText::_('CK_DOWNLOAD') ?> : Image Effect CK</a>
<div class="clr"></div>
<?php } ?>
<?php if (! \Joomla\CMS\Plugin\PluginHelper::isEnabled('editors-xtd', 'imageeffectckbutton')) { ?><b><?php echo Pagebuilderck\CKText::_('CK_IMAGEEFFECTCK_BUTTON_NOT_INSTALLED') ?></b>
<br /><a href="https://www.joomlack.fr/en/component/dms/view_document/147-image-effect-ck-params" target="_blank"><?php echo Pagebuilderck\CKText::_('CK_DOWNLOAD') ?> : Image Effect CK Params</a>
<?php } ?>
</div>
<?php } else { ?>
<script src="<?php echo Pagebuilderck\CKUri::root(true) ?>/plugins/editors-xtd/imageeffectckbutton/assets/imageeffectckbutton.js"></script>
<script>
var imageeffectslist = ckImageEffectsList || {};
CKApi.Imageeffect.setEffectsList(imageeffectslist);
</script>
<a style="display:block;float:left;padding:0 5px;width:80px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="CKApi.Imageeffect.showInterface('ckValidateImageEffect()');"><?php echo Pagebuilderck\CKText::_('CK_SELECT'); ?></a>
<?php } ?>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>switch.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_TITLE_IN_EFFECT_LABEL'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="show_title_in_effect_1" class="inputbox" name="show_title_in_effect" value="1" type="radio" >
<label class="ckbutton" for="show_title_in_effect_1">
<?php echo Pagebuilderck\CKText::_('JYES'); ?>
</label>
<input id="show_title_in_effect_0" class="inputbox" name="show_title_in_effect" value="0" type="radio" checked>
<label class="ckbutton" for="show_title_in_effect_0">
<?php echo Pagebuilderck\CKText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>switch.png" width="16" height="16" />
<?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_TEXT_IN_EFFECT_LABEL'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="show_text_in_effect_1" class="inputbox" name="show_text_in_effect" value="1" type="radio" >
<label class="ckbutton" for="show_text_in_effect_1">
<?php echo Pagebuilderck\CKText::_('JYES'); ?>
</label>
<input id="show_text_in_effect_0" class="inputbox" name="show_text_in_effect" value="0" type="radio" checked>
<label class="ckbutton" for="show_text_in_effect_0">
<?php echo Pagebuilderck\CKText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="menustylescustom" data-prefix="image" data-rule=".blogck .blogck-image"><?php echo $this->menustyles->createBlocStyles('image') ?></div>
</div>
<div class="menulink" tab="tab_linkstyles"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_READMORE'); ?></div>
<div class="tab menustyles ckproperty" id="tab_linkstyles">
<div class="menustylescustom" data-prefix="icon" data-rule=".blogck .blogck-link .fa"><?php echo $this->menustyles->createIcon('icon', '.editfocus .blogck-link i.fa, .editfocus .blogck-link svg', false, true, true, false, true, false, $selection = true, $iconhover = true); ?></div>
<div class="menustylescustom" data-prefix="link" data-rule=".blogck .blogck-link"><?php echo $this->menustyles->createBlocStyles('link') ?></div>
<div class="menustylescustom" data-prefix="iconhover" data-rule=".blogck .blogck-link:hover"></div>
</div>
<div class="menulink" tab="tab_linkhoverstyles"><?php echo Pagebuilderck\CKText::_('PLG_PAGEBUILDERCK_BLOG_READMORE_HOVER'); ?></div>
<div class="tab menustyles ckproperty" id="tab_linkhoverstyles">
<div class="menustylescustom" data-prefix="linkhover" data-rule=".blogck .blogck-link:hover"><?php echo $this->menustyles->createBlocStyles('linkhover') ?></div>
</div>
</div>
<div class="clr"></div>
<script language="javascript" type="text/javascript">
var focus = $ck('.editfocus');
function ckLoadEditionPopup() {
ckFillEditionPopup(focus.attr('id'));
ckMakeLayoutSortable();
ckAddLayoutEvent();
var nbcols = $ck('#nbcols').val() ? $ck('#nbcols').val() : '3';
$ck('#elementscontainer [name="nbcols"][type="radio"]').removeAttr('checked');
$ck('#elementscontainer [id="nbcols_' + nbcols + '"][type="radio"]').prop('checked', 'checked');
$ck('#elementscontainer [name="nbcols"][type="radio"]').change(function() {
$ck('#nbcols').val($ck('[name="nbcols"][type="radio"]:checked').val()).trigger('change');
ckUpdateLayout();
});
ckGetLayoutOrder();
}
function ckValidateImageEffect() {
// var title = $ck('#imageeffectckbuttonimgdesc').val() ? $ck('#imageeffectckbuttonimgtitle').val() + '::' + $ck('#imageeffectckbuttonimgdesc').val() : $ck('#imageeffectckbuttonimgtitle').val();
var imgCustomClasses = $ck('#imageeffectckbuttonimgclass').val() != '' ? ' ' + $ck('#imageeffectckbuttonimgclass').val() : '';
var cssclass = $ck('#imageeffectckbuttoneffectslist').val() + imgCustomClasses;
// $ck('#imagetitle').val(title);
$ck('#imagecssclass').val(cssclass).trigger('change');
}
function ckUpdateImageAttribute(attribute, value) {
var focus_img = $ck('.editfocus img');
if (value) {
focus_img.attr(attribute, value);
} else {
focus_img.removeAttr(attribute);
}
}
function ckBeforeSaveEditionPopup() {
ckUpdateLayoutItems();
ckUpdateLayout();
}
/*
* Method automatically called in ckCloseEditionPopup() if exists (needed if you are using an editor !!)
*/
function ckBeforeCloseEditionPopup() {
}
function ckSelectCategory(id, name, a, url, lang, b) {
$ck('#catid').val(id);
CKBox.close();
}
function ckMakeLayoutSortable() {
$ck('#ckbloglayoutorder').sortable({
update: function(e, ui){
ckUpdateLayout();
}
});
}
function ckAddLayoutEvent() {
$ck('#ckbloglayoutorder .ckstate').click(function() {
var item = $ck(this).parent();
if (item.attr('data-state') == '0') {
item.attr('data-state', '1');
$ck(this).removeClass('ck-icon-eye-hidden').addClass('ck-icon-eye');
} else {
item.attr('data-state', '0');
$ck(this).removeClass('ck-icon-eye').addClass('ck-icon-eye-hidden');
}
ckUpdateLayout();
});
}
function ckUpdateLayout() {
var layoutorder = new Array();
var layoutstate = new Array();
$ck('#ckbloglayoutorder .ckbloglayoutorder').each(function() {
var type = $ck(this).attr('data-type');
var state = $ck(this).attr('data-state') ? $ck(this).attr('data-state') : '1';
layoutorder.push(type);
layoutstate.push(state);
$ck('.editfocus .blogck-item').each(function() {
var typeelement = $ck(this).find('.blogck-' + type + '').detach();
$ck(this).append(typeelement);
state == '0' ? typeelement.attr('data-state', state) : typeelement.attr('data-state', '1');
});
});
$ck('#layoutorder').val(layoutorder.join(','));
$ck('#layoutstate').val(layoutstate.join(','));
var nbcols = $ck('#nbcols').val() ? $ck('#nbcols').val() : '3';
var gutter = $ck('#gutter').val() ? $ck('#gutter').val() : '10';
var w = 'calc(1/' + parseInt(nbcols) + '*100% - (1 - 1/' + parseInt(nbcols) + ')*' + parseInt(gutter) + 'px)';
$ck('.editfocus').find('.blogck-item').css('width', w).css('margin-bottom', parseInt(gutter) + 'px');
$ck('.editfocus').find('.blogck-item').show();
$ck('.editfocus').find('.blogck-item:nth-child('+nbcols+')~.blogck-item').hide();
if ($ck('#gridlayout').val() === 'grid') {
$ck('.editfocus .blogck').addClass('blogck-grid');
} else {
$ck('.editfocus .blogck').removeClass('blogck-grid');
}
$ck('.editfocus').find('.blogck-link').attr('data-align', $ck('#readmorealign').val());
let readmoretext = $ck('#readmoretext').val();
let icon = $ck('.editfocus').find('.blogck-link .pbckicon');
if (readmoretext) {
focus.find('.blogck-link').text(readmoretext);
} else {
focus.find('.blogck-link').text('Read more');
}
if (icon.length) focus.find('.blogck-link').prepend(icon[0]);
focus.find('.blogck-title').attr('class', 'blogck-title' + ($ck('#titlecssclass').val() ? ' ' + $ck('#titlecssclass').val() : ''));
ckUpdateGridLayout();
}
function ckAfterSaveEditionPopup() {
ckUpdateGridLayout();
}
function ckUpdateGridLayout() {
// mange grid layout order
if ($ck('#gridlayout').val() === 'grid') {
var layoutorder = new Array();
$ck('#ckbloglayoutorder .ckbloglayoutorder').each(function() {
var type = $ck(this).attr('data-type');
if (type !== 'image') layoutorder.push(type);
});
var type = $ck(this).attr('data-type');
var focusid = focus.attr('id');
var gridareas = '"img ' + layoutorder.join('" "img ') + '"';
var styles = '#' + focusid + ' .blogck-item { grid-template-areas: ' + gridareas + '; }';
$ck('.editfocus > .ckstyle style').append(styles);
//grid-template-areas: "img title" "img tags" "img date" "img author" "img text" "img button";
}
}
function ckGetLayoutOrder() {
var layoutorder = $ck('#layoutorder').val();
var layoutstate = $ck('#layoutstate').val();
layoutorder = layoutorder.split(',');
layoutstate = layoutstate.split(',');
for (var i=0; i<layoutorder.length; i++) {
var type = layoutorder[i];
var state = layoutstate[i];
var typeelement = $ck('#ckbloglayoutorder').find('.ckbloglayoutorder[data-type="' + type + '"]').detach();
$ck('#ckbloglayoutorder').append(typeelement);
state == '0' ? typeelement.attr('data-state', state) : typeelement.attr('data-state', '1');
}
}
function ckSelectIcon(icon) {console.log(icon);console.log($ck('.editfocus .blogck-link'));
$ck('.editfocus .blogck-link').find('.pbckicon').remove();
$ck('.editfocus .blogck-link').prepend(icon);
$ck('.editfocus .blogck-link i.fa').css('vertical-align', $ck('#iconicon-position button.active').attr('data-position'))
.addClass($ck('#iconicon-size button.active').attr('data-width'));
ckSetIconMargin('.editfocus .blogck-link .pbckicon', '#iconicon_margin');
return $ck('.editfocus .blogck-link');
}
/** used to add the missing data after new release, for example new category data **/
function ckUpdateLayoutItems() {
let categoryItem = '<div class="blogck-category">Custom category</div>';
if (! focus.find('.blogck-category').length) {
focus.find('.blogck-item').prepend(categoryItem);
}
}
ckInitIconPosition('.editfocus .blogck-link .pbckicon', '#iconicon-position button');
</script>