Gerhard Jungwirth
12 years ago
parent
7182796216
commit
080feb9c6f
@ -0,0 +1,50 @@
|
|||||||
|
package NGCP::Panel::Field::DataTable;
|
||||||
|
use Moose;
|
||||||
|
use Template;
|
||||||
|
extends 'HTML::FormHandler::Field';
|
||||||
|
|
||||||
|
sub build_options {
|
||||||
|
my ($self) = @_;
|
||||||
|
|
||||||
|
return [
|
||||||
|
{ label => 'Select...', value => '' },
|
||||||
|
{ label => '1', value => 1 },
|
||||||
|
{ label => '2', value => 2 },
|
||||||
|
{ label => '3', value => 3 },
|
||||||
|
{ label => '4', value => 4 },
|
||||||
|
{ label => '5', value => 5 },
|
||||||
|
#{ label => '6', value => 6 },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
has 'template' => ( isa => 'Str', is => 'rw' );
|
||||||
|
|
||||||
|
sub render_element {
|
||||||
|
my ($self) = @_;
|
||||||
|
my $output;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
my $vars = {
|
||||||
|
# url => $c->uri_for(".."), fields => [qw/id name/]
|
||||||
|
};
|
||||||
|
#my $t = new Template({});
|
||||||
|
|
||||||
|
use Data::Dumper;
|
||||||
|
print Dumper $self->template;
|
||||||
|
#$t->process($self->template, $vars, $output);
|
||||||
|
return "foo"; #$output;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub render {
|
||||||
|
my ( $self, $result ) = @_;
|
||||||
|
$result ||= $self->result;
|
||||||
|
die "No result for form field '" . $self->full_name . "'. Field may be inactive." unless $result;
|
||||||
|
my $output = $self->render_element( $result );
|
||||||
|
return $output; #$self->wrap_field( $result, $output );
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
1;
|
||||||
|
|
||||||
|
# vim: set tabstop=4 expandtab:
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
package NGCP::Panel::Widget::DataTable;
|
||||||
|
use Moose::Role;
|
||||||
|
|
||||||
|
has 'template' => (
|
||||||
|
is => 'ro',
|
||||||
|
isa => 'Str',
|
||||||
|
default => 'widgets/data_table.tt'
|
||||||
|
);
|
||||||
|
|
||||||
|
#around handle => sub {
|
||||||
|
# my ($foo, $self, $c) = @_;
|
||||||
|
#
|
||||||
|
# print "++++ AdminBillingOverview::handle\n";
|
||||||
|
# return;
|
||||||
|
#};
|
||||||
|
|
||||||
|
#around filter => sub {
|
||||||
|
# my ($foo, $self, $c) = @_;
|
||||||
|
|
||||||
|
# return $self if(
|
||||||
|
# $c->check_user_roles(qw/administrator/) &&
|
||||||
|
# ref $c->controller eq 'NGCP::Panel::Controller::Dashboard'
|
||||||
|
# );
|
||||||
|
# return;
|
||||||
|
#};
|
||||||
|
|
||||||
|
1;
|
||||||
|
# vim: set tabstop=4 expandtab:
|
||||||
@ -0,0 +1,112 @@
|
|||||||
|
[% MACRO cf_render BLOCK %]
|
||||||
|
|
||||||
|
[% FOREACH this_field IN cf_form.sorted_fields -%]
|
||||||
|
|
||||||
|
[% IF this_field.id == "contract" -%]
|
||||||
|
|
||||||
|
[% cf_new_table_html( cf_table="cf_table",
|
||||||
|
cf_table_fields=cf_contract_titles ) %]
|
||||||
|
[% cf_new_table_definition( cf_table="cf_table",
|
||||||
|
cf_table_src='/contract/ajax',
|
||||||
|
cf_update_field='contract\\\\.id' ) %]
|
||||||
|
|
||||||
|
[% END %]
|
||||||
|
[% IF this_field.id == "contact" -%]
|
||||||
|
|
||||||
|
[% cf_new_table_html( cf_table="cf_table",
|
||||||
|
cf_table_fields=cf_contact_titles ) %]
|
||||||
|
[% cf_new_table_definition( cf_table="cf_table",
|
||||||
|
cf_table_src='/contact/ajax',
|
||||||
|
cf_update_field='contact\\\\.contact' ) %]
|
||||||
|
|
||||||
|
[%- END %]
|
||||||
|
|
||||||
|
[%- END %]
|
||||||
|
|
||||||
|
[% cf_form.render %]
|
||||||
|
|
||||||
|
[% END %]
|
||||||
|
|
||||||
|
[% MACRO cf_new_table_html BLOCK %]
|
||||||
|
<table class="table table-bordered table-striped table-highlight table-hover" id="[% cf_table %]">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
[% FOREACH t IN cf_table_fields -%]
|
||||||
|
<th>[% t %]</th>
|
||||||
|
[% END -%]
|
||||||
|
[% # one for actions -%]
|
||||||
|
<th class="span2"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr class="sw_action_row">
|
||||||
|
<td>Loading</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
[% END %]
|
||||||
|
|
||||||
|
[% MACRO cf_new_table_definition BLOCK %]
|
||||||
|
|
||||||
|
[% PROCESS "helpers/defines.tt" %]
|
||||||
|
[% ifndef_include_dt %]
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
$('#[% cf_table %]')
|
||||||
|
.dataTable( {
|
||||||
|
"bProcessing": true,
|
||||||
|
"bServerSide": true,
|
||||||
|
"bPaginate": true,
|
||||||
|
"bLengthChange": false,
|
||||||
|
"bSort": true,
|
||||||
|
"bInfo": true,
|
||||||
|
"iDisplayLength": 4,
|
||||||
|
"sAjaxSource": "[% c.uri_for( cf_table_src ) %]",
|
||||||
|
|
||||||
|
"aoColumns": [
|
||||||
|
[% FOREACH f IN helper.column_fields -%]
|
||||||
|
{ "sName": "[% f %]" },
|
||||||
|
[% END -%]
|
||||||
|
{ "mRender": function ( data, type, full ) {
|
||||||
|
return '' +
|
||||||
|
'<input type="checkbox"></input>' +
|
||||||
|
'<div class="sw_actions pull-right">' +
|
||||||
|
'<a style="display:inline;line-height:16px;" class="btn btn-small btn-primary">' +
|
||||||
|
'<i class="icon-check" style="line-height:1em;margin-top:2px"></i> Select' +
|
||||||
|
'</a>' +
|
||||||
|
'</div>';
|
||||||
|
},
|
||||||
|
"mData": null,
|
||||||
|
"bSortable": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"fnDrawCallback": function( oSettings ) {
|
||||||
|
$('.sw_actions').hide();
|
||||||
|
$('.sw_action_row').hover(
|
||||||
|
function() { $(this).find('.sw_actions').show(); },
|
||||||
|
function() { $(this).find('.sw_actions').hide(); }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
"fnRowCallback": function(nRow, aData, iDisplayIndex) {
|
||||||
|
nRow.className = "sw_action_row";
|
||||||
|
return nRow;
|
||||||
|
},
|
||||||
|
} );
|
||||||
|
|
||||||
|
$('#[% cf_table %] tbody tr').live('click', function () {
|
||||||
|
var id = $(this).find("td:first").text();
|
||||||
|
//alert(".."+id+"..");
|
||||||
|
$("input#[% cf_update_field %]").val(id);
|
||||||
|
$(this).addClass('highlight').siblings().removeClass('highlight');
|
||||||
|
$(this).find("td:eq(4) input[type='checkbox']").attr("checked", true);
|
||||||
|
$(this).siblings().find("td:eq(4) input[type='checkbox']").attr("checked", false);
|
||||||
|
});
|
||||||
|
|
||||||
|
} );
|
||||||
|
</script>
|
||||||
|
|
||||||
|
[% END %]
|
||||||
|
|
||||||
|
|
||||||
|
[% # vim: set tabstop=4 syntax=html expandtab: -%]
|
||||||
|
|
||||||
@ -0,0 +1,68 @@
|
|||||||
|
<script type="text/javascript" language="javascript" src="http://localhost:5000/js/libs/jquery.dataTables.min.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
$('#myformtable')
|
||||||
|
.dataTable( {
|
||||||
|
"bProcessing": true,
|
||||||
|
"bServerSide": true,
|
||||||
|
"bPaginate": true,
|
||||||
|
"bLengthChange": false,
|
||||||
|
"bSort": true,
|
||||||
|
"bInfo": true,
|
||||||
|
"iDisplayLength": 5,
|
||||||
|
"sAjaxSource": "http://localhost:5000/reseller/ajax",
|
||||||
|
|
||||||
|
"aoColumns": [
|
||||||
|
{ "sName": "id" },
|
||||||
|
{ "sName": "name" },
|
||||||
|
{ "sName": "contract.id" },
|
||||||
|
{ "sName": "status" },
|
||||||
|
{ "mRender": function ( data, type, full ) {
|
||||||
|
return '' +
|
||||||
|
'<div class="sw_actions pull-right">' +
|
||||||
|
'<a style="display:inline;line-height:16px;" class="btn btn-small btn-primary" href="http://localhost:5000/reseller/' + full[0] + '/edit">' +
|
||||||
|
'<i class="icon-edit" style="line-height:1em;margin-top:2px"></i> Edit' +
|
||||||
|
'</a>' +
|
||||||
|
'<a style="display:inline;line-height:16px;margin-left:5px;" class="btn btn-small btn-secondary" href="http://localhost:5000/reseller/' + full[0] + '/delete">' +
|
||||||
|
'<i class="icon-trash" style="line-height:1em;margin-top:2px"></i> Delete' +
|
||||||
|
'</a>' +
|
||||||
|
'</div>';
|
||||||
|
},
|
||||||
|
"mData": null,
|
||||||
|
"bSortable": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"fnDrawCallback": function( oSettings ) {
|
||||||
|
$('.sw_actions').hide();
|
||||||
|
$('.sw_action_row').hover(
|
||||||
|
function() { $(this).find('.sw_actions').show(); },
|
||||||
|
function() { $(this).find('.sw_actions').hide(); }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
"fnRowCallback": function(nRow, aData, iDisplayIndex) {
|
||||||
|
nRow.className = "sw_action_row";
|
||||||
|
return nRow;
|
||||||
|
},
|
||||||
|
} );
|
||||||
|
|
||||||
|
} );
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<table class="table table-bordered table-striped table-highlight table-hover" id="myformtable">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>#</th>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Contract #</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th class="span3"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr class="sw_action_row">
|
||||||
|
<td>Loading</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
[% # vim: set tabstop=4 syntax=html expandtab: -%]
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
[% MACRO ifndef_include_dt BLOCK -%]
|
||||||
|
|
||||||
|
[% # UNLESS global.ifndef_include_dt_flag ;
|
||||||
|
# global.ifndef_include_dt_flag="true" %]
|
||||||
|
<script type="text/javascript" language="javascript" src="[% c.uri_for('/js/libs/jquery.dataTables.min.js') %]"></script>
|
||||||
|
[% # END %]
|
||||||
|
|
||||||
|
[%- END %]
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
Yeah!
|
||||||
|
[% c.log.debug("****** am in widgets/data_table.tt now ****** ") %]
|
||||||
Loading…
Reference in new issue