File manager

File manager - Edit - /home/jardides/www/Jardi-design/j37/plugins/pagebuilderck/slider/layouts/edit_slider.php

Back
<?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 - http://www.template-creator.com - http://www.joomlack.fr / defined('_JEXEC') or die; $input = JFactory::getApplication()->input; $id = $input->get('ckid', '', 'string'); ?> <div id="elementscontainer"> <div class="menulink current" tab="tab_items"><?php echo JText::_('PLG_PAGEBUILDERCK_SLIDER_EDITION'); ?></div> <div class="menulink" tab="tab_blocstyles"><?php echo JText::_('CK_STYLES'); ?></div> <div class="clr"></div> <div id="elementscontent"> <div class="tab menustyles current ckproperty" id="tab_items"> <table> <tr> <td style="vertical-align:top;"> <div class="layoutinfos"> <div class="layoutinfostitle"><?php echo JText::_('PLG_PAGEBUILDERCK_SLIDER_INFOS'); ?></div> <div class="layoutinfosdesc"><?php echo JText::_('PLG_PAGEBUILDERCK_SLIDER_INFOS_DESC'); ?></div> </div> </td> <td style="vertical-align:top;width:800px;"> <div class="menustylesblock" style="width:850px;"> <div class="menustylesblocktitle"><?php echo JText::_('PLG_PAGEBUILDERCK_SLIDER_IMAGES') ?></div> <div class="menustylesblockaccordion"> <div id="items_edition_list"> </div> <div onclick="ckAddNewListItem()" class="item_add btn btn-small btn-info"><?php echo JText::_('CK_ADD_NEW_ITEM'); ?></div> <div class="clr"></div> </div> <div class="menustylesblocktitle"><?php echo JText::_('CK_OPTIONS') ?></div> <div class="menustylesblockaccordion"> <div style="text-align:left;clear:both;"> <div style="width:150px;float:left;text-align:left;margin:5px 5px 0 0;line-height: 15px;"><?php echo JText::_('CK_AUTOPLAY'); ?></div><div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>control_play.png" width="15" height="15" align="top" /></div> <div style="float:left;text-align:left;margin-left:3px;"> <select class="inputboxfake ckattrib" type="list" value="" name="autoplay" id="autoplay" style="width: 70px;float:right; margin-right:4px;" onchange="ckSetAttrib(this)"> <option value="0"><?php echo JText::_('JNO'); ?></option> <option value="1"><?php echo JText::_('JYES'); ?></option> </select> </div> </div> <div style="text-align:left;clear:both;"> <div style="width:150px;float:left;text-align:left;margin:5px 5px 0 0;line-height: 15px;"><?php echo JText::_('CK_PAUSE_HOVER'); ?></div><div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>control_pause.png" width="15" height="15" align="top" /></div> <div style="float:left;text-align:left;margin-left:3px;"> <select class="inputboxfake ckattrib" type="list" value="" name="pausehover" id="pausehover" style="width: 70px;float:right; margin-right:4px;" onchange="ckSetAttrib(this)"> <option value="0"><?php echo JText::_('JNO'); ?></option> <option value="1"><?php echo JText::_('JYES'); ?></option> </select> </div> </div> <div style="text-align:left;clear:both;"> <div style="width:150px;float:left;text-align:left;margin:5px 5px 0 0;line-height: 15px;"><?php echo JText::_('CK_DURATION'); ?></div><div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>hourglass.png" width="15" height="15" align="top" /></div> <div style="float:left;text-align:left;margin-left:3px;"> <input class="inputboxfake ckattrib" type="text" value="" name="time" id="time" style="width: 70px;float:right; margin-right:4px;" onchange="ckSetAttrib(this)" /> </div> <span> ms</span> </div> <div class="clr"></div> </div> </div> </td> </tr> </table> <div class="clr"></div> </div> <div class="tab menustyles ckproperty" id="tab_blocstyles"> <table> <tr> <td style="vertical-align:top;"> <div class="layoutinfos"> <div class="layoutinfostitle"><?php echo JText::_('PLG_PAGEBUILDERCK_SLIDER_INFOS'); ?></div> <div class="layoutinfosdesc"><?php echo JText::_('PLG_PAGEBUILDERCK_SLIDER_INFOS_DESC'); ?></div> </div> </td> <td style="vertical-align:top;"> <?php echo $this->menustyles->createBlocStyles('bloc', 'slider', '') ?> </td> </tr> </table> <div class="clr"></div> </div> </div> </div> <div id="previewarea" class="clearfix"> <div class="previewareatitle"><?php echo JText::_('CK_PREVIEWAREA_TITLE'); ?></div> <div id="previewareabloc"> <div class="ckstyle"></div> <div class="inner"> <div class="pbck_slider inner" id="<?php echo $id; ?>_preview_pbck_slider"> </div> </div> </div> </div> <div class="clr"></div> <script language="javascript" type="text/javascript"> function ckLoadEditionPopup() { var focus = $ck('.editfocus'); $ck('#previewarea .ckstyle').html(focus.find('.ckstyle').html()); $ck('#previewarea .pbck_slider').html(focus.find('.pbck_slider').html()); $ck('#previewarea .pbck_slider .pbck_slide').each(function(i, el) { var itemedition = ckCreateEditImageItem(i, $ck('#items_edition_list'), $ck('.pbck_slide_title', el).text(), ckContentToEditor($ck('.pbck_slide_desc', el).html()), $ck('.pbck_slide_img', el)); ckMakeEditItemAccordion(itemedition); }); $ck('#items_edition_list .item_content_edition').each(function() { ckLoadEditorOnTheFly($ck(this).attr('id')); }); $ck('.ckattrib').each(function() { ckGetAttrib(this); }); // init the slider document.getElementById('<?php echo $id; ?>_preview_pbck_slider').pbckslider = jQuery('#<?php echo $id; ?>_preview_pbck_slider').PBCK_slider(); ckMakeEditItemsSortable(); ckFillEditionPopup(focus.attr('id')); } function ckBeforeSaveEditionPopup() { var focus = $ck('.editfocus'); ckUpdatePreviewArea(); $ck('.item_content_edition').each(function() { ckRemoveEditorOnTheFly($ck(this).attr('id')); }); $ck('.ckattrib').each(function() { ckSetAttrib(this); }); focus.find('.pbck_slider').html($ck('#previewarea .pbck_slider').html()); focus.find('.ckstyle').html($ck('#previewareabloc .ckstyle').html()); ckSaveEditionPopup(focus.attr('id')); ckCloseEditionPopup(); } / * Method automatically called in ckCloseEditionPopup() if exists (needed if you are using an editor !!) / function ckBeforeCloseEditionPopup() { $ck('.item_content_edition').each(function() { ckRemoveEditorOnTheFly($ck(this).attr('id')); }); } function ckUpdatePreviewArea() { $ck('#items_edition_list .item_edition').each(function(i, el) { // update the edition item image source with the input value $ck('.item_image img', el).attr('src', URIROOT+'/'+getImgPathFromImgSrc($ck('.item_imageurl_edition', el).val())); // update the slider image title and image alt tag $ck('#previewarea .pbck_wrap .pbck_slide').eq(i).find('.pbck_slide_title').text($ck('.item_title_edition',el).val()); // update the slider image desc ckSaveEditorOnTheFly($ck('.item_content_edition', el).attr('id')); var content = $ck('.item_content_edition', el).val(); content = ckEditorToContent(content); $ck('#previewarea .pbck_wrap .pbck_slide').eq(i).find('.pbck_slide_desc').html(content); // update the slider image source and image alt tag $ck('#previewarea .pbck_wrap .pbck_slide').eq(i).find('.pbck_slide_img').attr('src', $ck('.item_image img', el).attr('src')).attr('alt', $ck('.item_title_edition',el).val()); }); } function ckAddNewListItem() { // add the element in the slider var index = $ck('#items_edition_list .item_edition').length; ckAddNewSliderItem(); ckSliderReset(); // add the element for edition var itemedition = ckCreateEditImageItem(index, $ck('#items_edition_list'), '', '', $ck('<img src="'+URIROOT+'/plugins/pagebuilderck/slider/assets/images/slide1.jpg" />')); ckMakeEditItemAccordion(itemedition); ckLoadEditorOnTheFly('item_content_' + index); } function selectimagefile(file, id) { $ck('#'+id).val(file).trigger('change'); } function ckAddNewSliderItem() { var lastitem = $ck('#previewarea .pbck_wrap > .pbck_wrapinner .pbck_slide').last(); var item = lastitem.clone(); $ck('#previewarea .pbck_wrap > .pbck_wrapinner').append(item); // item.find('.pbck_slide_caption').attr('data-index', index); item.find('.pbck_slide_title').text(''); item.find('.pbck_slide_desc').text(''); item.find('.pbck_slide_img').attr('src', URIROOT+'/plugins/pagebuilderck/slider/assets/images/slide1.jpg'); return item; } function ckSliderReset() { var slider = $ck('#previewarea .pbck_slider'); slider.find('.pbck_wrapinner') .width((slider.find('.pbck_slide').length100)+'%') .css('marginLeft', '0'); slider.find('.pbck_slide').width((100/slider.find('.pbck_slide').length)+'%'); } function ckBeforeDeleteEditItem(item) { var index_item = item.index('.item_edition'); ckRemoveEditorOnTheFly(item.find('.item_content_edition').attr('id')); $ck('#previewarea .pbck_slide').eq(index_item).remove(); ckSliderReset(); } function ckMakeEditItemsSortable() { $ck( "#items_edition_list" ).sortable({ items: ".item_edition", helper: "clone", handle: ".item_move", forcePlaceholderSize: true, tolerance: "pointer", placeholder: "placeholderck", start: function(e, ui){ $ck(this).find('.item_content_edition').each(function(){ if (tinymce.get($ck(this).attr('id'))) { ckRemoveEditorOnTheFly($ck(this).attr('id')); } }); }, stop: function( event, ui ) { $ck(this).find('.item_content_edition:not(.ui-sortable-helper)').each(function(){ ckLoadEditorOnTheFly($ck(this).attr('id')); }); ckUpdatePreviewArea(); }, }); } function ckSetAttrib(field) { var slider = $ck('#previewarea .pbck_slides'); slider.attr('data-' + field.id, field.value); } function ckGetAttrib(field) { var slider = $ck('#previewarea .pbck_slides'); if (slider.attr('data-' + field.id)) $ck(field).val(slider.attr('data-' + field.id)); } ckInitOptionsTabs(); ckInitColorPickers(); ckInitAccordions(); </script> <style type="text/css"> .item_image { float: left; box-shadow: #888 0 0 10px; margin: 0 10px 0 0; cursor: pointer; border: 5px solid #fff; } .item_image:hover { border-color: rgba(82, 168, 236, 0.8); } .item_image img { width: 150px; height: 150px; } .item_edition .item_toggler { display: inline-block; } </style>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.06 | proxy | phpinfo | Settings