/**
* @param array $params
*
* @return string
*/
public function toImage(array $params = [])
{
if (!$this->isImage()) {
return '';
}
$filename = rex_url::media($this->getFileName());
$title = $this->getTitle();
if (!isset($params['alt'])) {
if ($title != '') {
$params['alt'] = htmlspecialchars($title);
}
}
if (!isset($params['title'])) {
if ($title != '') {
$params['title'] = htmlspecialchars($title);
}
}
rex_extension::registerPoint(new rex_extension_point('MEDIA_TOIMAGE', '', ['filename' => &$filename, 'params' => &$params]));
$additional = '';
foreach ($params as $name => $value) {
$additional .= ' ' . $name . '="' . $value . '"';
}
return sprintf('<img src="%s"%s />', $filename, $additional);
}
public static function show_form_info($media)
{
$file_id = rex_request('file_id', 'int');
echo '
<style>
.helper-tool, .helper-tool * {
box-sizing:border-box;
}
.helper-tool {
padding:12px;
border:1px solid #fcfcfc;
}
.helper-tool input {
position:relative;
width:100%;
}
/* !HELPER TOOL TARGETING SYSTEM */
.focuspoint img {
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
}
/* !HELPER TOOL TARGETING SYSTEM */
.helper-tool-target {
position: relative;
display: inline-block;
overflow: hidden;
margin-bottom:1em;
}
.helper-tool-target img {
position: relative;
display: block;
max-width: 100%;
height:auto;
}
.helper-tool-target img.target-overlay, .helper-tool-target img.reticle {
position: absolute;
top: 0;
left: 0;
}
.helper-tool-target img.target-overlay {
top: 0 !important;
left: 0 !important;
cursor:pointer;
opacity: 0.0;
}
.helper-tool-target img.reticle {
width: 102px;
height: 102px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
}
</style>
';
$vars = rex_sql::factory()->getArray('select * from rex_media where id=' . $file_id);
$saved_css_data = explode(",", $vars[0]['med_focuspoint_css'], 2);
$css_x = '';
$css_y = '';
if (count($saved_css_data) == 2) {
$css_x = $saved_css_data[0];
$css_y = $saved_css_data[1];
}
echo '
<style>
.helper-tool-target img.target-overlay, .helper-tool-target img.reticle {
top: ' . $css_y . ';
left: ' . $css_x . ';
}
</style>
';
$filename = $vars[0]['filename'];
$dateiart = substr($filename, -3);
if ($dateiart == 'jpg' or $dateiart == 'png' or $dateiart == 'gif') {
$html = '<div class="rex-mediapool-detail-image col-sm-4"><div id="fwidth" class="helper-tool-target"><img class="helper-tool-img" src="index.php?rex_media_type=rex_mediapool_maximized&rex_media_file=' . rex_url::media($filename) . '" ><img class="reticle" src="./../assets/addons/focuspoint/focuspoint-target.png"><img class="target-overlay" src="index.php?rex_media_type=rex_mediapool_maximized&rex_media_file=' . rex_url::media($filename) . '" ></div></div>';
echo "\n <script>\n \$(document).on('ready pjax:success',function(){\n \$('.panel-body .col-sm-4').replaceWith('{$html}');\n\n \$('img').click(function(e){\n\n var imageW = \$(this).width();\n var imageH = \$(this).height();\n\n //Calculate FocusPoint coordinates\n var offsetX = e.pageX - \$(this).offset().left;\n var offsetY = e.pageY - \$(this).offset().top;\n var focusX = (offsetX/imageW - .5)*2;\n var focusY = (offsetY/imageH - .5)*-2;\n\n //Calculate CSS Percentages\n var percentageX = (offsetX/imageW)*100;\n var percentageY = (offsetY/imageH)*100;\n var backgroundPositionCSS = percentageX.toFixed(0) + '%, ' + percentageY.toFixed(0) + '%';\n\n \$('#Focuspoint_Data' ).val(focusX.toFixed(2) + ',' + focusY.toFixed(2));\n \$('#Focuspoint_CSS' ).val(backgroundPositionCSS);\n\n \$('.reticle').css({\n 'top':percentageY+'%',\n 'left':percentageX+'%'\n });\n\n\n // window.alert('FocusX:' + focusX.toFixed(2) + ', FocusY:' + focusY.toFixed(2) + ' (For CSS version: ' + backgroundPositionCSS + ')');\n\n });\n\n });\n\n </script>\n ";
}
}
?>
}
function insertImage(src,alt)
{
window.opener.insertImage("<?php
echo rex_url::media();
?>
" + src, alt);
self.close();
}
function insertLink(src)
{
window.opener.insertFileLink("<?php
echo rex_url::media();
?>
" + src);
self.close();
}
function openPage(src)
{
window.opener.location.href = src;
self.close();
}
//-->
</script>
<?php
// -------------- Include Page
$desc = '<p>' . htmlspecialchars($files->getValue($col)) . '</p>';
break;
}
}
// wenn datei fehlt
if (!file_exists(rex_path::media($file_name))) {
$thumbnail = '<i class="rex-mime rex-mime-error" title="' . rex_i18n::msg('pool_file_does_not_exist') . '"></i><span class="sr-only">' . $file_name . '</span>';
} else {
$file_ext = substr(strrchr($file_name, '.'), 1);
$icon_class = ' rex-mime-default';
if (rex_media::isDocType($file_ext)) {
$icon_class = ' rex-mime-' . $file_ext;
}
$thumbnail = '<i class="rex-mime' . $icon_class . '" title="' . $alt . '" data-extension="' . $file_ext . '"></i><span class="sr-only">' . $file_name . '</span>';
if (rex_media::isImageType(rex_file::extension($file_name)) && $thumbs) {
$thumbnail = '<img class="thumbnail" src="' . rex_url::media($file_name) . '" alt="' . $alt . '" title="' . $alt . '" />';
if ($media_manager) {
$thumbnail = '<img class="thumbnail" src="' . rex_url::backendController(['rex_media_type' => 'rex_mediapool_preview', 'rex_media_file' => $encoded_file_name]) . '" alt="' . $alt . '" title="' . $alt . '" />';
}
}
}
// ----- get file size
$size = $file_size;
$file_size = rex_formatter::bytes($size);
if ($file_title == '') {
$file_title = '[' . rex_i18n::msg('pool_file_notitle') . ']';
}
$file_title .= ' [' . $file_id . ']';
// ----- opener
$opener_link = '';
if ($opener_input_field == 'TINYIMG') {
public function getMediaUrl($index)
{
return rex_url::media($this->getMedia($index));
}
