templates/webpages/common/search_history.html

   1 [%- USE T8 %]
   2 [%- USE L %]
   3 [% USE HTML %]
   4 <h1>[% 'history search engine' | $T8 %]</h1>
   5
   6 <form method="post" action="am.pl">
   7
   8 <input type="hidden" name="action" value="show_am_history">
   9
  10 <table>
  11   <tr>
  12     <td>[% '<b>What</b> do you want to look for?' | $T8 %]:</td>
  13     <td>
  14       <select name="what2search" id="what2search">
  15         <option name="Artikelnummer" value="Artikelnummer" id="Artikelnummer">[% 'Part Number' | $T8 %]</option>
  16         <option name="Kundennummer" value="Kundennummer" id="Kundennummer">[% 'Customer Number' | $T8 %]</option>
  17         <option name="Lieferantennummer" value="Lieferantennummer" id="Lieferantennummer">[% 'Vendor Number' | $T8 %]</option>
  18         <option name="Projektnummer" value="Projektnummer" id="Projektnummer">[% 'Project Number' | $T8 %]</option>
  19         <option name="Buchungsnummer" value="Buchungsnummer" id="Buchungsnummer">[% 'ID' | $T8 %]</option>
  20         <option name="Eingangsrechnungnummer" value="Eingangsrechnungnummer" id="Eingangsrechnungnummer">[% 'Incoming invoice number' | $T8 %]</option>
  21         <option name="Ausgangsrechnungnummer" value="Ausgangsrechnungnummer" id="Ausgangsrechnungnummer">[% 'Sales invoice number' | $T8 %]</option>
  22         <option name="Mahnungsnummer" value="Mahnungsnummer" id="Mahnungsnummer">[% 'Dunning number' | $T8 %]</option>
  23       </select>
  24     </td>
  25   </tr>
  26   <tr>
  27     <td>[% 'What <b>term</b> you are looking for?' | $T8 %]</td>
  28     <td><input type="text" name="searchid" id="searchid" value="[% searchid  | html %]"></td>
  29   </tr>
  30   <tr>
  31     <td valign="top">[% 'Do you want to <b>limit</b> your search?' | $T8 %]</td>
  32     <td>
  33       <table>
  34         <tr>
  35           <td>
  36             <div id="initForm">
  37               <a id='show_extended_options' href='#'>[% 'Yes' | $T8 %]</a>
  38             </div>
  39             <div id="selectTable" style="display:none;">
  40               <select id='selectForm'>
  41               </select>
  42             </div>
  43             <div id="inputHead" style="display:none;"><b>[% 'You\'ve already chosen the following limitations:' | $T8 %]</b></div>
  44             <div id="inputText" style="display:none;"></div>
  45           </td>
  46         </tr>
  47         <tr>
  48           <td>
  49             <div id="selectEmployee" style="display:none;">
  50               <b>Mitarbeiter:</b>&nbsp; <input type="text" name="mitarbeiter" id="mitarbeiter">
  51             </div>
  52           </td>
  53         </tr>
  54         <tr>
  55           <td>
  56             <div id="selectDate" style="display:none;">
  57                   <b>[% 'Period' | $T8 %]:&nbsp;</b>
  58                      [% 'from (time)' | $T8 %]:&nbsp; [% L.date_tag('fromdate', todate) %]
  59                      [% 'to (time)' | $T8 %]:&nbsp; [% L.date_tag('todate', todate) %]
  60             </div>
  61           </td>
  62         </tr>
  63       </table>
  64       <input type="hidden" name="einschraenkungen" id="einschraenkungen" value="">
  65     </td>
  66   </tr>
  67 </table>
  68
  69 <hr>
  70 <input type="submit" class="submit" value="[% 'submit' | $T8 %]">
  71 <input type="reset" class="submit" value="[% 'reset' | $T8 %]" id='reset_button'>
  72
  73 </form>
  74
  75 <script type="text/javascript">
  76   <!--
  77   var defaults = ['SAVED', 'DELETED', 'ADDED', 'PAYMENT POSTED', 'POSTED', 'POSTED AS NEW', 'SAVED FOR DUNNING', 'DUNNING STARTED', 'PRINTED', 'MAILED'];
  78   var available;
  79   var selected;
  80   var translated = {
  81     'SAVED'             : '[% 'SAVED' | $T8 %]',
  82     'DELETED'           : '[% 'DELETED' | $T8 %]',
  83     'ADDED'             : '[% 'ADDED' | $T8 %]',
  84     'PAYMENT POSTED'    : '[% 'PAYMENT POSTED' | $T8 %]',
  85     'POSTED'            : '[% 'POSTED' | $T8 %]',
  86     'POSTED AS NEW'     : '[% 'POSTED AS NEW' | $T8 %]',
  87     'SAVED FOR DUNNING' : '[% 'SAVED FOR DUNNING' | $T8 %]',
  88     'DUNNING STARTED'   : '[% 'DUNNING STARTED' | $T8 %]',
  89     'PRINTED'           : '[% 'PRINTED' | $T8 %]',
  90     'MAILED'            : '[% 'MAILED' | $T8 %]',
  91   };
  92
  93   function addForm(index) {
  94     $('#inputHead').show();
  95     selected.push(available.splice(index, 1));
  96     $('#inputText').html($(selected).map(function(){ return translated[this]; }).get().join('<br>'));
  97     $('#einschraenkungen').val(selected.join(','));
  98
  99     showForm();
 100   }
 101
 102   function showForm() {
 103     $('#selectForm').empty();
 104     $('<option/>').appendTo('#selectForm');
 105     $(available).map(function(){
 106       $('<option/>').val(this).text(translated[this]).click(function(){ addForm(this) }).appendTo('#selectForm');
 107     });
 108   }
 109
 110   function resetAll() {
 111     available = defaults.slice(0);
 112     selected  = [];
 113     initForm();
 114
 115     $('#inputForm').empty();
 116     $('#inputText').html('');
 117     $('#selectTable, #inputHead, #inputText, #selectEmployee, #selectDate').hide();
 118     $('#initForm').show();
 119   }
 120
 121   function initForm() {
 122     showForm();
 123
 124     $('#selectTable, #inputText, #selectEmployee, #selectDate').show();
 125     $('#initForm').hide();
 126   }
 127
 128   $(function(){
 129     resetAll();
 130     $('#show_extended_options').click(initForm);
 131     $('#reset_button').click(resetAll);
 132   });
 133   //-->
 134 </script>