projekt kivitendo

[% USE T8 %]

[% USE HTML %]

[% USE L %]

[% USE LxERP %]

[% FOREACH chart = SELF.charts %]

  <div class='chart_picker_chart [% FORM.hide_chart_details ? 'cpc_line' : 'cpc_block' %]'>

    <input type='hidden' class='chart_picker_id' value='[% chart.id %]'>

    <input type='hidden' class='chart_picker_description' value='[% chart.displayable_name %]'>

    <span class='cpc_block_number'>[% chart.accno | html %]</span>

    <span class='cpc_block_description'>[% chart.description | html %]</span>

    [% UNLESS FORM.hide_chart_details %]

      <span class='cpc_block_balance'>[% chart.formatted_balance_dc | html %]</span>

      <div style='clear:both;'></div>

      <span class='cpc_block_second_row'>[% LxERP.t8("Chart Type") %]: [% chart.displayable_category %] &nbsp;&nbsp;&nbsp; [% IF chart.has_transaction %][% LxERP.t8("Last transaction")%]: [% chart.date_of_last_transaction.to_kivitendo %][% END %]</span>

    [% END %]

  </div>

[% END %]

<div style='clear:both'></div>

[% L.paginate_controls(target='#chart_picker_result', selector='#chart_picker_result', models=SELF.models) %]

<script type='text/javascript'>

  kivi.ChartPicker($('#'+$('#chart_picker_real_id').val())).init_results()

</script>

[% USE L %]

[% USE P %]

[% SET style="width: 400px" %]

<h1>Chart Picker Testpage</h1>

<div class="wrapper">

  <div class="wrapper wi-verywide">

    All charts: [% P.chart.picker('chart_id', '', style=style) %]text after icon<br>

    Only booked charts: [% P.chart.picker('chart_id_booked', '', booked=1, style=style) %]<br>

    All charts choose: [% P.chart.picker('chart_id_choose', '', choose=1, style=style) %]<br>

  </div>

  <div class="wrapper wi-verywide">

    Filter by link:<br>

    AR_paid: [% P.chart.picker('chart_id_ar_paid', undef, type='AR_paid', category='I,A' style=style) %]<br>

    AR: [% P.chart.picker('chart_id_ar', undef, type='AR', style=style) %]<br>

    AP: [% P.chart.picker('chart_id_ap', undef, type='AP', style=style) %]<br>

    AR or AP: [% P.chart.picker('chart_id_arap', undef, type='AR,AP', style=style) %]<br>

    IC_income,IC_sale: [% P.chart.picker('chart_id_icis', undef, type='IC_income,IC_sale', style=style) %]<br>

    IC_expense,IC_cogs: [% P.chart.picker('chart_id_icco', undef, type='IC_expense,IC_cogs', style=style) %]<br>

    IC: [% P.chart.picker('chart_id_ic', undef, type='IC', style=style) %]<br>

  </div>

  <div class="wrapper wi-verywide">

    Filter by category:<br>

    I: [% P.chart.picker('chart_id_i', undef, category='I', style=style) %]<br>

    IE: [% P.chart.picker('chart_id_ie', undef, category='I,E', style=style) %]<br>

    AQL: [% P.chart.picker('chart_id_aql', undef, category='A,Q,L', style=style) %]<br>

  </div>

  <div class="wrapper wi-verywide">

    Filter by special type:<br>

    GuV: [% P.chart.picker('chart_id_guv', undef, type='guv', style=style) %]<br>

  </div>

  <div class="wrapper wi-verywide">

    bank (fat): [% P.chart.picker('bank_id', '', type='bank', fat_set_item=1, choose=1, style=style) %]

  </div>

  <div id="banktext"></div>

  <div class="wrapper wi-verywide">

    [% FOREACH i IN [ 1 2 3 4 5 6 ] %]

      S [% i %]: [% P.chart.picker('credit_' _ i) %] - &nbsp;&nbsp;  H [% i %]: [% P.chart.picker('debit' _ i) %] <br>

    [% END %]

  </div>

  <div class="wrapper wi-verywide">

    Pre-filled chart object: [% P.chart.picker('pre_filled_chart_object', pre_filled_chart, style=style) %]<br>

    Pre-filled chart ID: [% P.chart.picker('pre_filled_chart_id', pre_filled_chart.id, style=style) %]<br>

  </div>

</div>

<script type='text/javascript'>

  $(function(){

      // do something when a chartpicker with fat_set_item and a certain id changes

      $('#bank_id').on('set_item:ChartPicker', function (e, item) {

        console.log(item)

        $('#banktext').html('Selected fat item with category ' + item.category);

      })

  });

</script>