templates/webpages/chart/test_page.html

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