/**
* Method to get the field input markup for a media selector.
* Use attributes to identify specific created_by and asset_id fields
*
* @return string The field input markup.
*
* @todo Create a layout and put all the output HTML there!
*/
protected function getInput()
{
$assetField = $this->element['asset_field'] ? (string) $this->element['asset_field'] : 'asset_id';
$authorField = $this->element['created_by_field'] ? (string) $this->element['created_by_field'] : 'created_by';
$asset = $this->form->getValue($assetField) ? $this->form->getValue($assetField) : (string) $this->element['asset_id'];
if ($asset == '') {
$asset = JFactory::getApplication()->input->get('option');
}
$link = (string) $this->element['link'];
$modalTitle = isset($this->element['modal_title']) ? JText::_($this->element['modal_title']) : JText::_('LIB_REDCORE_MEDIA_MANAGER');
$modalId = 'modal-' . $this->id;
if (!self::$initialised) {
// Build the script.
$script = array();
$script[] = ' function jInsertFieldValue(value, id) {';
$script[] = ' var old_value = document.id(id).value;';
$script[] = ' if (old_value != value) {';
$script[] = ' var elem = document.id(id);';
$script[] = ' elem.value = value;';
$script[] = ' elem.fireEvent("change");';
$script[] = ' if (typeof(elem.onchange) === "function") {';
$script[] = ' elem.onchange();';
$script[] = ' }';
$script[] = ' jMediaRefreshPreview(id);';
$script[] = ' };';
$script[] = ' jQuery("#' . $modalId . '").modal("hide");';
$script[] = ' }';
$script[] = ' function jMediaRefreshPreview(id) {';
$script[] = ' var value = document.id(id).value;';
$script[] = ' var img = document.id(id + "_preview");';
$script[] = ' if (img) {';
$script[] = ' if (value) {';
$script[] = ' img.src = "' . JUri::root() . '" + value;';
$script[] = ' document.id(id + "_preview_empty").setStyle("display", "none");';
$script[] = ' document.id(id + "_preview_img").setStyle("display", "");';
$script[] = ' } else { ';
$script[] = ' img.src = ""';
$script[] = ' document.id(id + "_preview_empty").setStyle("display", "");';
$script[] = ' document.id(id + "_preview_img").setStyle("display", "none");';
$script[] = ' } ';
$script[] = ' } ';
$script[] = ' }';
$script[] = ' function jMediaRefreshPreviewTip(tip)';
$script[] = ' {';
$script[] = ' var img = tip.getElement("img.media-preview");';
$script[] = ' tip.getElement("div.tip").setStyle("max-width", "none");';
$script[] = ' var id = img.getProperty("id");';
$script[] = ' id = id.substring(0, id.length - "_preview".length);';
$script[] = ' jMediaRefreshPreview(id);';
$script[] = ' tip.setStyle("display", "block");';
$script[] = ' }';
$script[] = ' function jSetIframeHeight(iframe)';
$script[] = ' {';
$script[] = ' var newheight;';
$script[] = ' if(iframe) {';
$script[] = ' newheight = iframe.contentWindow.document.body.scrollHeight;';
$script[] = ' iframe.height= (newheight) + "px";';
$script[] = ' iframe.setStyle("max-height", iframe.height);';
$script[] = ' }';
$script[] = ' }';
$script[] = "\n\t\t\t\tfunction closeModal(fieldId)\n\t\t\t\t{\n\t\t\t\t\tjQuery('#modal-' + fieldId).modal('hide');\n\t\t\t\t}\n\t\t\t";
// Add the script to the document head.
JFactory::getDocument()->addScriptDeclaration(implode("\n", $script));
self::$initialised = true;
}
$html = array();
$attr = '';
// Initialize some field attributes.
$attr .= $this->element['class'] ? ' class="' . (string) $this->element['class'] . '"' : '';
$attr .= $this->element['size'] ? ' size="' . (int) $this->element['size'] . '"' : '';
// Initialize JavaScript field attributes.
$attr .= $this->element['onchange'] ? ' onchange="' . (string) $this->element['onchange'] . '"' : '';
// The text field.
$html[] = '<div class="input-prepend input-append input-group">';
// The Preview.
$preview = (string) $this->element['preview'];
$showPreview = true;
$showAsTooltip = false;
switch ($preview) {
case 'no':
// Deprecated parameter value
// Deprecated parameter value
case 'false':
case 'none':
$showPreview = false;
break;
case 'yes':
// Deprecated parameter value
// Deprecated parameter value
case 'true':
case 'show':
break;
case 'tooltip':
default:
$showAsTooltip = true;
$options = array('onShow' => 'jMediaRefreshPreviewTip');
JHtml::_('rbootstrap.tooltip', '.hasTipPreview', $options);
break;
}
if ($showPreview) {
if ($this->value && file_exists(JPATH_ROOT . '/' . $this->value)) {
$src = JUri::root() . $this->value;
} else {
$src = '';
}
$width = isset($this->element['preview_width']) ? (int) $this->element['preview_width'] : 300;
$height = isset($this->element['preview_height']) ? (int) $this->element['preview_height'] : 200;
$style = '';
$style .= $width > 0 ? 'max-width:' . $width . 'px;' : '';
$style .= $height > 0 ? 'max-height:' . $height . 'px;' : '';
$imgattr = array('id' => $this->id . '_preview', 'class' => 'media-preview', 'style' => $style);
$img = JHtml::image($src, JText::_('JLIB_FORM_MEDIA_PREVIEW_ALT'), $imgattr);
$previewImg = '<div id="' . $this->id . '_preview_img"' . ($src ? '' : ' style="display:none"') . '>' . $img . '</div>';
$previewImgEmpty = '<div id="' . $this->id . '_preview_empty"' . ($src ? ' style="display:none"' : '') . '>' . JText::_('JLIB_FORM_MEDIA_PREVIEW_EMPTY') . '</div>';
if ($showAsTooltip) {
$html[] = '<div class="media-preview add-on input-group-addon">';
$tooltip = $previewImgEmpty . $previewImg;
$options = array('title' => JText::_('JLIB_FORM_MEDIA_PREVIEW_SELECTED_IMAGE'), 'text' => '<i class="icon-eye-open"></i>', 'class' => 'hasTipPreview');
$html[] = RHtml::tooltip($tooltip, $options);
$html[] = '</div>';
} else {
$html[] = '<div class="media-preview add-on input-group-addon" style="height:auto">';
$html[] = ' ' . $previewImgEmpty;
$html[] = ' ' . $previewImg;
$html[] = '</div>';
}
}
$html[] = ' <input type="text" class="input-small input-sm" name="' . $this->name . '" id="' . $this->id . '" value="' . htmlspecialchars($this->value, ENT_COMPAT, 'UTF-8') . '" readonly="readonly"' . $attr . ' />';
$directory = (string) $this->element['directory'];
if ($this->value && file_exists(JPATH_ROOT . '/' . $this->value)) {
$folder = explode('/', $this->value);
$folder = array_diff_assoc($folder, explode('/', JComponentHelper::getParams('com_media')->get('image_path', 'images')));
array_pop($folder);
$folder = implode('/', $folder);
} elseif (file_exists(JPATH_ROOT . '/' . JComponentHelper::getParams('com_media')->get('image_path', 'images') . '/' . $directory)) {
$folder = $directory;
} else {
$folder = '';
}
$link = ($link ? $link : 'index.php?option=com_media&view=images&layout=modal&tmpl=component&asset=' . $asset . '&author=' . $this->form->getValue($authorField)) . '&fieldid=' . $this->id . '&folder=' . $folder . '&redcore=true';
// Create the modal object
$modal = RModal::getInstance(array('attribs' => array('id' => $modalId, 'class' => 'modal hide', 'style' => 'width: 820px; height: 500px; margin-left: -410px; top: 50%; margin-top: -250px;'), 'params' => array('showHeader' => true, 'showFooter' => false, 'showHeaderClose' => true, 'title' => $modalTitle, 'link' => $link, 'events' => array('onload' => 'jSetIframeHeight'))), $modalId);
$html[] = RLayoutHelper::render('fields.rmedia', array('modal' => $modal, 'field' => $this));
$html[] = '</div>';
return implode("\n", $html);
}
