Revision f0e61977
Von Werner Hahn vor fast 9 Jahren hinzugefügt
| SL/Controller/FileUploader.pm | ||
|---|---|---|
|
# this action renders the popup dialog to upload the file
|
||
|
sub action_ajax_add_file{
|
||
|
my ($self) = @_;
|
||
|
$self->file(SL::DB::File->new);
|
||
|
$self->file( $::form->{id} ? SL::DB::File->new(id => $::form->{id})->load : SL::DB::File->new );
|
||
|
$self->render('common/file_upload', { layout => 0}, data => $::form);
|
||
|
}
|
||
|
|
||
| js/kivi.FileUploader.js | ||
|---|---|---|
|
namespace('kivi.FileUploader', function(ns) {
|
||
|
//opens a popupdialog for fileupload
|
||
|
//controller_action is passed to the popup_dialog fileupload form and can/will be called from the form to deal with the uploaded file
|
||
|
ns.add_file = function(id,modul,controller_action,allowed_filetypes) {
|
||
|
|
||
|
//id = id of the id in the table files
|
||
|
//trans_id = id of the object (part_id, shoppart_id, project_id,...) where the file belongs to
|
||
|
//modul = name where the file belongs to like IC, shop_part, CV ....
|
||
|
//controller_action = Controller/Action wich will be called by button save in popupdialog the todo whatever you want to to with the file(save it to db, save it to webdav)
|
||
|
// controller_action is passed to the popup_dialog fileupload form and can/will be called from the form to deal with the uploaded file
|
||
|
//allowed_filetypes = must be seperated by | like jpg|gif|pdf
|
||
|
ns.add_file = function(id,trans_id,modul,controller_action,allowed_filetypes) {
|
||
|
kivi.popup_dialog({
|
||
|
url : 'controller.pl?action=FileUploader/ajax_add_file',
|
||
|
data: 'id=' + id + '&modul=' + modul + '&ca=' + controller_action + '&aft=' + allowed_filetypes,
|
||
|
data: 'id=' + id + '&trans_id=' + trans_id + '&modul=' + modul + '&ca=' + controller_action + '&aft=' + allowed_filetypes,
|
||
|
dialog: { title: kivi.t8('File upload') }
|
||
|
} );
|
||
|
return true;
|
||
|
};
|
||
|
|
||
|
ns.delete_file = function(id) {
|
||
|
alert ("ID: "+id);
|
||
|
};
|
||
|
});
|
||
| js/kivi.shop_part.js | ||
|---|---|---|
|
if (discount_str) $('#discount_' + row).val(discount_str);
|
||
|
$('#update_button').click();
|
||
|
}
|
||
|
|
||
|
ns.show_images = function(id) {
|
||
|
var url = 'controller.pl?action=ShopPart/show_files&modul=shop_part&id='+id;
|
||
|
$('#shop_images').load(url);
|
||
|
}
|
||
|
|
||
|
});
|
||
| templates/webpages/common/file_upload.html | ||
|---|---|---|
|
[% L.dump(data) %]
|
||
|
<form method="post" id="fileupload_form" method="POST" enctype="multipart/form-data">
|
||
|
[% L.hidden_tag('form_prefix', id_base, id=id_base _ '_form_prefix') %]
|
||
|
[% L.hidden_tag('trans_id', data.id, no_id=1) %]
|
||
|
[% L.hidden_tag('id', data.id, no_id=1) %]
|
||
|
[% L.hidden_tag('trans_id', data.trans_id) %]
|
||
|
[% L.hidden_tag('modul', data.modul) %]
|
||
|
[% L.hidden_tag('aft', data.aft) %]
|
||
|
|
||
| ... | ... | |
|
</h2>
|
||
|
|
||
|
<table>
|
||
|
[% IF SELF.file.number %]
|
||
|
[% IF SELF.file.id %]
|
||
|
<tr>
|
||
|
<th align="right">[%- LxERP.t8("Number") %]:</th>
|
||
|
<td>[% HTML.escape(SELF.file.number) %]</td>
|
||
| templates/webpages/ic/tabs/_shop.html | ||
|---|---|---|
|
</div>
|
||
|
[%- END %]
|
||
|
<script type="text/javascript">
|
||
|
function show_images() {
|
||
|
var url = 'controller.pl?action=ShopPart/show_files&modul=shop_part&id=[% shop_part.part_id %]';
|
||
|
$('#shop_images').load(url);
|
||
|
}
|
||
|
<!-- TODO -->
|
||
|
$(window).load(function() {
|
||
|
show_images();
|
||
|
});
|
||
|
$(function() {
|
||
|
kivi.shop_part.show_images([% shop_part.part_id %]);
|
||
|
});
|
||
|
</script>
|
||
|
<div id="shop_images" border=1 >
|
||
|
</div>
|
||
| templates/webpages/shop_part/_list_images.html | ||
|---|---|---|
|
[%- USE HTML %][%- USE L -%][%- USE P -%][%- USE LxERP -%]
|
||
|
[%- USE T8 %][% USE Base64 %]
|
||
|
[%- USE Dumper %]
|
||
|
[% Dumper.dump(FORM) %]
|
||
|
<table width="100%" id="images_list">
|
||
|
<thead>
|
||
|
<tr class="listheading">
|
||
| ... | ... | |
|
<th>[% 'Description' | $T8 %]</th>
|
||
|
<th>[% 'Filename' | $T8 %]</th>
|
||
|
<th>[% 'Orig. Size w/h' | $T8 %]</th>
|
||
|
<th>[% 'Action' | $T8 %]</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody>
|
||
| ... | ... | |
|
<tr class="listrow" id="image_id_[% img.id %]">
|
||
|
<td><img src="image/updown.png" alt="[%- LxERP.t8('reorder item') %]" class="dragdrop"></td>
|
||
|
<td width="70px"><img src="data:[% img.thumbnail_img_content_type %];base64,[% img.thumbnail_img_content.encode_base64 %]" alt="[% img.title %]"></td>
|
||
|
<td>[% HTML.escape(img.title) %]</td>
|
||
|
<td>[% HTML.escape(img.description) %]</td>
|
||
|
<td>[% HTML.escape(img.filename) %]</td>
|
||
|
<td>[% HTML.escape(img.files_img_width) _ ' x ' _ HTML.escape(img.files_img_height) %]</td>
|
||
|
<td>[% HTML.escape(img.title) %]</td>
|
||
|
<td>[% HTML.escape(img.description) %]</td>
|
||
|
<td>[% HTML.escape(img.filename) %]</td>
|
||
|
<td>[% HTML.escape(img.files_img_width) _ ' x ' _ HTML.escape(img.files_img_height) %]</td>
|
||
|
<td>[% L.button_tag("kivi.FileUploader.delete_file(" _ img.id _ ")", LxERP.t8('Delete')) %] [% L.button_tag("kivi.FileUploader.add_file(" _ img.id _ "," _ FORM.id _ ",'shop_part','ShopPart/ajax_upload_file','jpg|png|tif|gif')", LxERP.t8('Edit')) %] </td>
|
||
|
</tr>
|
||
|
[% END %]
|
||
|
</tbody>
|
||
| ... | ... | |
|
|
||
|
[% L.sortable_element('#images_list tbody', url=SELF.url_for(action='reorder'), with='image_id') %]
|
||
|
<p>
|
||
|
[% L.button_tag("kivi.FileUploader.add_file(this.form.id.value,'shop_part','ShopPart/ajax_upload_file','jpg|png|tif|gif')", 'Fileupload') %]
|
||
|
[% L.button_tag("kivi.FileUploader.add_file(''," _ FORM.id _ ",'shop_part','ShopPart/ajax_upload_file','jpg|png|tif|gif')", LxERP.t8('Fileupload')) %]
|
||
|
</p>
|
||
Auch abrufbar als: Unified diff
Fileuploader: löschen und ändern anfang