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