Revision 9439c4f2
Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt
| css/developement/form-elements-special.html | ||
|---|---|---|
| 4 | 4 |
<meta charset="utf-8" /> |
| 5 | 5 |
<link href="../style.css" rel="stylesheet"> |
| 6 | 6 |
|
| 7 |
<script type="text/javascript" src="/js/jquery.js"></script> |
|
| 8 |
<script type="text/javascript" src="/js/common.js"></script> |
|
| 9 |
<script type="text/javascript" src="/js/namespace.js"></script> |
|
| 10 |
<script type="text/javascript" src="/js/kivi.js"></script> |
|
| 11 |
<script type="text/javascript" src="/js/locale/de.js"></script> |
|
| 12 |
<script type="text/javascript" src="/js/jquery-ui.js"></script> |
|
| 13 |
<script type="text/javascript" src="/js/kivi.QuickSearch.js"></script> |
|
| 14 |
<script type="text/javascript" src="/js/kivi.ActionBar.js"></script> |
|
| 15 |
<script type="text/javascript" src="/js/kivi.Draft.js"></script> |
|
| 16 |
<script type="text/javascript" src="/js/kivi.File.js"></script> |
|
| 17 |
<script type="text/javascript" src="/js/kivi.SalesPurchase.js"></script> |
|
| 18 |
<script type="text/javascript" src="/js/kivi.Part.js"></script> |
|
| 19 |
<script type="text/javascript" src="/js/ckeditor/ckeditor.js"></script> |
|
| 20 |
<script type="text/javascript" src="/js/ckeditor/adapters/jquery.js"></script> |
|
| 21 |
<script type="text/javascript" src="/js/kivi.io.js"></script> |
|
| 22 |
<script type="text/javascript" src="/js/autocomplete_customer.js"></script> |
|
| 23 |
<script type="text/javascript" src="/js/client_js.js"></script> |
|
| 24 |
<script type="text/javascript" src="/js/jquery.cookie.js"></script> |
|
| 25 |
<script type="text/javascript" src="/js/jquery.checkall.js"></script> |
|
| 26 |
<script type="text/javascript" src="/js/jquery.download.js"></script> |
|
| 27 |
<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> |
|
| 28 |
<script type="text/javascript" src="/js/jquery/fixes.js"></script> |
|
| 29 |
<script type="text/javascript" src="/js/jquery/jquery.tooltipster.min.js"></script> |
|
| 30 |
<script type="text/javascript" src="/js/jquery/ui/i18n/jquery.ui.datepicker-de.js"></script> |
|
| 31 |
<script type="text/javascript" src="/js/jquery.multiselect2side.js"></script> |
|
| 32 |
<script type="text/javascript" src="/js/jquery.selectboxes.js"> |
|
| 33 |
|
|
| 34 |
</script> |
|
| 7 |
<script type="text/javascript" src="../../js/jquery.js"></script> |
|
| 8 |
<script type="text/javascript" src="../../js/common.js"></script> |
|
| 9 |
<script type="text/javascript" src="../../js/namespace.js"></script> |
|
| 10 |
<script type="text/javascript" src="../../js/kivi.js"></script> |
|
| 11 |
<script type="text/javascript" src="../../js/locale/de.js"></script> |
|
| 12 |
<script type="text/javascript" src="../../js/jquery-ui.js"></script> |
|
| 13 |
<script type="text/javascript" src="../../js/kivi.QuickSearch.js"></script> |
|
| 14 |
<script type="text/javascript" src="../../js/kivi.ActionBar.js"></script> |
|
| 15 |
<script type="text/javascript" src="../../js/kivi.Draft.js"></script> |
|
| 16 |
<script type="text/javascript" src="../../js/kivi.File.js"></script> |
|
| 17 |
<script type="text/javascript" src="../../js/kivi.SalesPurchase.js"></script> |
|
| 18 |
<script type="text/javascript" src="../../js/kivi.Part.js"></script> |
|
| 19 |
<script type="text/javascript" src="../../js/ckeditor/ckeditor.js"></script> |
|
| 20 |
<script type="text/javascript" src="../../js/ckeditor/adapters/jquery.js"></script> |
|
| 21 |
<script type="text/javascript" src="../../js/kivi.io.js"></script> |
|
| 22 |
<script type="text/javascript" src="../../js/autocomplete_customer.js"></script> |
|
| 23 |
<script type="text/javascript" src="../../js/client_js.js"></script> |
|
| 24 |
<script type="text/javascript" src="../../js/jquery.cookie.js"></script> |
|
| 25 |
<script type="text/javascript" src="../../js/jquery.checkall.js"></script> |
|
| 26 |
<script type="text/javascript" src="../../js/jquery.download.js"></script> |
|
| 27 |
<script type="text/javascript" src="../../js/jquery/jquery.form.js"></script> |
|
| 28 |
<script type="text/javascript" src="../../js/jquery/fixes.js"></script> |
|
| 29 |
<script type="text/javascript" src="../../js/jquery/jquery.tooltipster.min.js"></script> |
|
| 30 |
<script type="text/javascript" src="../../js/jquery/ui/i18n/jquery.ui.datepicker-de.js"></script> |
|
| 31 |
<script type="text/javascript" src="../../js/jquery.multiselect2side.js"></script> |
|
| 32 |
<script type="text/javascript" src="../../js/jquery.selectboxes.js"></script> |
|
| 35 | 33 |
|
| 36 | 34 |
<title>Spezielle Formular-Elemente</title> |
| 37 | 35 |
</head> |
| ... | ... | |
| 202 | 200 |
|
| 203 | 201 |
|
| 204 | 202 |
<div class="wrapper"> |
| 205 |
|
|
| 206 |
|
|
| 207 |
<div class="filter_toggle" style="display: block;"> |
|
| 208 |
<a href="#" onclick="javascript:$(".filter_toggle").toggle()" class="button toggle off neutral">Filter zeigen</a> Aktiv, Gültig |
|
| 209 |
</div> |
|
| 210 |
<div class="filter_toggle" style="display: none;"> |
|
| 211 |
<a href="#" onclick="javascript:$(".filter_toggle").toggle()" class="button toggle on neutral with-panel">Filter verbergen</a> |
|
| 212 |
<div class="filter-toggle-panel"> |
|
| 213 |
<table id="filter_table" class="tbl-horizontal"> |
|
| 214 |
<caption>Projekt</caption> |
|
| 215 |
<tbody> |
|
| 216 |
<tr> |
|
| 217 |
<th>Nummer</th> |
|
| 218 |
<td><input id="filter_projectnumber_substr_ilike" value="" class="wi-normal" name="filter.projectnumber:substr::ilike" type="text"> |
|
| 219 |
</td> |
|
| 220 |
</tr> |
|
| 221 |
<tr> |
|
| 222 |
<th>Beschreibung</th> |
|
| 223 |
<td><input id="filter_description_substr_ilike" value="" name="filter.description:substr::ilike" class="wi-normal initial_focus" type="text"> |
|
| 224 |
</td> |
|
| 225 |
</tr> |
|
| 226 |
<tr> |
|
| 227 |
<th>Kunde</th> |
|
| 228 |
<td><input type="text" class="wi-normal" name="filter.customer.name:substr::ilike" id="filter_customer_name_substr_ilike" value=""> |
|
| 229 |
</td> |
|
| 230 |
</tr> |
|
| 231 |
<tr> |
|
| 232 |
<th>Projekttyp</th> |
|
| 233 |
<td> |
|
| 234 |
<select id="filter_project_type_id" class="wi-normal" name="filter.project_type_id"> |
|
| 235 |
<option value=""></option> |
|
| 236 |
<option value="1">Standard</option> |
|
| 237 |
</select> |
|
| 238 |
</td> |
|
| 239 |
</tr> |
|
| 240 |
<tr> |
|
| 241 |
<th>Projektstatus</th> |
|
| 242 |
<td> |
|
| 243 |
<select id="filter_project_status_id" class="wi-normal" name="filter.project_status_id"> |
|
| 244 |
<option value=""></option> |
|
| 245 |
<option value="1">Akquise</option> |
|
| 246 |
<option value="2">In Planung</option> |
|
| 247 |
</select> |
|
| 248 |
</td> |
|
| 249 |
</tr> |
|
| 250 |
</tbody> |
|
| 251 |
</table> |
|
| 252 |
<table class="tbl-horizontal"> |
|
| 253 |
<caption>In Bericht aufnehmen</caption> |
|
| 254 |
<tbody> |
|
| 255 |
<tr> |
|
| 256 |
<td> |
|
| 257 |
<select style="width: 200px" name="filter.active" id="filter_active"> |
|
| 258 |
<option selected="" value="active">Aktiv</option> |
|
| 259 |
<option value="inactive">Inaktiv</option> |
|
| 260 |
</select> |
|
| 261 |
</td> |
|
| 262 |
</tr> |
|
| 263 |
<tr> |
|
| 264 |
<td> |
|
| 265 |
<select id="filter_valid" style="width: 200px" name="filter.valid"> |
|
| 266 |
<option value="valid" selected="">Gültig</option> |
|
| 267 |
<option value="invalid">Ungültig</option> |
|
| 268 |
</select> |
|
| 269 |
</td> |
|
| 270 |
</tr> |
|
| 271 |
<tr> |
|
| 272 |
<td> |
|
| 273 |
<select id="filter_status" style="width: 200px" name="filter.status"> |
|
| 274 |
<option value="all">Alle</option> |
|
| 275 |
<option value="orphaned">Nie benutzt</option> |
|
| 276 |
</select> |
|
| 277 |
</td> |
|
| 278 |
</tr> |
|
| 279 |
</tbody> |
|
| 280 |
</table> |
|
| 281 |
<div class="buttons"> |
|
| 282 |
<input type="button" onclick="$("#search_form").resetForm()" class="neutral" value="Zurücksetzen"> |
|
| 203 |
<div class="filter_toggle" style="display: block;"> |
|
| 204 |
<a href="#" onclick="javascript:$('.filter_toggle').toggle()" class="button toggle off neutral">Filter zeigen</a>
|
|
| 205 |
</div> |
|
| 206 |
<div class="filter_toggle" style="display: none;"> |
|
| 207 |
<a href="#" onclick="javascript:$('.filter_toggle').toggle()" class="button toggle on neutral with-panel">Filter verbergen</a>
|
|
| 208 |
<!-- PENDENT: Panel einbauen --> |
|
| 209 |
<div class="filter-toggle-panel"> |
|
| 210 |
<table id="filter_table" class="tbl-horizontal"> |
|
| 211 |
<caption>Ware</caption> |
|
| 212 |
<tbody> |
|
| 213 |
<tr> |
|
| 214 |
<th>Beschreibung</th> |
|
| 215 |
<td><input value="" name="filter.name:substr::ilike" type="text" id="filter_name_substr_ilike" class="wi-normal" size="20"> |
|
| 216 |
</td> |
|
| 217 |
</tr> |
|
| 218 |
<tr> |
|
| 219 |
<th>Typ</th> |
|
| 220 |
<td> |
|
| 221 |
<select name="filter.type" id="price_rule_filter_type" class="wi-normal"> |
|
| 222 |
<option value=""></option> |
|
| 223 |
<option value="customer">Preisregeln (Verkauf)</option> |
|
| 224 |
<option value="vendor">Preisregeln (Einkauf)</option> |
|
| 225 |
</select> |
|
| 226 |
</td> |
|
| 227 |
</tr> |
|
| 228 |
<tr> |
|
| 229 |
<th>Ware</th> |
|
| 230 |
<td><span class="part_picker"><input data-part-picker-data="{'class':'wi-normal'}" value="" name="filter.item_type_matches[].part" id="filter_item_type_matches5719277_part" type="hidden" class="wi-normal part_autocomplete">
|
|
| 231 |
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input value="" name="" type="text" class="wi-normal ui-autocomplete-input" id="filter_item_type_matches5719277_part_name" autocomplete="off"> |
|
| 232 |
<span class="ppp_popup_button"></span></span></td> |
|
| 233 |
</tr> |
|
| 234 |
<tr> |
|
| 235 |
<th>Warengruppe</th> |
|
| 236 |
<td> |
|
| 237 |
<select name="filter.item_type_matches[].partsgroup" id="filter_item_type_matches5719278_partsgroup" class="wi-normal"> |
|
| 238 |
<option value=""></option> |
|
| 239 |
<option value="447">Computer Occasion</option> |
|
| 240 |
<option value="448">Hardwareteile Occasion</option> |
|
| 241 |
<option value="449">Computer neu</option> |
|
| 242 |
<option value="450">Hardwareteile neu</option> |
|
| 243 |
<option value="451">Peripheriegeräte neu</option> |
|
| 244 |
<option value="452">Peripheriegeräte Occasion</option> |
|
| 245 |
<option value="528">Dienstleistung</option> |
|
| 246 |
<option value="594">Lizenzgebühren</option> |
|
| 247 |
<option value="635">Zubehör</option> |
|
| 248 |
<option value="681">Verbrauchsmaterial</option> |
|
| 249 |
<option value="920">Geldbetraege</option> |
|
| 250 |
<option value="13376">0Kundengerät</option> |
|
| 251 |
<option value="27265">Dienstleistung (Stunden)</option> |
|
| 252 |
</select> |
|
| 253 |
</td> |
|
| 254 |
</tr> |
|
| 255 |
<tr> |
|
| 256 |
<th>Menge</th> |
|
| 257 |
<td><input value="" name="filter.item_type_matches[].qty" type="text" id="filter_item_type_matches5719279_qty" class="wi-normal"> |
|
| 258 |
</td> |
|
| 259 |
</tr> |
|
| 260 |
<tr id="price_rule_filter_customer_tr" style="display:none"> |
|
| 261 |
<th>Kunde</th> |
|
| 262 |
<td><span class="customer_vendor_picker"><input value="" name="filter.item_type_matches[].customer" id="price_rule_filter_customer" type="hidden" class="wi-normal customer_vendor_autocomplete" data-customer-vendor-picker-data="{'type':'customer','class':'wi-normal'}">
|
|
| 263 |
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input value="" name="" class="wi-normal ui-autocomplete-input" type="customer" id="price_rule_filter_customer_name" autocomplete="off"> |
|
| 264 |
</span></td> |
|
| 265 |
</tr> |
|
| 266 |
<tr id="price_rule_filter_vendor_tr" style="display:none"> |
|
| 267 |
<!-- PENDENT: Korrekt mit customer? --> |
|
| 268 |
<th>Lieferant</th> |
|
| 269 |
<td><span class="customer_vendor_picker"><input value="" name="filter.item_type_matches[].vendor" id="price_rule_filter_vendor" type="hidden" class="wi-normal customer_vendor_autocomplete" data-customer-vendor-picker-data="{'type':'vendor','class':'wi-normal'}">
|
|
| 270 |
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input value="" name="" class="wi-normal ui-autocomplete-input" type="vendor" id="price_rule_filter_vendor_name" autocomplete="off"> |
|
| 271 |
</span></td> |
|
| 272 |
</tr> |
|
| 273 |
<tr> |
|
| 274 |
<th>Kunden-/Lieferantentyp</th> |
|
| 275 |
<td> |
|
| 276 |
<select name="filter.item_type_matches[].business" id="filter_item_type_matches5719280_business" class="wi-normal"> |
|
| 277 |
<option value=""></option> |
|
| 278 |
<option value="23353">LehrerInnen</option> |
|
| 279 |
<option value="23347">IT-Firma</option> |
|
| 280 |
<option value="41723">Behörde</option> |
|
| 281 |
<option value="158">Firma</option> |
|
| 282 |
<option value="157">Privatperson</option> |
|
| 283 |
</select> |
|
| 284 |
</td> |
|
| 285 |
</tr> |
|
| 286 |
</tbody> |
|
| 287 |
</table> |
|
| 288 |
<table id="filter_table" class="tbl-horizontal"> |
|
| 289 |
<caption>Dates</caption> |
|
| 290 |
<tbody> |
|
| 291 |
<tr> |
|
| 292 |
<th>Liefertermin</th> |
|
| 293 |
<td><input value="" name="filter.item_type_matches[].reqdate" type="text" class="datepicker wi-date hasDatepicker" id="filter_item_type_matches5719281_reqdate" data-validate="date" size="11"> |
|
| 294 |
<img class="ui-datepicker-trigger" src="image/calendar.png" alt="..." title="..."></td> |
|
| 295 |
</tr> |
|
| 296 |
<tr> |
|
| 297 |
<th>Buchungsdatum Beleg</th> |
|
| 298 |
<td><input value="" name="filter.item_type_matches[].transdate" type="text" class="datepicker wi-date hasDatepicker" id="filter_item_type_matches5719282_transdate" data-validate="date" size="11"> |
|
| 299 |
<img class="ui-datepicker-trigger" src="image/calendar.png" alt="..." title="..."></td> |
|
| 300 |
</tr> |
|
| 301 |
<tr> |
|
| 302 |
<th class="caption" colspan="2">Prices & Discounts</th> |
|
| 303 |
</tr> |
|
| 304 |
<tr> |
|
| 305 |
<th>Preisgruppe</th> |
|
| 306 |
<td> |
|
| 307 |
<select name="filter.item_type_matches[].pricegroup" id="filter_item_type_matches5719283_pricegroup" class="wi-normal"> |
|
| 308 |
<option value=""></option> |
|
| 309 |
<option value="0">keine Preisgruppe</option> |
|
| 310 |
<option value="27267">50 CHF pro Stunde</option> |
|
| 311 |
<option value="27268">100 CHF pro Stunde</option> |
|
| 312 |
</select> |
|
| 313 |
<br> |
|
| 314 |
</td> |
|
| 315 |
</tr> |
|
| 316 |
<tr> |
|
| 317 |
<th>Preis</th> |
|
| 318 |
<td><input value="" name="filter.price:number" type="text" id="filter_price_number" class="wi-normal" size="20"> |
|
| 319 |
</td> |
|
| 320 |
</tr> |
|
| 321 |
<tr> |
|
| 322 |
<th>Abschlag</th> |
|
| 323 |
<td><input value="" name="filter.reduction:number" type="text" id="filter_reduction_number" class="wi-normal" size="20"> |
|
| 324 |
</td> |
|
| 325 |
</tr> |
|
| 326 |
<tr> |
|
| 327 |
<th>Rabatt</th> |
|
| 328 |
<td><input value="" name="filter.discount:number" type="text" id="filter_discount_number" class="wi-normal" size="20"> |
|
| 329 |
</td> |
|
| 330 |
</tr> |
|
| 331 |
<tr> |
|
| 332 |
<th class="caption" colspan="2">Status</th> |
|
| 333 |
</tr> |
|
| 334 |
<tr> |
|
| 335 |
<th>Priorität</th> |
|
| 336 |
<td> |
|
| 337 |
<select name="filter.priority" id="filter_priority" class="wi-normal"> |
|
| 338 |
<option value="" selected="">Alle</option> |
|
| 339 |
<option value="3">Normal</option> |
|
| 340 |
<option value="4">Override</option> |
|
| 341 |
</select> |
|
| 342 |
</td> |
|
| 343 |
</tr> |
|
| 344 |
<tr> |
|
| 345 |
<th>Ungültig</th> |
|
| 346 |
<td> |
|
| 347 |
<select name="filter.obsolete" id="filter_obsolete" class="wi-normal"> |
|
| 348 |
<option value="">Beide</option> |
|
| 349 |
<option value="0" selected="">Gültig</option> |
|
| 350 |
<option value="1">Ungültig</option> |
|
| 351 |
</select> |
|
| 352 |
</td> |
|
| 353 |
</tr> |
|
| 354 |
</tbody> |
|
| 355 |
</table> |
|
| 356 |
<div class="col list"> |
|
| 357 |
<h3 class="caption">Hat Regeltypen</h3> |
|
| 358 |
<div> |
|
| 359 |
<input value="part" name="filter.has_item_type[]" id="filter_has_item_type5719284" type="checkbox"> |
|
| 360 |
<label for="filter_has_item_type5719284">Ware</label> |
|
| 361 |
<br> |
|
| 362 |
<input value="customer" name="filter.has_item_type[]" id="filter_has_item_type5719285" type="checkbox"> |
|
| 363 |
<label for="filter_has_item_type5719285">Kunde</label> |
|
| 364 |
<br> |
|
| 365 |
<input value="vendor" name="filter.has_item_type[]" id="filter_has_item_type5719286" type="checkbox"> |
|
| 366 |
<label for="filter_has_item_type5719286">Lieferant</label> |
|
| 367 |
<br> |
|
| 368 |
<input value="business" name="filter.has_item_type[]" id="filter_has_item_type5719287" type="checkbox"> |
|
| 369 |
<label for="filter_has_item_type5719287">Kunden-/Lieferantentyp</label> |
|
| 370 |
<br> |
|
| 371 |
<input value="partsgroup" name="filter.has_item_type[]" id="filter_has_item_type5719288" type="checkbox"> |
|
| 372 |
<label for="filter_has_item_type5719288">Warengruppe</label> |
|
| 373 |
<br> |
|
| 374 |
<input value="qty" name="filter.has_item_type[]" id="filter_has_item_type5719289" type="checkbox"> |
|
| 375 |
<label for="filter_has_item_type5719289">Menge</label> |
|
| 376 |
<br> |
|
| 377 |
<input value="reqdate" name="filter.has_item_type[]" id="filter_has_item_type5719290" type="checkbox"> |
|
| 378 |
<label for="filter_has_item_type5719290">Liefertermin</label> |
|
| 379 |
<br> |
|
| 380 |
<input value="transdate" name="filter.has_item_type[]" id="filter_has_item_type5719291" type="checkbox"> |
|
| 381 |
<label for="filter_has_item_type5719291">Buchungsdatum</label> |
|
| 382 |
<br> |
|
| 383 |
<input value="pricegroup" name="filter.has_item_type[]" id="filter_has_item_type5719292" type="checkbox"> |
|
| 384 |
<label for="filter_has_item_type5719292">Preisgruppe</label> |
|
| 385 |
<br> |
|
| 386 |
</div> |
|
| 387 |
</div> |
|
| 388 |
<input value="name" name="sort_by" id="sort_by" type="hidden"> |
|
| 389 |
<input value="0" name="sort_dir" id="sort_dir" type="hidden"> |
|
| 390 |
<input value="1" name="page" id="page" type="hidden"> |
|
| 391 |
<div class="buttons"> |
|
| 392 |
<input value="Reset Filter" class="neutral" type="reset" onclick="$('#search_form').resetForm()">
|
|
| 393 |
</div> |
|
| 283 | 394 |
</div> |
| 395 |
<!-- /.filter-toggle-panel --> |
|
| 284 | 396 |
</div> |
| 285 |
<!-- /.filter_panel -->
|
|
| 397 |
<!-- /.filter_toggle -->
|
|
| 286 | 398 |
</div> |
| 287 | 399 |
|
| 288 | 400 |
|
| 289 |
</div> |
|
| 290 |
|
|
| 291 |
|
|
| 292 |
|
|
| 293 |
|
|
| 294 | 401 |
|
| 295 | 402 |
|
| 296 | 403 |
|
Auch abrufbar als: Unified diff
Diverse weitere Anpassungen zum Design 4.0