Feature #2044 enable users to use their svg and png images (gallery) from groups and from social network
Juan Carlos Raña
15 years ago
parent
8a7272a142
commit
9acbb53b3a
@ -0,0 +1,128 @@ |
||||
<?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'; |
||||
require_once api_get_path(LIBRARY_PATH).'document.lib.php'; |
||||
require_once api_get_path(LIBRARY_PATH).'groupmanager.lib.php'; |
||||
|
||||
//Add security from Chamilo |
||||
api_protect_course_script(); |
||||
api_block_anonymous_users(); |
||||
// |
||||
|
||||
$is_allowed_to_edit = api_is_allowed_to_edit(null, true); |
||||
|
||||
$group_properties = GroupManager::get_group_properties($_SESSION['_gid']); |
||||
$groupdirpath = $group_properties['directory']; |
||||
$group_disk_path = api_get_path(SYS_COURSE_PATH).$_course['path'].'/document'.$groupdirpath.'/'; |
||||
$group_web_path = api_get_path(WEB_COURSE_PATH).$_course['path'].'/document'.$groupdirpath.'/'; |
||||
|
||||
//get all group files and folders |
||||
$docs_and_folders = DocumentManager::get_all_document_data($_course, $groupdirpath, $_SESSION['_gid'], null, $is_allowed_to_edit, false); |
||||
|
||||
//get all group 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 group 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; |
||||
} |
||||
} |
||||
} |
||||
|
||||
?> |
||||
<!doctype html> |
||||
<script src="../../jquery.js"></script><!--Chamilo TODO: compress this file and changing loads --> |
||||
|
||||
<body> |
||||
|
||||
<?php |
||||
|
||||
if(($group_properties['doc_state'] == 2 && ($is_allowed_to_edit || GroupManager :: is_user_in_group($_user['user_id'], $_SESSION['_gid']))) || $group_properties['doc_state'] == 1){ |
||||
echo '<h1>'.get_lang('GroupSingle').': '.$group_properties['name'].'</h1>'; |
||||
echo '<h2>'.get_lang('SelectSVGEditImage').'</h2>'; |
||||
echo '<ul>'; |
||||
foreach($png_svg_files as $filename) { |
||||
$image=$group_disk_path.$filename; |
||||
$new_sizes = api_resize_image($image, 60, 60); |
||||
if (strpos($filename, "svg")){ |
||||
echo '<li style="display:inline; padding:8px;"><a href="'.$group_web_path.$filename.'" alt "'.$filename.'" title="'.$filename.'"><img src="'.api_get_path(WEB_IMG_PATH).'svg_medium.png" width="'.$new_sizes['width'].'" height="'.$new_sizes['height'].'" border="0"></a></li>'; |
||||
}else{ |
||||
echo '<li style="display:inline; padding:8px;"><a href="'.$group_web_path.$filename.'" alt "'.$filename.'" title="'.$filename.'"><img src="'.$group_web_path.$filename.'" width="'.$new_sizes['width'].'" height="'.$new_sizes['height'].'" border="0"></a></li>'; |
||||
} |
||||
} |
||||
echo '</ul>'; |
||||
} |
||||
else{ |
||||
echo '<h1>'.get_lang('OnlyAccessFromYourGroup').'</h1>'; |
||||
} |
||||
?> |
||||
</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> |
||||
@ -0,0 +1,108 @@ |
||||
<?php |
||||
/* Integrate svg-edit libraries with Chamilo default documents |
||||
* @author Juan Carlos Raña Trabado |
||||
* @since 25/september/2010 |
||||
*/ |
||||
$language_file = array('userInfo'); |
||||
//Chamilo load libraries |
||||
require_once '../../../../../inc/global.inc.php'; |
||||
|
||||
//Add security from Chamilo |
||||
api_protect_course_script(); |
||||
api_block_anonymous_users(); |
||||
// |
||||
|
||||
$user_disk_path = api_get_path(SYS_PATH).'main/upload/users/'.api_get_user_id().'/my_files/'; |
||||
$user_web_path = api_get_path(WEB_PATH).'main/upload/users/'.api_get_user_id().'/my_files/'; |
||||
//get all files and folders |
||||
$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; |
||||
} |
||||
} |
||||
} |
||||
|
||||
?> |
||||
<!doctype html> |
||||
<script src="../../jquery.js"></script><!--Chamilo TODO: compress this file and changing loads --> |
||||
|
||||
<body> |
||||
|
||||
<?php |
||||
|
||||
echo '<h1>'.get_lang('SocialNetwork').': '.get_lang('MyFiles').'</h1>'; |
||||
echo '<h2>'.get_lang('SelectSVGEditImage').'</h2>'; |
||||
echo '<ul>'; |
||||
foreach($png_svg_files as $filename) { |
||||
$image=$user_disk_path.$filename; |
||||
$new_sizes = api_resize_image($image, 60, 60); |
||||
if (strpos($filename, "svg")){ |
||||
echo '<li style="display:inline; padding:8px;"><a href="'.$user_web_path.$filename.'" alt "'.$filename.'" title="'.$filename.'"><img src="'.api_get_path(WEB_IMG_PATH).'svg_medium.png" width="'.$new_sizes['width'].'" height="'.$new_sizes['height'].'" border="0"></a></li>'; |
||||
}else{ |
||||
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>'; |
||||
?> |
||||
</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> |
||||
Loading…
Reference in new issue