chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Added cropped functionality to upload images in users and courses

Browse Source
1.10.x
José Loguercio 10 years ago
parent fb78d0e4ed
commit 6242ea4333
4 changed files with 187 additions and 21 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 46
      main/admin/user_add.php
  2. 48
      main/admin/user_edit.php
  3. 43
      main/auth/profile.php
  4. 71
      main/course_info/infocours.php

46
main/admin/user_add.php
Unescape View File

@ -42,6 +42,35 @@ if ($checkPass == 'true') {
});
</script>';
}
$htmlHeadXtra[] = '<link href="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.css" rel="stylesheet">';
$htmlHeadXtra[] = '<script src="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.js"></script>';
$htmlHeadXtra[] = '<script>
$(document).ready(function() {
$("input:file").change(function() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("picture").files[0]);
oFReader.onload = function (oFREvent) {
document.getElementById("previewImage").src = oFREvent.target.result;
$("#labelCroppImage").html("'.get_lang('Preview').'");
var $image = $("#previewImage");
$image.cropper({
aspectRatio: 1 / 1,
movable: false,
zoomable: false,
rotatable: false,
scalable: false,
crop: function(e) {
// Output the result data for cropping image.
$("[name=\'croppResult\']").val(e.x+","+e.y+","+e.width+","+e.height);
}
});
};
});
});
</script>';
$htmlHeadXtra[] = '
<script>
@ -139,9 +168,21 @@ if (api_get_setting('login_is_email') == 'true') {
// Phone
$form->addElement('text', 'phone', get_lang('PhoneNumber'));
// Picture
$form->addElement('file', 'picture', get_lang('AddPicture'));
$form->addElement('file', 'picture', get_lang('AddImage'), array('id' => 'picture', 'class' => 'picture-form'));
$allowed_picture_types = array ('jpg', 'jpeg', 'png', 'gif');
$form->addHtml(''
. '<div class="form-group">'
. '<label for="croppImage" id="labelCroppImage" class="col-sm-2 control-label"></label>'
. '<div class="col-sm-8">'
. '<div id="croppImage" class="croppCanvas">'
. '<img id="previewImage" >'
. '</div>'
. '</div>'
. '</div>'
. '');
$form->addHidden('croppResult', '');
$form->addRule('picture', get_lang('OnlyImagesAllowed').' ('.implode(',', $allowed_picture_types).')', 'filetype', $allowed_picture_types);
// Username
@ -401,7 +442,8 @@ if ($form->validate()) {
$picture_uri = UserManager::update_user_picture(
$user_id,
$_FILES['picture']['name'],
$_FILES['picture']['tmp_name']
$_FILES['picture']['tmp_name'],
$user['croppResult']
);
UserManager::update_user(
$user_id,

48
main/admin/user_edit.php
Unescape View File

@ -68,6 +68,35 @@ function confirmation(name) {
}
</script>';
$htmlHeadXtra[] = '<link href="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.css" rel="stylesheet">';
$htmlHeadXtra[] = '<script src="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.js"></script>';
$htmlHeadXtra[] = '<script>
$(document).ready(function() {
$("input:file").change(function() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("picture").files[0]);
oFReader.onload = function (oFREvent) {
document.getElementById("previewImage").src = oFREvent.target.result;
$("#labelCroppImage").html("'.get_lang('Preview').'");
var $image = $("#previewImage");
$image.cropper({
aspectRatio: 1 / 1,
movable: false,
zoomable: false,
rotatable: false,
scalable: false,
crop: function(e) {
// Output the result data for cropping image.
$("[name=\'croppResult\']").val(e.x+","+e.y+","+e.width+","+e.height);
}
});
};
});
});
</script>';
$libpath = api_get_path(LIBRARY_PATH);
$noPHP_SELF = true;
$tool_name = get_lang('ModifyUserInfo');
@ -155,8 +184,21 @@ if (api_get_setting('openid_authentication') == 'true') {
$form->addElement('text', 'phone', get_lang('PhoneNumber'));
// Picture
$form->addElement('file', 'picture', get_lang('AddPicture'));
$form->addElement('file', 'picture', get_lang('AddPicture'), array('id' => 'picture', 'class' => 'picture-form'));
$allowed_picture_types = array ('jpg', 'jpeg', 'png', 'gif');
$form->addHtml(''
. '<div class="form-group">'
. '<label for="croppImage" id="labelCroppImage" class="col-sm-2 control-label"></label>'
. '<div class="col-sm-8">'
. '<div id="croppImage" class="croppCanvas">'
. '<img id="previewImage" >'
. '</div>'
. '</div>'
. '</div>'
. '');
$form->addHidden('croppResult', '');
$form->addRule(
'picture',
get_lang('OnlyImagesAllowed').' ('.implode(',', $allowed_picture_types).')',
@ -333,7 +375,9 @@ if ($form->validate()) {
$picture_uri = UserManager::update_user_picture(
$user_id,
$_FILES['picture']['name'],
$_FILES['picture']['tmp_name']
$_FILES['picture']['tmp_name'],
$user['croppResult']
);
}

43
main/auth/profile.php
Unescape View File

@ -31,7 +31,34 @@ if (!(isset($_user['user_id']) && $_user['user_id']) || api_is_anonymous($_user[
}
$htmlHeadXtra[] = api_get_password_checker_js('#username', '#password1');
$htmlHeadXtra[] = '<link href="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.css" rel="stylesheet">';
$htmlHeadXtra[] = '<script src="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.js"></script>';
$htmlHeadXtra[] = '<script>
$(document).ready(function() {
$("input:file").change(function() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("picture_form").files[0]);
oFReader.onload = function (oFREvent) {
document.getElementById("previewImage").src = oFREvent.target.result;
$("#labelCroppImage").html("'.get_lang('Preview').'");
var $image = $("#previewImage");
$image.cropper({
aspectRatio: 1 / 1,
movable: false,
zoomable: false,
rotatable: false,
scalable: false,
crop: function(e) {
// Output the result data for cropping image.
$("[name=\'croppResult\']").val(e.x+","+e.y+","+e.width+","+e.height);
}
});
};
});
});
function confirmation(name) {
if (confirm("'.get_lang('AreYouSureToDeleteJS', '').' " + name + " ?")) {
document.forms["profile"].submit();
@ -207,8 +234,19 @@ if (is_profile_editable() && api_get_setting('profile', 'picture') == 'true') {
($user_data['picture_uri'] != '' ? get_lang('UpdateImage') : get_lang(
'AddImage'
)),
array('class' => 'picture-form')
array('id' => 'picture_form', 'class' => 'picture-form')
);
$form->addHtml(''
. '<div class="form-group">'
. '<label for="croppImage" id="labelCroppImage" class="col-sm-2 control-label"></label>'
. '<div class="col-sm-8">'
. '<div id="croppImage" class="croppCanvas">'
. '<img id="previewImage" >'
. '</div>'
. '</div>'
. '</div>'
. '');
$form->addHidden('croppResult', '');
$form->add_progress_bar();
if (!empty($user_data['picture_uri'])) {
$form->addElement('checkbox', 'remove_picture', null, get_lang('DelImage'));
@ -497,7 +535,8 @@ if ($form->validate()) {
$new_picture = UserManager::update_user_picture(
api_get_user_id(),
$_FILES['picture']['name'],
$_FILES['picture']['tmp_name']
$_FILES['picture']['tmp_name'],
$user_data['croppResult']
);
if ($new_picture) {

71
main/course_info/infocours.php
Unescape View File

@ -46,6 +46,35 @@ if (!$is_allowedToEdit) {
api_not_allowed(true);
}
$htmlHeadXtra[] = '<link href="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.css" rel="stylesheet">';
$htmlHeadXtra[] = '<script src="'. api_get_path(WEB_PATH) .'web/assets/cropper/dist/cropper.min.js"></script>';
$htmlHeadXtra[] = '<script>
$(document).ready(function() {
$("input:file").change(function() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("picture").files[0]);
oFReader.onload = function (oFREvent) {
document.getElementById("previewImage").src = oFREvent.target.result;
$("#labelCroppImage").html("'.get_lang('Preview').'");
var $image = $("#previewImage");
$image.cropper({
aspectRatio: 4 / 3,
movable: false,
zoomable: false,
rotatable: false,
scalable: false,
crop: function(e) {
// Output the result data for cropping image.
$("[name=\'croppResult\']").val(e.x+","+e.y+","+e.width+","+e.height);
}
});
};
});
});
</script>';
$show_delete_watermark_text_message = false;
if (api_get_setting('pdf_export_watermark_by_course') == 'true') {
if (isset($_GET['delete_watermark'])) {
@ -103,18 +132,6 @@ $form->addElement('html', '<div><h3>'.Display::return_icon('settings.png', Secur
$image_html = '';
// Sending image
if ($form->validate() && is_settings_editable()) {
// update course picture
$picture = $_FILES['picture'];
if (!empty($picture['name'])) {
$picture_uri = CourseManager::update_course_picture(
$course_code,
$picture['name'],
$picture['tmp_name']
);
}
}
// Display course picture
$course_path = api_get_path(SYS_COURSE_PATH).$currentCourseRepository; // course path
@ -147,10 +164,21 @@ $form->addText('department_url', get_lang('DepartmentUrl'), false);
$form->applyFilter('department_url', 'html_filter');
// Picture
$form->addElement('file', 'picture', get_lang('AddPicture'));
$form->addElement('file', 'picture', get_lang('AddPicture'), array('id' => 'picture', 'class' => 'picture-form'));
$form->addHtml(''
. '<div class="form-group">'
. '<label for="croppImage" id="labelCroppImage" class="col-sm-2 control-label"></label>'
. '<div class="col-sm-8">'
. '<div id="croppImage" class="croppCanvas">'
. '<img id="previewImage" >'
. '</div>'
. '</div>'
. '</div>'
. '');
$form->addHidden('croppResult', '');
$allowed_picture_types = array ('jpg', 'jpeg', 'png', 'gif');
$form->addRule('picture', get_lang('OnlyImagesAllowed').' ('.implode(',', $allowed_picture_types).')', 'filetype', $allowed_picture_types);
$form->addElement('html', '<div class="form-group "><div class="col-md-2"></div> <div class="col-md-8 help-image">'.get_lang('UniqueAnswerImagePreferredSize200x150').'</div></div>');
//$form->addElement('html', '<div class="form-group "><div class="col-md-2"></div> <div class="col-md-8 help-image">'.get_lang('UniqueAnswerImagePreferredSize200x150').'</div></div>');
$form->addElement('checkbox', 'delete_picture', null, get_lang('DeletePicture'));
if (api_get_setting('pdf_export_watermark_by_course') == 'true') {
@ -427,7 +455,20 @@ $form->setDefaults($values);
// Validate form
if ($form->validate() && is_settings_editable()) {
$updateValues = $form->exportValues();
// Sending image
if ($form->validate() && is_settings_editable()) {
// update course picture
$picture = $_FILES['picture'];
if (!empty($picture['name'])) {
$picture_uri = CourseManager::update_course_picture(
$course_code,
$picture['name'],
$picture['tmp_name'],
$updateValues['croppResult']
);
}
}
$visibility = $updateValues['visibility'];
$deletePicture = isset($updateValues['delete_picture']) ? $updateValues['delete_picture'] : '';

Write Preview
Loading…
Cancel
Save