<?php /* Integrate svg-edit libraries with Chamilo default documents * @author Juan Carlos RaƱa Trabado * @since 25/september/2010 */ require_once '../../../../../../inc/global.inc.php'; //Add security from Chamilo api_protect_course_script(); api_block_anonymous_users(); $userId = api_get_user_id(); $user_disk_path = UserManager::getUserPathById($userId, 'system').'my_files/'; $user_web_path = UserManager::getUserPathById($userId, 'web').'my_files/'; //get all files and folders $scan_files = []; if (is_dir($user_disk_path)) { $scan_files = scandir($user_disk_path); } //get all svg and png files $accepted_extensions = array('.svg', '.png'); if (is_array($scan_files) && count($scan_files) > 0) { foreach ($scan_files as & $file) { $slideshow_extension = strrchr($file, '.'); $slideshow_extension = strtolower($slideshow_extension); if (in_array($slideshow_extension, $accepted_extensions)) { $png_svg_files[] =$file; } } } $style = '<style>'; $style .= '@import "'.api_get_path(WEB_CSS_PATH).'base.css";'; $style .= '@import "'.api_get_path(WEB_CSS_PATH).'themes/'.api_get_visual_theme().'/default.css";'; $style .='</style>'; ?> <!doctype html> <?php echo api_get_jquery_js(); ?> <?php echo $style ?> <body> <?php echo '<h2>'.get_lang('SocialNetwork').': '.get_lang('MyFiles').'</h2>'; if (!empty($png_svg_files)) { echo '<h3>'.get_lang('SelectSVGEditImage').'</h3>'; echo '<ul>'; foreach($png_svg_files as $filename) { $image = $user_disk_path.$filename; if (strpos($filename, "svg")){ $new_sizes['width'] = 60; $new_sizes['height'] = 60; } else { $new_sizes = api_resize_image($image, 60, 60); } echo '<li style="display:inline; padding:8px;"><a href="'.$user_web_path.$filename.'" alt "'.$filename.'" title="'.$filename.'"><img src="'.$user_web_path.$filename.'" width="'.$new_sizes['width'].'" height="'.$new_sizes['height'].'" border="0"></a></li>'; } echo '</ul>'; } else { echo Display::return_message(get_lang('NoSVGImages'), 'warning'); } ?> </body> <script> $('a').click(function() { var href = this.href; // Convert Non-SVG images to data URL first // (this could also have been done server-side by the library) if(this.href.indexOf('.svg') === -1) { var meta_str = JSON.stringify({ name: $(this).text(), id: href }); window.top.postMessage(meta_str, "*"); var img = new Image(); img.onload = function() { var canvas = document.createElement("canvas"); canvas.width = this.width; canvas.height = this.height; // load the raster image into the canvas canvas.getContext("2d").drawImage(this,0,0); // retrieve the data: URL try { var dataurl = canvas.toDataURL(); } catch(err) { // This fails in Firefox with file:// URLs :( alert("Data URL conversion failed: " + err); var dataurl = ""; } window.top.postMessage('|' + href + '|' + dataurl, "*"); } img.src = href; } else { // Send metadata (also indicates file is about to be sent) var meta_str = JSON.stringify({ name: $(this).text(), id: href }); window.top.postMessage(meta_str, "*"); // Do ajax request for image's href value $.get(href, function(data) { data = '|' + href + '|' + data; // This is where the magic happens! window.top.postMessage(data, "*"); }, 'html'); // 'html' is necessary to keep returned data as a string } return false; }); </script>