3 |
3 |
|
4 |
4 |
<h1>Part Picker Testpage</h1>
|
5 |
5 |
|
6 |
|
<br>
|
7 |
|
Alle: <br>
|
8 |
|
[% P.part.picker('part_id') %] text<br>
|
9 |
|
Nur Waren: <br>
|
10 |
|
[% P.part.picker('part_id2', undef, part_type='part') %]<br>
|
11 |
|
Nur Dienstleistungen: <br>
|
12 |
|
[% P.part.picker('part_id3', undef, part_type='service') %]<br>
|
13 |
|
Nur Erzeugnisse: <br>
|
14 |
|
[% P.part.picker('part_id4', undef, part_type='assembly') %]<br>
|
15 |
|
Waren und Dienstleistungen: <br>
|
16 |
|
[% P.part.picker('part_id5', undef, part_type='part,service') %]<br>
|
17 |
|
Artikel-Klassifizierung: Einkauf <br>
|
18 |
|
[% P.part.picker('part_id10', undef, classification_id='1') %]<br>
|
19 |
|
Artikel-Klassifizierung: Verkauf <br>
|
20 |
|
[% P.part.picker('part_id11', undef, classification_id='2') %]<br>
|
21 |
|
Artikel-Klassifizierung: Handelsware <br>
|
22 |
|
[% P.part.picker('part_id12', undef, classification_id='3') %]<br>
|
23 |
|
Artikel-Klassifizierung: Produktion <br>
|
24 |
|
[% P.part.picker('part_id13', undef, classification_id='4') %]<br>
|
25 |
|
Artikel-Klassifizierung: Eink.,Verk.,Prod. <br>
|
26 |
|
[% P.part.picker('part_id14', undef, classification_id='1,2,4') %]<br>
|
27 |
|
Artikel-Status: Aktiv (default)<br>
|
28 |
|
[% P.part.picker('part_id15') %]<br>
|
29 |
|
Artikel-Status: Aktiv (explizit)<br>
|
30 |
|
[% P.part.picker('part_id16', undef, status="active") %]<br>
|
31 |
|
Artikel-Status: Ungültig<br>
|
32 |
|
[% P.part.picker('part_id17', undef, status="obsolete") %]<br>
|
33 |
|
Artikel-Status: Alle<br>
|
34 |
|
[% P.part.picker('part_id18', undef, status="all") %]<br>
|
35 |
|
<br>
|
36 |
|
Pre-filled:<br>
|
37 |
|
[% P.part.picker('part_id6', pre_filled_part) %]<br>
|
38 |
|
Convertible unit 'Std': (only select parts with unit Tag/Std/Min)<br>
|
39 |
|
[% P.part.picker('part_id7', undef, convertible_unit='Std') %]<br>
|
40 |
|
<br>
|
41 |
|
With multi select popup<br>
|
42 |
|
[% P.part.picker('part_id8', undef, multiple=1) %]<br>
|
43 |
|
With multi select popup (only obsolete)<br>
|
44 |
|
[% P.part.picker('part_id9', undef, multiple=1, status='obsolete') %]<br>
|
45 |
|
<br>
|
46 |
|
All parts including make models of all vendors: <br>
|
47 |
|
[% P.part.picker('part_id21', undef, with_makemodel=1) %]<br>
|
48 |
|
All parts including make models of all vendors with multi select popup: <br>
|
49 |
|
[% P.part.picker('part_id22', undef, with_makemodel=1, multiple=1) %]<br>
|
50 |
|
All parts including customer partnumbers of all customers: <br>
|
51 |
|
[% P.part.picker('part_id23', undef, with_customer_partnumber=1) %]<br>
|
52 |
|
<br>
|
53 |
|
single select dialog for glass-popup-button; multi select with extra button (and limited to 5 results):<br>
|
54 |
|
[% P.part.picker('part_id31', undef, multiple=0, multiple_limit=5) %]
|
55 |
|
[% L.button_tag('$("#part_id31").data("part_picker").o.multiple=1; $("#part_id31").data("part_picker").open_dialog()', 'Add multiple items') %]<br>
|
|
6 |
<div class="wrapper">
|
56 |
7 |
|
57 |
|
<h2>Styling</h2>
|
|
8 |
Alle: <br>
|
|
9 |
[% P.part.picker('part_id') %] text<br>
|
|
10 |
Nur Waren: <br>
|
|
11 |
[% P.part.picker('part_id2', undef, part_type='part') %]<br>
|
|
12 |
Nur Dienstleistungen: <br>
|
|
13 |
[% P.part.picker('part_id3', undef, part_type='service') %]<br>
|
|
14 |
Nur Erzeugnisse: <br>
|
|
15 |
[% P.part.picker('part_id4', undef, part_type='assembly') %]<br>
|
|
16 |
Waren und Dienstleistungen: <br>
|
|
17 |
[% P.part.picker('part_id5', undef, part_type='part,service') %]<br>
|
|
18 |
Artikel-Klassifizierung: Einkauf <br>
|
|
19 |
[% P.part.picker('part_id10', undef, classification_id='1') %]<br>
|
|
20 |
Artikel-Klassifizierung: Verkauf <br>
|
|
21 |
[% P.part.picker('part_id11', undef, classification_id='2') %]<br>
|
|
22 |
Artikel-Klassifizierung: Handelsware <br>
|
|
23 |
[% P.part.picker('part_id12', undef, classification_id='3') %]<br>
|
|
24 |
Artikel-Klassifizierung: Produktion <br>
|
|
25 |
[% P.part.picker('part_id13', undef, classification_id='4') %]<br>
|
|
26 |
Artikel-Klassifizierung: Eink.,Verk.,Prod. <br>
|
|
27 |
[% P.part.picker('part_id14', undef, classification_id='1,2,4') %]<br>
|
|
28 |
Artikel-Status: Aktiv (default)<br>
|
|
29 |
[% P.part.picker('part_id15') %]<br>
|
|
30 |
Artikel-Status: Aktiv (explizit)<br>
|
|
31 |
[% P.part.picker('part_id16', undef, status="active") %]<br>
|
|
32 |
Artikel-Status: Ungültig<br>
|
|
33 |
[% P.part.picker('part_id17', undef, status="obsolete") %]<br>
|
|
34 |
Artikel-Status: Alle<br>
|
|
35 |
[% P.part.picker('part_id18', undef, status="all") %]<br>
|
|
36 |
<br>
|
|
37 |
Pre-filled:<br>
|
|
38 |
[% P.part.picker('part_id6', pre_filled_part) %]<br>
|
|
39 |
Convertible unit 'Std': (only select parts with unit Tag/Std/Min)<br>
|
|
40 |
[% P.part.picker('part_id7', undef, convertible_unit='Std') %]<br>
|
|
41 |
<br>
|
|
42 |
With multi select popup<br>
|
|
43 |
[% P.part.picker('part_id8', undef, multiple=1) %]<br>
|
|
44 |
With multi select popup (only obsolete)<br>
|
|
45 |
[% P.part.picker('part_id9', undef, multiple=1, status='obsolete') %]<br>
|
|
46 |
<br>
|
|
47 |
All parts including make models of all vendors: <br>
|
|
48 |
[% P.part.picker('part_id21', undef, with_makemodel=1) %]<br>
|
|
49 |
All parts including make models of all vendors with multi select popup: <br>
|
|
50 |
[% P.part.picker('part_id22', undef, with_makemodel=1, multiple=1) %]<br>
|
|
51 |
All parts including customer partnumbers of all customers: <br>
|
|
52 |
[% P.part.picker('part_id23', undef, with_customer_partnumber=1) %]<br>
|
|
53 |
<br>
|
|
54 |
single select dialog for glass-popup-button; multi select with extra button (and limited to 5 results):<br>
|
|
55 |
[% P.part.picker('part_id31', undef, multiple=0, multiple_limit=5) %]
|
|
56 |
[% L.button_tag('$("#part_id31").data("part_picker").o.multiple=1; $("#part_id31").data("part_picker").open_dialog()', 'Add multiple items') %]<br>
|
58 |
57 |
|
59 |
|
In a span:
|
60 |
|
<span>Leading text: [% P.part.picker('p1', undef, part_type='part,service') %] and text after with spacing</span><br>
|
61 |
|
<span>Leading text:[% P.part.picker('p2', undef, part_type='part,service') %]and text after without spacing</span><br>
|
62 |
|
<div>Leading text: [% P.part.picker('p3', undef, part_type='part,service') %] and text after with spacing with div</div><br>
|
63 |
|
<div>Leading text:[% P.part.picker('p4', undef, part_type='part,service') %]and text after with spacing with div</div><br>
|
|
58 |
<h2>Styling</h2>
|
64 |
59 |
|
65 |
|
<span>Picker + input next to each other: [% P.part.picker('p5', undef, part_type='part,service', width="100%") %]<input type=text></span>
|
|
60 |
In a span:
|
|
61 |
<span>Leading text: [% P.part.picker('p1', undef, part_type='part,service') %] and text after with spacing</span><br>
|
|
62 |
<span>Leading text:[% P.part.picker('p2', undef, part_type='part,service') %]and text after without spacing</span><br>
|
|
63 |
<div>Leading text: [% P.part.picker('p3', undef, part_type='part,service') %] and text after with spacing with div</div><br>
|
|
64 |
<div>Leading text:[% P.part.picker('p4', undef, part_type='part,service') %]and text after with spacing with div</div><br>
|
66 |
65 |
|
67 |
|
<div>[% P.part.picker('p6', undef, part_type='part,service', style="width:500px") %] 500px width</div>
|
68 |
|
<div>[% P.part.picker('p7', undef, part_type='part,service', style="width:200px") %] 200px width</div>
|
69 |
|
<div>[% P.part.picker('p8', undef, part_type='part,service', style="height:40px") %] 40px height</div>
|
|
66 |
<span>Picker + input next to each other: [% P.part.picker('p5', undef, part_type='part,service', width="100%") %]<input type=text></span>
|
70 |
67 |
|
71 |
|
[%# FOREACH i IN 1..50 %]
|
72 |
|
[%# P.part.picker('part_id_' _ i) %] <br>
|
73 |
|
[%# END %]
|
|
68 |
<div>[% P.part.picker('p6', undef, part_type='part,service', style="width:500px") %] 500px width</div>
|
|
69 |
<div>[% P.part.picker('p7', undef, part_type='part,service', style="width:200px") %] 200px width</div>
|
|
70 |
<div>[% P.part.picker('p8', undef, part_type='part,service', style="height:40px") %] 40px height</div>
|
74 |
71 |
|
75 |
|
<h2>In tables</h2>
|
|
72 |
[%# FOREACH i IN 1..50 %]
|
|
73 |
[%# P.part.picker('part_id_' _ i) %] <br>
|
|
74 |
[%# END %]
|
76 |
75 |
|
77 |
|
<p>No classes:</p>
|
|
76 |
<h2>In tables</h2>
|
78 |
77 |
|
79 |
|
<table>
|
80 |
|
<tr>
|
81 |
|
<th>Part picker in table heading</th>
|
82 |
|
<th>[% P.part.picker('p9', undef, part_type='part,service') %]</th>
|
83 |
|
</tr>
|
84 |
|
<tr>
|
85 |
|
<td>Part picker in table cell</td>
|
86 |
|
<td>[% P.part.picker('p10', undef, part_type='part,service') %]</td>
|
87 |
|
</tr>
|
88 |
|
</table>
|
|
78 |
<p>No classes:</p>
|
89 |
79 |
|
90 |
|
<p>With classes:</p>
|
|
80 |
<table>
|
|
81 |
<tr>
|
|
82 |
<th>Part picker in table heading</th>
|
|
83 |
<th>[% P.part.picker('p9', undef, part_type='part,service') %]</th>
|
|
84 |
</tr>
|
|
85 |
<tr>
|
|
86 |
<td>Part picker in table cell</td>
|
|
87 |
<td>[% P.part.picker('p10', undef, part_type='part,service') %]</td>
|
|
88 |
</tr>
|
|
89 |
</table>
|
91 |
90 |
|
92 |
|
<table>
|
93 |
|
<tr>
|
94 |
|
<th>Part picker in table heading</th>
|
95 |
|
<th>[% P.part.picker('p11', undef, part_type='part,service') %]</th>
|
96 |
|
</tr>
|
97 |
|
<tr>
|
98 |
|
<td>Part picker in table cell</td>
|
99 |
|
<td>[% P.part.picker('p12', undef, part_type='part,service') %]</td>
|
100 |
|
</tr>
|
101 |
|
</table>
|
|
91 |
<p>With classes:</p>
|
|
92 |
|
|
93 |
<table>
|
|
94 |
<tr>
|
|
95 |
<th>Part picker in table heading</th>
|
|
96 |
<th>[% P.part.picker('p11', undef, part_type='part,service') %]</th>
|
|
97 |
</tr>
|
|
98 |
<tr>
|
|
99 |
<td>Part picker in table cell</td>
|
|
100 |
<td>[% P.part.picker('p12', undef, part_type='part,service') %]</td>
|
|
101 |
</tr>
|
|
102 |
</table>
|
|
103 |
|
|
104 |
</div>
|
design40: Testseiten Artikel-Test und Kunden-/Lieferanten-Test CSS wrapper hinzugefügt