templates/webpages/chart/test_page.html

   1 [% USE L %]
   2 [% USE P %]
   3 [% SET style="width: 400px" %]
   4
   5 <h1>Chart Picker Testpage</h1>
   6
   7 <div>
   8
   9 <p>
  10 All charts: [% P.chart.picker('chart_id', '', style=style) %]text after icon<br>
  11 Only booked charts: [% P.chart.picker('chart_id_booked', '', booked=1, style=style) %]<br>
  12 Only valid charts: [% P.chart.picker('chart_id_valid', '', style=style) %]<br>
  13 Only invalid charts: [% P.chart.picker('chart_id_invalid', '', status='invalid', style=style) %]<br>
  14 Valid and invalid charts: [% P.chart.picker('chart_id_all', '', status='all', style=style) %]<br>
  15 All charts choose: [% P.chart.picker('chart_id_choose', '', choose=1, style=style) %]<br>
  16 </p>
  17
  18 <p>
  19 Filter by link:<br>
  20 AR_paid: [% P.chart.picker('chart_id_ar_paid', undef, type='AR_paid', category='I,A' style=style) %]<br>
  21 AR: [% P.chart.picker('chart_id_ar', undef, type='AR', style=style) %]<br>
  22 AP: [% P.chart.picker('chart_id_ap', undef, type='AP', style=style) %]<br>
  23 AR or AP: [% P.chart.picker('chart_id_arap', undef, type='AR,AP', style=style) %]<br>
  24 IC_income,IC_sale: [% P.chart.picker('chart_id_icis', undef, type='IC_income,IC_sale', style=style) %]<br>
  25 IC_expense,IC_cogs: [% P.chart.picker('chart_id_icco', undef, type='IC_expense,IC_cogs', style=style) %]<br>
  26 IC: [% P.chart.picker('chart_id_ic', undef, type='IC', style=style) %]<br>
  27 </p>
  28
  29 <p>
  30 Filter by category:<br>
  31 I: [% P.chart.picker('chart_id_i', undef, category='I', style=style) %]<br>
  32 IE: [% P.chart.picker('chart_id_ie', undef, category='I,E', style=style) %]<br>
  33 AQL: [% P.chart.picker('chart_id_aql', undef, category='A,Q,L', style=style) %]<br>
  34 </p>
  35
  36 <p>
  37 Filter by special type:<br>
  38 GuV: [% P.chart.picker('chart_id_guv', undef, type='guv', style=style) %]<br>
  39 </p>
  40
  41 <p>bank (fat): [% P.chart.picker('bank_id', '', type='bank', fat_set_item=1, choose=1, style=style) %]
  42 </p>
  43 <p id="banktext"></p>
  44
  45
  46 <p>
  47 [% FOREACH i IN [ 1 2 3 4 5 6 ] %]
  48 S [% i %]: [% P.chart.picker('credit_' _ i) %] - &nbsp;&nbsp;  H [% i %]: [% P.chart.picker('debit' _ i) %] <br>
  49 [% END %]
  50 </p>
  51
  52 <p>
  53 Pre-filled chart object: [% P.chart.picker('pre_filled_chart_object', pre_filled_chart, style=style) %]<br>
  54 Pre-filled chart ID: [% P.chart.picker('pre_filled_chart_id', pre_filled_chart.id, style=style) %]<br>
  55 </p>
  56
  57 </div>
  58
  59 <script type='text/javascript'>
  60   $(function(){
  61       // do something when a chartpicker with fat_set_item and a certain id changes
  62       $('#bank_id').on('set_item:ChartPicker', function (e, item) {
  63         console.log(item)
  64         $('#banktext').html('Selected fat item with category ' + item.category);
  65       })
  66   });
  67
  68 </script>