File manager

File manager - Edit - /home/jardides/www/Jardi-design/j37/plugins/system/pagebuilderckparams/includes/library.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; ?> <style> .container { color: #333; } .ckgalleryitem { height: 150px; width: 150px; overflow: hidden; float: left; margin: 10px 5px 5px; cursor: pointer; border: 1px solid #ccc; position: relative; } .ckgalleryitem:after { display: block; content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; background: #000; opacity: 0; z-index: 1; transition: opacity 0.3s; } .ckgalleryitem img { max-height: 100%; max-width: none; width: auto; } .ckgalleryitem:hover { border: 1px solid #3399ff; box-shadow: 0 0 5px #3399ff; } .ckgalleryitem:hover:after { opacity: 0.3; } .ckgalleryitempreviewbtn, .ckgalleryitemloadbtn { left: 0; right: 0; top: -50px; position: absolute; z-index: 2; text-align: center; transition: all 0.3s; } .ckgalleryitem button { box-shadow: 0 0 15px #333; background: #333; color: #eee; padding: 10px 15px; border: none; } .ckgalleryitem button:hover { background: #3399ff; } .ckgalleryitemloadbtn { top: auto; bottom: -50px; } .ckgalleryitem:hover .ckgalleryitempreviewbtn { top: 20px; } .ckgalleryitem:hover .ckgalleryitemloadbtn { bottom: 20px; } .ckboxmodal { text-align: center; padding: 10px; } .ckgalleryitemtitle { font-size: 14px; text-align: center; font-weight: bold; line-height: 20px; margin: 10px 0; height: 20px; } .ckgallerysection { clear: both; padding: 1px; } </style> <?php PagebuilderckHelper::loadInlineCKFramework(); ?> <script src="<?php echo PAGEBUILDERCK_MEDIA_URI ?>/assets/ckbox.js" type="text/javascript"></script> <link rel="stylesheet" href="<?php echo PAGEBUILDERCK_MEDIA_URI ?>/assets/ckbox.css" type="text/css" /> <link rel="stylesheet" href="<?php echo PAGEBUILDERCK_MEDIA_URI ?>/assets/pagebuilderck.css" type="text/css" /> <div class="ckinterface"> <div> <h3><?php echo JText::_('CK_FILTER_BY_GROUP') ?></h3> <button class="ckbutton filter-category" id="filter-submit" onclick="ckFilterByCats('all')">All</button> <?php foreach ($this->itemsCats as $cat => $items) { ?> <button class="ckbutton filter-category" id="filter-submit" onclick="ckFilterByCats('<?php echo strtolower($cat); ?>')"><?php echo ucfirst($cat); ?></button> <?php } ?> </div> <?php foreach ($this->itemsCats as $cat => $items) { ?> <section id="<?php echo strtolower($cat); ?>" class="ckgallerysection"> <h2 class="page-header"><?php echo ucfirst($cat); ?></h2> <div class="row"> <?php foreach ($items as $item) { $dataid = strtolower($cat) . '-' . strtolower($item->name); ?> <div class="ckgalleryitem" data-id="<?php echo $dataid; ?>"> <div class="ckgalleryitemtitle"><?php echo ucfirst($item->name) ?></div> <img src="<?php echo $item->thumb ?>" /> <div class="ckgalleryitempreviewbtn"><button class="ckbutton" onclick="ckPreviewGalleryItem(this, '<?php echo $item->preview; ?>')"><?php echo JText::_('CK_PREVIEW') ?></button></div> <div class="ckgalleryitemloadbtn"><button class="ckbutton" onclick="ckLoadGalleryItem('<?php echo strtolower($cat); ?>', '<?php echo $item->name; ?>')"><?php echo JText::_('CK_IMPORT') ?></button></div> </div> <div class="ckgalleryitempreview" id="<?php echo $dataid; ?>preview" data-id="<?php echo $dataid; ?>" style="display: none;"> <h2 class="ckgalleryitempreviewtitle"><?php echo ucfirst($item->name) ?></h2> <div class="ckgalleryitempreviewimg ckwait"></div> </div> <?php } ?> </div> </section> <?php } ?> <div style="clear:both;"></div> </div> <script> function ckFilterByCats (cat) { if (cat == 'all') { jQuery('section').show(); return; } // jQuery('i.fa').parent().parent().show(); jQuery('section').hide(); jQuery('section#' + cat).show(); // jQuery('#filter-by').val(''); } / Show the large preview image / function ckPreviewGalleryItem(btn, imgurl) { var item = jQuery(jQuery(btn).parents('.ckgalleryitem')[0]); var id = item.attr('data-id'); itemImgCont = jQuery('.ckgalleryitempreview[data-id="' + id + '"]'); if (! jQuery('.ckgalleryitempreviewimg img', itemImgCont).length) { jQuery('.ckgalleryitempreviewimg', itemImgCont).removeClass('ckwait').append('<img src="' + imgurl + '" />'); } // itemImgCont.css('display', 'block'); CKBox.open({handler: 'inline', content: itemImgCont.attr('id')}); } / Load the item in the page */ function ckLoadGalleryItem(category, name) { window.parent.returnLoadPage(category + '/' + name, 'library'); } jQuery(document).ready(function() { // jQuery('.fa-hover a').click(function(e) { // e.preventDefault(); // window.parent.ckSelectFaIcon(jQuery(this).find('i').attr('class')); // window.parent.jModalClose(); // }); }); </script>

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