123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- <?php
- /* Integrate svg-edit libraries with Chamilo default documents
- * @author Juan Carlos Raña Trabado
- * @since 25/september/2010
- */
- //Chamilo load libraries
- require_once '../../../../../inc/global.inc.php';
- //Add security from Chamilo
- api_protect_course_script();
- api_block_anonymous_users();
- $is_allowed_to_edit = api_is_allowed_to_edit(null, true);
- $curdirpath='/images/gallery'; //path of library directory
- $course_info = api_get_course_info();
- //get all files and folders
- $docs_and_folders = DocumentManager::get_all_document_data($course_info, $curdirpath, 0, null, $is_allowed_to_edit, false);
- //get all filenames
- $array_to_search = is_array($docs_and_folders) ? $docs_and_folders : array();
- if (count($array_to_search) > 0) {
- while (list($key) = each($array_to_search)) {
- $all_files[] = basename($array_to_search[$key]['path']);
- }
- }
- //get all svg and png files
- $accepted_extensions = array('.svg', '.png');
- if (is_array($all_files) && count($all_files) > 0) {
- foreach ($all_files as & $file) {
- $slideshow_extension = strrchr($file, '.');
- $slideshow_extension = strtolower($slideshow_extension);
- if (in_array($slideshow_extension, $accepted_extensions)) {
- $png_svg_files[] =$file;
- }
- }
- }
- $disk_path = api_get_path(SYS_COURSE_PATH).$course_info['path'].'/document/images/gallery/';
- $web_path = api_get_path(WEB_COURSE_PATH).$course_info['path'].'/document/images/gallery/';
- $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('Course').': '.$course_info['name'].'</h2>';
- if (!empty($png_svg_files)) {
- echo '<h3>'.get_lang('SelectSVGEditImage').'</h3>';
- echo '<ul>';
- foreach($png_svg_files as $filename) {
- $image=$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="'.$web_path.$filename.'" alt "'.$filename.'" title="'.$filename.'"><img src="'.$web_path.$filename.'" width="'.$new_sizes['width'].'" height="'.$new_sizes['height'].'" border="0"></a></li>';
- }
- echo '</ul>';
- } else {
- Display::display_warning_message(get_lang('NoSVGImagesInImagesGalleryPath'));
- }
- ?>
- </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>
|