function generateOptions(&$xml)
{
$template = (string) $this->_xml;
$cssfile = NextendFilesystem::translateToMediaPath(str_replace(DIRECTORY_SEPARATOR, '/', dirname($this->_form->_xmlfile)) . '/style.');
$css = NextendCss::getInstance();
if (NextendFilesystem::fileexists($cssfile . 'less')) {
$css->enableLess();
$cssfile .= 'less';
$css->addCssFile(array($cssfile, $cssfile, array('id' => 'body')));
} else {
$cssfile .= 'css';
$css->addCssFile($cssfile);
}
$prefix = NextendXmlGetAttribute($this->_xml, 'prefix');
$this->_values = array();
$html = '';
foreach ($xml->option as $option) {
$v = NextendXmlGetAttribute($option, 'value');
$this->_values[] = $v;
if ($v != -1) {
$info = pathinfo($v);
$class = $prefix . basename($v, '.' . $info['extension']);
$html .= '
<div class="nextend-radio-option nextend-imagelist-option' . $this->isSelected($v) . '">
' . str_Replace('{image}', NextendUri::pathToUri($v), str_Replace('{class}', $class, $template)) . '
</div>';
} else {
$html .= '<div class="nextend-radio-option' . $this->isSelected($v) . '">' . (string) $option . '</div>';
}
}
return $html;
}
function generateDynamicThumbs($controller, $path, $group, $type, $title, $configured, $full, $available)
{
?>
<div class="smartslider-dynamic-thumb">
<div><?php
echo $title;
?>
</div>
<img src="<?php
echo NextendUri::pathToUri($path);
?>
" /><br />
<?php
if ($full && !smartsliderIsFull()) {
?>
<a class="button small g" href="http://www.nextendweb.com/smart-slider/" target="_blank">Get full</a>
<?php
} elseif (!$configured) {
?>
<a class="button small b" href="<?php
echo $controller->route('controller=settings&view=sliders_settings&action=' . $group);
?>
" target="_blank">Configure</a>
<?php
} elseif ($available !== true) {
?>
<a class="button small" href="<?php
echo $available;
?>
" target="_blank">Check extension</a>
<?php
} else {
?>
<a class="button small b" href="<?php
echo $controller->route('controller=sliders&view=sliders_slider&action=createdynamic&step=2&group=' . $group . '&type=' . $type);
?>
">Start</a>
<?php
}
?>
</div>
<?php
}
function generateOptions(&$xml)
{
$this->_values = array();
$html = '';
foreach ($xml->option as $option) {
$v = NextendXmlGetAttribute($option, 'value');
$this->_values[] = $v;
if ($v != -1) {
$html .= '<div class="nextend-radio-option nextend-imagelist-option' . $this->isSelected($v) . '"><img src="' . NextendUri::pathToUri($v) . '" alt="' . (string) $option . '" /></div>';
} else {
$html .= '<div class="nextend-radio-option' . $this->isSelected($v) . '">' . (string) $option . '</div>';
}
}
return $html;
}
function getData($number)
{
$data = array();
$folder = $this->_data->get('sourcefolder', '');
$files = NextendFilesystem::files($folder);
$j = 0;
for ($i = 0; $i < count($files) && $j < $number; $i++) {
$ext = strtolower(pathinfo($files[$i], PATHINFO_EXTENSION));
if ($ext == 'jpg' || $ext == 'jpeg' || $ext == 'png') {
$data[$j] = array();
$data[$j]['thumbnail'] = $data[$j]['image'] = $data[$j]['image_url'] = NextendUri::pathToUri($folder . $files[$i]);
$data[$j]['title'] = $data[$j]['file_name'] = $files[$i];
$j++;
}
}
return $data;
}
function generateJs()
{
$this->generateLibraryJs();
$document = JFactory::getDocument();
if ($this->_cacheenabled) {
if (count($this->_jsFiles)) {
foreach ($this->_jsFiles as $file) {
if (substr($file, 0, 4) == 'http') {
if ($this->_echo) {
parent::serveJsFile($file);
} else {
$document->addScript($file);
}
} else {
$this->_cache->addFile($file);
}
}
}
$this->_cache->addInline($this->_js);
$filename = $this->_cache->getCache();
if ($filename) {
if ($this->_echo) {
parent::serveJsFile($filename);
} else {
$document->addScript($filename);
}
}
} else {
if (count($this->_jsFiles)) {
foreach ($this->_jsFiles as $file) {
if ($this->_echo) {
parent::serveJsFile(NextendUri::pathToUri($file));
} else {
$document->addScript(NextendUri::pathToUri($file));
}
}
}
$this->serveJs();
}
$this->serveInlineJs();
}
static function render($slider, $id, $params)
{
$html = '';
$shadowcss = $params->get('shadowcss', false);
if ($shadowcss && $shadowcss != -1) {
$displayclass = self::getDisplayClass($params->get('widgetshadowdisplay', '0|*|always|*|0|*|0'), false);
list($style, $data) = self::getPosition($params->get('shadowposition', ''));
$width = NextendParse::parse($params->get('shadowwidth', 'width'));
if (is_numeric($width) || $width == 'auto' || substr($width, -1) == '%') {
$style .= 'width:' . $width . ';';
} else {
$data .= 'data-sswidth="' . $width . '" ';
}
$css = NextendCss::getInstance();
$css->addCssFile(NextendFilesystem::translateToMediaPath(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'shadow' . DIRECTORY_SEPARATOR . 'style.css'));
$info = pathinfo($shadowcss);
$class = 'nextend-shadow nextend-shadow-' . basename($shadowcss, '.' . $info['extension']);
$html .= '<div class="' . $displayclass . $class . '" style="line-height:0;' . $style . '" ' . $data . '><img src="' . (nextendIsWordpress() ? plugins_url('shadow/shadow/' . $info['basename'], __FILE__) : NextendUri::pathToUri(NextendFilesystem::getBasePath() . $shadowcss)) . '"/></div>';
}
return $html;
}
function generateDynamicSliderThumbs($controller, $image, $sliderid, $id, $data)
{
global $layout, $sliderpreset;
?>
<div class="smartslider-dynamic-thumb <?php
echo $sliderpreset == $id ? 'selected' : 'notselected';
?>
" onclick="location.href='<?php
echo $controller->route('controller=sliders&view=sliders_slider&action=changedynamiclayout&fontset=' . NextendRequest::getInt('fontset', 0) . '&type=' . NextendRequest::getVar('type', '') . '&sliderid=' . $sliderid . '&sliderpreset=' . ($sliderpreset == $id ? '' : $id) . '&layout=' . $layout);
?>
'">
<div><?php
echo $data['title'];
?>
</div>
<img src="<?php
echo NextendUri::pathToUri(NextendFilesystem::translateToMediaPath($image));
?>
" />
</div>
<?php
}
static function pathToAbsoluteURL($path)
{
return NextendUri::pathToUri($path);
}
</tr>
<tr class="smartslider-slider-publish-note">
<td>Copy and paste this shortcode into your posts:</td>
<td>Insert it into an existing post with the icon:</td>
<td>Paste the PHP code into your template file:</td>
</tr>
<tr>
<td>
<code class="code-box">[smartslider2 slider="<?php
echo $this->sliderid;
?>
"]</code>
</td>
<td style="line-height:0px;">
<img src="<?php
echo NextendUri::pathToUri(NEXTEND_SMART_SLIDER2_ASSETS . 'admin/images/wordpress-publish.png');
?>
" />
</td>
<td>
<code class="code-box">
<?php <br />
echo do_shortcode('[smartslider2 slider="<?php
echo $this->sliderid;
?>
"]');<br />
?></code>
</td>
</tr>
</table>
</div>
function fetchElement()
{
$css = NextendCss::getInstance();
$css->addCssFile(NEXTEND_SMART_SLIDER2_ASSETS . 'admin/css/createquick.css');
$css->addCssLibraryFile('element/textarea.css');
$js = NextendJavascript::getInstance();
$js->addLibraryJsLibraryFile('jquery', 'ui/jquery.ui.core.min.js');
$js->addLibraryJsLibraryFile('jquery', 'ui/jquery.ui.widget.min.js');
$js->addLibraryJsLibraryFile('jquery', 'ui/jquery.ui.mouse.min.js');
$js->addLibraryJsLibraryFile('jquery', 'ui/jquery.ui.sortable.min.js');
$this->_value = $this->_form->get($this->_name, $this->_default);
$images = json_decode($this->_value, true);
$html = '<div id="selected-images-container" class="">';
if (nextendIsWordpress()) {
add_filter('media_view_strings', 'custom_media_uploader_tabs', 5);
function custom_media_uploader_tabs($strings)
{
$strings['insertMediaTitle'] = "Image";
$strings['insertIntoPost'] = "Add to slider";
// remove options
if (isset($strings['createGalleryTitle'])) {
unset($strings['createGalleryTitle']);
}
if (isset($strings['insertFromUrlTitle'])) {
unset($strings['insertFromUrlTitle']);
}
return $strings;
}
wp_enqueue_style('editor');
if (function_exists('wp_enqueue_media')) {
wp_enqueue_media();
} else {
wp_enqueue_style('thickbox');
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
}
$html .= '<a title="Add Image" data-editor="content" class="button add-image" href="#">
<span class="wp-media-buttons-icon"></span> Add Image
</a>
<div style="clear: both;"></div>';
} else {
if (nextendIsMagento()) {
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'extjs/ext-tree.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'extjs/ext-tree-checkbox.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'extjs/fix-defer.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'mage/adminhtml/variables.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'mage/adminhtml/wysiwyg/widget.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'lib/flex.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'lib/FABridge.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'mage/adminhtml/flexuploader.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'mage/adminhtml/browser.js"></script>';
$html .= '<script type="text/javascript" src="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'prototype/window.js"></script>';
$html .= '<link rel="stylesheet" type="text/css" href="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS) . 'prototype/windows/themes/default.css" media="screen"/>';
$html .= '<link rel="stylesheet" type="text/css" href="' . Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN) . 'adminhtml/default/default/lib/prototype/windows/themes/magento.css" media="screen"/>';
$html .= '<a title="Add Image" data-editor="content" class="button add-image" href="#">
<span class="wp-media-buttons-icon"></span> Add Image
</a>
<input type="hidden" id="magentohidden" />
<div style="clear: both;"></div>';
}
}
$html .= '<div id="delete-image"></div>
<ul id="selected-images">';
if (is_array($images)) {
$i = 0;
foreach ($images as $img) {
$html .= '<li>';
$html .= '<img src="' . $img['image'] . '" /><div class="field-container">';
$html .= '
<div class="nextend-mixed-group">
<div class="nextend-mixed-label">
<label for="title' . $i . '" id="title' . $i . '-lbl">Title</label>
</div>
<div class="nextend-mixed-element">
<div class="nextend-text ">
<input type="text" autocomplete="off" style="width:390px;" value="' . $img['title'] . '" name="" id="title' . $i . '">
</div>
</div>
</div>';
$html .= '
<div class="nextend-mixed-group" style="clear: both;">
<div class="nextend-mixed-label">
<label for="link' . $i . '" id="link' . $i . '-lbl">Link</label>
</div>
<div class="nextend-mixed-element">
<div class="nextend-text">
<input type="text" autocomplete="off" style="width:390px;" value="' . $img['url'] . '" name="" id="link' . $i . '">
</div>
</div>
</div>';
$html .= '
<div class="nextend-mixed-group" style="clear: both;">
<div class="nextend-mixed-label">
<label for="description' . $i . '" id="description' . $i . '-lbl">Description</label>
</div>
<div class="nextend-mixed-element">
<div class="nextend-textarea ">
<textarea autocomplete="off" style="width:400px; height: 40px;" name="" id="description' . $i . '">' . $img['description'] . '</textarea>
</div>
</div>
</div>';
$html .= '</div><div style="clear:both;"></div></li>';
$i++;
}
}
$html .= '</ul>
<div style="clear: both;"></div>
</div>' . parent::fetchElement();
if (nextendIsJoomla()) {
$app = JFactory::getApplication();
$user = JFactory::getUser();
$extension = $app->input->get('option');
$link = 'index.php?option=com_media&view=images&tmpl=component&e_name=&asset=' . $extension . '&author=' . $user->id;
$html .= '<div style="margin: 0 -10px -5px;"><h2>Choose images</h2>
<div class="blue-container">
<iframe frameborder="0" src="' . $link . '" id="image-chooser" width="100%" style="float: left; width: 100%;" height="0"></iframe>
</div></div>';
}
ob_start();
?>
<script type="text/html" id="image-form-skeleton">
<div class="field-container">
<div class="nextend-mixed-group">
<div class="nextend-mixed-label">
<label for="title'.$i.'" id="title'.$i.'-lbl">Title</label>
</div>
<div class="nextend-mixed-element">
<div class="nextend-text ">
<input type="text" autocomplete="off" style="width:390px;" value="" name="" id="title'.$i.'">
</div>
</div>
</div>
<div class="nextend-mixed-group" style="clear: both;">
<div class="nextend-mixed-label">
<label for="link'.$i.'" id="link'.$i.'-lbl">Link</label>
</div>
<div class="nextend-mixed-element">
<div class="nextend-text">
<input type="text" autocomplete="off" style="width:390px;" value="" name="" id="link'.$i.'">
</div>
</div>
</div>
<div class="nextend-mixed-group" style="clear: both;">
<div class="nextend-mixed-label">
<label for="description'.$i.'" id="description'.$i.'-lbl">Description</label>
</div>
<div class="nextend-mixed-element">
<div class="nextend-textarea ">
<textarea autocomplete="off" style="width:400px; height: 40px;" name="" id="description'.$i.'"></textarea>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</script>
<script>
njQuery(window).ready(function(){
var $ = njQuery,
images = $('#selected-images'),
deleteimage = $('#delete-image'),
form = $('#smartslider-form'),
skeleton = njQuery('#image-form-skeleton').html(),
iii = 10000;
function addImageToList(img){
var el = $('<li><img src="'+img+'" />'+skeleton.replace(/'\.\$i\.'/g, iii)+'</li>').appendTo(images);
iii++;
images.sortable( "refresh" );
$(window).trigger('resize');
return el;
}
<?php
if (nextendIsJoomla()) {
?>
var folder = "<?php
echo NextendUri::pathToUri(JPATH_ROOT . '/' . JComponentHelper::getParams('com_media')->get('image_path', 'images') . '/');
?>
",
iframe = $('#image-chooser'),
frame = $('#image-chooser');
frame.on('load', function(){
frame = $(this.contentWindow.document);
frame.find('#imageframe').next('.well').remove();
frame.find('#imageframe').next('fieldset').remove();
frame.find('#imageframe').prev('fieldset').find('.fltrt').remove();
frame.find('#imageForm').find('.pull-right').remove();
frame.find('#upbutton').css('verticalAlign', 'top');
this.contentWindow.ImageManager.populateFields = function(file){
addImageToList(folder+file);
}
frame.find('#system-message-container').css('paddingTop', '15px');
frame.find('body').css('overflow', 'hidden').css('padding', '0 15px');
iframe.css('height', frame.find('html').prop('scrollHeight'));
$(window).trigger('resize');
});
<?php
} elseif (nextendIsWordpress()) {
?>
var file_frame;
jQuery('#smartslider-admin .add-image').on('click', function(event){
event.preventDefault();
// If the media frame already exists, reopen it.
if ( file_frame ) {
file_frame.open();
return;
}
// Create the media frame.
file_frame = wp.media.frames.file_frame = wp.media({
multiple: 'add',
frame: 'post',
library: {type: 'image'}
});
// When an image is selected, run a callback.
file_frame.on('insert', function(selection) {
var state = file_frame.state();
selection = selection || state.get('selection');
if ( ! selection )
return;
selection.map( function( attachment ) {
var display = state.display( attachment ).toJSON();
attachment = attachment.toJSON();
var el = addImageToList(attachment.url);
el.find('input[id^=title]').val(attachment.title);
if(attachment.caption != '') el.find('textarea[id^=description]').val(attachment.caption);
else if(attachment.description != '') el.find('textarea[id^=description]').val(attachment.description);
if(typeof display !== 'undefined' && typeof display.linkUrl !== 'undefined') el.find('input[id^=link]').val(display.linkUrl);
});
});
file_frame.open();
// Remove the Media Library tab (media_upload_tabs filter is broken in 3.6)
jQuery(".media-menu a:contains('Media Library')").remove();
});
<?php
} elseif (nextendIsMagento()) {
?>
var magentohidden = document.getElementById('magentohidden');
Mediabrowser.prototype.insert = Mediabrowser.prototype.insert.wrap(function(parentMethod, event) {
var div;
if (event != undefined) {
div = $(Event.findElement(event, 'DIV'));
} else {
$$('div.selected').each(function (e) {
div = $('#'+e.id);
});
}
if (div.length == 0) {
return false;
}
var targetEl = this.getTargetElement();
if (! targetEl) {
alert("Target element not found for content update");
Windows.close('browser_window');
return;
}
div = div[0];
var params = {filename:div.id, node:this.currentNode.id, store:this.storeId};
if (targetEl.tagName.toLowerCase() == 'textarea') {
params.as_is = 1;
}
new Ajax.Request(this.onInsertUrl, {
parameters: params,
onSuccess: function(transport) {
try {
this.onAjaxSuccess(transport);
if (this.getMediaBrowserOpener()) {
self.blur();
}
Windows.close('browser_window');
if (targetEl.tagName.toLowerCase() == 'input') {
targetEl.value = transport.responseText;
// AntoineK overload START
if (varienGlobalEvents) {
varienGlobalEvents.fireEvent('mediachooserChange' + targetEl.id, transport.responseText);
}
// AntoineK overload END
} else {
updateElementAtCursor(targetEl, transport.responseText);
if (varienGlobalEvents) {
varienGlobalEvents.fireEvent('tinymceChange');
}
}
} catch (e) {
alert(e.message);
}
}.bind(this)
});
});
jQuery('#smartslider-admin .add-image').on('click', function(event){
event.preventDefault();
MediabrowserUtility.openDialog('<?php
echo Mage::helper("adminhtml")->getUrl('adminhtml/cms_wysiwyg_images_chooser/index', array('target_element_id' => 'magentohidden', 'store' => 'undefined', 'type' => 'image'));
?>
');
});
varienGlobalEvents.attachEventHandler('mediachooserChangemagentohidden', function(url){
addImageToList(url);
});
<?php
}
?>
$(document.body).css('overflow', 'auto');
images.sortable({
connectWith: deleteimage,
placeholder: "ui-state-highlight",
forcePlaceholderSize: true,
appendTo: document.body,
tolerance: 'pointer',
handle: "img",
over: function(){
$(window).trigger('resize');
},
out: function(){
$(window).trigger('resize');
}
});
$(window).on('resize', function(){
deleteimage.height(images.height());
});
deleteimage.sortable({
tolerance: 'pointer',
appendTo: document.body,
over: function(){
deleteimage.addClass('over');
$(window).trigger('resize');
},
out: function(){
deleteimage.removeClass('over');
$(window).trigger('resize');
},
update: function(event, ui) {
ui.item.remove();
$(window).trigger('resize');
}
});
images.find('img').disableSelection();
form.on('submit', function(){
var data = {},
i = 0;
images.find('img').each(function(){
data[i] = {};
data[i].image = this.src;
var cont = $(this).parent();
data[i].title = cont.find('input[id^=title]').val();
data[i].url = cont.find('input[id^=link]').val();
data[i].description = cont.find('textarea[id^=description]').val();
i++;
});
$('#<?php
echo $this->_id;
?>
').val(JSON.stringify(data));
});
});
</script>
<?php
$html .= ob_get_clean();
return $html;
}
function generateImportThumbs($controller, $path, $filename, $imagesToUrl, $full = false)
{
?>
<div class="smartslider-import-thumb">
<img src="<?php
echo NextendUri::pathToUri($path);
?>
" /><br />
<?php
if (!$full || smartsliderIsFull()) {
?>
<a class="button small b" href="<?php
echo $controller->route('controller=sliders&view=sliders_slider&action=importlocal&full=' . ($full ? 1 : 0) . '&slider=' . substr($filename, 0, -4));
?>
">Import</a>
<?php
} else {
?>
<a class="button small g" href="http://www.nextendweb.com/smart-slider/" target="_blank">Get full</a>
<?php
}
?>
<?php
if (isset($imagesToUrl[$filename])) {
?>
<a class="button small" href="<?php
echo $imagesToUrl[$filename];
?>
" target="_blank">Preview</a>
<?php
}
?>
</div>
<?php
}
