OBS Wiki - Benutzerbeiträge [de]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-03-01T13:22:09Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration (Stammdaten - Schnittstellen - Internetshop - F10 - Konfiguration)

des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop

inklusive Platzhalter in der Form "$REFERENZ" eingetragen werden (siehe Bild 1). Ebenso kann unter "Stammdaten - Textbausteine" ein Textbaustein inklusive Link

mit Platzhalter hinterlegt werden (siehe Bild 2 u. 3). Hier kann statt eines Textes auch ein Bild eingefügt werden. Wichtig ist,

dass hinter das Bild ein Zeichen, z.B. ein Leerzeichen, eingefügt wird.

In der Shop-Konfiguration unter "Allgemein.Kurzlink.Artikel" muss dann die entsprechende laufende Nummer eingetragen werden.

In Bild 2 des Beispiels ist dies die "084" (markierter Einrag "Kurzlink BR Shop"). {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird (siehe Bild 4).

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]
[[Datei:Textbaustein.png|links|mini|Bild 2]]
[[Datei:Link einfügen.png|links|mini|Bild 3]]
[[Datei:Artikeleigenschaften.png|links|mini|Bild 4]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-03-01T13:20:47Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration (Stammdaten - Schnittstellen - Internetshop - F10 - Konfiguration)

des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop

inklusive Platzhalter in der Form "$REFERENZ" eingetragen werden (siehe Bild 1). Ebenso kann unter "Stammdaten - Textbausteine" ein Textbaustein inklusive Link

mit Platzhalter hinterlegt werden (siehe Bild 2 u. 3). Hier kann statt eines Textes auch ein Bild eingefügt werden. Wichtig ist,

dass hinter das Bild ein Zeichen, z.B. ein Leerzeichen, eingefügt werden muss, da es sonst zu Darstellungsfehlern kommen kann.

In der Shop-Konfiguration unter "Allgemein.Kurzlink.Artikel" muss dann die entsprechende laufende Nummer eingetragen werden.

In Bild 2 des Beispiels ist dies die "084" (markierter Einrag "Kurzlink BR Shop"). {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird (siehe Bild 4).

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]
[[Datei:Textbaustein.png|links|mini|Bild 2]]
[[Datei:Link einfügen.png|links|mini|Bild 3]]
[[Datei:Artikeleigenschaften.png|links|mini|Bild 4]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-03-01T12:35:47Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration (Stammdaten - Schnittstellen - Internetshop - F10 - Konfiguration)

des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop

inklusive Platzhalter in der Form "$REFERENZ" eingetragen werden (siehe Bild 1). Ebenso kann unter "Stammdaten - Textbausteine" ein Textbaustein inklusive Link

mit Platzhalter hinterlegt werden (siehe Bild 2 u. 3).

In der Shop-Konfiguration unter "Allgemein.Kurzlink.Artikel" muss dann die entsprechende laufende Nummer eingetragen werden.

In Bild 2 des Beispiels ist dies die "084" (markierter Einrag "Kurzlink BR Shop"). {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird (siehe Bild 4).

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]
[[Datei:Textbaustein.png|links|mini|Bild 2]]
[[Datei:Link einfügen.png|links|mini|Bild 3]]
[[Datei:Artikeleigenschaften.png|links|mini|Bild 4]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-29T15:43:50Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration (Stammdaten - Schnittstellen - Internetshop - F10 - Konfiguration)

des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop

inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden (siehe Bild 1). Ebenso kann unter "Stammdaten - Textbausteine" ein Textbaustein inklusive Link

mit Platzhalter hinterlegt werden (siehe Bild 2 u. 3).

In der Shop-Konfiguration unter "Allgemein.Kurzlink.Artikel" muss dann die entsprechende laufende Nummer eingetragen werden.

In Bild 2 des Beispiels ist dies die "084" (markierter Einrag "Kurzlink BR Shop"). {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird (siehe Bild 4).

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]
[[Datei:Textbaustein.png|links|mini|Bild 2]]
[[Datei:Link einfügen.png|links|mini|Bild 3]]
[[Datei:Artikeleigenschaften.png|links|mini|Bild 4]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-29T15:43:02Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration (Stammdaten - Schnittstellen - Internetshop - F10 - Konfiguration)

des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop

inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden (siehe Bild 1). Ebenso kann unter "Stammdaten - Textbausteine" ein Textbaustein inklusive Link

mit Platzhalter hinterlegt werden (siehe Bild 2 u. 3).

In der Shop-Konfiguration unter "Allgemein.Kurzlink.Artikel" muss dann die entsprechende laufende Nummer eingetragen werden.

In Bild 2 des Beispiels ist dies die "084". {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird (siehe Bild 4).

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]
[[Datei:Textbaustein.png|links|mini|Bild 2]]
[[Datei:Link einfügen.png|links|mini|Bild 3]]
[[Datei:Artikeleigenschaften.png|links|mini|Bild 4]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-29T15:41:19Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-29T15:39:06Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration (Stammdaten - Schnittstellen - Internetshop - F10 - Konfiguration)

des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop

inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden (siehe Bild 1). Ebenso kann unter "Stammdaten - Textbausteine" ein Textbaustein inklusive Link

mit Platzhalter hinterlegt werden (siehe Bild 2 u. 3). {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird (siehe Bild 4).

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]

Datei:Textbaustein.png

2024-02-29T15:37:05Z

Prakti:

Textbaustein einfügen

Datei:Link einfügen.png

2024-02-29T15:36:38Z

Prakti:

Link einfügen

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-29T15:35:47Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-29T15:29:05Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:33:50Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop

inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden (siehe Bild 1). {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird (siehe Bild 2).

[[Datei:Link Einstellungen.png|links|mini|Bild 1]]
[[Datei:Artikeleigenschaften.png|mini|links|Bild 2]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:32:05Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.
Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden. {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird.

[[Datei:Link Einstellungen.png|links|mini]]
[[Datei:Artikeleigenschaften.png|mini|links]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:31:46Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.
Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden. {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird.

[[Datei:Link Einstellungen.png|links|mini]]
[[Datei:Artikeleigenschaften.png|zentriert|mini]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:31:25Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.
Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden. {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird.

[[Datei:Link Einstellungen.png|links|mini]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:28:56Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.
Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter in der Form "#REFERENZ" eingetragen werden. {{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird.

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:28:37Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.
Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter
in der Form "#REFERENZ" eingetragen werden.{{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird.

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:28:18Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter

in der Form "#REFERENZ" eingetragen werden.{{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm
die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird.

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:27:57Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter

in der Form "#REFERENZ" eingetragen werden.{{Vorlage:Kostenpflichtige Module}}
Einzelne Artikel können außerdem von dieser Funktionalität ausgenommen werden, indem unter Artikelstamm

die Artikeleigenschaft "SHOP Keinen Link setzen" gesetzt wird.

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:26:41Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:26:17Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:25:46Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter

in der Form "#REFERENZ" eingetragen werden (siehe untenstehendes Beispiel).{{Vorlage:Kostenpflichtige Module}}

[[Datei:Link Einstellungen.png|links|rahmenlos|534x534px]]

Einzelne Artikel können von dieser Funktionalität auch ausgeschlossen werden. Dazu setzt man unter Artikelstamm für

jeden auszuschließenden Artikel die Eigenschaft "SHOP Keinen Link setzen" (siehe untenstehendes Beispiel).

[[Datei:Artikeleigenschaften.png|links|rahmenlos]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:25:31Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter

in der Form "#REFERENZ" eingetragen werden (siehe untenstehendes Beispiel).{{Vorlage:Kostenpflichtige Module}}

[[Datei:Link Einstellungen.png|links|rahmenlos|534x534px]]

Einzelne Artikel können von dieser Funktionalität auch ausgeschlossen werden. Dazu setzt man unter Artikelstamm für

jeden auszuschließenden Artikel die Eigenschaft "SHOP Keinen Link setzen" (siehe untenstehendes Beispiel).

[[Datei:Artikeleigenschaften.png|links|rahmenlos]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-09T08:24:18Z

Prakti:

In Angebotsdrucken kann in PDF-Exporten und E-Mails zu jedem aufgeführten Artikel ein Link zum Webshop gesetzt werden.

Damit dies funktioniert, muss in der Konfiguration des Internetshops in OBS unter dem Punkt "Allgemein.Kurzlink.Artikel" die URL zum Shop inklusive Platzhalter

in der Form "#REFERENZ" eingetragen werden (siehe untenstehendes Beispiel).{{Vorlage:Kostenpflichtige Module}}

[[Datei:Link Einstellungen.png|links|rahmenlos|534x534px]]

Einzelne Artikel können von dieser Funktionalität auch ausgeschlossen werden. Dazu setzt man
unter Artikelstamm für jeden auszuschließenden Artikel die Eigenschaft
"SHOP Keinen Link setzen" (siehe untenstehendes Beispiel).

[[Datei:Artikeleigenschaften.png|mini]]

Datei:Artikeleigenschaften.png

2024-02-09T08:24:05Z

Prakti:

Eigenschaften eines Artikels

Vorlage:Kostenpflichtige Module

2024-02-08T13:28:48Z

Prakti:

<div style="float:right; clear:both; margin-left:2px; padding:0px; background:#FFFFFF; width:19em">
<div style="border:none;margin-top:0pt;padding:0pt;" id="navigation">

<div style="position:relative;top:-20pt;color:#000000;background:#ffffff; border: 3pt double #cfcfcf; padding: 5pt; margin: 0pt;margin-bottom:-20pt; z-index:1;border-top-right-radius:7pt;-moz-border-radius-topright:7pt;-webkit-border-top-right-radius:7pt;border-bottom-left-radius:7pt;-moz-border-radius-bottomleft:7pt;-webkit-border-bottom-left-radius:7pt;box-shadow: 3px 3px 4px #c0c0c0;-webkit-box-shadow: 3px 3px 4px #c0c0c0;-moz-box-shadow: 3px 3px 4px #c0c0c0;">[[Hauptseite|Wiki]] » [[Kostenpflichtige Module|Kostenpflichtige Module]]</div>
</div>

{{Vorlage:Textbox-Blau|1=Kostenpflichtige Module|2=
<small>
{{Vorlage:Klapptext|kopf='''Internet-Shop'''|inhalt=
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop| OBS Schnittstelle Internet Shop]]
{{Vorlage:Klapptext|kopf='''Der modified ECommerce Shop'''|inhalt=
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop-xtcModified/FAQs|FAQs]]
*[[OBS/Internet-Shop/modified-eCommerce|Überblick zum modified ECommerce Shop]]
{{Vorlage:Klapptext|kopf=Shop-Menü|inhalt=
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/A Preise aktualisieren|A Preise aktualisieren]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/C Personen übertragen|C Personen übertragen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/E Kategorien verwalten|E Kategorien verwalten]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/G Kataloge verwalten|G Kataloge verwalten]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop-xtcModified/I Merkliste übertragen|I Merkliste übertragen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/K Varianten übertragen|K Varianten übertragen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/L Artikelvarianten übertragen|L Artikelvarianten übertragen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/M Referenzarten übertragen|M Referenzarten übertragen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/N Lagerbestände verwalten|N Lagerbestände verwalten]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop#Bestellungen_einlesen|U Bestellungen einlesen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/V leere Passworte füllen|V leere Passworte füllen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce/W Update-Informationen zurücksetzen|W Update-Informationen zurücksetzen]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop/Konfiguration/modified_eCommerce|X Konfiguration]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop#Protokoll|Z Protokoll]]
}}
{{Vorlage:Klapptext|kopf=Automatische Vorgänge|inhalt=
* [[OBS/Internet-Shop/modified-eCommerce/Scheduler/Bestellungen einlesen|Bestellungen einlesen]]
* [[OBS/Internet-Shop/modified-eCommerce/Scheduler/Verfügbarkeitsdateien erstellen|Verfügbarkeitsdateien erstellen]]
* [[OBS/Internet-Shop/modified-eCommerce/Scheduler/Verfügbarkeitsdateien hochladen|Verfügbarkeitsdateien hochladen]]
*[[OBS/Internet-Shop/modified-eCommerce/Scheduler/Änderungsautomatik|geänderte Artikel übertragen]]
*[[OBS/Internet-Shop/modified-eCommerce/Scheduler/Preise aktualisieren|Preise aktualisieren]]
*[[OBS/Internet-Shop/modified-eCommerce/Scheduler/Anlage Shopkategorien|Anlage der Shopkategorien auf Grundlage der OBS-Warengruppen]]
}}
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop-xtcModified/besondere Funktionen|Besondere Anpassungen im xtcModified Shop]]<br>
}}

{{Vorlage:Klapptext|kopf=[[Kostenpflichtige_Module/Internet-Shop/modified_eCommerce_2|modified eCommerce 2.0]]|inhalt=
*[[OBS/Internet-Shop/modified_eCommerce_2.0|Funktionen und FAQ]]
}}

{{Vorlage:Klapptext|kopf=[[OBS/Internet-Shop/ShopV4|Der Büroring-ShopV4]]|inhalt=
*[[OBS/Internet-Shop/ShopV4/FAQs|FAQs]]
{{Vorlage:Klapptext|kopf=Einrichtung|inhalt=
* [[OBS/Internet-Shop/ShopV4/1.1_Einstellungen_im_Shop|Einstellungen im Shop]]
* [[OBS/Internet-Shop/ShopV4/1.2_Einstellungen_in_OBS|Einstellungen in OBS]]
* [[OBS/Internet-Shop/ShopV4/Erste_Schritte|Erste Schritte]]
}}
* [[OBS/Internet-Shop/ShopV4/Shop-Menu|Shop-Menü]]
* [[OBS/Internet-Shop/ShopV4/Shop-Lieferanten|Shop-Lieferanten]]
* [[OBS/Internet-Shop/ShopV4/Import_von_Bestellungen|Import von Bestellungen]]
* [[OBS/Internet-Shop/ShopV4/Personen_/_Kundengruppen|Personen / Kundengruppe]]
{{Vorlage:Klapptext|kopf=Eigene Artikel|inhalt=
* [[OBS/Internet-Shop/ShopV4/6.1_Artikel_übertragen|Artikel übertragen]]
* [[OBS/Internet-Shop/ShopV4/6.2_Shop-Warengruppen|Shop-Warengruppen]]
}}
* [[OBS/Internet-Shop/ShopV4/Preislisten|Preislisten]]
* [[OBS/Internet-Shop/ShopV4/Katalogvorlagen|Katalogvorlagen]]
* [[OBS/Internet-Shop/ShopV4/Bestellvorlagen|Bestellvorlagen]]
* [[OBS/Internet-Shop/ShopV4/Sortiment|Sortiment]]
* [[OBS/Internet-Shop/ShopV4/Kostenstellen|Kostenstellen]]
* [[OBS/Internet-Shop/ShopV4/Personen-Einstellungen|Personen-Einstellungen]]
}}

{{Vorlage:Klapptext|kopf=[[Kostenpflichtige_Module/Internet-Shop/brShop24|brShop24]]|inhalt=
* [[Kostenpflichtige_Module/Internet-Shop/brShop24|Übersicht]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24#Bekannte_Probleme|Bekannte Probleme]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24#H.C3.A4ufig_gestellte_Fragen_.28FAQ.29|Häufig gestellte Fragen (FAQ)]]
{{Vorlage:Klapptext|kopf=[[Kostenpflichtige_Module/Internet-Shop/brShop24|Einstellungen und Automatiken]]|inhalt=
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/Konfiguration|Konfiguration]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24#Zuordnungen|Zuordnungen/Datenverknüpfung OBS und Shop]]
* [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken|Automatiken einrichten]]
}}
{{Vorlage:Klapptext|kopf=[[Kostenpflichtige_Module/Internet-Shop/brShop24#Erkl.C3.A4rungen.2FFunktionen|Funktionen]]|inhalt=
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppen verwalten]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Personen_übertragen|Personen übertragen]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen|Preise übertragen]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Eigene_Artikel_übertragen|Eigene Artikel übertragen]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoppinglisten übertragen]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]]
* [[Kostenpflichtige_Module/Internet-Shop/brShop24/Migration|Migration]]
* [[Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink|PDF-Druck Artikellink]]
}}
}}

* [[Kostenpflichtige Module/Internet-Shop/soCONNECT|so.CONNECT (Soennecken)]]

}}

{{Vorlage:Klapptext|kopf='''Preislisten'''|inhalt=
{{Vorlage:Klapptext|kopf=[[OBS/Kostenpflichtige_Module/Preislisten|Preislistenverwaltung]]|inhalt=
* [[OBS/Kostenpflichtige_Module/Preislisten/Preislisten-Artikel|Preislisten-Artikel]]
* [[OBS/Kostenpflichtige_Module/Preislisten/Preislistengruppen|Preislistengruppen]]
}}
* [[OBS/Preislisten/FAQ_Preislisten|FAQ Preislisten]]
* [[OBS/Häufig gestellte Fragen/Vorgehensweise für Preislisten ohne Server|Vorgehen für Preislisten ohne Server]]
* [[OBS/Häufig gestellte Fragen/Vorgehensweise mit Server/Client Installation für Preislisten|Vorgehen für Preislisten mit Server]]
{{Vorlage:Klapptext|kopf=[[OBS/Stammdaten/Artikel/Preislistenverwaltung/Weitere Funktionen|F10 Weitere Funktionen]]|inhalt=
* [[OBS/Kostenpflichtige_Module/Preislisten/Formeln|D Formelverwaltung]]
}}
{{Vorlage:Klapptext|kopf=[[OBS/Stammdaten/Artikel/Preislistenverwaltung/AutoPflege|Automatiken Kommandos]]|inhalt=
* [[OBS/Preislisten/Preislisten per Macro füllen|Preislisten per Macro füllen]]
* [[OBS/Preislisten/Preislisten per Macro kopieren|Preislisten per Macro kopieren]]
}}
}}

{{Vorlage:Klapptext|kopf='''ZUGFeRD'''|inhalt=
* [[OBS/Kostenpflichtige Module/ZUGFeRD|ZUGFeRD]]
}}
{{Vorlage:Klapptext|kopf='''Factoring'''|inhalt=
* [[OBS/Kostenpflichtige Module/Was ist Factoring?|Was ist Factoring?]]
* [[OBS/Kostenpflichtige Module/Factoring in OBS| Factoring in OBS]]
* [[OBS/Kostenpflichtige Module/Erstellen und Verwenden von Factoring Rechnungen|Erstellen und Verwenden von Factoring Rechnungen]]
* [[OBS/Kostenpflichtige Module/Auswertung und Übermittlung von Factoring Rechnungen|Auswertung und Übermittlung von Factoring Rechnungen]]
* [[OBS/Kostenpflichtige Module/Factoring Fibu|Factoring Fibu]]
}}
{{Vorlage:Klapptext|kopf='''UPS'''|inhalt=
* [[OBS/kostenpflichtige Module/UPS|UPS Modul]]
}}
{{Vorlage:Klapptext|kopf='''DHL'''|inhalt=
* [[OBS/kostenpflichtige Module/DHL|DHL Schnittstelle]]
}}
{{Vorlage:Klapptext|kopf='''IMS Professional'''|inhalt=
;
* [[OBS/kostenpflichtige Module/IMSPro|IMS-Professional]]

}}
{{Vorlage:Klapptext|kopf='''TAPI'''|inhalt=
* [[OBS/Kostenpflichtige Module/TAPI|TAPI]]
* [[OBS/Kostenpflichtige Module/TAPI Voraussetzungen|Voraussetzungen]]
* [[OBS/Kostenpflichtige Module/TAPI Konfiguration|Konfiguration]]
* [[OBS/Kostenpflichtige Module/TAPI Externe Telefonanbindungen|Externe Telefonanbindungen]]
}}
{{Vorlage:Klapptext|kopf='''SMS'''|inhalt=
* [[OBS/Kostenpflichtige Module/SMS|SMS]]
}}
{{Vorlage:Klapptext|kopf=[[OBS/Kostenpflichtige_Module/Fleet_Management|'''Fleet Management''']]|inhalt=
* [[OBS/Kostenpflichtige Module/Fleet Management/FMAudit|FMAudit]]
* [[FRMFMZENTRALE_MELDUNGEN|FMAudit Pro]]
* [[OBS/Kostenpflichtige Module/Fleet Management/UTAX E-mail|UTAX E-Mail]]
* [[OBS/Kostenpflichtige_Module/Fleet_Management/Brother_XML|Brother XML]]
* [[OBS/Kostenpflichtige_Module/Fleet_Management/KonicaMinolta_E-Mail|Konica Minolta E-Mail]]
* [[OBS/Kostenpflichtige_Module/Fleet_Management/docuFORM|docuFORM XML]]
* [[OBS/Kostenpflichtige_Module/Fleet_Management/KyoceraFleetServices|KFS XML]]
* [[OBS/Kostenpflichtige_Module/Fleet_Management/SimpleClicksXML|SimpleClicks XML]]
* [[OBS/Kostenpflichtige_Module/Fleet_Management/Brother_PPPB_xlsx|Brother PPPB Xlsx]]
}}
{{Vorlage:Klapptext|kopf='''Mehrlager-Verwaltung'''|inhalt=
* [[OBS/Kostenpflichtige Module/Mehrlager-Verwaltung|Mehrlager-Verwaltung]]
}}
{{Vorlage:Klapptext|kopf='''Mehrsprachen Modul'''|inhalt=
* [[OBS/Kostenpflichtige Module/Mehrsprachen Modul|Mehrsprachen Modul]]
}}
{{Vorlage:Klapptext|kopf='''Multilanguage Modul'''|inhalt=
* [[OBS/Kostenpflichtige Module/Multilanguage Modul|Multilanguage Modul]]
}}

{{Vorlage:Klapptext|kopf='''Einfache Produktionsnachverfolgung'''|inhalt=
* [[OBS/Einfache Produktionsnachverfolgung/Was ist|Was ist die Einfache Produktionsnachverfolgung]]
* [[OBS/Einfache Produktionsnachverfolgung/FRMEDITPRODMENGE|Scannen der Auftragspositionen]]
* [[OBS/Einfache Produktionsnachverfolgung/Sammellieferschein|Sammellieferschein]]
}}
{{Vorlage:Klapptext|kopf='''DMS - Dokumenten Management System'''|inhalt=
* [[OBS/Kostenpflichtige Module/DMS/DMS|DMS]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Konfiguration|Konfiguration]]
* [[OBS/Kostenpflichtige Module/DMS/Scannen von Dokumenten|Einscannen von Dokumenten im Stapelbetrieb]]
{{Vorlage:Klapptext|kopf=DMS Dokumente|inhalt=
* [[OBS/Kostenpflichtige Module/DMS/DMS Dokumente|Liste]]
* [[OBS/Kostenpflichtige Module/DMS/Versionierung|Dokumentenversionierung]]
{{Vorlage:Klapptext|kopf=Tasten und Schaltflächen|inhalt=
* [[OBS/Kostenpflichtige Module/DMS/DMS Dokumente/F2 Filter|F2 Filter]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Dokumente/F5 Markieren|F5 Mark]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Verknüpfung|F6 Verknü.]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Dokumente/F7 Suche|F7 Suche]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Dokumente/F8 Info|F8 Info]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Dokumente/F9 Gruppe|F9 Gruppe]]
{{Vorlage:Klapptext|kopf=F10 Weit.|inhalt=
* [[OBS/Kostenpflichtige Module/DMS/DMS Dokumente/F10 Weitere Funktionen|F10 Weit.]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Stammdaten|DMS Stammdaten]]
{{Vorlage:Klapptext|kopf=E DMS Definitionen|inhalt=
* [[OBS/Kostenpflichtige Module/DMS/DMS Definitionen|Liste]]
* [[OBS/Kostenpflichtige Module/DMS/DMS Definitionen Eingabemaske|Eingabemaske]]
}}
* [[OBS/Kostenpflichtige Module/DMS/QR Etiketten|M QR Etiketten drucken]]
}}
* [[OBS/Kostenpflichtige Module/DMS/DMS Viewer|Dokument]]
}}
* [[OBS/Kostenpflichtige Module/DMS/DMS Eingabemaske|Eingabemaske]]
}}
}}

{{Vorlage:Klapptext|kopf='''QR Zeiterfassung'''|inhalt=
* [[OBS/Kostenpflichtige Module/QR Zeiterfassung|QR Zeiterfassung]]
* [[OBS/Kostenpflichtige Module/QR Einrichtung Checkliste|QR Einrichtung Checkliste]]
}}

{{Vorlage:Klapptext|kopf='''EVA Marketing Tool'''|inhalt=
* [[OBS/EVA]]
}}

{{Vorlage:Klapptext|kopf='''Technikersteuerung'''|inhalt=
* [[OBS/Kostenpflichtige Module/Technikersteuerung/Ziel der Technikersteuerung|Ziel der Technikersteuerung]]
* [[OBS/Kostenpflichtige Module/Technikersteuerung/Konfiguration|Konfiguration]]
* [[OBS/Kostenpflichtige Module/Technikersteuerung/Terminvorschläge erstellen|Terminvorschläge für Techniker erstellen]]
* [[OBS/Kostenpflichtige Module/Technikersteuerung/Liste|Liste]]
** [[OBS/Kostenpflichtige Module/Technikersteuerung/Definition Terminvorschlagslisten|Definition Terminvorschlagslisten/T-Def]]
** [[OBS/Kostenpflichtige Module/Technikersteuerung/Terminvorschläge bearbeiten|Terminvorschläge für Techniker bearbeiten]]
** [[OBS/Kostenpflichtige Module/Technikersteuerung/Terminvorschlagsliste aktualisieren|Terminvorschlagsliste akt./T-Liste]]
}}

{{Vorlage:Klapptext|kopf='''Termin-Projekte'''|inhalt=
* [[OBS/Kostenpflichtige Module/Termin-Projekte|Termin-Projekte]]
}}

{{Vorlage:Klapptext|kopf='''Edifact-Schnittstelle'''|inhalt=
* [[OBS/Kostenpflichtige Module/Edifact|Edifact Schnittstelle]]
}}

{{Vorlage:Klapptext|kopf='''Backup Überwachung Email'''|inhalt=
* [[OBS/Kostenpflichtige Module/Backup Überwachung Email|Backup Überwachung Email]]
}}

{{Vorlage:Klapptext|kopf='''Anlagenbuchhaltung'''|inhalt=
* [[OBS/Kostenpflichtige Module/Anlagenbuchhaltung|Anlagenbuchhaltung]]
** [[OBS/Kostenpflichtige Module/Anlagenbuchhaltung/Auswertungen|Auswertungsdrucke]]
** [[OBS/Kostenpflichtige Module/Anlagenbuchhaltung/Anlagengüter|Anlagegüterübersicht]]
** [[OBS/Kostenpflichtige Module/Anlagenbuchhaltung/Abschreibungsarten|Abschreibungsarten]]
* [[OBS/Kostenpflichtige Module/Anlagenbuchhaltung/Anlagekonten|Anlagekonten]]
* [[OBS/Kostenpflichtige Module/Anlagenbuchhaltung/Bewegung|Anlagebewegungen]]
* [[OBS/Kostenpflichtige Module/Anlagenbuchhaltung/Anlagenstapel|Anlagenstapel]]
}}

{{Vorlage:Klapptext|kopf='''OBS Geo Daten'''|inhalt=
* [[OBS/Kostenpflichtige Module/OBS Geo Daten|OBS Geo Daten]]
}}

{{Vorlage:Klapptext|kopf='''DeliSprint / DPD'''|inhalt=
* [[OBS/Kostenpflichtige_Module/Delisprint|DeliSprint / DPD]]
}}

{{Vorlage:Klapptext|kopf='''Filialen'''|inhalt=
* [[OBS/Kostenpflichtige Module/Filialen|Filialen]]
}}

{{Vorlage:Klapptext|kopf='''Auto-Waagen'''|inhalt=
* [[OBS/Kostenpflichtige Module/Auto-Waagen|Auto-Waagen]]
* [[OBS/Kostenpflichtige Module/Auto-Waagen/Installation|Installation]]
}}

{{Vorlage:Klapptext|kopf='''Cashback'''|inhalt=
* [[OBS/Kostenpflichtige Module/Cashback|Cashback]]
}}
{{Vorlage:Klapptext|kopf='''Moebelschnittstelle'''|inhalt=
*[[OBS/Kostenpflichtige Module/Moebelschnittstelle|Moebelschnittstelle]]
}}
{{Vorlage:Klapptext|kopf='''OBS-Waage'''|inhalt=
*[[FRMWAAGE|Liste]]
*[[FRMEDITWAAGE|Erstellen eines neuen Wiegesatzes ]]
*[[OBS/Kostenpflichtige Module/WAAGE.INI|WAAGE.INI]]
}}
{{Vorlage:Klapptext|kopf='''Tourenplanung'''|inhalt=
{{Vorlage:Klapptext|kopf=[[OBS/Kostenpflichtige Module/Tourenplanung|Tourenplanung]]|inhalt=
*[[OBS/Kostenpflichtige Module/Tourenplanung/TourVG|Vorgänge]]
*[[OBS/Kostenpflichtige Module/Tourenplanung/TourTouren|Touren]]
*[[OBS/Kostenpflichtige Module/Tourenplanung/TourTourPos|Positionen]]
}}
*[[OBS/Kostenpflichtige Module/Tourenplanung/Stammdaten|Stammdaten]]
*[[OBS/Kostenpflichtige Module/Tourenplanung/Einrichtung|Einrichtung]]
}}
{{Vorlage:Klapptext|kopf='''Dokumenten Manager'''|inhalt=
*[[OBS/Kostenpflichtige_Module/Dokumenten_Manager|Dokumenten Manager]]
}}
{{Vorlage:Klapptext|kopf='''DocuWare-Schnittstelle'''|inhalt=
*[[OBS/Kostenpflichtige_Module/DocuWare|DocuWare-Schnittstelle]]
}}
{{Vorlage:Klapptext|kopf='''OFML-Kalkulation'''|inhalt=
*[[OBS/Kostenpflichtige_Module/OFML-Kalkulation|OFML-Kalkulation]]
}}
{{Vorlage:Klapptext|kopf='''Pascom'''|inhalt=
*[[OBS/Kostenpflichtige_Module/Pascom|Pascom]]
*[[OBS/Kostenpflichtige_Module/Pascom_Einrichtung|Einrichtung]]
}}
{{Vorlage:Klapptext|kopf='''Versicherungsschaden'''|inhalt=
*[[OBS/Kostenpflichtige_Module/Versicherungsschaden|Versicherungsschaden]]
*[[OBS/Kostenpflichtige_Module/Energienachweise|Energienachweise]]
}}
{{Vorlage:Klapptext|kopf='''Gutschriftsanzeigen'''|inhalt=
* [[OBS/Kostenpflichtige Module/Gutschriftsanzeigen|Gutschriftsanzeigen]]
}}
{{Vorlage:Klapptext|kopf='''OCPP Ladestationen'''|inhalt=
* [[OBS/Kostenpflichtige Module/OCPP_Ladestationen|OCPP Wallboxen Abrechnung (Ladesäulen)]]
* [[OBS/Kostenpflichtige Module/SteVe|SteVe]]
}}
{{Vorlage:Klapptext|kopf='''Kameraverwaltung'''|inhalt=
* [[OBS/Kostenpflichtige Module/Kameraverwaltung|Kameraverwaltung]]
}}
{{Vorlage:Klapptext|kopf='''DataInOut'''|inhalt=
* [[OBS/Kostenpflichtige Module/DataInOut|DataInOut]]
}}
{{Vorlage:Klapptext|kopf='''REST-Schnittstelle'''|inhalt=
* [[OBS/Kostenpflichtige Module/RESTServer|REST-Server]]
* [[OBS/Kostenpflichtige Module/RESTServer/Einrichtung|Einrichtung]]
* [[OBS/Kostenpflichtige Module/RESTServer/Scripting|Scripting]]
{{Vorlage:Klapptext|kopf='''Beispiele'''|inhalt=
*[[OBS/Kostenpflichtige Module/RESTServer/Beispiel1|PHP-Abruf von Steuerungsdaten]]
*[[OBS/Kostenpflichtige Module/RESTServer/Beispiel2|Zeiterfassung]]
}}
}}

{{Vorlage:Klapptext|kopf='''Sammelverträge'''|inhalt=
* [[OBS/Kostenpflichtige Module/Sammelvertrag|Sammelvertrag]]
* [[OBS/Kostenpflichtige Module/Sammelvertrag/Container|Container-Stammdaten]]
}}

</small>
}}

</div>

<noinclude>
----
</noinclude>

<noinclude>

Folgender Code muss in die jeweils gewünschte Seite hinzugefügt werden:
<nowiki>{{Kostenpflichtige Module}}</nowiki>
[[Kategorie:Templates/Navigationen]]
</noinclude>
[[Kategorie:OBS/Module]]

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:16:35Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:16:02Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:15:11Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:14:08Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:13:03Z

Prakti:

Datei:Link Einstellungen.png

2024-02-08T13:12:55Z

Prakti:

Konfiguartion Artikellink

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:09:08Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:08:42Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:05:42Z

Prakti:

Datei:Linkkonfiguration.png

2024-02-08T13:05:32Z

Prakti:

Konfiguration

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T13:03:43Z

Prakti:

OBS/Stammdaten/Schnittstellen/Internet-Shop

2024-02-08T12:51:40Z

Prakti:

{{Vorlage:Kostenpflichtige Module}}
Eine eigene Webpräsenz ist für viele Händler in Zeiten von Tablets und Smartphones eine gute Alternative zum Ladengeschäft. Ein eigener Web-Shop verursacht jedoch auch eine Menge Arbeit. OBS kann die Pflege eines eigenen Shops unterstützen. Im folgenden finden Sie eine Auflisteung aller Shop-Schnittstellen mit dem jeweiligen Funktionsumfang und Links zu weiterführenden Beschreibungen. OBS ist in der Lage mehrere Schnittstellen zu verwalten.
{{Hinweis|Beachten Sie für eigene Webseiten wie Homepage oder Online-Shops die Pflege rechtssicherer Texte. Sieh dazu auch [[Sonstiges/web/rechtstexte|'''Pflege rechtssicherer Texte in eigener Internetpräsenz (Homepage/Online-Shop)''']]}}
=Internet-Shop=
{{Hinweis|Um dieses Modul verwenden zu können, muss dieses mit Programmparameter 633 'Internet-Shop vorhanden' aktiviert werden.}}<br />

Dieser Menüeintrag öffnet die Liste ''Internet-Shops''. Alle eingerichteten Schnittstellen werden hier aufgelistet. Das Menü für die Verwaltung einer Schnittstelle finden Sie unter {{F10}} ''Menü''. Entsprechend des Shop-Typs und dessen Funktionsumfang finden Sie hier unterschiedliche Menüpunkte. Einzig die [[FRMSHOPEINSTELLUNGEN|Konfigurationseinstellungen]] finden Sie im Menü jedes Shop-Typs unter ''[[FRMSHOPEINSTELLUNGEN|X Konfiguration]]''.

=Schittstellen-Typen=
Es werden derzeit acht verschiedene Schnittstellen-Typen unterstützt. Diese unterscheiden sich stark im Funktionsumfang. Die Schnittstellen-Typen sind:
{| class="wikitable"
|-
! Typ!! Import!! Export
|-
| [[#VShop 3.2|VShop 3.2]]|| Ja|| Nein
|-
| [[#VShop 4.0|VShop 4.0]]|| Ja|| Ja
|-
| [[#Alka|Alka]]|| Ja|| Nein
|-
| [[#Adveo|Adveo]]|| Ja|| Nein
|-
| [[#modified eCommerce|modified eCommerce]]|| Ja|| Ja
|-
| [[#amazon Marketplace|amazon Marketplace]]|| Ja|| Ja
|-
| [[#individuell OpenTRANS|individuell OpenTRANS]]|| Ja|| Nein
|-
| [[#DoubleM|DoubleM]]|| Nein|| Ja
|-
| [[#VIA_eBay|VIA eBay]]|| Ja|| Ja
|-
| [[#brShop24|brShop24]]|| n/a|| n/a
|-
| [[#VendoSys|VendoSys]]|| Ja|| Ja
|}
Weitere Informationen, welche Daten im- und exportiert werden können, finden Sie unter den allgemeinen Informationen der einzelnen Typen.
==VShop 3.2==
===Allgemein VShop 3.2===
{{Hinweis|Vom Büroring wird zur Zeit nur noch die [[#VShop_4.0|Version 4.0]] angeboten.}}<br />
Diese Schnittstelle unterstützt nur den Import von Shop-Bestellungen.

===Einrichtung VShop 3.2===
Diese Schnittstelle funktioniert über eine direkte Datenbankverbindung. Bestellungen werden aus Dateien importiert, welche von OBS von einem FTP-Server herunterzuladen sind. Für eine Einrichtung benötigt der Support die Zugangsdaten für den FTP-Server und die Datenbank.
===Menü VShop 3.2===
* [[#Bestellungen einlesen|U Bestellungen einlesen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* Y FTP-Protokoll
* [[#Protokoll|Z Protokoll]]

==VShop 4.0==
===Allgemein VShop 4.0===
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Bestellungen (Format OpenTRANS 1.0)|| Personen
|-
| Shop-Warengruppen|| Artikel
|-
| Kundengruppen|| Preise
|-
| || Bestellvorlagen
|}

===Einrichtung VShop 4.0===
Diese Schnittstelle funktioniert über eine direkte Datenbankverbindung. Bestellungen werden aus Dateien importiert, welche von OBS von einem FTP-Server herunterzuladen sind. Für eine Einrichtung benötigt der Support die Zugangsdaten für den FTP-Server und die Datenbank.

===Menü VShop 4.0===
* [[OBS/Internet-Shop/ShopV4/Preise_aktualisieren|A Preise aktualisieren]]
* [[OBS/Internet-Shop/ShopV4/Preislisten|B Preislisten verwalten]]
* [[OBS/Internet-Shop/ShopV4/Personen_übertragen|C Personen übertragen]]
* [[OBS/Internet-Shop/ShopV4/6.1_Artikel_übertragen|D eigene Artikel übertragen]]
* [[OBS/Internet-Shop/ShopV4/6.2_Shop-Warengruppen|E Warengruppen verwalten]]
* [[OBS/Internet-Shop/ShopV4/Personen_/_Kundengruppen|F Kundengruppen]]
* [[OBS/Internet-Shop/ShopV4/Katalogvorlagen|H Kataloge für Personen einer Auswertung übertragen]]
* [[OBS/Internet-Shop/ShopV4/Bestellvorlagen|I Bestellvorlagen übertragen]]
* [[#Bestellungen einlesen|U Bestellungen einlesen]]
* [[#leere Passworte füllen|V leere Passworte füllen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* Y FTP-Protokoll
* [[#Protokoll|Z Protokoll]]

==Alka==
===Allgemein Alka===
Diese Schnittstelle unterstützt nur den Import von Shop-Bestellungen (Format OpenTRANS 1.0).

===Einrichtung Alka===
Bestellungen werden aus Dateien importiert, welche von OBS von einem FTP-Server herunterzuladen sind. Für eine Einrichtung benötigt der Support die Zugangsdaten für den FTP-Server.
===Menü Alka===
* [[#Bestellungen einlesen|U Bestellungen einlesen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* [[#Protokoll|Z Protokoll]]

==Adveo==
===Allgemein Adveo===
Diese Schnittstelle unterstützt nur den Import von Shop-Bestellungen.
===Einrichtung Adveo===
Die Bestellungen werden aus Dateien importiert, welche Adveo per E-Mail verschickt. Für eine automatische Verarbeitung benötigt OBS ein eingerichtetes E-Mail-Konto, welches die E-Mails von Adveo empfängt.
===Menü Adveo===
* [[#Bestellungen einlesen|U Bestellungen einlesen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* [[#Protokoll|Z Protokoll]]

==modified eCommerce==
===Allgemein modified eCommerce===
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Bestellungen|| Personen
|-
| Shop-Warengruppen|| Artikel
|-
| Versandmodule|| Preise
|-
| Zahlungsmodule|| Shop-Warengruppen
|-
| Kundengruppen|| Bestellvorlagen/Merklisten
|-
| || Kataloge
|-
| || Lagerbestände
|-
| || Artikelvarianten
|}
Weitere allgemeine Hinweise zum modified eCommerce Shop finden Sie '''[[OBS/Internet-Shop/modified-eCommerce|hier]]'''.
===Einrichtung modified eCommerce===
Für die Einrichtung wird ein Webserver oder Webspace mit MySQL-Datenbank und FTP-Zugang benötigt.
===Menü modified eCommerce===
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/A_Preise_aktualisieren|A Preise aktualisieren]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/B_Preislisten_verwalten|B Preislisten verwalten]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/C_Personen_übertragen|C Personen übertragen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/E_Kategorien_verwalten|E Kategorien verwalten]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/G_Kataloge_verwalten|G Kataloge verwalten]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/I_Merkliste_übertragen|I Merkliste übertragen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/J_Verfügbarkeit_übertragen|J Verfügbarkeit übertragen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/K_Varianten_übertragen|K Varianten übertragen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/L_Artikelvarianten_übertragen|L Artikelvarianten übertragen]]
* M Referenzarten übertragen
* [[FRMSHOPLAGER|N Lagerbestände verwalten]]
* [[#Bestellungen einlesen|U Bestellungen einlesen]]
* [[#leere Passworte füllen|V leere Passworte füllen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified_eCommerce/W_Update-Informationen_zurücksetzen|W Update-Informationen zurücksetzen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* [[#Protokoll|Z Protokoll]]

===Automatiken modified eCommerce===
{| class="wikitable"
|-
! Automatik!! Erklärung
|-
| ExecShopJob|| Führt im Hintergrund die vom OBS-Benutzer bestimmten [[#Offene Shop-Jobs|Shop-Jobs]] aus. Die aktiven [[#Offene Shop-Jobs|Shop-Jobs]] lassen sich in einem [[OBS/Widgets/Offene Shop Jobs|Widget]] anzeigen.
|-
| XTCArtikelAenderungAutomatik|| Aktualisierung der Artikeldaten, wenn Änderungen vorhanden sind.
|-
| XTCShopArtikelCheck|| Prüft die gewählten Kriterien aller Shopartikel. Mögliche Kriterien sind derzeit Shopstatus (aktiv/inaktiv), Warengruppenzuordnung und Katalogzuordnung.
|-
| ShopSetPreise|| Aktualisierung der Preislisten basierend auf den im Shop verfügbaren Personen und Artikel.
|-
| ShopGetBestellungen|| Importieren neuer Shop-Bestellungen als Aufträge zur weiteren Verarbeitung im OBS.
|-
| ShopSetBestand|| Übertragen der Artikelbestände. Wenn kein [[FRMSHOPLAGER|Shop-Lager]] eingetragen ist, wird der OBS-Artikelbestand übertragen.
|}
==modified eCommerce 2.0==
===Allgemein modified eCommerce===
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Bestellungen|| Kategorien
|-
| Kategorien|| Artikel
|-
| Versandmodule|| Preise ([[OBS/Preislisten/FAQ_Preislisten|Preislisten]])
|-
| Zahlungsmodule|| Artikelmerkmale
|-
| Kundengruppen|| Artikel Cross Selling / Referenzen
|-
| Bestellstatus|| ebenfalls gekaufte Artikel
|-
| Versanddienstleister|| Lagerbestände
|-
| || Tracking-Daten
|-
| || Kataloge
|-
| || Personen
|-
| || Merkzettel
|}
Weitere allgemeine Hinweise zum modified eCommerce Shop finden Sie '''[[OBS/Internet-Shop/modified eCommerce 2.0|hier]]'''.
===Einrichtung modified eCommerce===
Für die Einrichtung wird ein Webserver oder Webspace mit MySQL-Datenbank und FTP-Zugang benötigt.
===Menü modified eCommerce===
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/A_Preise_aktualisieren|A Preise aktualisieren]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/B_Preislisten_verwalten|B Preislisten verwalten]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/C_Personen_übertragen|C Personen übertragen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/E_Kategorien_verwalten|E Kategorien verwalten]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/G_Kataloge_verwalten|G Kataloge verwalten]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/I_Merkliste_übertragen|I Merkliste übertragen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/K_Varianten_übertragen|K Varianten übertragen]]
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/modified eCommerce 2.0/L_Artikelvarianten_übertragen|L Artikelvarianten übertragen]]
* M Referenzarten übertragen
* [[FRMSHOPLAGER|N Lagerbestände verwalten]]
* [[#Bestellungen einlesen|U Bestellungen einlesen]]
* [[#leere Passworte füllen|V leere Passworte füllen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* [[#Protokoll|Z Protokoll]]

==amazon Marketplace==
siehe [[OBS/Amazon/Auftrag|Amazon]]

==individuell OpenTRANS==
===Allgemein individuell OpenTRANS===
Diese Schnittstelle unterstützt den Import von Shop-Bestellungen im Format OpenTRANS 1.0.
===Einrichtung individuell OpenTRANS===
Je nach Übertragungsart der Bestelldateien, benötigen wir entweder Zugangsdaten für einen FTP-Server oder ein E-Mail-Konto, um eine automatische Verarbeitung einrichten zu können.
===Menü individuell OpenTRANS===
* [[#Bestellungen_einlesen|U Bestellungen einlesen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* [[#Protokoll|Z Protokoll]]

==DoubleM==
===Allgemein DoubleM===
Diese Schnittstelle unterstützt den Export von folgenden Daten:
* Personen
* Artikel
* Artikelvarianten
* Warengruppen
* Preise
* Bestellvorlagen
* Tracking
===Einrichtung DoubleM===
Bedarf einer expliziten Freigabe im OBS durch den Support.
===Menü DoubleM===
* E Warengruppen verwalten
* W DoubleM-Export
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
<br />

==VIA eBay==
siehe [[OBS/Kostenpflichtige_Module/eBay-Schnittstelle_(VIA-eBay)|eBay-Schnittstelle]].
==brShop24==
{{Achtung|''Der Nachfolger des VShop 4.0 ist derzeit von Büroring in der Entwicklung. Die Umsetzung einer Schnittstelle ist bereits eingeplant und wird voraussichtlich in der zweiten Jahreshälfte 2018 beginnen.''}}

==VendoSys==
{{Achtung|Die Funktionalitäten sind noch nicht vollständig umgesetzt!}}
===Allgemein VendoSys===
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Bestellungen (Format OpenTRANS 2.1)|| Preise
|}
===Einrichtung VendoSys===
Für die Einrichtung wird ein FTP-Zugang benötigt.
===Menü VendoSys===
* [[OBS/Stammdaten/Schnittstellen/Internet-Shop/VendoSys/B_Preislisten_verwalten|B Preislisten verwalten]]
* [[#Bestellungen einlesen|U Bestellungen einlesen]]
* [[FRMSHOPEINSTELLUNGEN|X Konfiguration]]
* [[#Protokoll|Z Protokoll]]

=Shop-Schnittstellen-Verwaltung=
Als Verwaltung der Shop-Schnittstellen dient die Liste ''Internet-Shops'', welche über die Schnittstellen (unter Stammdaten) erreicht werden kann. Hier können neue Schnittstellen eingerichtet und vorhandene gelöscht, geändert oder umkonfiguriert werden. Der Umfang des Zugriffs ist jedoch vom Level des Benutzers abhängig.[[file:SchnittstellenShopListe.png|frame|Liste ''Internet-Shops'']]
==Neue Shop-Schnittstelle einrichten==
Eine neue Schnittstelle muss in der Liste Internet-Shops
Neue Schnittstellen können nur von Benutzern mit Adminrechten (Level 9) für die Shop-Schnittstellen angelegt werden. Ebenso ist eine Änderung des Typs nur für Benutzer mit Adminrechten erlaubt. Die Bezeichnung/Beschreibung der Schnittstelle kann jedoch von jedem Benutzer mit {{F6}} geändert werden.
==Shop-Schnittstelle konfigurieren==
Die Einstellungen einer Shop-Schnittstelle sind im Shop-Menü unter ''[[FRMSHOPEINSTELLUNGEN|X Konfiguration]]'' zu finden. Damit eine Schnittstelle reibungslos funktionieren kann, sind je nach Typ verschiedene Einstellungen zu setzen.
springe zu
*[[FRMSHOPEINSTELLUNGEN#Konfiguration VShop 3.2|Übersicht für VShop 3.2]]
*[[FRMSHOPEINSTELLUNGEN#Konfiguration VShop 4.0|Übersicht für VShop 4.0]]
*[[FRMSHOPEINSTELLUNGEN#Konfiguration Alka|Übersicht für Alka]]
*[[FRMSHOPEINSTELLUNGEN#Konfiguration Adveo|Übersicht für Adveo]]
*[[FRMSHOPEINSTELLUNGEN#Konfiguration modified eCommerce|Übersicht für modified eCommerce]]
*[[FRMSHOPEINSTELLUNGEN#Konfiguration amazon Marketplace|Übersicht für amazon Marketplace]]
*[[FRMSHOPEINSTELLUNGEN#Konfiguration individuell OpenTRANS|Übersicht für individuell OpenTRANS]]
*[[FRMSHOPEINSTELLUNGEN#Konfiguration DoubleM|Übersicht für DoubleM]]
=Allgemeine Menü-Funktionen=
==Bestellungen einlesen==
Über diesen Menüpunkt können Sie den Import von Shop-Bestellungen manuell ausführen. Bei erfolgreichem Import finden Sie in der [[OBS/Auftragsbearbeitung/Aufträge/Aufträge|Auftragsliste]] neue Aufträge. Diese Aufträge werden als ''Shop-Aufträge'' markiert und können so über den [[FRMEDITAUFTRAGSBEARBEITUNGFILTER|Listen-Filter]] schnell gefunden werden.<br />
{{Hinweis|Nicht alle Schnittstellen unterstützen den Import von Bestellung. Nähere Informationen finden Sie unter den Funktionsumfängen der jeweiligen Schnittstelle.}}

==leere Passworte füllen==
Dieser Menüpunkt gibt Ihnen die Möglichkeit Passwörter ([[OBS/Stammdaten/Registerkarte:_Kundenumsatz|siehe Feld Internet-Passwort im Personenstamm]]) für Ihre [[OBS/Stammdaten/Personen|Kunden]] zu generieren. Als Grundlage dient dabei eine [[OBS/AUSWERTUNG/Auswertung|Personenauswertung]]. Die Generierung der Passwörter startet, nachdem Sie die [[OBS/AUSWERTUNG/Auswertung|Personenauswertung]] ausgewählt haben.
{{Hinweis|Es werden keine vorhandenen Passwörter überschrieben!}}<br />
==Protokoll==
Über den Menüpunkt ''Z Protokoll'' des Shops-Menüs erhalten Sie Zugriff auf das Shop-Protokoll. Es werden vorrangig Hinweise zu Fehlern oder Problemen (z. B. eine Bilddatei, die nicht gefunden werden kann) bei Im- und Exporten protokolliert. Über die Konfiguration kann mit Aktivierung des Debugmodus (Schlüssel ''Shop.Debug'') eine erweiterte Protokollierung aktiviert werden.<br />
<br />
Das Shop-Menü finden Sie über das Menü ''Stammdaten'' unter ''I Schnittstellen'', '' I - Internet-Shop'' und {{F10}} auf der gewünschten Shop-Schnittstellen.<br />
<br />
{{Hinweis|Bitte prüfen Sie das Protokoll regelmäßig! Der Debugmodus ist nicht für jeden Shop-Typ verfügbar und lässt sich standardmäßig nur mit Administrationsrechten aktivieren. Um das Protokoll nicht unnötig zu füllen, sollte der Debugmodus nur aktiviert werden, wenn Datenübertragungen ohne Fehlerprotokollierung unterbrochen wird.}}

=Widgets=
==Offene Shop-Jobs==
Manche Funktionen zum Übertragen von Daten lassen sich auch im "Hintergrund", d. h. durch den OBS-Service, als sogenannte Shop-Jobs ausführen. Dies kann bei der Übertragung größerer Datenmengen hilfreich sein, da Sie so ungestört weiterarbeiten können, während der OBS-Service die Datenübertragung durchführt. Die offenen Shop-Jobs lassen sich mit dem Widget [[OBS/Widgets/Offene Shop Jobs|Offene Shop Jobs]] anzeigen/überwachen.<br />
Die derzeit möglichen Shop-Jobs sind:
{| class="wikitable"
|-
! Job!! verfügbare Schnittstellen
|-
| Preise aktualisieren|| modified eCommerce, VShop 4.0
|-
| Shop-Warengruppen hochladen|| modified eCommerce
|-
| Artikel hochladen|| modified eCommerce
|-
| Artikelcheck|| modified eCommerce
|}
=Automatische Vorgänge=
Manche Funktionalitäten der Schnittstellen können automatisiert werden. Nicht alle Schnittstellen verfügen jedoch über eine Unterstützung automatischer Vorgänge. Eine Übersicht aller Vorgänge und Erklärungen für die Einrichtung finden Sie [[OBS/Internet-Shop/Einrichtung/Automatiken|'''hier''']].

=Häufig gestellte Fragen=
Im folgenden finden Sie häufig gestellte Fragen (auch '''FAQ'''; kurz aus dem englischen für "'''frequently asked questions'''") mit allgemeinen Themen zu den Shop-Schnittstellen. Zu ein paar sehr spezifische Fragen finden Sie zudem Informationen auf den Seiten der jeweiligen Schnittstelle:
*[[OBS/Internet-Shop/ShopV4/FAQs|VShop 4.0]]
*[[OBS/Stammdaten/Schnittstellen/Internet-Shop-xtcModified/FAQs|modified eComerce 1.06]]
Sollte hier ein Punkt fehlen oder Sie finden zu Ihrer Problemstellung keine Lösung, kontaktieren Sie uns einfach über das [[OBS/System/Ticket-System|OBS Ticketsystem]].
{{Hinweis|Antworten zu Fragen werden nach Möglichkeit soweit für Schnittstellen zusammengefasst. Im Antwortbereich können Sie daher in der Regel noch zusätzlich die Schnittstelle wählen.}}

==Import Shop-Aufträge==
{{Vorlage:KlapptextFAQ
|faq_shop_auimporteinrichten
|Wie werden Bestellungen automatisch importiert?
|Dieser Punkt erklärt Ihnen, wie Sie selbst den Import für eine Schnittstelle einrichten können. Dies ist jedoch relativ allgemein gehalten. Für detaillierte Beschreibungen zu einer Schnittstelle, prüfen Sie bitte die Erklärungen auf der jeweiligen Hilfeseite zur jeweiligen Schnittstelle.
*[[Kostenpflichtige_Module/Internet-Shop/brShop24#Automatiken|Automatiken brShop24]]
<br />
<u>Allgemeine Erklärung:</u><br />
Für den Import gibt es eine [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Bestellungen_einlesen|Automatik]] für den Scheduler. Dieser wird abhängig von den Einstellungen von den OBS-Diensten ''OBS'' und ''Shop'' regelmäßig ausgeführt.<br />
<br />
In den meisten Schnittstellen wird der Import auf Dateibasis ausgefürt. Das heißt OBS schaut im Shop-Verzeichnis innerhalb der OBS-Verzeichnisstruktur nach, ob Dateien für den Import vorhanden sind und importiert diese. Die Dateien werden in der Verzeichnisstruktur von OBS unter '''..\data\shop\<Schnittstelle-Nr.>\xml''' oder '''..\data\shop\<Schnittstelle-Nr.>\txt''' erwartet. Falls Sie sich nicht sicher sind, können Sie das Verzeichnis mit der dreistelligen Schnittstellennummer prüfen. Aktuell gibt es nur ''xml'' oder ''txt'' aber niemals beide Verzeichnisse gleichzeitig.<br />
{{Hinweis|Die Angabe '''<Schnittstelle-Nr.>''' im Pfad muss mit der dreistelligen Nummer aus der Liste der Shop-Schnittstellen (Menü: Stammdaten -> I Schnittstellen -> I Internet-Shop) ersetzt werden.}}<br />
Dann wäre noch zu klären, wie die Dateien überhaupt in das Verzeichnis kommen. Abhängig vom Shop-System werden die Dateien in der Regel per E-Mail oder FTP bzw. SFTP zur Verfügung gestellt. Fragen Sie bei Bedarf Ihren Shop-Anbieter, wie Sie die Dateien bekommen (können).
{{Vorlage:KlapptextFAQ
|abholung_ftp
|Abholung per FTP
|Für die Einrichtung benötigen Sie mindestens die Host-URL oder IP des FTP-Servers sowie Benutzername und Passwort. Wie Sie einen FTP-Job einrichten erfahren Sie auf unserer Wiki-Seite [[OBS/Zusatzprogramme/FTP_Jobliste|''FTP Jobliste'']].<br />
{{Hinweis|Abhängig von der Einrichtung sollte in ''Source-File'' mit einer Maske gearbeitet werden. Bei OpenTRANS-Dateien werden gerne die Typen im Namen verwendet, z. B. Bei Auftragsdateien die englische Bezeichnung ''order''. Die Dateien erhalten dann oftmals eine laufende Nummer oder eine Zeitstempel für einen eindeutigen Namen. Als Beispiel für eine OpenTRANS-Datei könnten wir also den Namen ''order-12345678.xml annehmen. Als Maske sollte in ''Source-File'' dann ''order-*.xml'' eingetragen werden. Das Sternchen ist dabei ein Platzhalter für beliebige Zeichen.}}
}}
{{Vorlage:KlapptextFAQ
|abholung_email
|Abholung per E-Mail
|Für den Empfang von Dateien per E-Mail muss das Konto im OBS eingerichtet sein und eine Filter-Regel für das Speichern des Anhangs in einem Verzeichnis ("Anhang speichern unter") eingerichtet werden.
*[[OBS/Stammdaten/Weitere_Stammdaten/E-Mail_Konten|Einrichten eines E-Mail-Kontos]]
*[[OBS/Stammdaten/E-Mail/Regeln|Filter-Regel einrichten]]
}}

}}

{{Vorlage:KlapptextFAQ
|faq_shop_artikelnichtgefunden
|Warum kann ein Artikel nicht gefunden werden?
|{{Vorlage:Klapptext|kopf=<u>modified eCommerce</u>|inhalt=
In den modified-Schnittstellen gilt Shop-Artikelnummer gleich OBS-Artikelnummer. Sollte eine Artikelnummer nicht mehr gefunden werden können, dann wurde diese entweder im Shop manuell geändert oder der Artikel im OBS gelöscht.
}}
{{Vorlage:Klapptext|kopf=<u>andere</u>|inhalt=
Für alle anderen Schnittstellen gilt bei der Zuordnung der Artikel in den Auftragspositionen folgende Priorität:
#[[OBS/Stammdaten/Personen#C1_-_Personenbezogene_Artikel|personenbezogene Artikelnummern]] (Kundennummer muss hierfür gesetzt sein)
#[[OBS/Weitere_Stammdaten/F10_EK_Lieferanten_für_Artikel|Bestellnummer]] per [[OBS/Stammdaten/Schnittstellen/Internet-Shop/Konfiguration/VShop_4.0#Shop.Lagerlieferant.1|Shop-Lagerlieferanten]]; höchste Prio (Shop.Lagerlieferant.1 > Shop.Lagerlieferant.5) gewinnt
#OBS-Artikelnummer
#alternative OBS-Artikelnummer
Kann eine Artikelnummer aus dem Shop über keinen der vier Wege zugeordnet werden, so wird die übermittelte Artikelbezeichnung in die Positionsbezeichnung 1 übernommen. In Positionsbezeichnung 2 wird "Artikel-Nr. nicht gefunden!" mit der übermittelten Artikelnummer eingetragen.
}}
}}

{{Vorlage:KlapptextFAQ
|faq_shop_preisefalsch
|Warum sind die Preise nach dem Import nicht korrekt im Auftrag?
|Zunächst ist hierfür interessant, welches System die Priorität bei der Bestimmung des Preises hat. Dies wird in der Schnittstelle selbst mit der Einstellung '''Import.AU.Pos.Preis.Prioritaet''' festgelegt. Die Einstellung finden Sie für jede Shop-Schnittstelle im Shop-Menü unter ''X Konfiguration''.<br />
[[image:Faq_shop_preisprio.png]]
{{Hinweis|Beachten Sie bei mehreren Schnittstelle, auf welcher Schnittstelle (1) Sie sich befinden, wenn Sie mit {{F10}} das Menü öffnen. Zu welcher Schnittstelle ein geöffnetes Menü gehört können Sie in der Überschrift des Fensters (2) sehen.}}
{{Vorlage:Klapptext|kopf=<u>Shop hat Preispriorität (Import.AU.Pos.Preis.Prioritaet = J)</u>|inhalt=
Der Preis wird aus der Datei übernommen. Ist der Preis im Auftrag nicht korrekt, so sollte geprüft werden, was vom Shop übermittelt wurde. Die Dateien finden Sie im Shop-Verzeichnis in der OBS-Struktur. Unter ..\data\shop\ befinden sich für jede Schnittstelle ein eigener Ordner mit der Schnittstellennummer. In den Ordner gibt es ein Archiv-Verzeichnis (z. B. xml_archiv). In den darin enthaltenen Zip-Archiven werden die Dateien abgelegt.
}}
{{Vorlage:Klapptext|kopf=<u>OBS hat Preispriorität (Import.AU.Pos.Preis.Prioritaet = N)</u>|inhalt=
Hat OBS die Preispriorität, so führt OBS beim Import eine Preisfindung aus, um den aktuellen Preis für den Kunden zu bestimmen. Hier ist ihr verwendetes Preissystem spannend, denn für das Preissystem ''Preislisten'' gilt, dass nur Preislisten in der Preisfindung beachtet werden, die auch für die jeweilige Schnittstelle freigegeben sind. Das Standard-Preissystem hat diese Möglichkeit der Einschränkung nicht.<br />
<br />
Ob eine Preisliste für eine Shop-Schnittstelle freigegeben ist, finden Sie über die Preislistenverwaltung heraus. Zunächst muss die Preisliste selbst in Gültigkeit (Eingabemaske unter Datum Von/Bis) den Wert ''Shop'' vorweisen. Standardmäßig ist für Preislisten ''Shop & Kasse & WaWi'' bei der Anlage vorbelegt. In den weiteren Einstellungen der Liste ({{F10}}) finden Sie den Punkt ''S3 Preislisten für Shop(s) freigeben''. Wenn Sie diesen Punkt auswählen öffnet sich eine kleines Auswahlfenster mit allen Shop-Schnittstellen. Am Häkchen lässt sich erkennen, ob eine Preisliste einer Schnittstelle zugeordnet ist (Häkchen vorhanden) oder nicht (Häkchen fehlt). Hier können Sie auch entsprechend Häkchen setzen und/oder entfernen. Mit {{F2}} speichern Sie dann die Einstellungen. In den meisten Fällen von falschen Preisen beim Auftragsimport mit Preisfindung ist die fehlende Zuordnung das Problem. Mit dem Preissystem ''Preislisten'' ist nämlich die Preisliste auch für Staffelpreise ausschlaggebend. Ohne eine Preisliste fällt OBS auf den Einzelpreis des Artikels im Artikelstamm zurück. Es wird keine weitere Preisfindung über den Artikelstamm und dort definierten staffelpreisen oder hinterlegten Ek-Lieferanteninformationen ausgeführt.
}}
}}

=Nützliches=
Im folgenden finden Sie einige nützliche Informationen zum Thema Web-Shop.
==Änderungen Online-Recht==
Im folgenden finden Sie Informationen zu Änderungen im Online-Recht. Sollten Sie einen Web-Shop betreiben, raten wir Ihnen sich regelmäßig über anstehende Änderungen zu infomieren, um rechtzeitig nötige Änderungen vornehmen zu können. Andernfalls drohen möglicherweise kostspielige Abmahnungen. Aktuelle Informationen finden Sie im Internet auf diversen Seiten.<br />
Linksammlung:
*[https://www.it-recht-kanzlei.de/ it-recht-kanzlei.de]
*[http://shopbetreiber-blog.de/ shopbetreiber-blog.de]
{{Hinweis|Sie werden hier keine Ausführlichen Informationen finden. Entsprechende Quellen werden verlinkt.}}
{{Achtung|Der Online-Handel birgt im Vergleich zum normalen Einzelhandel einige Tücken. Um hier bei Fragen auf der sicheren Seite zu sein, sollten Sie Kontakt mit einem Anwalt suchen. Die Firma Ernst Bergau GmbH bietet '''keine''' Rechtsberatung an!}}
===Datenschutzgrundverordnung (DSGVO)===
[[Datei:IT-KANZ_Logo_2015.png|thumb|[https://www.it-recht-kanzlei.de/faq-datenschutz-grundverordnung-e-commerce.html IT-Recht Kanzlei]]]
Ab dem 25.05.2018 ist die neue Datenschutzgrundverordnung (kurz DSGVO) bindend. Dabei handelt es sich um eine Verordnung der Europäischen Union, um Regeln für die Verarbeitung personenbezogener Daten durch Unternehmen in der EU zu vereinheitlichen. EU-weit soll so der Schutz personenbezogener Daten gewährleistet werden. Die neue Verordnung löst eine alte Verordnung aus dem Jahr 1995 ab. Informationen zur neuen Verordnung finden Sie unter [https://dsgvo-gesetz.de/ dsgvo-gesetz.de].

Eine Übersicht der wichtigsten und gängigsten Fragen im Zusammenhang mit den neuen datenschutzrechtlichen Regelungen finden Sie auf der Seite der [https://www.it-recht-kanzlei.de/faq-datenschutz-grundverordnung-e-commerce.html IT-Recht Kanzlei].<br />
Inhalt:
*Muss ich meine Datenschutzerklärung ändern?
*Was leistet die künftige Datenschutzerklärung der IT-Recht Kanzlei?
*Welche Vorgaben der Datenschutz-Grundverordnung sind zusätzlich zur Datenschutzerklärung zu erfüllen?
*Können Kontaktformulare zukünftig weiter genutzt werden?
*Können in Zukunft weiterhin Cookies eingesetzt werden?
*Können Social-Plugins in Zukunft weiter verwendet werden?
*Was ist zu beachten, wenn Sie Einwilligungen (z.B. für den Newsletterversand) einholen möchten?
*Bleiben alte Einwilligungen wirksam?
*Können Daten in Drittländer (= außerhalb der EU) übermittelt werden?
*Brauchen Online-Händler einen Datenschutzbeauftragten?
*Was versteht man unter den sog. "Betroffenenrechten“?
*Können künftig Bonitätsprüfungen durchgeführt werden?
*Was gilt im Falle einer Zuwiderhandlung gegen die datenschutzrechtlichen Vorschriften der DSGVO?

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T12:50:11Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24

2024-02-08T11:53:35Z

Prakti: /* Erklärungen/Funktionen */

{{Kostenpflichtige Module}}
{{Aktuelles|Die Schnittstelle brShop24 wird 60 Euro monatlich kosten.}}
Der brShop24 wird von der Genossenschaft [https://www.bueroring.de Büroring eG] entwickelt und angeboten. Diese ECommerce-Lösung soll langfristig den bisher angebotenen VShop 4 Pro ablösen. Für die Anbindung an den brShop24 steht Ihnen eine Schnittstelle basierend auf [https://de.wikipedia.org/wiki/GraphQL GraphQL] zur Verfügung.
{{Achtung|Für die Preisübertragung wird das kostenpflichtige Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] vorausgesetzt!}}
{{Achtung|Die Schnittstellen für VShop 4 Pro und brShop24 sind nicht kompatibel! Sollten Sie sich also für eine Umstellung Ihres VShop 4 Pro auf das neue System brShop24 entscheiden, so muss dies im OBS ebenfalls umgestellt werden!<br/>Siehe auch die Punkte [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]] und [[#faq_brshop24_allg_parallelbetrieb|FAQ Parallelbetrieb]].}}
=Funktionsumfang=
{{Achtung|Die hier aufgeführten Funktionen sind unter Vorbehalt in der aktuellen Version von OBS enthalten, da sich die Funktionalitäten in API und OBS noch ändern können.}}
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Auftragsimport (OpenTRANS 1.0)|| Preislisten
|-
| Depots + Partner|| Kundengruppen
|-
| Anreden|| Ansprechpartner (Benutzer und Personen)
|-
| Kundentypen|| Kostenstellen
|-
| Kundenqualifikation|| Adressen (Personenstamm)
|-
| Job-Informationen (Ergebnis/Protokoll Preispflege)|| Shopping-Listen (Meistgekaufte Artikel/Top-Artikel)
|-
| Kundengruppen (Migration)||
|-
| Benutzer (Migration)||
|-
| Kostenstellen (Migration)||
|}
{{Hinweis|Zu Beginn wird es nur Bestelldateien im Format OpenTRANS 1.0 geben. Das neuere Format 2.1 ist aber bereits eingeplant und soll zu einem späteren Zeitpunkt folgen.}}
==Vergleich zur Schnittstelle VShop 4==
Stand: 13.10.2022
{| class="wikitable"
!|
|'''VShop 4'''
|'''brShop24'''
|-
|'''Bestellungen importieren'''
|ja
|ja
|-
|'''Kundendaten abfragen'''
|ja ("Kunde vorhanden?")
|ja ("Kunde vorhanden?" und Migration)
|-
|'''Kundendaten übertragen'''
|ja
|ja
|-
|style="padding-left: 100px"|(Kunden-)Gruppe
|Aus Personennummer (Hauptperson)
|eigene Verwaltung
|-
|style="padding-left: 100px"|Benutzerkonto
|aus Person und Ansprechpartner
|aus Ansprechpartner
|-
|style="padding-left: 100px"|Kostenstellen
|nur als Kostenstelle (mit Budget)
|Kostenstelle (noch ohne Budget; fehlt im Shop bisher) und Versandadresse
|-
|style="padding-left: 100px"|Shopping-Listen
|ja
|ja
|-
|style="padding-left: 100px"|Adressen/Adressbuch
|nein (nur Standardadresse im Benutzerkonto)
|ja
|-
|style="padding-left: 100px"|Anreden
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundentyp
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundenqualifikation
|nein
|Import (Definition/Zuordnung)
|-
|'''Artikelvorlage setzen'''
|ja
|nein
|-
|'''Preise übertragen'''
|ja
|ja (nur Preislisten)
|-
|'''Lager'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Partner'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Warengruppen/Kategorien'''
|Import (Definition/Zuordnung)
|nein
|-
|'''Artikel'''
|ja
|ja
|-
|style="padding-left: 100px"|übertragen
|ja
|ja
|-
|style="padding-left: 100px"|Abgleich (eigene Artikel)
|ja
|nein
|-
|'''Sterne'''
|ja
|nein
|-
|'''monatliche Kosten'''
|20 Euro
|60 Euro
|}
{{Hinweis|Für eine Beschreibung der einzelnen Funktionen siehe [[#Erklärungen/Funktionen|Erklärungen/Funktionen]].}}

==Bekannte Probleme==
{{Hinweis|Die hier aufgeführten Probleme sollen einen Überblick zum Stand einzelner Funktionen geben, sollten Sie sich dazu entscheiden mit der Schnittstelle zu arbeiten.}}
{{Achtung|Bei den letzten Tests kam es zu einem Fehler innerhalb der API, durch den die übermittelten Daten nicht korrekt verarbeitet wurden. Der Fehler trat an verschiedenen Stellen auf und konnte nicht reproduziert werden. Aktuell ist dies unter Beobachtung seitens Büroring. Von OBS aus können Sie aktuell die Datenübertragung nur ein zweites Mal ausführen, bis eine Lösung für das Problem gefunden wurde. Bei Preislisten hatte das Problem jedoch noch die Auswirkung, dass die Preislisten danach doppelt vorhanden war (siehe "doppelte Preislisten bei Fehler in Preislistenupdate").}}
===Import Bestellungen===
*;eindeutige Identifikation von Artikeln
:Nach aktuellem Stand wird nur der aktuelle Katalog von Büroring eingespielt. Sollten jedoch auch von anderen Lieferanten Artikel im Shop verkauft werden, kann es bei den Artikelnummern zu "doppelten" Artikeln kommen. Derzeit fehlt noch die Möglichkeit dies beim Import unterscheiden zu können.
*;fehlende Kostenstellen
:In der Auftragsdatei werden nach aktuellem Stand keine Kostenstellen geliefert. Somit kann OBS diese bei der Auftragsgenerierung hinterlegen.<br />''Die Kostenstellen werden nach Informationen von Büroring jetzt in die openTRANS-Order übernommen (Stand 25.02.2021).''
*;Anzeige in FTP-Eingang
:Bei aktivierter Anzeige von importierten Bestellungen im FTP-Eingang, wird bisher in der Spalte ''Typ'' nichts angezeigt.<br />''Behoben mit Version 003663 (Info 005482).''

===Personendaten===
*;Export Kostenstellen Budgets
:Die Budgetverwaltung wurde bisher noch nicht im brShop24 umgesetzt und steht daher auch in der API noch nicht zur Verfügung.
*;Anzeige Webshop-Einstellungen
:Die Anzeige des Kundenstatus funktioniert aktuell nur, wenn die Kundennummer auch in einer Kundengruppe steht.<br />''Behoben mit Version 003591 (Info 005378).''
*;Übertragung Adressen
:Die Adressen werden nicht angelegt, weil der Typ mit einem ungültigen Wert an die API übergeben wird.<br />''Behoben mit Version 003587 (Info 005365).''
*;Zuordnung Adressen Kundengruppe
:Adressen werden bei Übertragung auch in der Kundengruppe zugeordnet, obwohl es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600.''
*;Zuordnung Adressen Benutzer
:Im Benutzer wird eine übertragene Adresse nicht zugeordnet.<br />''Behoben mit Version 003665 (Info 005483).''
*;Einfügen neuer Kundengruppen
:Die Datensätze werden im OBS nicht korrekt angelegt und können daher nicht exportiert werden.<br />''Behoben mit Version 003594 (Infos 005375 und 005393).''
*;Adressen aus Kostenstellen
:Werden bisher nicht übertragen.<br />''Behoben mit Version 003606 (Info 005398). Adressen aus Kostenstellen werden jetzt als Versandadressen hinterlegt''
*;Zuordnung Kostenstellen
:Kostenstellen werden bei Übertragung auch in der Kundengruppe zugeordnet, wenn es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600. Kostenstellen werden bei Systemgruppen nicht mehr exportiert. Benutzer erhalten einen Hinweis bei Export der Personendaten aus den Webshop-Einstellungen und werden gefragt, ob die Personedaten trotzdem exportiert werden sollen.''
*;Im Shop ist der Adresstyp vertauscht
:Adressen die eigentlich "Postanschrift" haben sollten, bekommen "Postfach Anschrift" und umgekehrt.<br />''Behoben mit Version 003684 (Info 005494).''
*;Benutzer ist immer Admin
:Die Funktionalität über Eigenschaft 9011 wurde noch nicht übernommen aus der VShop-Schnittstelle übernommen, da sie dort problembehaftet ist. Die Fehlerhafte Übertragung in dieser Schnittstelle wurde somit vorerst vollständig entfernt.<br />''Behoben mit Version 003735 (Info 005548).''
*;Benutzer wird nicht angelegt
:Während des Exports kommt es zu einem Abbruch im OBS und der Export wird nicht vollständig ausgeführt.<br />''Behoben mit Version 004061 (Info 005911).''

===Preise/Preislisten===
*;Keine Aktualisierung für Kunden mit Kundennummer im Benutzer
:Preislisten werden nicht erkannt, wenn die Kundennummer nur im Benutzer vorkommt.<br />''Behoben mit Version 003592 (Info 005384).''
*;doppelte Preislisten bei Fehler in Preislistenupdate
:Tritt in der Aktualisierung der Preislistenkopfdaten ein Fehler auf, so wird die Preisliste ein weitere Mal angelegt.<br />''Behoben mit Version 003630 (Info 005452).''
*;Keine Aktualisierung der Kopfdaten
:Wurden im OBS Änderungen an den Kopfdaten (Name, Prio, Gültigkeitszeitraum) vorgenommen, konnte es passieren, dass diese nicht in den Shop übertragen wurden.<br />''Behoben mit Version 003703 (Info 005515).''
*;Preise löschen verlängert die Laufzeit der Preispflege
:Beim Löschen von Preisen könnte es vorkommen, dass sich die zu löschenden Datensätze nicht korrekt aus der Liste genommen wurden, auch wenn der Datensatz aus dem Shop entfernt wurde. Dadurch versucht OBS diese Datensätze bei jedem folgenden Durchlauf der Preispflege zu löschen, was fehlschlägt, da die Datensätze ja schon gelöscht sind.<br />''Behoben voraussichtlich mit Version 003833 (Info 005664).''
*;Preise werden nicht bei allen Preislisten aktualisiert
:Eine Prüfung war fehlerhaft und konnte die Aktualisierung der Preise für eine Preisliste verhindern.<br />''Behoben mit Version 003911 (Info 005733).''
*;Preislisten, welche über Preisgruppen einem Kunden zugeordnet sind, werden im Shop nicht in Kundengruppen und Benutzern hinterlegt
:An einer Stelle in der Abfrage der Zuordnungen sind die Nummern für Preisgruppe und Preisliste vertauscht. Der Fehler betrifft eigene Preislisten, welche über Preisgruppen zugeordnet sind. Für die Standard-Preislisten VK1 bis VK9 kommt es nicht zu diesem Fehler, da hier die Nummern identisch sind.<br />''Behoben mit Version 003959 (Info 005785).''
*;Zuordnungen von Preislisten sind fehlerhaft
:Unter bestimmten Umständen (Löschen ganzer Preislisten oder Kunde ohne verbleibende Preisliste) kann es im OBS zu einem Problem mit der Verwaltung der Zuordnungen im Shop kommen. Zuordnungen können dabei erhalten bleiben oder werden nicht angelegt.<br />''Behoben mit Version 004012 (Info 005847).''

===Bestellvorlagen/Shoppinglisten===
*;Anzeige im Shop
:Nach aktuellem Stand können die Bestellvorlagen, die es auch schon für den VShop 4 exportiert werden konnten, in den brShop24 übertragen werden. Die Anzeige im Frontend (Ansicht für den Kunden) ist jedoch noch nicht umgesetzt. Sie können aktuell nur über den Admibereich prüfen, ob die Bestellvorlagen im Shop angekommen sind.<br />''Im Frontend werden die Listen jetzt angezeigt (Stand: 09.11.2021).''
*;Generierung Shoppinglisten
:Durch einen Fehler in der Erkennung des Brüroring Zentrallagers konnte die falsche Lager-ID gezogen werden. Dadurch wurden die Artikel nicht korrekt identifiziert und die Shoppinglisten wurden nicht generiert.<br />''Behoben vorraussichtlich mit Version 003815 (Info 005654).''
*;Zuordnung Shoppinglisten
:In der Übertragung wurden Shoppinglisten nicht in Benutzern zugeordnet. Dadurch sehen insbesondere bei allgemeinen Kundengruppen (z. B. registrierte Kunden) Benutzer die von OBS für eine Kundennummer erstellten und übertragenen Shoppinglisten nicht.<br />''Behoben mit Version 003832 (Info 005663).''

===Migration===
*;Auswahl eines vorhandenen Ansprechpartner für Zuordnung zu einem Shop-Benutzer schlägt fehlt
:Die Auswahl verhält sich als würde keine Datensatz ausgewählt werden und setzt daher die Zuordnung nicht.<br />''Behoben mit Version 004012 (Info 005845).''
*;Aus einem Benutzerkonto kann kein Ansprechpartner angelegt werden
:Es kann bei der Übernahme der Daten zu einem SQL-Fehler im OBS kommen, welcher die Anlage der Daten verhindert.<br />''Behoben mit Version 004012 (Info 005844).''

=Kosten=
*;Einrichtung
:Sie können die Schnittstelle vom OBS-Support einrichten lassen oder dies selbst erledigen. Informationen zu den nötigen Daten/Angaben für eine Einrichtung finden Sie im nächsten Punkt [[#Installation.2FEinrichtung|Installation/Einrichtung]].<br />Wenn Sie eine Einrichtung durch den OBS-Support wünschen, wird dies '''einmalig nach Aufwand''' abgerechnet.
*;Nutzung Schnittstelle
:Für den Einsatz wird pro aktiver brShop24-Schnittstelle '''monatlich 60 Euro''' berechnet.

=Installation/Einrichtung=
Für die Einrichtung werden Angaben zur API-Anbindung und FTP-Zugangsdaten für die Abholung der Auftragsdateien benötigt. Außerdem muss OBS für die Preispflege auf das kostenpflichtige [[OBS/Kostenpflichtige_Module/Preislisten|OBS-Modul Preislisten]] umgestellt worden sein.
<br />
Für eine genaue Auflistung der benötigten Informationen und eine Beschreibung der Einrichtung lesen Sie bitte die Seite zur [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|<u>Einrichtung einer brShop24-Schnittstelle</u>]].

=Mit der Schnittstelle Starten=
==Daten migrieren==
Sofern Sie in der Vergangenheit einen VShop 4 verwendet haben und die Daten vom Büroring in den neuen brShop24 migriert wurden, empfehlen wir nach Abschluss der Einrichtung eine [[Kostenpflichtige_Module/Internet-Shop/brShop24/Migration|Datenmigration im OBS]] durchzuführen (siehe auch [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]]). Dabei werden die vom VShop 4 migrierten Kundendaten aus dem Shop ausgelesen und in OBS importiert. OBS versucht die importierten Daten anschließend mit den Stammdaten zu verknüpfen und erstellt für die Kunden die Webshop-Einstellungen und gibt die Ansprechpartner frei.<br />
Nach den Kundengruppen und Benutzern werden die Kostenstellen eingelesen und versucht den Einträgen im OBS zuzuordnen. Der Anzeigename (Shop) einer Kostenstelle muss dabei mit der Bezeichnung der Kostenstelle übereinstimmen und innerhalb der Kundengruppe eindeutig sein.
{{Achtung|Die Zuordnung läuft automatisiert und kann einige Minuten in Anspruch nehmen! Sollte der Vorgang abbrechen, können Sie die Migration erneut starten. Die Zuordnung erfolgt nur für Daten, die eindeutig identifiziert werden konnten!}}
<br />
Außerdem werden die Preislisten aus den im Shop vorhandenen Preislisten ermittelt und für die Schnittstelle freigegeben. Die Preislisten werden stattdessen nach erfolgreicher Zuordnung im Shop geleert und neu befüllt. So sind die Preisdaten auch gleich auf dem aktuellen Stand und für die spätere Aktualisierung sind die Daten im OBS entsprechend vorbereitet.
{{Achtung|Es findet '''keine''' Verknüpfung mit den Preisdaten im OBS statt, da der vollständige Abgleich aller einzelnen Preisdaten zu lange dauern würde!}}

==Datenhoheit==
Es gibt einige spezifische Daten im Shop, die von OBS nicht angefasst werden (dürfen). Das betrifft z. B. die Standard-Kundengruppen des brShop24. Für OBS-Daten hat jedoch OBS die Datenhoheit. Im Shop können Sie dies an den verfügbaren Funktionen (Bild 1) erkennen. Die von OBS gepflegten Daten werden über die API (Bild 2) angelegt und haben bei den Funktionen statt dem Stift-Symbol (Daten bearbeiten) nur ein Auge-Symbol (Daten ansehen).
<gallery widths="200px">
File:Br24_admin_datenoptionen.jpg|Bild 1: Funktionen|alt=Funktionen
File:Br24_admin_letzte_aend.jpg|Bild 2: Letzte Änderung|alt=letzte Änderung
</gallery>

=Umstellung/Migration VShop 4=
Nach aktuellem Stand wird für Kunden mit VShop 4 vom Büroring eine Migration des bestehenden VShop 4 auf den neuen brShop24 durchgeführt. Dabei soll auch gewählt werden können, welche Daten bei der Migration übernommen werden. Wie dies genau aussieht, müssen Sie jedoch mit dem Büroring klären. Es gibt jedoch auch einige Punkte, die Sie bei der Migration für die Umstellung im OBS bedenken müssen.
*;Neue API
:Im Unterschied zum VShop 4 läuft die Schnittstelle zum brShop24 über eine API. OBS dies bringt ein paar Einschränkungen für die migrierten Daten mit sich. Es ist OBS nicht möglich die Daten wiederzufinden, die von OBS zuvor in den VShop 4 übertragen wurden. Wie sich dies auf die Pflege von Daten auswirkt, muss noch in Erfahrung gebracht werden, da im Testsystem keine migrierten Daten zur Verfügung stehen.
*;Besonderheit Preisdaten
:OBS arbeitet in Schnittstelle über eine sogenannte API-ID, also eine Identifikationsnnummer speziell für die neue API. OBS kann nur Preisdaten verändern, die auch über die API in den Shop übertragen wurden. Wir empfehlen daher die Preisdaten möglichst über OBS zu pflegen und nicht migrieren zu lassen.
*;Schnittstelle im OBS
:Die Schnittstelle muss im OBS freigeschaltet und eingerichtet werden (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Dies kann bereits vor der Migration geschehen. Bedenken Sie jedoch, dass die Aufträge erst importiert werden können, nachdem die Schnittstelle eingerichtet wurde. Gebe Sie uns also rechtzeitig Bescheid, damit wir die Schnittstelle freigeben können. Die Einrichtung kann auf Wunsch von uns kostenpflichtig übernommen werden.{{Hinweis|Die Freischaltung der Schnittstelle hat auch eine Anpassung des Vertrags zur Folge. Bitte beachten Sie, dass die Schnittstelle brShop24 mit 60 Euro statt 20 Euro berechnet wird.}}
*;Modul Preislisten
:Für den brShop24 wird das Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] für die Pflege von Preisen über die Schnittstelle vorrausgesetzt. Sollten Sie dieses Modul noch nicht nutzen, so müsste dies zuvor eingerichtet werden, wenn Sie Preise aus OBS in den Shop übertragen möchten. Die Einrichtung des Moduls kann mehrere Stunden in Anspruch nehmen. Wir empfehlen die Umstellung vor der Migration durchzuführen, da dies die Arbeitsweise mit Artikelpreisen verändert. Eine Schulung wird ebenfalls empfohlen.
*;Migration Freigaben OBS VShop 4 nach brShop24 (siehe [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]])
:Über das Shop-Menü können Kundengruppen und Benutzer mit dem OBS-Personenstamm abgeglichen werden. Im Personenstamm werden dann für gefundene Datensätze Webshop-Einstelungen angelegt. Ansprechpartnern, welchen ein Benutzer eindeutig zugeordnet werden konnten, erhalten die Eigenschaft 9013 und die Zuordnung zur Schnittstelle. Sollte die eindeutige Zuordnung ohne Benutzername erfolgt sein, so wird auch der Benutzername im Ansprechpartner hinterlegt. Außerdem werden die Preislisten mit dem Shop abgeglichen, freigegeben und übertragen.{{Hinweis|Es ist nicht möglich die Passwörter auszulesen. Diese können also nicht im Ansprechpartner hinterlegt werden. Sollten Sie zu einem späteren Zeitpunkt die den Benutzer im Shop aktualisieren wollen, müssten diesen zuvor ein Passwort gegeben werden, sollte noch keines vorhanden sein.}}{{Achtung|Damit die Migration auch die Kundendaten verknüpfen kann, muss diese Funktionalität im Shop freigeschaltet sein. Wenden Sie sich hierzu an den Support des Büroring.}}
==Ablauf einer Umstellung==
Für gewöhnlich richtet Büroring zunächst einen Shop zu Testzwecken ein. Sie erhalten danach die API-Daten, mit denen die Schnittstelle eingerichtet werden kann (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Sie können jetzt die Schnittstelle testen und wenn Fragen oder Probleme geklärt sind, dem Büroring die Freigabe für den Live-Betrieb erteilen. Der Shop wird daraufhin zurückgesetzt. Dies muss im OBS ebenfalls passieren. Informieren Sie dazu den Support per Ticket oder E-Mail (siehe dazu auch [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung#Vorwort|Vorwort Einrichtung]]).

=Menü=

{{Vorlage:KlapptextFAQ
|menu_b
|B Preislisten verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Preislisten_verwalten|Preislistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_f
|F Kundengruppen
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_i
|I Bestellvorlagen verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoplistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_m
|M Migration
|Startet die [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]] der Daten. Dabei werden die aktuellen Kudnendaten (Gruppen und Benutzer) eingelesen und im Personestamm, sofern automatisiert möglich, Webshop-Einstellungen angelegt und Ansprechpartner zugeordnet.
}}

{{Vorlage:KlapptextFAQ
|menu_t
|T Jobinformationen
|Die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]] sind ein Protokoll des Shops für die Preispflege-Jobs. Diese werden beim Exportieren der Preise angelegt. Über diesen Menüpunkt können Sie die bisherigen Job-Protokolle einsehen. Beim Einlesen der Jobinformationen werden aufgetretene Fehler verarbeitet.
}}

{{Vorlage:KlapptextFAQ
|menu_u
|U Bestellungen einlesen
|Liest die vorhanden Bestelldateien aus dem Shop-Verzeichnis ein. Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Bestellungen_einlesen|Automatiken: Bestellungen einlesen]].
}}

{{Vorlage:KlapptextFAQ
|menu_w
|W Definitionen importieren
|Über diesen Menüpunkt können Sie alle für OBS-Relevanten Definitionen zur Vorbereitung der Datenexporte importieren. Dies umfasst aktuell folgende Definitionen:
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|Depots/Lager mit Partner]]
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|Anreden]]
*Kundentypen (u. a. B2B, B2C)
*Kundenqualifikation (u. a. neuer Kunden, Stammkunde)
Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Definitionen_importieren|Automatiken: Definitionen importieren]].
{{Hinweis|Diese Definitionen spielen an verschiedenen Stellen eine wichtige Rolle. Sollten Sie die Definitionen noch nicht importiert und vor einem Datenexport zugeordnet haben, funktionert entweder der Datenexport nicht oder es werden Standardwerte verwendet.}}
}}

{{Vorlage:KlapptextFAQ
|menu_x
|X Konfiguration
|Öffnet die [[OBS/Stammdaten/Schnittstellen/Internet-Shop/Konfiguration|Konfiguration]] der Schnittstellen. Hier können die Einstellungen der Schnittstelle angepasst werden.{{Hinweis|Um Anpassungen vorzunehmen wird für die meisten Einstellungen ein Level von 3 oder 5 benötigt. Es ist möglich dieses Level anzupassen, auch kann ein Benutzer für die Schnittstelle ein abweichendes Benutzerlevel erhalten. Melden Sie sich bei Bedarf per [[OBS/System/Ticket-System|OBS Ticketsystem]] beim OBS-Support.}}
}}

{{Vorlage:KlapptextFAQ
|menu_y
|Y Testumgebung
|Öffnet eine Testumgebung, um die Anbindung zu testen.
}}

{{Vorlage:KlapptextFAQ
|menu_z
|Z Protokoll
|Über den Menüpunkt ''Z Protokoll'' des Shops-Menüs erhalten Sie Zugriff auf das Shop-Protokoll. Es werden vorrangig Hinweise zu Fehlern oder Problemen bei Im- und Exporten protokolliert. Über die Konfiguration kann mit Aktivierung des Debugmodus (Schlüssel ''Shop.Debug'') eine erweiterte Protokollierung aktiviert werden. Dafür benötigt ein Benutzer jedoch Administrationsrechte (Level 9) für die Schnittstelle.
}}

=Zuordnungen=
Zuordnungen von Stammdaten wie Lieferanten und Mengeneinheiten nehmen Sie über den Shop-Menüpunkt ''X Konfiguration'' vor. In der Kofigurationsliste gelangen Sie über {{Key|F8 Zuord}} ins Zuordnungsmenü.<br />
<br />
Aktuelle Menüpunkte:
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|A Anreden]]
:Liste für im Shop definierte Anreden. Hier können Sie die OBS-Anreden mit den Shop-Anreden verknüpfen. Relevant für den Export von Personen. Ohne Zuordnung werden Personen ohne Anrede exportiert.
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Einheiten#brShop24|E Einheiten]]
:Liste für im Shop definierte Mengeneinheiten. Ordenen Sie hier die im OBS verwendeten Mengeneinheiten zu. {{Hinweis|Relevant für eigene Artikel. Ist eine verwendete OBS-Mengeneinheit nicht zugeordnet, so wird beim Export die Einheit "ST" (Stück) für den jeweiligen Artikel verwendet.}}
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|L Lager und Lagerlieferanten]]
:Definierte Depots und Partner des Shops. Partnern können Sie einem OBS-Lieferanten zuordnen und die Lager entsprechend auf Pflege Büroring oder als eigene Artikel definieren. Relevant für den Export von Preisen, Shoppinglisten (Bestellvorlagen) und eigene Artikel.
*;[[Kostenpflichtige_Module/Internet-Shop/Zusatz/Artikeltausch|T Artikeltausch]]
:Greift beim Auftragsimport. Austauschen bestimmter Referenznummern gegen einen festgeschrieben Artikel z. B. für Pauschalen.

=Erklärungen/Funktionen=
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppen verwalten]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Personen_übertragen|Kunden übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen|Preise übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Eigene_Artikel_übertragen|eigene Artikel übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoppinglisten übertragen (z. B. Bestellvorlagen)]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]]
*[[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]]
*[[Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink|PDF-Druck Artikellink]]

=Häufig gestellte Fragen (FAQ)=
==Daten Allgemein==
{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_datennichtangezeigt
|Ich habe Daten aus OBS übertragen, diese werden jedoch nicht angezeigt?
|Je nach Art der Daten gelten verschiedene Voraussetzungen. Prüfen Sie daher, ob die Voraussetzungen gegeben sind oder bereits der Export scheitert. Entsprechende Hinweise finden Sie in den Hilfetexten zum jeweiligen Datenexport oder im Protokoll.<br /><br />Sind die Daten im Shop angelegt dort jedoch z. B. über den Adminbereich gelöscht worden, so können die Daten dort wiederhergestellt werden. Prüfen Sie daher auch, ob dies auf die Daten zutrifft.<br />Dazu sei noch angemerkt, dass es im brShop24 zwei Varianten zum Löschen von Daten gibt:
#Soft-Delete<br />d.h. ein Datensatz kann mit einem Löschkennzeichen markiert werden, so dass dieser zur Not auch wieder hergestellt werden kann (ähnlich dem Papierkorb unter Windows). Dies wird so z. B. im Adminbereich angewendet.
#Hard-Delete<br />d.h. der Datensatz wird auch physikalisch vom Datenträger gelöscht, ist somit aus dem System entfernt und kann nicht wieder hergestellt werden. Dies gilt für die API.
}}

{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_apisuperadmin
|Kann ich die Datensätze aus der API im Adminbereich ändern/editieren?
|Standardmäßig wird eine Bearbeitung von Datensätzen, welche per API gepflegt werden, im Shop gesperrt. Sie haben jedoch die Möglichkeit die Bearbeitung in Ihrem Adminbenutzer freizugeben. Die Administratoren finden Sie im Menü des Adminbereichs unter ''Administration'' im Unterpunkt ''Administratoren''. Suchen Sie in der Liste Ihren Benutzer (Benutzername steht oben rechts) und öffnen Sie die Eingabemaske. Im Reiter ''Einstellungen'' setzen Sie dann as Häkchen bei ''API Super-Administrator?''.
{{Hinweis|Da es Daten/Felder gibt, welche OBS nicht über die API pflegen kann. Kann es durchaus sinnvoll sein, dies zu aktivieren. Dies betrifft z. B. Berechtigungen für Kundengruppen wie die Sortimentsfreigabe.}}
}}

==Preise/Preislisten==
Siehe [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Häufig_gestellt_Fragen_(FAQ)|FAQ Preisexport brShop24]].

==Import Auftragsdateien (OpenTRANS)==
{{Vorlage:KlapptextFAQ
|faq_brshop24_imp_auftrag
|Warum wird die Kostenstelle nicht übernommen?
|Die Referenz auf die Kostenestelle muss in der Auftragsdatei im Element COST_CATEGORY_ID enthalten sein. OBS erwartet hier die vollständige Bezeichnung der [[OBS/Stammdaten/Personen#B2_-_Kostenstellen|Kostenstelle]]. Ist die Kostenstelle in der Auftragsdatei nicht enthalten oder die Referenz stimmt mit keiner Kostenstelle überein, so wird im Import keine Kostenstelle übernommen.
}}

==Migration VShop4==
{{Vorlage:KlapptextFAQ
|faq_brshop24_allg_parallelbetrieb
|Können im OBS brShop24 und VShop4 parallel betrieben werden?
|Ja, es ist mögliche beide Shops im OBS zu verwalten. OBS ist in der Lage mehrere Schnittstellen, auch des gleichen Typs, zu verwalten. Die Schnittstellen arbeiten unabhängig voneinander. Nach unseren Informationen ist ein Parallelbetrieb seitens Büroring jedoch nicht gewünscht, da die Daten des VShop 4 nachträglich nicht oder nur mit deutlich größerem Aufwand in den brShop24 migriert werden könnten. Eventuell gehen Ihnen hier also Daten verloren, wenn der VShop4 abgeschaltet wird. Der brShop24 würde nach der Migration also Ihren aktuellen VShop 4 ersetzen. Bei Fragen zu dem Thema wenden Sie sich bitte an den Support des Büroring.
}}

Kostenpflichtige Module/Internet-Shop/brShop24

2024-02-08T11:52:58Z

Prakti: /* Erklärungen/Funktionen */

{{Kostenpflichtige Module}}
{{Aktuelles|Die Schnittstelle brShop24 wird 60 Euro monatlich kosten.}}
Der brShop24 wird von der Genossenschaft [https://www.bueroring.de Büroring eG] entwickelt und angeboten. Diese ECommerce-Lösung soll langfristig den bisher angebotenen VShop 4 Pro ablösen. Für die Anbindung an den brShop24 steht Ihnen eine Schnittstelle basierend auf [https://de.wikipedia.org/wiki/GraphQL GraphQL] zur Verfügung.
{{Achtung|Für die Preisübertragung wird das kostenpflichtige Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] vorausgesetzt!}}
{{Achtung|Die Schnittstellen für VShop 4 Pro und brShop24 sind nicht kompatibel! Sollten Sie sich also für eine Umstellung Ihres VShop 4 Pro auf das neue System brShop24 entscheiden, so muss dies im OBS ebenfalls umgestellt werden!<br/>Siehe auch die Punkte [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]] und [[#faq_brshop24_allg_parallelbetrieb|FAQ Parallelbetrieb]].}}
=Funktionsumfang=
{{Achtung|Die hier aufgeführten Funktionen sind unter Vorbehalt in der aktuellen Version von OBS enthalten, da sich die Funktionalitäten in API und OBS noch ändern können.}}
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Auftragsimport (OpenTRANS 1.0)|| Preislisten
|-
| Depots + Partner|| Kundengruppen
|-
| Anreden|| Ansprechpartner (Benutzer und Personen)
|-
| Kundentypen|| Kostenstellen
|-
| Kundenqualifikation|| Adressen (Personenstamm)
|-
| Job-Informationen (Ergebnis/Protokoll Preispflege)|| Shopping-Listen (Meistgekaufte Artikel/Top-Artikel)
|-
| Kundengruppen (Migration)||
|-
| Benutzer (Migration)||
|-
| Kostenstellen (Migration)||
|}
{{Hinweis|Zu Beginn wird es nur Bestelldateien im Format OpenTRANS 1.0 geben. Das neuere Format 2.1 ist aber bereits eingeplant und soll zu einem späteren Zeitpunkt folgen.}}
==Vergleich zur Schnittstelle VShop 4==
Stand: 13.10.2022
{| class="wikitable"
!|
|'''VShop 4'''
|'''brShop24'''
|-
|'''Bestellungen importieren'''
|ja
|ja
|-
|'''Kundendaten abfragen'''
|ja ("Kunde vorhanden?")
|ja ("Kunde vorhanden?" und Migration)
|-
|'''Kundendaten übertragen'''
|ja
|ja
|-
|style="padding-left: 100px"|(Kunden-)Gruppe
|Aus Personennummer (Hauptperson)
|eigene Verwaltung
|-
|style="padding-left: 100px"|Benutzerkonto
|aus Person und Ansprechpartner
|aus Ansprechpartner
|-
|style="padding-left: 100px"|Kostenstellen
|nur als Kostenstelle (mit Budget)
|Kostenstelle (noch ohne Budget; fehlt im Shop bisher) und Versandadresse
|-
|style="padding-left: 100px"|Shopping-Listen
|ja
|ja
|-
|style="padding-left: 100px"|Adressen/Adressbuch
|nein (nur Standardadresse im Benutzerkonto)
|ja
|-
|style="padding-left: 100px"|Anreden
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundentyp
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundenqualifikation
|nein
|Import (Definition/Zuordnung)
|-
|'''Artikelvorlage setzen'''
|ja
|nein
|-
|'''Preise übertragen'''
|ja
|ja (nur Preislisten)
|-
|'''Lager'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Partner'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Warengruppen/Kategorien'''
|Import (Definition/Zuordnung)
|nein
|-
|'''Artikel'''
|ja
|ja
|-
|style="padding-left: 100px"|übertragen
|ja
|ja
|-
|style="padding-left: 100px"|Abgleich (eigene Artikel)
|ja
|nein
|-
|'''Sterne'''
|ja
|nein
|-
|'''monatliche Kosten'''
|20 Euro
|60 Euro
|}
{{Hinweis|Für eine Beschreibung der einzelnen Funktionen siehe [[#Erklärungen/Funktionen|Erklärungen/Funktionen]].}}

==Bekannte Probleme==
{{Hinweis|Die hier aufgeführten Probleme sollen einen Überblick zum Stand einzelner Funktionen geben, sollten Sie sich dazu entscheiden mit der Schnittstelle zu arbeiten.}}
{{Achtung|Bei den letzten Tests kam es zu einem Fehler innerhalb der API, durch den die übermittelten Daten nicht korrekt verarbeitet wurden. Der Fehler trat an verschiedenen Stellen auf und konnte nicht reproduziert werden. Aktuell ist dies unter Beobachtung seitens Büroring. Von OBS aus können Sie aktuell die Datenübertragung nur ein zweites Mal ausführen, bis eine Lösung für das Problem gefunden wurde. Bei Preislisten hatte das Problem jedoch noch die Auswirkung, dass die Preislisten danach doppelt vorhanden war (siehe "doppelte Preislisten bei Fehler in Preislistenupdate").}}
===Import Bestellungen===
*;eindeutige Identifikation von Artikeln
:Nach aktuellem Stand wird nur der aktuelle Katalog von Büroring eingespielt. Sollten jedoch auch von anderen Lieferanten Artikel im Shop verkauft werden, kann es bei den Artikelnummern zu "doppelten" Artikeln kommen. Derzeit fehlt noch die Möglichkeit dies beim Import unterscheiden zu können.
*;fehlende Kostenstellen
:In der Auftragsdatei werden nach aktuellem Stand keine Kostenstellen geliefert. Somit kann OBS diese bei der Auftragsgenerierung hinterlegen.<br />''Die Kostenstellen werden nach Informationen von Büroring jetzt in die openTRANS-Order übernommen (Stand 25.02.2021).''
*;Anzeige in FTP-Eingang
:Bei aktivierter Anzeige von importierten Bestellungen im FTP-Eingang, wird bisher in der Spalte ''Typ'' nichts angezeigt.<br />''Behoben mit Version 003663 (Info 005482).''

===Personendaten===
*;Export Kostenstellen Budgets
:Die Budgetverwaltung wurde bisher noch nicht im brShop24 umgesetzt und steht daher auch in der API noch nicht zur Verfügung.
*;Anzeige Webshop-Einstellungen
:Die Anzeige des Kundenstatus funktioniert aktuell nur, wenn die Kundennummer auch in einer Kundengruppe steht.<br />''Behoben mit Version 003591 (Info 005378).''
*;Übertragung Adressen
:Die Adressen werden nicht angelegt, weil der Typ mit einem ungültigen Wert an die API übergeben wird.<br />''Behoben mit Version 003587 (Info 005365).''
*;Zuordnung Adressen Kundengruppe
:Adressen werden bei Übertragung auch in der Kundengruppe zugeordnet, obwohl es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600.''
*;Zuordnung Adressen Benutzer
:Im Benutzer wird eine übertragene Adresse nicht zugeordnet.<br />''Behoben mit Version 003665 (Info 005483).''
*;Einfügen neuer Kundengruppen
:Die Datensätze werden im OBS nicht korrekt angelegt und können daher nicht exportiert werden.<br />''Behoben mit Version 003594 (Infos 005375 und 005393).''
*;Adressen aus Kostenstellen
:Werden bisher nicht übertragen.<br />''Behoben mit Version 003606 (Info 005398). Adressen aus Kostenstellen werden jetzt als Versandadressen hinterlegt''
*;Zuordnung Kostenstellen
:Kostenstellen werden bei Übertragung auch in der Kundengruppe zugeordnet, wenn es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600. Kostenstellen werden bei Systemgruppen nicht mehr exportiert. Benutzer erhalten einen Hinweis bei Export der Personendaten aus den Webshop-Einstellungen und werden gefragt, ob die Personedaten trotzdem exportiert werden sollen.''
*;Im Shop ist der Adresstyp vertauscht
:Adressen die eigentlich "Postanschrift" haben sollten, bekommen "Postfach Anschrift" und umgekehrt.<br />''Behoben mit Version 003684 (Info 005494).''
*;Benutzer ist immer Admin
:Die Funktionalität über Eigenschaft 9011 wurde noch nicht übernommen aus der VShop-Schnittstelle übernommen, da sie dort problembehaftet ist. Die Fehlerhafte Übertragung in dieser Schnittstelle wurde somit vorerst vollständig entfernt.<br />''Behoben mit Version 003735 (Info 005548).''
*;Benutzer wird nicht angelegt
:Während des Exports kommt es zu einem Abbruch im OBS und der Export wird nicht vollständig ausgeführt.<br />''Behoben mit Version 004061 (Info 005911).''

===Preise/Preislisten===
*;Keine Aktualisierung für Kunden mit Kundennummer im Benutzer
:Preislisten werden nicht erkannt, wenn die Kundennummer nur im Benutzer vorkommt.<br />''Behoben mit Version 003592 (Info 005384).''
*;doppelte Preislisten bei Fehler in Preislistenupdate
:Tritt in der Aktualisierung der Preislistenkopfdaten ein Fehler auf, so wird die Preisliste ein weitere Mal angelegt.<br />''Behoben mit Version 003630 (Info 005452).''
*;Keine Aktualisierung der Kopfdaten
:Wurden im OBS Änderungen an den Kopfdaten (Name, Prio, Gültigkeitszeitraum) vorgenommen, konnte es passieren, dass diese nicht in den Shop übertragen wurden.<br />''Behoben mit Version 003703 (Info 005515).''
*;Preise löschen verlängert die Laufzeit der Preispflege
:Beim Löschen von Preisen könnte es vorkommen, dass sich die zu löschenden Datensätze nicht korrekt aus der Liste genommen wurden, auch wenn der Datensatz aus dem Shop entfernt wurde. Dadurch versucht OBS diese Datensätze bei jedem folgenden Durchlauf der Preispflege zu löschen, was fehlschlägt, da die Datensätze ja schon gelöscht sind.<br />''Behoben voraussichtlich mit Version 003833 (Info 005664).''
*;Preise werden nicht bei allen Preislisten aktualisiert
:Eine Prüfung war fehlerhaft und konnte die Aktualisierung der Preise für eine Preisliste verhindern.<br />''Behoben mit Version 003911 (Info 005733).''
*;Preislisten, welche über Preisgruppen einem Kunden zugeordnet sind, werden im Shop nicht in Kundengruppen und Benutzern hinterlegt
:An einer Stelle in der Abfrage der Zuordnungen sind die Nummern für Preisgruppe und Preisliste vertauscht. Der Fehler betrifft eigene Preislisten, welche über Preisgruppen zugeordnet sind. Für die Standard-Preislisten VK1 bis VK9 kommt es nicht zu diesem Fehler, da hier die Nummern identisch sind.<br />''Behoben mit Version 003959 (Info 005785).''
*;Zuordnungen von Preislisten sind fehlerhaft
:Unter bestimmten Umständen (Löschen ganzer Preislisten oder Kunde ohne verbleibende Preisliste) kann es im OBS zu einem Problem mit der Verwaltung der Zuordnungen im Shop kommen. Zuordnungen können dabei erhalten bleiben oder werden nicht angelegt.<br />''Behoben mit Version 004012 (Info 005847).''

===Bestellvorlagen/Shoppinglisten===
*;Anzeige im Shop
:Nach aktuellem Stand können die Bestellvorlagen, die es auch schon für den VShop 4 exportiert werden konnten, in den brShop24 übertragen werden. Die Anzeige im Frontend (Ansicht für den Kunden) ist jedoch noch nicht umgesetzt. Sie können aktuell nur über den Admibereich prüfen, ob die Bestellvorlagen im Shop angekommen sind.<br />''Im Frontend werden die Listen jetzt angezeigt (Stand: 09.11.2021).''
*;Generierung Shoppinglisten
:Durch einen Fehler in der Erkennung des Brüroring Zentrallagers konnte die falsche Lager-ID gezogen werden. Dadurch wurden die Artikel nicht korrekt identifiziert und die Shoppinglisten wurden nicht generiert.<br />''Behoben vorraussichtlich mit Version 003815 (Info 005654).''
*;Zuordnung Shoppinglisten
:In der Übertragung wurden Shoppinglisten nicht in Benutzern zugeordnet. Dadurch sehen insbesondere bei allgemeinen Kundengruppen (z. B. registrierte Kunden) Benutzer die von OBS für eine Kundennummer erstellten und übertragenen Shoppinglisten nicht.<br />''Behoben mit Version 003832 (Info 005663).''

===Migration===
*;Auswahl eines vorhandenen Ansprechpartner für Zuordnung zu einem Shop-Benutzer schlägt fehlt
:Die Auswahl verhält sich als würde keine Datensatz ausgewählt werden und setzt daher die Zuordnung nicht.<br />''Behoben mit Version 004012 (Info 005845).''
*;Aus einem Benutzerkonto kann kein Ansprechpartner angelegt werden
:Es kann bei der Übernahme der Daten zu einem SQL-Fehler im OBS kommen, welcher die Anlage der Daten verhindert.<br />''Behoben mit Version 004012 (Info 005844).''

=Kosten=
*;Einrichtung
:Sie können die Schnittstelle vom OBS-Support einrichten lassen oder dies selbst erledigen. Informationen zu den nötigen Daten/Angaben für eine Einrichtung finden Sie im nächsten Punkt [[#Installation.2FEinrichtung|Installation/Einrichtung]].<br />Wenn Sie eine Einrichtung durch den OBS-Support wünschen, wird dies '''einmalig nach Aufwand''' abgerechnet.
*;Nutzung Schnittstelle
:Für den Einsatz wird pro aktiver brShop24-Schnittstelle '''monatlich 60 Euro''' berechnet.

=Installation/Einrichtung=
Für die Einrichtung werden Angaben zur API-Anbindung und FTP-Zugangsdaten für die Abholung der Auftragsdateien benötigt. Außerdem muss OBS für die Preispflege auf das kostenpflichtige [[OBS/Kostenpflichtige_Module/Preislisten|OBS-Modul Preislisten]] umgestellt worden sein.
<br />
Für eine genaue Auflistung der benötigten Informationen und eine Beschreibung der Einrichtung lesen Sie bitte die Seite zur [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|<u>Einrichtung einer brShop24-Schnittstelle</u>]].

=Mit der Schnittstelle Starten=
==Daten migrieren==
Sofern Sie in der Vergangenheit einen VShop 4 verwendet haben und die Daten vom Büroring in den neuen brShop24 migriert wurden, empfehlen wir nach Abschluss der Einrichtung eine [[Kostenpflichtige_Module/Internet-Shop/brShop24/Migration|Datenmigration im OBS]] durchzuführen (siehe auch [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]]). Dabei werden die vom VShop 4 migrierten Kundendaten aus dem Shop ausgelesen und in OBS importiert. OBS versucht die importierten Daten anschließend mit den Stammdaten zu verknüpfen und erstellt für die Kunden die Webshop-Einstellungen und gibt die Ansprechpartner frei.<br />
Nach den Kundengruppen und Benutzern werden die Kostenstellen eingelesen und versucht den Einträgen im OBS zuzuordnen. Der Anzeigename (Shop) einer Kostenstelle muss dabei mit der Bezeichnung der Kostenstelle übereinstimmen und innerhalb der Kundengruppe eindeutig sein.
{{Achtung|Die Zuordnung läuft automatisiert und kann einige Minuten in Anspruch nehmen! Sollte der Vorgang abbrechen, können Sie die Migration erneut starten. Die Zuordnung erfolgt nur für Daten, die eindeutig identifiziert werden konnten!}}
<br />
Außerdem werden die Preislisten aus den im Shop vorhandenen Preislisten ermittelt und für die Schnittstelle freigegeben. Die Preislisten werden stattdessen nach erfolgreicher Zuordnung im Shop geleert und neu befüllt. So sind die Preisdaten auch gleich auf dem aktuellen Stand und für die spätere Aktualisierung sind die Daten im OBS entsprechend vorbereitet.
{{Achtung|Es findet '''keine''' Verknüpfung mit den Preisdaten im OBS statt, da der vollständige Abgleich aller einzelnen Preisdaten zu lange dauern würde!}}

==Datenhoheit==
Es gibt einige spezifische Daten im Shop, die von OBS nicht angefasst werden (dürfen). Das betrifft z. B. die Standard-Kundengruppen des brShop24. Für OBS-Daten hat jedoch OBS die Datenhoheit. Im Shop können Sie dies an den verfügbaren Funktionen (Bild 1) erkennen. Die von OBS gepflegten Daten werden über die API (Bild 2) angelegt und haben bei den Funktionen statt dem Stift-Symbol (Daten bearbeiten) nur ein Auge-Symbol (Daten ansehen).
<gallery widths="200px">
File:Br24_admin_datenoptionen.jpg|Bild 1: Funktionen|alt=Funktionen
File:Br24_admin_letzte_aend.jpg|Bild 2: Letzte Änderung|alt=letzte Änderung
</gallery>

=Umstellung/Migration VShop 4=
Nach aktuellem Stand wird für Kunden mit VShop 4 vom Büroring eine Migration des bestehenden VShop 4 auf den neuen brShop24 durchgeführt. Dabei soll auch gewählt werden können, welche Daten bei der Migration übernommen werden. Wie dies genau aussieht, müssen Sie jedoch mit dem Büroring klären. Es gibt jedoch auch einige Punkte, die Sie bei der Migration für die Umstellung im OBS bedenken müssen.
*;Neue API
:Im Unterschied zum VShop 4 läuft die Schnittstelle zum brShop24 über eine API. OBS dies bringt ein paar Einschränkungen für die migrierten Daten mit sich. Es ist OBS nicht möglich die Daten wiederzufinden, die von OBS zuvor in den VShop 4 übertragen wurden. Wie sich dies auf die Pflege von Daten auswirkt, muss noch in Erfahrung gebracht werden, da im Testsystem keine migrierten Daten zur Verfügung stehen.
*;Besonderheit Preisdaten
:OBS arbeitet in Schnittstelle über eine sogenannte API-ID, also eine Identifikationsnnummer speziell für die neue API. OBS kann nur Preisdaten verändern, die auch über die API in den Shop übertragen wurden. Wir empfehlen daher die Preisdaten möglichst über OBS zu pflegen und nicht migrieren zu lassen.
*;Schnittstelle im OBS
:Die Schnittstelle muss im OBS freigeschaltet und eingerichtet werden (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Dies kann bereits vor der Migration geschehen. Bedenken Sie jedoch, dass die Aufträge erst importiert werden können, nachdem die Schnittstelle eingerichtet wurde. Gebe Sie uns also rechtzeitig Bescheid, damit wir die Schnittstelle freigeben können. Die Einrichtung kann auf Wunsch von uns kostenpflichtig übernommen werden.{{Hinweis|Die Freischaltung der Schnittstelle hat auch eine Anpassung des Vertrags zur Folge. Bitte beachten Sie, dass die Schnittstelle brShop24 mit 60 Euro statt 20 Euro berechnet wird.}}
*;Modul Preislisten
:Für den brShop24 wird das Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] für die Pflege von Preisen über die Schnittstelle vorrausgesetzt. Sollten Sie dieses Modul noch nicht nutzen, so müsste dies zuvor eingerichtet werden, wenn Sie Preise aus OBS in den Shop übertragen möchten. Die Einrichtung des Moduls kann mehrere Stunden in Anspruch nehmen. Wir empfehlen die Umstellung vor der Migration durchzuführen, da dies die Arbeitsweise mit Artikelpreisen verändert. Eine Schulung wird ebenfalls empfohlen.
*;Migration Freigaben OBS VShop 4 nach brShop24 (siehe [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]])
:Über das Shop-Menü können Kundengruppen und Benutzer mit dem OBS-Personenstamm abgeglichen werden. Im Personenstamm werden dann für gefundene Datensätze Webshop-Einstelungen angelegt. Ansprechpartnern, welchen ein Benutzer eindeutig zugeordnet werden konnten, erhalten die Eigenschaft 9013 und die Zuordnung zur Schnittstelle. Sollte die eindeutige Zuordnung ohne Benutzername erfolgt sein, so wird auch der Benutzername im Ansprechpartner hinterlegt. Außerdem werden die Preislisten mit dem Shop abgeglichen, freigegeben und übertragen.{{Hinweis|Es ist nicht möglich die Passwörter auszulesen. Diese können also nicht im Ansprechpartner hinterlegt werden. Sollten Sie zu einem späteren Zeitpunkt die den Benutzer im Shop aktualisieren wollen, müssten diesen zuvor ein Passwort gegeben werden, sollte noch keines vorhanden sein.}}{{Achtung|Damit die Migration auch die Kundendaten verknüpfen kann, muss diese Funktionalität im Shop freigeschaltet sein. Wenden Sie sich hierzu an den Support des Büroring.}}
==Ablauf einer Umstellung==
Für gewöhnlich richtet Büroring zunächst einen Shop zu Testzwecken ein. Sie erhalten danach die API-Daten, mit denen die Schnittstelle eingerichtet werden kann (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Sie können jetzt die Schnittstelle testen und wenn Fragen oder Probleme geklärt sind, dem Büroring die Freigabe für den Live-Betrieb erteilen. Der Shop wird daraufhin zurückgesetzt. Dies muss im OBS ebenfalls passieren. Informieren Sie dazu den Support per Ticket oder E-Mail (siehe dazu auch [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung#Vorwort|Vorwort Einrichtung]]).

=Menü=

{{Vorlage:KlapptextFAQ
|menu_b
|B Preislisten verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Preislisten_verwalten|Preislistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_f
|F Kundengruppen
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_i
|I Bestellvorlagen verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoplistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_m
|M Migration
|Startet die [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]] der Daten. Dabei werden die aktuellen Kudnendaten (Gruppen und Benutzer) eingelesen und im Personestamm, sofern automatisiert möglich, Webshop-Einstellungen angelegt und Ansprechpartner zugeordnet.
}}

{{Vorlage:KlapptextFAQ
|menu_t
|T Jobinformationen
|Die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]] sind ein Protokoll des Shops für die Preispflege-Jobs. Diese werden beim Exportieren der Preise angelegt. Über diesen Menüpunkt können Sie die bisherigen Job-Protokolle einsehen. Beim Einlesen der Jobinformationen werden aufgetretene Fehler verarbeitet.
}}

{{Vorlage:KlapptextFAQ
|menu_u
|U Bestellungen einlesen
|Liest die vorhanden Bestelldateien aus dem Shop-Verzeichnis ein. Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Bestellungen_einlesen|Automatiken: Bestellungen einlesen]].
}}

{{Vorlage:KlapptextFAQ
|menu_w
|W Definitionen importieren
|Über diesen Menüpunkt können Sie alle für OBS-Relevanten Definitionen zur Vorbereitung der Datenexporte importieren. Dies umfasst aktuell folgende Definitionen:
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|Depots/Lager mit Partner]]
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|Anreden]]
*Kundentypen (u. a. B2B, B2C)
*Kundenqualifikation (u. a. neuer Kunden, Stammkunde)
Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Definitionen_importieren|Automatiken: Definitionen importieren]].
{{Hinweis|Diese Definitionen spielen an verschiedenen Stellen eine wichtige Rolle. Sollten Sie die Definitionen noch nicht importiert und vor einem Datenexport zugeordnet haben, funktionert entweder der Datenexport nicht oder es werden Standardwerte verwendet.}}
}}

{{Vorlage:KlapptextFAQ
|menu_x
|X Konfiguration
|Öffnet die [[OBS/Stammdaten/Schnittstellen/Internet-Shop/Konfiguration|Konfiguration]] der Schnittstellen. Hier können die Einstellungen der Schnittstelle angepasst werden.{{Hinweis|Um Anpassungen vorzunehmen wird für die meisten Einstellungen ein Level von 3 oder 5 benötigt. Es ist möglich dieses Level anzupassen, auch kann ein Benutzer für die Schnittstelle ein abweichendes Benutzerlevel erhalten. Melden Sie sich bei Bedarf per [[OBS/System/Ticket-System|OBS Ticketsystem]] beim OBS-Support.}}
}}

{{Vorlage:KlapptextFAQ
|menu_y
|Y Testumgebung
|Öffnet eine Testumgebung, um die Anbindung zu testen.
}}

{{Vorlage:KlapptextFAQ
|menu_z
|Z Protokoll
|Über den Menüpunkt ''Z Protokoll'' des Shops-Menüs erhalten Sie Zugriff auf das Shop-Protokoll. Es werden vorrangig Hinweise zu Fehlern oder Problemen bei Im- und Exporten protokolliert. Über die Konfiguration kann mit Aktivierung des Debugmodus (Schlüssel ''Shop.Debug'') eine erweiterte Protokollierung aktiviert werden. Dafür benötigt ein Benutzer jedoch Administrationsrechte (Level 9) für die Schnittstelle.
}}

=Zuordnungen=
Zuordnungen von Stammdaten wie Lieferanten und Mengeneinheiten nehmen Sie über den Shop-Menüpunkt ''X Konfiguration'' vor. In der Kofigurationsliste gelangen Sie über {{Key|F8 Zuord}} ins Zuordnungsmenü.<br />
<br />
Aktuelle Menüpunkte:
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|A Anreden]]
:Liste für im Shop definierte Anreden. Hier können Sie die OBS-Anreden mit den Shop-Anreden verknüpfen. Relevant für den Export von Personen. Ohne Zuordnung werden Personen ohne Anrede exportiert.
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Einheiten#brShop24|E Einheiten]]
:Liste für im Shop definierte Mengeneinheiten. Ordenen Sie hier die im OBS verwendeten Mengeneinheiten zu. {{Hinweis|Relevant für eigene Artikel. Ist eine verwendete OBS-Mengeneinheit nicht zugeordnet, so wird beim Export die Einheit "ST" (Stück) für den jeweiligen Artikel verwendet.}}
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|L Lager und Lagerlieferanten]]
:Definierte Depots und Partner des Shops. Partnern können Sie einem OBS-Lieferanten zuordnen und die Lager entsprechend auf Pflege Büroring oder als eigene Artikel definieren. Relevant für den Export von Preisen, Shoppinglisten (Bestellvorlagen) und eigene Artikel.
*;[[Kostenpflichtige_Module/Internet-Shop/Zusatz/Artikeltausch|T Artikeltausch]]
:Greift beim Auftragsimport. Austauschen bestimmter Referenznummern gegen einen festgeschrieben Artikel z. B. für Pauschalen.

=Erklärungen/Funktionen=
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppen verwalten]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Personen_übertragen|Kunden übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen|Preise übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Eigene_Artikel_übertragen|eigene Artikel übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoppinglisten übertragen (z. B. Bestellvorlagen)]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]]
*[[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]]

=Häufig gestellte Fragen (FAQ)=
==Daten Allgemein==
{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_datennichtangezeigt
|Ich habe Daten aus OBS übertragen, diese werden jedoch nicht angezeigt?
|Je nach Art der Daten gelten verschiedene Voraussetzungen. Prüfen Sie daher, ob die Voraussetzungen gegeben sind oder bereits der Export scheitert. Entsprechende Hinweise finden Sie in den Hilfetexten zum jeweiligen Datenexport oder im Protokoll.<br /><br />Sind die Daten im Shop angelegt dort jedoch z. B. über den Adminbereich gelöscht worden, so können die Daten dort wiederhergestellt werden. Prüfen Sie daher auch, ob dies auf die Daten zutrifft.<br />Dazu sei noch angemerkt, dass es im brShop24 zwei Varianten zum Löschen von Daten gibt:
#Soft-Delete<br />d.h. ein Datensatz kann mit einem Löschkennzeichen markiert werden, so dass dieser zur Not auch wieder hergestellt werden kann (ähnlich dem Papierkorb unter Windows). Dies wird so z. B. im Adminbereich angewendet.
#Hard-Delete<br />d.h. der Datensatz wird auch physikalisch vom Datenträger gelöscht, ist somit aus dem System entfernt und kann nicht wieder hergestellt werden. Dies gilt für die API.
}}

{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_apisuperadmin
|Kann ich die Datensätze aus der API im Adminbereich ändern/editieren?
|Standardmäßig wird eine Bearbeitung von Datensätzen, welche per API gepflegt werden, im Shop gesperrt. Sie haben jedoch die Möglichkeit die Bearbeitung in Ihrem Adminbenutzer freizugeben. Die Administratoren finden Sie im Menü des Adminbereichs unter ''Administration'' im Unterpunkt ''Administratoren''. Suchen Sie in der Liste Ihren Benutzer (Benutzername steht oben rechts) und öffnen Sie die Eingabemaske. Im Reiter ''Einstellungen'' setzen Sie dann as Häkchen bei ''API Super-Administrator?''.
{{Hinweis|Da es Daten/Felder gibt, welche OBS nicht über die API pflegen kann. Kann es durchaus sinnvoll sein, dies zu aktivieren. Dies betrifft z. B. Berechtigungen für Kundengruppen wie die Sortimentsfreigabe.}}
}}

==Preise/Preislisten==
Siehe [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Häufig_gestellt_Fragen_(FAQ)|FAQ Preisexport brShop24]].

==Import Auftragsdateien (OpenTRANS)==
{{Vorlage:KlapptextFAQ
|faq_brshop24_imp_auftrag
|Warum wird die Kostenstelle nicht übernommen?
|Die Referenz auf die Kostenestelle muss in der Auftragsdatei im Element COST_CATEGORY_ID enthalten sein. OBS erwartet hier die vollständige Bezeichnung der [[OBS/Stammdaten/Personen#B2_-_Kostenstellen|Kostenstelle]]. Ist die Kostenstelle in der Auftragsdatei nicht enthalten oder die Referenz stimmt mit keiner Kostenstelle überein, so wird im Import keine Kostenstelle übernommen.
}}

==Migration VShop4==
{{Vorlage:KlapptextFAQ
|faq_brshop24_allg_parallelbetrieb
|Können im OBS brShop24 und VShop4 parallel betrieben werden?
|Ja, es ist mögliche beide Shops im OBS zu verwalten. OBS ist in der Lage mehrere Schnittstellen, auch des gleichen Typs, zu verwalten. Die Schnittstellen arbeiten unabhängig voneinander. Nach unseren Informationen ist ein Parallelbetrieb seitens Büroring jedoch nicht gewünscht, da die Daten des VShop 4 nachträglich nicht oder nur mit deutlich größerem Aufwand in den brShop24 migriert werden könnten. Eventuell gehen Ihnen hier also Daten verloren, wenn der VShop4 abgeschaltet wird. Der brShop24 würde nach der Migration also Ihren aktuellen VShop 4 ersetzen. Bei Fragen zu dem Thema wenden Sie sich bitte an den Support des Büroring.
}}

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T11:48:57Z

Prakti: Die Seite wurde geleert.

Kostenpflichtige Module/Internet-Shop/brShop24/PDF-Druck Artikellink

2024-02-08T11:48:36Z

Prakti: Die Seite wurde neu angelegt: „Erklärung PDF-Druck Artikellink“

Erklärung PDF-Druck Artikellink

Kostenpflichtige Module/Internet-Shop/brShop24

2024-02-08T11:47:36Z

Prakti:

Kostenpflichtige Module/Internet-Shop/brShop24

2024-02-08T11:25:33Z

Prakti: /* Erklärungen/Funktionen */

{{Kostenpflichtige Module}}
{{Aktuelles|Die Schnittstelle brShop24 wird 60 Euro monatlich kosten.}}
Der brShop24 wird von der Genossenschaft [https://www.bueroring.de Büroring eG] entwickelt und angeboten. Diese ECommerce-Lösung soll langfristig den bisher angebotenen VShop 4 Pro ablösen. Für die Anbindung an den brShop24 steht Ihnen eine Schnittstelle basierend auf [https://de.wikipedia.org/wiki/GraphQL GraphQL] zur Verfügung.
{{Achtung|Für die Preisübertragung wird das kostenpflichtige Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] vorausgesetzt!}}
{{Achtung|Die Schnittstellen für VShop 4 Pro und brShop24 sind nicht kompatibel! Sollten Sie sich also für eine Umstellung Ihres VShop 4 Pro auf das neue System brShop24 entscheiden, so muss dies im OBS ebenfalls umgestellt werden!<br/>Siehe auch die Punkte [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]] und [[#faq_brshop24_allg_parallelbetrieb|FAQ Parallelbetrieb]].}}
=Funktionsumfang=
{{Achtung|Die hier aufgeführten Funktionen sind unter Vorbehalt in der aktuellen Version von OBS enthalten, da sich die Funktionalitäten in API und OBS noch ändern können.}}
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Auftragsimport (OpenTRANS 1.0)|| Preislisten
|-
| Depots + Partner|| Kundengruppen
|-
| Anreden|| Ansprechpartner (Benutzer und Personen)
|-
| Kundentypen|| Kostenstellen
|-
| Kundenqualifikation|| Adressen (Personenstamm)
|-
| Job-Informationen (Ergebnis/Protokoll Preispflege)|| Shopping-Listen (Meistgekaufte Artikel/Top-Artikel)
|-
| Kundengruppen (Migration)||
|-
| Benutzer (Migration)||
|-
| Kostenstellen (Migration)||
|}
{{Hinweis|Zu Beginn wird es nur Bestelldateien im Format OpenTRANS 1.0 geben. Das neuere Format 2.1 ist aber bereits eingeplant und soll zu einem späteren Zeitpunkt folgen.}}
==Vergleich zur Schnittstelle VShop 4==
Stand: 13.10.2022
{| class="wikitable"
!|
|'''VShop 4'''
|'''brShop24'''
|-
|'''Bestellungen importieren'''
|ja
|ja
|-
|'''Kundendaten abfragen'''
|ja ("Kunde vorhanden?")
|ja ("Kunde vorhanden?" und Migration)
|-
|'''Kundendaten übertragen'''
|ja
|ja
|-
|style="padding-left: 100px"|(Kunden-)Gruppe
|Aus Personennummer (Hauptperson)
|eigene Verwaltung
|-
|style="padding-left: 100px"|Benutzerkonto
|aus Person und Ansprechpartner
|aus Ansprechpartner
|-
|style="padding-left: 100px"|Kostenstellen
|nur als Kostenstelle (mit Budget)
|Kostenstelle (noch ohne Budget; fehlt im Shop bisher) und Versandadresse
|-
|style="padding-left: 100px"|Shopping-Listen
|ja
|ja
|-
|style="padding-left: 100px"|Adressen/Adressbuch
|nein (nur Standardadresse im Benutzerkonto)
|ja
|-
|style="padding-left: 100px"|Anreden
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundentyp
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundenqualifikation
|nein
|Import (Definition/Zuordnung)
|-
|'''Artikelvorlage setzen'''
|ja
|nein
|-
|'''Preise übertragen'''
|ja
|ja (nur Preislisten)
|-
|'''Lager'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Partner'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Warengruppen/Kategorien'''
|Import (Definition/Zuordnung)
|nein
|-
|'''Artikel'''
|ja
|ja
|-
|style="padding-left: 100px"|übertragen
|ja
|ja
|-
|style="padding-left: 100px"|Abgleich (eigene Artikel)
|ja
|nein
|-
|'''Sterne'''
|ja
|nein
|-
|'''monatliche Kosten'''
|20 Euro
|60 Euro
|}
{{Hinweis|Für eine Beschreibung der einzelnen Funktionen siehe [[#Erklärungen/Funktionen|Erklärungen/Funktionen]].}}

==Bekannte Probleme==
{{Hinweis|Die hier aufgeführten Probleme sollen einen Überblick zum Stand einzelner Funktionen geben, sollten Sie sich dazu entscheiden mit der Schnittstelle zu arbeiten.}}
{{Achtung|Bei den letzten Tests kam es zu einem Fehler innerhalb der API, durch den die übermittelten Daten nicht korrekt verarbeitet wurden. Der Fehler trat an verschiedenen Stellen auf und konnte nicht reproduziert werden. Aktuell ist dies unter Beobachtung seitens Büroring. Von OBS aus können Sie aktuell die Datenübertragung nur ein zweites Mal ausführen, bis eine Lösung für das Problem gefunden wurde. Bei Preislisten hatte das Problem jedoch noch die Auswirkung, dass die Preislisten danach doppelt vorhanden war (siehe "doppelte Preislisten bei Fehler in Preislistenupdate").}}
===Import Bestellungen===
*;eindeutige Identifikation von Artikeln
:Nach aktuellem Stand wird nur der aktuelle Katalog von Büroring eingespielt. Sollten jedoch auch von anderen Lieferanten Artikel im Shop verkauft werden, kann es bei den Artikelnummern zu "doppelten" Artikeln kommen. Derzeit fehlt noch die Möglichkeit dies beim Import unterscheiden zu können.
*;fehlende Kostenstellen
:In der Auftragsdatei werden nach aktuellem Stand keine Kostenstellen geliefert. Somit kann OBS diese bei der Auftragsgenerierung hinterlegen.<br />''Die Kostenstellen werden nach Informationen von Büroring jetzt in die openTRANS-Order übernommen (Stand 25.02.2021).''
*;Anzeige in FTP-Eingang
:Bei aktivierter Anzeige von importierten Bestellungen im FTP-Eingang, wird bisher in der Spalte ''Typ'' nichts angezeigt.<br />''Behoben mit Version 003663 (Info 005482).''

===Personendaten===
*;Export Kostenstellen Budgets
:Die Budgetverwaltung wurde bisher noch nicht im brShop24 umgesetzt und steht daher auch in der API noch nicht zur Verfügung.
*;Anzeige Webshop-Einstellungen
:Die Anzeige des Kundenstatus funktioniert aktuell nur, wenn die Kundennummer auch in einer Kundengruppe steht.<br />''Behoben mit Version 003591 (Info 005378).''
*;Übertragung Adressen
:Die Adressen werden nicht angelegt, weil der Typ mit einem ungültigen Wert an die API übergeben wird.<br />''Behoben mit Version 003587 (Info 005365).''
*;Zuordnung Adressen Kundengruppe
:Adressen werden bei Übertragung auch in der Kundengruppe zugeordnet, obwohl es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600.''
*;Zuordnung Adressen Benutzer
:Im Benutzer wird eine übertragene Adresse nicht zugeordnet.<br />''Behoben mit Version 003665 (Info 005483).''
*;Einfügen neuer Kundengruppen
:Die Datensätze werden im OBS nicht korrekt angelegt und können daher nicht exportiert werden.<br />''Behoben mit Version 003594 (Infos 005375 und 005393).''
*;Adressen aus Kostenstellen
:Werden bisher nicht übertragen.<br />''Behoben mit Version 003606 (Info 005398). Adressen aus Kostenstellen werden jetzt als Versandadressen hinterlegt''
*;Zuordnung Kostenstellen
:Kostenstellen werden bei Übertragung auch in der Kundengruppe zugeordnet, wenn es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600. Kostenstellen werden bei Systemgruppen nicht mehr exportiert. Benutzer erhalten einen Hinweis bei Export der Personendaten aus den Webshop-Einstellungen und werden gefragt, ob die Personedaten trotzdem exportiert werden sollen.''
*;Im Shop ist der Adresstyp vertauscht
:Adressen die eigentlich "Postanschrift" haben sollten, bekommen "Postfach Anschrift" und umgekehrt.<br />''Behoben mit Version 003684 (Info 005494).''
*;Benutzer ist immer Admin
:Die Funktionalität über Eigenschaft 9011 wurde noch nicht übernommen aus der VShop-Schnittstelle übernommen, da sie dort problembehaftet ist. Die Fehlerhafte Übertragung in dieser Schnittstelle wurde somit vorerst vollständig entfernt.<br />''Behoben mit Version 003735 (Info 005548).''
*;Benutzer wird nicht angelegt
:Während des Exports kommt es zu einem Abbruch im OBS und der Export wird nicht vollständig ausgeführt.<br />''Behoben mit Version 004061 (Info 005911).''

===Preise/Preislisten===
*;Keine Aktualisierung für Kunden mit Kundennummer im Benutzer
:Preislisten werden nicht erkannt, wenn die Kundennummer nur im Benutzer vorkommt.<br />''Behoben mit Version 003592 (Info 005384).''
*;doppelte Preislisten bei Fehler in Preislistenupdate
:Tritt in der Aktualisierung der Preislistenkopfdaten ein Fehler auf, so wird die Preisliste ein weitere Mal angelegt.<br />''Behoben mit Version 003630 (Info 005452).''
*;Keine Aktualisierung der Kopfdaten
:Wurden im OBS Änderungen an den Kopfdaten (Name, Prio, Gültigkeitszeitraum) vorgenommen, konnte es passieren, dass diese nicht in den Shop übertragen wurden.<br />''Behoben mit Version 003703 (Info 005515).''
*;Preise löschen verlängert die Laufzeit der Preispflege
:Beim Löschen von Preisen könnte es vorkommen, dass sich die zu löschenden Datensätze nicht korrekt aus der Liste genommen wurden, auch wenn der Datensatz aus dem Shop entfernt wurde. Dadurch versucht OBS diese Datensätze bei jedem folgenden Durchlauf der Preispflege zu löschen, was fehlschlägt, da die Datensätze ja schon gelöscht sind.<br />''Behoben voraussichtlich mit Version 003833 (Info 005664).''
*;Preise werden nicht bei allen Preislisten aktualisiert
:Eine Prüfung war fehlerhaft und konnte die Aktualisierung der Preise für eine Preisliste verhindern.<br />''Behoben mit Version 003911 (Info 005733).''
*;Preislisten, welche über Preisgruppen einem Kunden zugeordnet sind, werden im Shop nicht in Kundengruppen und Benutzern hinterlegt
:An einer Stelle in der Abfrage der Zuordnungen sind die Nummern für Preisgruppe und Preisliste vertauscht. Der Fehler betrifft eigene Preislisten, welche über Preisgruppen zugeordnet sind. Für die Standard-Preislisten VK1 bis VK9 kommt es nicht zu diesem Fehler, da hier die Nummern identisch sind.<br />''Behoben mit Version 003959 (Info 005785).''
*;Zuordnungen von Preislisten sind fehlerhaft
:Unter bestimmten Umständen (Löschen ganzer Preislisten oder Kunde ohne verbleibende Preisliste) kann es im OBS zu einem Problem mit der Verwaltung der Zuordnungen im Shop kommen. Zuordnungen können dabei erhalten bleiben oder werden nicht angelegt.<br />''Behoben mit Version 004012 (Info 005847).''

===Bestellvorlagen/Shoppinglisten===
*;Anzeige im Shop
:Nach aktuellem Stand können die Bestellvorlagen, die es auch schon für den VShop 4 exportiert werden konnten, in den brShop24 übertragen werden. Die Anzeige im Frontend (Ansicht für den Kunden) ist jedoch noch nicht umgesetzt. Sie können aktuell nur über den Admibereich prüfen, ob die Bestellvorlagen im Shop angekommen sind.<br />''Im Frontend werden die Listen jetzt angezeigt (Stand: 09.11.2021).''
*;Generierung Shoppinglisten
:Durch einen Fehler in der Erkennung des Brüroring Zentrallagers konnte die falsche Lager-ID gezogen werden. Dadurch wurden die Artikel nicht korrekt identifiziert und die Shoppinglisten wurden nicht generiert.<br />''Behoben vorraussichtlich mit Version 003815 (Info 005654).''
*;Zuordnung Shoppinglisten
:In der Übertragung wurden Shoppinglisten nicht in Benutzern zugeordnet. Dadurch sehen insbesondere bei allgemeinen Kundengruppen (z. B. registrierte Kunden) Benutzer die von OBS für eine Kundennummer erstellten und übertragenen Shoppinglisten nicht.<br />''Behoben mit Version 003832 (Info 005663).''

===Migration===
*;Auswahl eines vorhandenen Ansprechpartner für Zuordnung zu einem Shop-Benutzer schlägt fehlt
:Die Auswahl verhält sich als würde keine Datensatz ausgewählt werden und setzt daher die Zuordnung nicht.<br />''Behoben mit Version 004012 (Info 005845).''
*;Aus einem Benutzerkonto kann kein Ansprechpartner angelegt werden
:Es kann bei der Übernahme der Daten zu einem SQL-Fehler im OBS kommen, welcher die Anlage der Daten verhindert.<br />''Behoben mit Version 004012 (Info 005844).''

=Kosten=
*;Einrichtung
:Sie können die Schnittstelle vom OBS-Support einrichten lassen oder dies selbst erledigen. Informationen zu den nötigen Daten/Angaben für eine Einrichtung finden Sie im nächsten Punkt [[#Installation.2FEinrichtung|Installation/Einrichtung]].<br />Wenn Sie eine Einrichtung durch den OBS-Support wünschen, wird dies '''einmalig nach Aufwand''' abgerechnet.
*;Nutzung Schnittstelle
:Für den Einsatz wird pro aktiver brShop24-Schnittstelle '''monatlich 60 Euro''' berechnet.

=Installation/Einrichtung=
Für die Einrichtung werden Angaben zur API-Anbindung und FTP-Zugangsdaten für die Abholung der Auftragsdateien benötigt. Außerdem muss OBS für die Preispflege auf das kostenpflichtige [[OBS/Kostenpflichtige_Module/Preislisten|OBS-Modul Preislisten]] umgestellt worden sein.
<br />
Für eine genaue Auflistung der benötigten Informationen und eine Beschreibung der Einrichtung lesen Sie bitte die Seite zur [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|<u>Einrichtung einer brShop24-Schnittstelle</u>]].

=Mit der Schnittstelle Starten=
==Daten migrieren==
Sofern Sie in der Vergangenheit einen VShop 4 verwendet haben und die Daten vom Büroring in den neuen brShop24 migriert wurden, empfehlen wir nach Abschluss der Einrichtung eine [[Kostenpflichtige_Module/Internet-Shop/brShop24/Migration|Datenmigration im OBS]] durchzuführen (siehe auch [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]]). Dabei werden die vom VShop 4 migrierten Kundendaten aus dem Shop ausgelesen und in OBS importiert. OBS versucht die importierten Daten anschließend mit den Stammdaten zu verknüpfen und erstellt für die Kunden die Webshop-Einstellungen und gibt die Ansprechpartner frei.<br />
Nach den Kundengruppen und Benutzern werden die Kostenstellen eingelesen und versucht den Einträgen im OBS zuzuordnen. Der Anzeigename (Shop) einer Kostenstelle muss dabei mit der Bezeichnung der Kostenstelle übereinstimmen und innerhalb der Kundengruppe eindeutig sein.
{{Achtung|Die Zuordnung läuft automatisiert und kann einige Minuten in Anspruch nehmen! Sollte der Vorgang abbrechen, können Sie die Migration erneut starten. Die Zuordnung erfolgt nur für Daten, die eindeutig identifiziert werden konnten!}}
<br />
Außerdem werden die Preislisten aus den im Shop vorhandenen Preislisten ermittelt und für die Schnittstelle freigegeben. Die Preislisten werden stattdessen nach erfolgreicher Zuordnung im Shop geleert und neu befüllt. So sind die Preisdaten auch gleich auf dem aktuellen Stand und für die spätere Aktualisierung sind die Daten im OBS entsprechend vorbereitet.
{{Achtung|Es findet '''keine''' Verknüpfung mit den Preisdaten im OBS statt, da der vollständige Abgleich aller einzelnen Preisdaten zu lange dauern würde!}}

==Datenhoheit==
Es gibt einige spezifische Daten im Shop, die von OBS nicht angefasst werden (dürfen). Das betrifft z. B. die Standard-Kundengruppen des brShop24. Für OBS-Daten hat jedoch OBS die Datenhoheit. Im Shop können Sie dies an den verfügbaren Funktionen (Bild 1) erkennen. Die von OBS gepflegten Daten werden über die API (Bild 2) angelegt und haben bei den Funktionen statt dem Stift-Symbol (Daten bearbeiten) nur ein Auge-Symbol (Daten ansehen).
<gallery widths="200px">
File:Br24_admin_datenoptionen.jpg|Bild 1: Funktionen|alt=Funktionen
File:Br24_admin_letzte_aend.jpg|Bild 2: Letzte Änderung|alt=letzte Änderung
</gallery>

=Umstellung/Migration VShop 4=
Nach aktuellem Stand wird für Kunden mit VShop 4 vom Büroring eine Migration des bestehenden VShop 4 auf den neuen brShop24 durchgeführt. Dabei soll auch gewählt werden können, welche Daten bei der Migration übernommen werden. Wie dies genau aussieht, müssen Sie jedoch mit dem Büroring klären. Es gibt jedoch auch einige Punkte, die Sie bei der Migration für die Umstellung im OBS bedenken müssen.
*;Neue API
:Im Unterschied zum VShop 4 läuft die Schnittstelle zum brShop24 über eine API. OBS dies bringt ein paar Einschränkungen für die migrierten Daten mit sich. Es ist OBS nicht möglich die Daten wiederzufinden, die von OBS zuvor in den VShop 4 übertragen wurden. Wie sich dies auf die Pflege von Daten auswirkt, muss noch in Erfahrung gebracht werden, da im Testsystem keine migrierten Daten zur Verfügung stehen.
*;Besonderheit Preisdaten
:OBS arbeitet in Schnittstelle über eine sogenannte API-ID, also eine Identifikationsnnummer speziell für die neue API. OBS kann nur Preisdaten verändern, die auch über die API in den Shop übertragen wurden. Wir empfehlen daher die Preisdaten möglichst über OBS zu pflegen und nicht migrieren zu lassen.
*;Schnittstelle im OBS
:Die Schnittstelle muss im OBS freigeschaltet und eingerichtet werden (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Dies kann bereits vor der Migration geschehen. Bedenken Sie jedoch, dass die Aufträge erst importiert werden können, nachdem die Schnittstelle eingerichtet wurde. Gebe Sie uns also rechtzeitig Bescheid, damit wir die Schnittstelle freigeben können. Die Einrichtung kann auf Wunsch von uns kostenpflichtig übernommen werden.{{Hinweis|Die Freischaltung der Schnittstelle hat auch eine Anpassung des Vertrags zur Folge. Bitte beachten Sie, dass die Schnittstelle brShop24 mit 60 Euro statt 20 Euro berechnet wird.}}
*;Modul Preislisten
:Für den brShop24 wird das Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] für die Pflege von Preisen über die Schnittstelle vorrausgesetzt. Sollten Sie dieses Modul noch nicht nutzen, so müsste dies zuvor eingerichtet werden, wenn Sie Preise aus OBS in den Shop übertragen möchten. Die Einrichtung des Moduls kann mehrere Stunden in Anspruch nehmen. Wir empfehlen die Umstellung vor der Migration durchzuführen, da dies die Arbeitsweise mit Artikelpreisen verändert. Eine Schulung wird ebenfalls empfohlen.
*;Migration Freigaben OBS VShop 4 nach brShop24 (siehe [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]])
:Über das Shop-Menü können Kundengruppen und Benutzer mit dem OBS-Personenstamm abgeglichen werden. Im Personenstamm werden dann für gefundene Datensätze Webshop-Einstelungen angelegt. Ansprechpartnern, welchen ein Benutzer eindeutig zugeordnet werden konnten, erhalten die Eigenschaft 9013 und die Zuordnung zur Schnittstelle. Sollte die eindeutige Zuordnung ohne Benutzername erfolgt sein, so wird auch der Benutzername im Ansprechpartner hinterlegt. Außerdem werden die Preislisten mit dem Shop abgeglichen, freigegeben und übertragen.{{Hinweis|Es ist nicht möglich die Passwörter auszulesen. Diese können also nicht im Ansprechpartner hinterlegt werden. Sollten Sie zu einem späteren Zeitpunkt die den Benutzer im Shop aktualisieren wollen, müssten diesen zuvor ein Passwort gegeben werden, sollte noch keines vorhanden sein.}}{{Achtung|Damit die Migration auch die Kundendaten verknüpfen kann, muss diese Funktionalität im Shop freigeschaltet sein. Wenden Sie sich hierzu an den Support des Büroring.}}
==Ablauf einer Umstellung==
Für gewöhnlich richtet Büroring zunächst einen Shop zu Testzwecken ein. Sie erhalten danach die API-Daten, mit denen die Schnittstelle eingerichtet werden kann (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Sie können jetzt die Schnittstelle testen und wenn Fragen oder Probleme geklärt sind, dem Büroring die Freigabe für den Live-Betrieb erteilen. Der Shop wird daraufhin zurückgesetzt. Dies muss im OBS ebenfalls passieren. Informieren Sie dazu den Support per Ticket oder E-Mail (siehe dazu auch [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung#Vorwort|Vorwort Einrichtung]]).

=Menü=

{{Vorlage:KlapptextFAQ
|menu_b
|B Preislisten verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Preislisten_verwalten|Preislistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_f
|F Kundengruppen
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_i
|I Bestellvorlagen verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoplistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_m
|M Migration
|Startet die [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]] der Daten. Dabei werden die aktuellen Kudnendaten (Gruppen und Benutzer) eingelesen und im Personestamm, sofern automatisiert möglich, Webshop-Einstellungen angelegt und Ansprechpartner zugeordnet.
}}

{{Vorlage:KlapptextFAQ
|menu_t
|T Jobinformationen
|Die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]] sind ein Protokoll des Shops für die Preispflege-Jobs. Diese werden beim Exportieren der Preise angelegt. Über diesen Menüpunkt können Sie die bisherigen Job-Protokolle einsehen. Beim Einlesen der Jobinformationen werden aufgetretene Fehler verarbeitet.
}}

{{Vorlage:KlapptextFAQ
|menu_u
|U Bestellungen einlesen
|Liest die vorhanden Bestelldateien aus dem Shop-Verzeichnis ein. Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Bestellungen_einlesen|Automatiken: Bestellungen einlesen]].
}}

{{Vorlage:KlapptextFAQ
|menu_w
|W Definitionen importieren
|Über diesen Menüpunkt können Sie alle für OBS-Relevanten Definitionen zur Vorbereitung der Datenexporte importieren. Dies umfasst aktuell folgende Definitionen:
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|Depots/Lager mit Partner]]
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|Anreden]]
*Kundentypen (u. a. B2B, B2C)
*Kundenqualifikation (u. a. neuer Kunden, Stammkunde)
Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Definitionen_importieren|Automatiken: Definitionen importieren]].
{{Hinweis|Diese Definitionen spielen an verschiedenen Stellen eine wichtige Rolle. Sollten Sie die Definitionen noch nicht importiert und vor einem Datenexport zugeordnet haben, funktionert entweder der Datenexport nicht oder es werden Standardwerte verwendet.}}
}}

{{Vorlage:KlapptextFAQ
|menu_x
|X Konfiguration
|Öffnet die [[OBS/Stammdaten/Schnittstellen/Internet-Shop/Konfiguration|Konfiguration]] der Schnittstellen. Hier können die Einstellungen der Schnittstelle angepasst werden.{{Hinweis|Um Anpassungen vorzunehmen wird für die meisten Einstellungen ein Level von 3 oder 5 benötigt. Es ist möglich dieses Level anzupassen, auch kann ein Benutzer für die Schnittstelle ein abweichendes Benutzerlevel erhalten. Melden Sie sich bei Bedarf per [[OBS/System/Ticket-System|OBS Ticketsystem]] beim OBS-Support.}}
}}

{{Vorlage:KlapptextFAQ
|menu_y
|Y Testumgebung
|Öffnet eine Testumgebung, um die Anbindung zu testen.
}}

{{Vorlage:KlapptextFAQ
|menu_z
|Z Protokoll
|Über den Menüpunkt ''Z Protokoll'' des Shops-Menüs erhalten Sie Zugriff auf das Shop-Protokoll. Es werden vorrangig Hinweise zu Fehlern oder Problemen bei Im- und Exporten protokolliert. Über die Konfiguration kann mit Aktivierung des Debugmodus (Schlüssel ''Shop.Debug'') eine erweiterte Protokollierung aktiviert werden. Dafür benötigt ein Benutzer jedoch Administrationsrechte (Level 9) für die Schnittstelle.
}}

=Zuordnungen=
Zuordnungen von Stammdaten wie Lieferanten und Mengeneinheiten nehmen Sie über den Shop-Menüpunkt ''X Konfiguration'' vor. In der Kofigurationsliste gelangen Sie über {{Key|F8 Zuord}} ins Zuordnungsmenü.<br />
<br />
Aktuelle Menüpunkte:
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|A Anreden]]
:Liste für im Shop definierte Anreden. Hier können Sie die OBS-Anreden mit den Shop-Anreden verknüpfen. Relevant für den Export von Personen. Ohne Zuordnung werden Personen ohne Anrede exportiert.
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Einheiten#brShop24|E Einheiten]]
:Liste für im Shop definierte Mengeneinheiten. Ordenen Sie hier die im OBS verwendeten Mengeneinheiten zu. {{Hinweis|Relevant für eigene Artikel. Ist eine verwendete OBS-Mengeneinheit nicht zugeordnet, so wird beim Export die Einheit "ST" (Stück) für den jeweiligen Artikel verwendet.}}
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|L Lager und Lagerlieferanten]]
:Definierte Depots und Partner des Shops. Partnern können Sie einem OBS-Lieferanten zuordnen und die Lager entsprechend auf Pflege Büroring oder als eigene Artikel definieren. Relevant für den Export von Preisen, Shoppinglisten (Bestellvorlagen) und eigene Artikel.
*;[[Kostenpflichtige_Module/Internet-Shop/Zusatz/Artikeltausch|T Artikeltausch]]
:Greift beim Auftragsimport. Austauschen bestimmter Referenznummern gegen einen festgeschrieben Artikel z. B. für Pauschalen.

=Erklärungen/Funktionen=
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppen verwalten]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Personen_übertragen|Kunden übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen|Preise übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Eigene_Artikel_übertragen|eigene Artikel übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoppinglisten übertragen (z. B. Bestellvorlagen)]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]]
*[[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]]
*[[PDF-Druck Artikellink]]

=Häufig gestellte Fragen (FAQ)=
==Daten Allgemein==
{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_datennichtangezeigt
|Ich habe Daten aus OBS übertragen, diese werden jedoch nicht angezeigt?
|Je nach Art der Daten gelten verschiedene Voraussetzungen. Prüfen Sie daher, ob die Voraussetzungen gegeben sind oder bereits der Export scheitert. Entsprechende Hinweise finden Sie in den Hilfetexten zum jeweiligen Datenexport oder im Protokoll.<br /><br />Sind die Daten im Shop angelegt dort jedoch z. B. über den Adminbereich gelöscht worden, so können die Daten dort wiederhergestellt werden. Prüfen Sie daher auch, ob dies auf die Daten zutrifft.<br />Dazu sei noch angemerkt, dass es im brShop24 zwei Varianten zum Löschen von Daten gibt:
#Soft-Delete<br />d.h. ein Datensatz kann mit einem Löschkennzeichen markiert werden, so dass dieser zur Not auch wieder hergestellt werden kann (ähnlich dem Papierkorb unter Windows). Dies wird so z. B. im Adminbereich angewendet.
#Hard-Delete<br />d.h. der Datensatz wird auch physikalisch vom Datenträger gelöscht, ist somit aus dem System entfernt und kann nicht wieder hergestellt werden. Dies gilt für die API.
}}

{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_apisuperadmin
|Kann ich die Datensätze aus der API im Adminbereich ändern/editieren?
|Standardmäßig wird eine Bearbeitung von Datensätzen, welche per API gepflegt werden, im Shop gesperrt. Sie haben jedoch die Möglichkeit die Bearbeitung in Ihrem Adminbenutzer freizugeben. Die Administratoren finden Sie im Menü des Adminbereichs unter ''Administration'' im Unterpunkt ''Administratoren''. Suchen Sie in der Liste Ihren Benutzer (Benutzername steht oben rechts) und öffnen Sie die Eingabemaske. Im Reiter ''Einstellungen'' setzen Sie dann as Häkchen bei ''API Super-Administrator?''.
{{Hinweis|Da es Daten/Felder gibt, welche OBS nicht über die API pflegen kann. Kann es durchaus sinnvoll sein, dies zu aktivieren. Dies betrifft z. B. Berechtigungen für Kundengruppen wie die Sortimentsfreigabe.}}
}}

==Preise/Preislisten==
Siehe [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Häufig_gestellt_Fragen_(FAQ)|FAQ Preisexport brShop24]].

==Import Auftragsdateien (OpenTRANS)==
{{Vorlage:KlapptextFAQ
|faq_brshop24_imp_auftrag
|Warum wird die Kostenstelle nicht übernommen?
|Die Referenz auf die Kostenestelle muss in der Auftragsdatei im Element COST_CATEGORY_ID enthalten sein. OBS erwartet hier die vollständige Bezeichnung der [[OBS/Stammdaten/Personen#B2_-_Kostenstellen|Kostenstelle]]. Ist die Kostenstelle in der Auftragsdatei nicht enthalten oder die Referenz stimmt mit keiner Kostenstelle überein, so wird im Import keine Kostenstelle übernommen.
}}

==Migration VShop4==
{{Vorlage:KlapptextFAQ
|faq_brshop24_allg_parallelbetrieb
|Können im OBS brShop24 und VShop4 parallel betrieben werden?
|Ja, es ist mögliche beide Shops im OBS zu verwalten. OBS ist in der Lage mehrere Schnittstellen, auch des gleichen Typs, zu verwalten. Die Schnittstellen arbeiten unabhängig voneinander. Nach unseren Informationen ist ein Parallelbetrieb seitens Büroring jedoch nicht gewünscht, da die Daten des VShop 4 nachträglich nicht oder nur mit deutlich größerem Aufwand in den brShop24 migriert werden könnten. Eventuell gehen Ihnen hier also Daten verloren, wenn der VShop4 abgeschaltet wird. Der brShop24 würde nach der Migration also Ihren aktuellen VShop 4 ersetzen. Bei Fragen zu dem Thema wenden Sie sich bitte an den Support des Büroring.
}}

Kostenpflichtige Module/Internet-Shop/brShop24

2024-02-08T11:23:27Z

Prakti: Unterpunkt Funktionen Artikellink

{{Kostenpflichtige Module}}
{{Aktuelles|Die Schnittstelle brShop24 wird 60 Euro monatlich kosten.}}
Der brShop24 wird von der Genossenschaft [https://www.bueroring.de Büroring eG] entwickelt und angeboten. Diese ECommerce-Lösung soll langfristig den bisher angebotenen VShop 4 Pro ablösen. Für die Anbindung an den brShop24 steht Ihnen eine Schnittstelle basierend auf [https://de.wikipedia.org/wiki/GraphQL GraphQL] zur Verfügung.
{{Achtung|Für die Preisübertragung wird das kostenpflichtige Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] vorausgesetzt!}}
{{Achtung|Die Schnittstellen für VShop 4 Pro und brShop24 sind nicht kompatibel! Sollten Sie sich also für eine Umstellung Ihres VShop 4 Pro auf das neue System brShop24 entscheiden, so muss dies im OBS ebenfalls umgestellt werden!<br/>Siehe auch die Punkte [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]] und [[#faq_brshop24_allg_parallelbetrieb|FAQ Parallelbetrieb]].}}
=Funktionsumfang=
{{Achtung|Die hier aufgeführten Funktionen sind unter Vorbehalt in der aktuellen Version von OBS enthalten, da sich die Funktionalitäten in API und OBS noch ändern können.}}
Diese Schnittstelle unterstützt den Im- und Export von Daten wie folgt:
{| class="wikitable"
|-
! Import!! Export
|-
| Auftragsimport (OpenTRANS 1.0)|| Preislisten
|-
| Depots + Partner|| Kundengruppen
|-
| Anreden|| Ansprechpartner (Benutzer und Personen)
|-
| Kundentypen|| Kostenstellen
|-
| Kundenqualifikation|| Adressen (Personenstamm)
|-
| Job-Informationen (Ergebnis/Protokoll Preispflege)|| Shopping-Listen (Meistgekaufte Artikel/Top-Artikel)
|-
| Kundengruppen (Migration)||
|-
| Benutzer (Migration)||
|-
| Kostenstellen (Migration)||
|}
{{Hinweis|Zu Beginn wird es nur Bestelldateien im Format OpenTRANS 1.0 geben. Das neuere Format 2.1 ist aber bereits eingeplant und soll zu einem späteren Zeitpunkt folgen.}}
==Vergleich zur Schnittstelle VShop 4==
Stand: 13.10.2022
{| class="wikitable"
!|
|'''VShop 4'''
|'''brShop24'''
|-
|'''Bestellungen importieren'''
|ja
|ja
|-
|'''Kundendaten abfragen'''
|ja ("Kunde vorhanden?")
|ja ("Kunde vorhanden?" und Migration)
|-
|'''Kundendaten übertragen'''
|ja
|ja
|-
|style="padding-left: 100px"|(Kunden-)Gruppe
|Aus Personennummer (Hauptperson)
|eigene Verwaltung
|-
|style="padding-left: 100px"|Benutzerkonto
|aus Person und Ansprechpartner
|aus Ansprechpartner
|-
|style="padding-left: 100px"|Kostenstellen
|nur als Kostenstelle (mit Budget)
|Kostenstelle (noch ohne Budget; fehlt im Shop bisher) und Versandadresse
|-
|style="padding-left: 100px"|Shopping-Listen
|ja
|ja
|-
|style="padding-left: 100px"|Adressen/Adressbuch
|nein (nur Standardadresse im Benutzerkonto)
|ja
|-
|style="padding-left: 100px"|Anreden
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundentyp
|nein
|Import (Definition/Zuordnung)
|-
|style="padding-left: 100px"|Kundenqualifikation
|nein
|Import (Definition/Zuordnung)
|-
|'''Artikelvorlage setzen'''
|ja
|nein
|-
|'''Preise übertragen'''
|ja
|ja (nur Preislisten)
|-
|'''Lager'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Partner'''
|Import (Definition/Zuordnung)
|Import (Definition/Zuordnung)
|-
|'''Warengruppen/Kategorien'''
|Import (Definition/Zuordnung)
|nein
|-
|'''Artikel'''
|ja
|ja
|-
|style="padding-left: 100px"|übertragen
|ja
|ja
|-
|style="padding-left: 100px"|Abgleich (eigene Artikel)
|ja
|nein
|-
|'''Sterne'''
|ja
|nein
|-
|'''monatliche Kosten'''
|20 Euro
|60 Euro
|}
{{Hinweis|Für eine Beschreibung der einzelnen Funktionen siehe [[#Erklärungen/Funktionen|Erklärungen/Funktionen]].}}

==Bekannte Probleme==
{{Hinweis|Die hier aufgeführten Probleme sollen einen Überblick zum Stand einzelner Funktionen geben, sollten Sie sich dazu entscheiden mit der Schnittstelle zu arbeiten.}}
{{Achtung|Bei den letzten Tests kam es zu einem Fehler innerhalb der API, durch den die übermittelten Daten nicht korrekt verarbeitet wurden. Der Fehler trat an verschiedenen Stellen auf und konnte nicht reproduziert werden. Aktuell ist dies unter Beobachtung seitens Büroring. Von OBS aus können Sie aktuell die Datenübertragung nur ein zweites Mal ausführen, bis eine Lösung für das Problem gefunden wurde. Bei Preislisten hatte das Problem jedoch noch die Auswirkung, dass die Preislisten danach doppelt vorhanden war (siehe "doppelte Preislisten bei Fehler in Preislistenupdate").}}
===Import Bestellungen===
*;eindeutige Identifikation von Artikeln
:Nach aktuellem Stand wird nur der aktuelle Katalog von Büroring eingespielt. Sollten jedoch auch von anderen Lieferanten Artikel im Shop verkauft werden, kann es bei den Artikelnummern zu "doppelten" Artikeln kommen. Derzeit fehlt noch die Möglichkeit dies beim Import unterscheiden zu können.
*;fehlende Kostenstellen
:In der Auftragsdatei werden nach aktuellem Stand keine Kostenstellen geliefert. Somit kann OBS diese bei der Auftragsgenerierung hinterlegen.<br />''Die Kostenstellen werden nach Informationen von Büroring jetzt in die openTRANS-Order übernommen (Stand 25.02.2021).''
*;Anzeige in FTP-Eingang
:Bei aktivierter Anzeige von importierten Bestellungen im FTP-Eingang, wird bisher in der Spalte ''Typ'' nichts angezeigt.<br />''Behoben mit Version 003663 (Info 005482).''

===Personendaten===
*;Export Kostenstellen Budgets
:Die Budgetverwaltung wurde bisher noch nicht im brShop24 umgesetzt und steht daher auch in der API noch nicht zur Verfügung.
*;Anzeige Webshop-Einstellungen
:Die Anzeige des Kundenstatus funktioniert aktuell nur, wenn die Kundennummer auch in einer Kundengruppe steht.<br />''Behoben mit Version 003591 (Info 005378).''
*;Übertragung Adressen
:Die Adressen werden nicht angelegt, weil der Typ mit einem ungültigen Wert an die API übergeben wird.<br />''Behoben mit Version 003587 (Info 005365).''
*;Zuordnung Adressen Kundengruppe
:Adressen werden bei Übertragung auch in der Kundengruppe zugeordnet, obwohl es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600.''
*;Zuordnung Adressen Benutzer
:Im Benutzer wird eine übertragene Adresse nicht zugeordnet.<br />''Behoben mit Version 003665 (Info 005483).''
*;Einfügen neuer Kundengruppen
:Die Datensätze werden im OBS nicht korrekt angelegt und können daher nicht exportiert werden.<br />''Behoben mit Version 003594 (Infos 005375 und 005393).''
*;Adressen aus Kostenstellen
:Werden bisher nicht übertragen.<br />''Behoben mit Version 003606 (Info 005398). Adressen aus Kostenstellen werden jetzt als Versandadressen hinterlegt''
*;Zuordnung Kostenstellen
:Kostenstellen werden bei Übertragung auch in der Kundengruppe zugeordnet, wenn es sich um eine System-Gruppe handelt.<br />''Behoben mit Version 003600. Kostenstellen werden bei Systemgruppen nicht mehr exportiert. Benutzer erhalten einen Hinweis bei Export der Personendaten aus den Webshop-Einstellungen und werden gefragt, ob die Personedaten trotzdem exportiert werden sollen.''
*;Im Shop ist der Adresstyp vertauscht
:Adressen die eigentlich "Postanschrift" haben sollten, bekommen "Postfach Anschrift" und umgekehrt.<br />''Behoben mit Version 003684 (Info 005494).''
*;Benutzer ist immer Admin
:Die Funktionalität über Eigenschaft 9011 wurde noch nicht übernommen aus der VShop-Schnittstelle übernommen, da sie dort problembehaftet ist. Die Fehlerhafte Übertragung in dieser Schnittstelle wurde somit vorerst vollständig entfernt.<br />''Behoben mit Version 003735 (Info 005548).''
*;Benutzer wird nicht angelegt
:Während des Exports kommt es zu einem Abbruch im OBS und der Export wird nicht vollständig ausgeführt.<br />''Behoben mit Version 004061 (Info 005911).''

===Preise/Preislisten===
*;Keine Aktualisierung für Kunden mit Kundennummer im Benutzer
:Preislisten werden nicht erkannt, wenn die Kundennummer nur im Benutzer vorkommt.<br />''Behoben mit Version 003592 (Info 005384).''
*;doppelte Preislisten bei Fehler in Preislistenupdate
:Tritt in der Aktualisierung der Preislistenkopfdaten ein Fehler auf, so wird die Preisliste ein weitere Mal angelegt.<br />''Behoben mit Version 003630 (Info 005452).''
*;Keine Aktualisierung der Kopfdaten
:Wurden im OBS Änderungen an den Kopfdaten (Name, Prio, Gültigkeitszeitraum) vorgenommen, konnte es passieren, dass diese nicht in den Shop übertragen wurden.<br />''Behoben mit Version 003703 (Info 005515).''
*;Preise löschen verlängert die Laufzeit der Preispflege
:Beim Löschen von Preisen könnte es vorkommen, dass sich die zu löschenden Datensätze nicht korrekt aus der Liste genommen wurden, auch wenn der Datensatz aus dem Shop entfernt wurde. Dadurch versucht OBS diese Datensätze bei jedem folgenden Durchlauf der Preispflege zu löschen, was fehlschlägt, da die Datensätze ja schon gelöscht sind.<br />''Behoben voraussichtlich mit Version 003833 (Info 005664).''
*;Preise werden nicht bei allen Preislisten aktualisiert
:Eine Prüfung war fehlerhaft und konnte die Aktualisierung der Preise für eine Preisliste verhindern.<br />''Behoben mit Version 003911 (Info 005733).''
*;Preislisten, welche über Preisgruppen einem Kunden zugeordnet sind, werden im Shop nicht in Kundengruppen und Benutzern hinterlegt
:An einer Stelle in der Abfrage der Zuordnungen sind die Nummern für Preisgruppe und Preisliste vertauscht. Der Fehler betrifft eigene Preislisten, welche über Preisgruppen zugeordnet sind. Für die Standard-Preislisten VK1 bis VK9 kommt es nicht zu diesem Fehler, da hier die Nummern identisch sind.<br />''Behoben mit Version 003959 (Info 005785).''
*;Zuordnungen von Preislisten sind fehlerhaft
:Unter bestimmten Umständen (Löschen ganzer Preislisten oder Kunde ohne verbleibende Preisliste) kann es im OBS zu einem Problem mit der Verwaltung der Zuordnungen im Shop kommen. Zuordnungen können dabei erhalten bleiben oder werden nicht angelegt.<br />''Behoben mit Version 004012 (Info 005847).''

===Bestellvorlagen/Shoppinglisten===
*;Anzeige im Shop
:Nach aktuellem Stand können die Bestellvorlagen, die es auch schon für den VShop 4 exportiert werden konnten, in den brShop24 übertragen werden. Die Anzeige im Frontend (Ansicht für den Kunden) ist jedoch noch nicht umgesetzt. Sie können aktuell nur über den Admibereich prüfen, ob die Bestellvorlagen im Shop angekommen sind.<br />''Im Frontend werden die Listen jetzt angezeigt (Stand: 09.11.2021).''
*;Generierung Shoppinglisten
:Durch einen Fehler in der Erkennung des Brüroring Zentrallagers konnte die falsche Lager-ID gezogen werden. Dadurch wurden die Artikel nicht korrekt identifiziert und die Shoppinglisten wurden nicht generiert.<br />''Behoben vorraussichtlich mit Version 003815 (Info 005654).''
*;Zuordnung Shoppinglisten
:In der Übertragung wurden Shoppinglisten nicht in Benutzern zugeordnet. Dadurch sehen insbesondere bei allgemeinen Kundengruppen (z. B. registrierte Kunden) Benutzer die von OBS für eine Kundennummer erstellten und übertragenen Shoppinglisten nicht.<br />''Behoben mit Version 003832 (Info 005663).''

===Migration===
*;Auswahl eines vorhandenen Ansprechpartner für Zuordnung zu einem Shop-Benutzer schlägt fehlt
:Die Auswahl verhält sich als würde keine Datensatz ausgewählt werden und setzt daher die Zuordnung nicht.<br />''Behoben mit Version 004012 (Info 005845).''
*;Aus einem Benutzerkonto kann kein Ansprechpartner angelegt werden
:Es kann bei der Übernahme der Daten zu einem SQL-Fehler im OBS kommen, welcher die Anlage der Daten verhindert.<br />''Behoben mit Version 004012 (Info 005844).''

=Kosten=
*;Einrichtung
:Sie können die Schnittstelle vom OBS-Support einrichten lassen oder dies selbst erledigen. Informationen zu den nötigen Daten/Angaben für eine Einrichtung finden Sie im nächsten Punkt [[#Installation.2FEinrichtung|Installation/Einrichtung]].<br />Wenn Sie eine Einrichtung durch den OBS-Support wünschen, wird dies '''einmalig nach Aufwand''' abgerechnet.
*;Nutzung Schnittstelle
:Für den Einsatz wird pro aktiver brShop24-Schnittstelle '''monatlich 60 Euro''' berechnet.

=Installation/Einrichtung=
Für die Einrichtung werden Angaben zur API-Anbindung und FTP-Zugangsdaten für die Abholung der Auftragsdateien benötigt. Außerdem muss OBS für die Preispflege auf das kostenpflichtige [[OBS/Kostenpflichtige_Module/Preislisten|OBS-Modul Preislisten]] umgestellt worden sein.
<br />
Für eine genaue Auflistung der benötigten Informationen und eine Beschreibung der Einrichtung lesen Sie bitte die Seite zur [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|<u>Einrichtung einer brShop24-Schnittstelle</u>]].

=Mit der Schnittstelle Starten=
==Daten migrieren==
Sofern Sie in der Vergangenheit einen VShop 4 verwendet haben und die Daten vom Büroring in den neuen brShop24 migriert wurden, empfehlen wir nach Abschluss der Einrichtung eine [[Kostenpflichtige_Module/Internet-Shop/brShop24/Migration|Datenmigration im OBS]] durchzuführen (siehe auch [[#Umstellung.2FMigration_VShop_4|Umstellung/Migration VShop 4]]). Dabei werden die vom VShop 4 migrierten Kundendaten aus dem Shop ausgelesen und in OBS importiert. OBS versucht die importierten Daten anschließend mit den Stammdaten zu verknüpfen und erstellt für die Kunden die Webshop-Einstellungen und gibt die Ansprechpartner frei.<br />
Nach den Kundengruppen und Benutzern werden die Kostenstellen eingelesen und versucht den Einträgen im OBS zuzuordnen. Der Anzeigename (Shop) einer Kostenstelle muss dabei mit der Bezeichnung der Kostenstelle übereinstimmen und innerhalb der Kundengruppe eindeutig sein.
{{Achtung|Die Zuordnung läuft automatisiert und kann einige Minuten in Anspruch nehmen! Sollte der Vorgang abbrechen, können Sie die Migration erneut starten. Die Zuordnung erfolgt nur für Daten, die eindeutig identifiziert werden konnten!}}
<br />
Außerdem werden die Preislisten aus den im Shop vorhandenen Preislisten ermittelt und für die Schnittstelle freigegeben. Die Preislisten werden stattdessen nach erfolgreicher Zuordnung im Shop geleert und neu befüllt. So sind die Preisdaten auch gleich auf dem aktuellen Stand und für die spätere Aktualisierung sind die Daten im OBS entsprechend vorbereitet.
{{Achtung|Es findet '''keine''' Verknüpfung mit den Preisdaten im OBS statt, da der vollständige Abgleich aller einzelnen Preisdaten zu lange dauern würde!}}

==Datenhoheit==
Es gibt einige spezifische Daten im Shop, die von OBS nicht angefasst werden (dürfen). Das betrifft z. B. die Standard-Kundengruppen des brShop24. Für OBS-Daten hat jedoch OBS die Datenhoheit. Im Shop können Sie dies an den verfügbaren Funktionen (Bild 1) erkennen. Die von OBS gepflegten Daten werden über die API (Bild 2) angelegt und haben bei den Funktionen statt dem Stift-Symbol (Daten bearbeiten) nur ein Auge-Symbol (Daten ansehen).
<gallery widths="200px">
File:Br24_admin_datenoptionen.jpg|Bild 1: Funktionen|alt=Funktionen
File:Br24_admin_letzte_aend.jpg|Bild 2: Letzte Änderung|alt=letzte Änderung
</gallery>

=Umstellung/Migration VShop 4=
Nach aktuellem Stand wird für Kunden mit VShop 4 vom Büroring eine Migration des bestehenden VShop 4 auf den neuen brShop24 durchgeführt. Dabei soll auch gewählt werden können, welche Daten bei der Migration übernommen werden. Wie dies genau aussieht, müssen Sie jedoch mit dem Büroring klären. Es gibt jedoch auch einige Punkte, die Sie bei der Migration für die Umstellung im OBS bedenken müssen.
*;Neue API
:Im Unterschied zum VShop 4 läuft die Schnittstelle zum brShop24 über eine API. OBS dies bringt ein paar Einschränkungen für die migrierten Daten mit sich. Es ist OBS nicht möglich die Daten wiederzufinden, die von OBS zuvor in den VShop 4 übertragen wurden. Wie sich dies auf die Pflege von Daten auswirkt, muss noch in Erfahrung gebracht werden, da im Testsystem keine migrierten Daten zur Verfügung stehen.
*;Besonderheit Preisdaten
:OBS arbeitet in Schnittstelle über eine sogenannte API-ID, also eine Identifikationsnnummer speziell für die neue API. OBS kann nur Preisdaten verändern, die auch über die API in den Shop übertragen wurden. Wir empfehlen daher die Preisdaten möglichst über OBS zu pflegen und nicht migrieren zu lassen.
*;Schnittstelle im OBS
:Die Schnittstelle muss im OBS freigeschaltet und eingerichtet werden (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Dies kann bereits vor der Migration geschehen. Bedenken Sie jedoch, dass die Aufträge erst importiert werden können, nachdem die Schnittstelle eingerichtet wurde. Gebe Sie uns also rechtzeitig Bescheid, damit wir die Schnittstelle freigeben können. Die Einrichtung kann auf Wunsch von uns kostenpflichtig übernommen werden.{{Hinweis|Die Freischaltung der Schnittstelle hat auch eine Anpassung des Vertrags zur Folge. Bitte beachten Sie, dass die Schnittstelle brShop24 mit 60 Euro statt 20 Euro berechnet wird.}}
*;Modul Preislisten
:Für den brShop24 wird das Modul [[OBS/Kostenpflichtige_Module/Preislisten|Preislisten]] für die Pflege von Preisen über die Schnittstelle vorrausgesetzt. Sollten Sie dieses Modul noch nicht nutzen, so müsste dies zuvor eingerichtet werden, wenn Sie Preise aus OBS in den Shop übertragen möchten. Die Einrichtung des Moduls kann mehrere Stunden in Anspruch nehmen. Wir empfehlen die Umstellung vor der Migration durchzuführen, da dies die Arbeitsweise mit Artikelpreisen verändert. Eine Schulung wird ebenfalls empfohlen.
*;Migration Freigaben OBS VShop 4 nach brShop24 (siehe [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]])
:Über das Shop-Menü können Kundengruppen und Benutzer mit dem OBS-Personenstamm abgeglichen werden. Im Personenstamm werden dann für gefundene Datensätze Webshop-Einstelungen angelegt. Ansprechpartnern, welchen ein Benutzer eindeutig zugeordnet werden konnten, erhalten die Eigenschaft 9013 und die Zuordnung zur Schnittstelle. Sollte die eindeutige Zuordnung ohne Benutzername erfolgt sein, so wird auch der Benutzername im Ansprechpartner hinterlegt. Außerdem werden die Preislisten mit dem Shop abgeglichen, freigegeben und übertragen.{{Hinweis|Es ist nicht möglich die Passwörter auszulesen. Diese können also nicht im Ansprechpartner hinterlegt werden. Sollten Sie zu einem späteren Zeitpunkt die den Benutzer im Shop aktualisieren wollen, müssten diesen zuvor ein Passwort gegeben werden, sollte noch keines vorhanden sein.}}{{Achtung|Damit die Migration auch die Kundendaten verknüpfen kann, muss diese Funktionalität im Shop freigeschaltet sein. Wenden Sie sich hierzu an den Support des Büroring.}}
==Ablauf einer Umstellung==
Für gewöhnlich richtet Büroring zunächst einen Shop zu Testzwecken ein. Sie erhalten danach die API-Daten, mit denen die Schnittstelle eingerichtet werden kann (siehe dazu [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung|Einrichtung]]). Sie können jetzt die Schnittstelle testen und wenn Fragen oder Probleme geklärt sind, dem Büroring die Freigabe für den Live-Betrieb erteilen. Der Shop wird daraufhin zurückgesetzt. Dies muss im OBS ebenfalls passieren. Informieren Sie dazu den Support per Ticket oder E-Mail (siehe dazu auch [[Kostenpflichtige_Module/Internet-Shop/brShop24/Einrichtung#Vorwort|Vorwort Einrichtung]]).

=Menü=

{{Vorlage:KlapptextFAQ
|menu_b
|B Preislisten verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Preislisten_verwalten|Preislistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_f
|F Kundengruppen
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_i
|I Bestellvorlagen verwalten
|Öffnet die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoplistenverwaltung der Schnittstelle]].
}}

{{Vorlage:KlapptextFAQ
|menu_m
|M Migration
|Startet die [[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]] der Daten. Dabei werden die aktuellen Kudnendaten (Gruppen und Benutzer) eingelesen und im Personestamm, sofern automatisiert möglich, Webshop-Einstellungen angelegt und Ansprechpartner zugeordnet.
}}

{{Vorlage:KlapptextFAQ
|menu_t
|T Jobinformationen
|Die [[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]] sind ein Protokoll des Shops für die Preispflege-Jobs. Diese werden beim Exportieren der Preise angelegt. Über diesen Menüpunkt können Sie die bisherigen Job-Protokolle einsehen. Beim Einlesen der Jobinformationen werden aufgetretene Fehler verarbeitet.
}}

{{Vorlage:KlapptextFAQ
|menu_u
|U Bestellungen einlesen
|Liest die vorhanden Bestelldateien aus dem Shop-Verzeichnis ein. Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Bestellungen_einlesen|Automatiken: Bestellungen einlesen]].
}}

{{Vorlage:KlapptextFAQ
|menu_w
|W Definitionen importieren
|Über diesen Menüpunkt können Sie alle für OBS-Relevanten Definitionen zur Vorbereitung der Datenexporte importieren. Dies umfasst aktuell folgende Definitionen:
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|Depots/Lager mit Partner]]
*[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|Anreden]]
*Kundentypen (u. a. B2B, B2C)
*Kundenqualifikation (u. a. neuer Kunden, Stammkunde)
Für den automatischen Import siehe [[Kostenpflichtige_Module/Internet-Shop/Einrichtung/Automatiken#Definitionen_importieren|Automatiken: Definitionen importieren]].
{{Hinweis|Diese Definitionen spielen an verschiedenen Stellen eine wichtige Rolle. Sollten Sie die Definitionen noch nicht importiert und vor einem Datenexport zugeordnet haben, funktionert entweder der Datenexport nicht oder es werden Standardwerte verwendet.}}
}}

{{Vorlage:KlapptextFAQ
|menu_x
|X Konfiguration
|Öffnet die [[OBS/Stammdaten/Schnittstellen/Internet-Shop/Konfiguration|Konfiguration]] der Schnittstellen. Hier können die Einstellungen der Schnittstelle angepasst werden.{{Hinweis|Um Anpassungen vorzunehmen wird für die meisten Einstellungen ein Level von 3 oder 5 benötigt. Es ist möglich dieses Level anzupassen, auch kann ein Benutzer für die Schnittstelle ein abweichendes Benutzerlevel erhalten. Melden Sie sich bei Bedarf per [[OBS/System/Ticket-System|OBS Ticketsystem]] beim OBS-Support.}}
}}

{{Vorlage:KlapptextFAQ
|menu_y
|Y Testumgebung
|Öffnet eine Testumgebung, um die Anbindung zu testen.
}}

{{Vorlage:KlapptextFAQ
|menu_z
|Z Protokoll
|Über den Menüpunkt ''Z Protokoll'' des Shops-Menüs erhalten Sie Zugriff auf das Shop-Protokoll. Es werden vorrangig Hinweise zu Fehlern oder Problemen bei Im- und Exporten protokolliert. Über die Konfiguration kann mit Aktivierung des Debugmodus (Schlüssel ''Shop.Debug'') eine erweiterte Protokollierung aktiviert werden. Dafür benötigt ein Benutzer jedoch Administrationsrechte (Level 9) für die Schnittstelle.
}}

=Zuordnungen=
Zuordnungen von Stammdaten wie Lieferanten und Mengeneinheiten nehmen Sie über den Shop-Menüpunkt ''X Konfiguration'' vor. In der Kofigurationsliste gelangen Sie über {{Key|F8 Zuord}} ins Zuordnungsmenü.<br />
<br />
Aktuelle Menüpunkte:
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Anreden#brShop24|A Anreden]]
:Liste für im Shop definierte Anreden. Hier können Sie die OBS-Anreden mit den Shop-Anreden verknüpfen. Relevant für den Export von Personen. Ohne Zuordnung werden Personen ohne Anrede exportiert.
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/Einheiten#brShop24|E Einheiten]]
:Liste für im Shop definierte Mengeneinheiten. Ordenen Sie hier die im OBS verwendeten Mengeneinheiten zu. {{Hinweis|Relevant für eigene Artikel. Ist eine verwendete OBS-Mengeneinheit nicht zugeordnet, so wird beim Export die Einheit "ST" (Stück) für den jeweiligen Artikel verwendet.}}
*;[[Kostenpflichtige_Module/Internet-Shop/Konfiguration/Zuordnungen/DepotPartner|L Lager und Lagerlieferanten]]
:Definierte Depots und Partner des Shops. Partnern können Sie einem OBS-Lieferanten zuordnen und die Lager entsprechend auf Pflege Büroring oder als eigene Artikel definieren. Relevant für den Export von Preisen, Shoppinglisten (Bestellvorlagen) und eigene Artikel.
*;[[Kostenpflichtige_Module/Internet-Shop/Zusatz/Artikeltausch|T Artikeltausch]]
:Greift beim Auftragsimport. Austauschen bestimmter Referenznummern gegen einen festgeschrieben Artikel z. B. für Pauschalen.

=Erklärungen/Funktionen=
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Kundengruppen_verwalten|Kundengruppen verwalten]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Personen_übertragen|Kunden übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen|Preise übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Eigene_Artikel_übertragen|eigene Artikel übertragen]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Shoppinglisten_übertragen|Shoppinglisten übertragen (z. B. Bestellvorlagen)]]
*[[Kostenpflichtige_Module/Internet-Shop/brShop24/Jobinformationen|Jobinformationen]]
*[[Kostenpflichtige Module/Internet-Shop/brShop24/Migration|Migration]]
*PDF-Druck Artikellink

=Häufig gestellte Fragen (FAQ)=
==Daten Allgemein==
{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_datennichtangezeigt
|Ich habe Daten aus OBS übertragen, diese werden jedoch nicht angezeigt?
|Je nach Art der Daten gelten verschiedene Voraussetzungen. Prüfen Sie daher, ob die Voraussetzungen gegeben sind oder bereits der Export scheitert. Entsprechende Hinweise finden Sie in den Hilfetexten zum jeweiligen Datenexport oder im Protokoll.<br /><br />Sind die Daten im Shop angelegt dort jedoch z. B. über den Adminbereich gelöscht worden, so können die Daten dort wiederhergestellt werden. Prüfen Sie daher auch, ob dies auf die Daten zutrifft.<br />Dazu sei noch angemerkt, dass es im brShop24 zwei Varianten zum Löschen von Daten gibt:
#Soft-Delete<br />d.h. ein Datensatz kann mit einem Löschkennzeichen markiert werden, so dass dieser zur Not auch wieder hergestellt werden kann (ähnlich dem Papierkorb unter Windows). Dies wird so z. B. im Adminbereich angewendet.
#Hard-Delete<br />d.h. der Datensatz wird auch physikalisch vom Datenträger gelöscht, ist somit aus dem System entfernt und kann nicht wieder hergestellt werden. Dies gilt für die API.
}}

{{Vorlage:KlapptextFAQ
|faq_brshop24_alg_apisuperadmin
|Kann ich die Datensätze aus der API im Adminbereich ändern/editieren?
|Standardmäßig wird eine Bearbeitung von Datensätzen, welche per API gepflegt werden, im Shop gesperrt. Sie haben jedoch die Möglichkeit die Bearbeitung in Ihrem Adminbenutzer freizugeben. Die Administratoren finden Sie im Menü des Adminbereichs unter ''Administration'' im Unterpunkt ''Administratoren''. Suchen Sie in der Liste Ihren Benutzer (Benutzername steht oben rechts) und öffnen Sie die Eingabemaske. Im Reiter ''Einstellungen'' setzen Sie dann as Häkchen bei ''API Super-Administrator?''.
{{Hinweis|Da es Daten/Felder gibt, welche OBS nicht über die API pflegen kann. Kann es durchaus sinnvoll sein, dies zu aktivieren. Dies betrifft z. B. Berechtigungen für Kundengruppen wie die Sortimentsfreigabe.}}
}}

==Preise/Preislisten==
Siehe [[Kostenpflichtige_Module/Internet-Shop/brShop24/Preise_übertragen#Häufig_gestellt_Fragen_(FAQ)|FAQ Preisexport brShop24]].

==Import Auftragsdateien (OpenTRANS)==
{{Vorlage:KlapptextFAQ
|faq_brshop24_imp_auftrag
|Warum wird die Kostenstelle nicht übernommen?
|Die Referenz auf die Kostenestelle muss in der Auftragsdatei im Element COST_CATEGORY_ID enthalten sein. OBS erwartet hier die vollständige Bezeichnung der [[OBS/Stammdaten/Personen#B2_-_Kostenstellen|Kostenstelle]]. Ist die Kostenstelle in der Auftragsdatei nicht enthalten oder die Referenz stimmt mit keiner Kostenstelle überein, so wird im Import keine Kostenstelle übernommen.
}}

==Migration VShop4==
{{Vorlage:KlapptextFAQ
|faq_brshop24_allg_parallelbetrieb
|Können im OBS brShop24 und VShop4 parallel betrieben werden?
|Ja, es ist mögliche beide Shops im OBS zu verwalten. OBS ist in der Lage mehrere Schnittstellen, auch des gleichen Typs, zu verwalten. Die Schnittstellen arbeiten unabhängig voneinander. Nach unseren Informationen ist ein Parallelbetrieb seitens Büroring jedoch nicht gewünscht, da die Daten des VShop 4 nachträglich nicht oder nur mit deutlich größerem Aufwand in den brShop24 migriert werden könnten. Eventuell gehen Ihnen hier also Daten verloren, wenn der VShop4 abgeschaltet wird. Der brShop24 würde nach der Migration also Ihren aktuellen VShop 4 ersetzen. Bei Fragen zu dem Thema wenden Sie sich bitte an den Support des Büroring.
}}

OBS/Kostenpflichtige Module/RESTServer/Beispiel2

2023-10-18T08:39:55Z

Prakti:

{{Kostenpflichtige Module}}

Dieses Script dient zur Zeiterfassung über den REST-Server. Bei Seitenaufruf wird eine Liste von Kunden geladen und in einer Liste angezeigt.

Durch Rechtsklick auf einen Eintrag wird eine Liste an zugehörigen Tätigkeiten geladen, die nach Klick einen Timer starten.

Per Javascript werden Startzeit, Startdatum und andere Informationen wie Kunde und Personalnummer über die PHP-Scripte und das Endpunkt-Script in einer Datenbank gespeichert.

Der Status wird hierbei auf "1" gesetzt. Pausenzeiten werden nach Beenden einer Pause in der Datenbank gespeichert.

Durch Drücken des Stop-Buttons wird eine Lightbox mit einer Zusammenfassung aller zum Timer gehörenden Daten angezeigt. Hier hat man die Möglichkeit Tätigkeiten, abgelaufene Zeit und

Pausenzeit nachträglich zu bearbeiten. Durch Klick auf "Speichern" oder Druck auf F2 werden Endzeit und Enddatum gespeichert und der Status auf "21" gesetzt.

Nach Reload der Webseite wird anhand des Status in der Datenbank nach laufenden Timern gesucht und diese gegebenenfalls gestartet.

= Endpunkt-Script =
<syntaxhighlight lang="pascal">
procedure _AddJob(oArr: TJSONArray; id: String);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT CONCAT(za_text, ":",sys_uid) AS Job FROM zeiterfart ' +
'WHERE za_psnr = ' + DB_SQLVal(id) + ' AND za_inaktiv <> "1" ' +
'ORDER BY za_order';
if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Job'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCustomer(oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Kunde'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddID(kunde: String; oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' AND Kunde = ' + DB_SQLVal(kunde) +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ps_nr'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCHECK(oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT ze_starttime, zeiterfuser.sys_uid AS sysuid, zk_psnr, ' +
'za_text, ps_such, ze_startdate FROM ' +
'zeiterfuser LEFT JOIN zeiterfkomm ON ' +
'zk_messunguid = zeiterfuser.SYS_UID LEFT JOIN zeiterfart ' +
'ON zeiterfart.sys_uid = zeiterfuser.ze_uid AND ' +
'za_psnr = zeiterfkomm.zk_psnr LEFT JOIN perssta ON ' +
'ps_nr = zeiterfkomm.zk_psnr WHERE ze_status = 01 ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_starttime'));
oArr.Add(A_Query.A2C('zk_psnr'));
oArr.Add(A_Query.A2C('za_text'));
oArr.Add(A_Query.A2C('ps_such'));
oArr.Add(A_Query.A2C('sysuid'));
oArr.Add(A_Query.A2C('ze_startdate'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _getPauseTime(sysuid: String; oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT * FROM zeiterfuser WHERE sys_uid = ' + DB_SQLVal(sysuid);

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_pausezeit'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

//----------------Funktionen----------------------------------//

function POST(oParams: TStrings): string;
var
oArr1 : TJSONArray;
cSql : String;

begin
if (oParams.values['choice']='job') then begin
oArr1 := TJSONArray.Create();
_AddJob(oArr1, oParams.values['id']);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='customer') then begin
oArr1 := TJSONArray.Create();
_AddCustomer(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='id') then begin
oArr1 := TJSONArray.Create();
_AddID(oParams.values['selectedKunde'], oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='check') then begin
oArr1 := TJSONArray.Create();
_AddCHECK(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='pauseTime') then begin
oArr1 := TJSONArray.Create();
_GetPauseTime(oParams.values['sysuid'], oArr1);
result := oArr1.ToJSON();
end;
end;

function PUT(oParams: TStrings): string;
var
xZeit : TqSQL;
cUSER_SYSUID : String;
cKOMM_SYSUID : String;
lNew : Boolean;
cSql : String;
dDBNow : TDateTime;
begin
writeln('Choice: ' + oParams.values['choice']);
if (oParams.values['choice']='start') then
begin
dDBNow := DB_Now(oDB);
lNew := True;
if (empty(cUSER_SYSUID)) then begin
cUSER_SYSUID := GetNewId(oDB);
end;

xZeit := qSqlInit(oDB, 'zeiterfuser');
xZeit.lNoSysUID := True;

writeln('SYSUID: ' + oParams.values['jobID']);

xZeit.qSet('ze_user' , oParams.values['user']);
xZeit.qSet('ze_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('ze_eigen' , '0101');
xZeit.qSet('ze_startdate' , oParams.values['datum']);
xZeit.qSet('ze_endtime' , oParams.values['endTime']);
xZeit.qSet('ze_enddate' , oParams.values['endDate']);
xZeit.qSet('ze_zeit' , '0');
xZeit.qSet('ze_pausezeit' , '0');
xZeit.qSet('ze_status' , oParams.values['status']);
xZeit.qSet('ze_berechnen' , 0);
xZeit.qSet('ze_officestar' , 0);
xZeit.qSet('ze_repa' , 0);
xZeit.qSet('ze_vorbereitung' , 0);
xZeit.qSet('ze_uid' , oParams.values['jobID']);
xZeit.qSet('sys_uid' , cUSER_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

//---------------------------------------------------------------------

xZeit := qSqlInit(oDB,'ZEITERFKOMM');
xZeit.lNoSysUID := True;

if (empty(cKOMM_SYSUID)) then begin
cKOMM_SYSUID := GetNewId(oDB);
end;

xZeit.qSet('zk_psnr' , oParams.values['psnr']);
xZeit.qSet('zk_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('zk_startdate' , oParams.values['datum']);
xZeit.qSet('zk_kommentar' , oParams.values['comm']);
xZeit.qSet('zk_messunguid' , cUSER_SYSUID);
xZeit.qSet('sys_uid' , cKOMM_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

result := cUser_SYSUID;

end else if (oParams.values['choice']='stop') then
begin

cSql := 'UPDATE zeiterfuser, zeiterfkomm ' +
' SET zeiterfuser.ze_zeit = ' + oParams.values['elapsedTime'] +
', zeiterfuser.ze_endtime = ' + oParams.values['vergZeit'] +
', zeiterfuser.ze_enddate = ' + oParams.values['stopTimeValue'] +
', zeiterfuser.ze_pausezeit = ' + oParams.values['elapsedPauseTime'] +
', zeiterfuser.ze_status = ' + oParams.values['status'] +
', zeiterfkomm.zk_kommentar = ' + oParams.values['comment'] +
' WHERE zeiterfuser.sys_uid = ' + DB_SQLVal(oParams.values['uid']) +
' AND zeiterfkomm.zk_messunguid = ' + DB_SQLVal(oParams.values['uid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end else if (oParams.values['choice']='pause') then
begin
writeln('Pausezeit: ' + oParams.values['pauseTime']);
cSql := 'UPDATE zeiterfuser SET ze_pausezeit ' +
'= ze_pausezeit + ' + oParams.values['pauseTime'] +
' WHERE sys_uid = ' + DB_SQLVal(oParams.values['sysuid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end;
end;
</syntaxhighlight>

= HTML-Datei index.php =
<syntaxhighlight lang="html">
<!DOCTYPE html>
<html lang="de-DE">
<head>
<title>Ihr IT-Partner in Stade - Ernst Bergau GmbH</title>
<link rel="stylesheet" type="text/css" href="timestyle.css">
</head>
<script>
<?php
include('timer.js');
?>
</script>
<body>




<textarea id="search" type="text" rows="1" cols="50" oninput="searchCustomers(this.value)"></textarea>

<div class="kundenliste">
<ul id="kundenListe"></ul>
</div>
<table class="timer">
<tbody id="timerList"></tbody>
</table>
<table class="tabelleUeberschriften">
<thead>
<tr>
<th class="kunde">Kunde</th>
<th class="konto">Konto</th>
<th class="laufzeit">Laufzeit</th>
<th class="status">Status</th>
</tr>
</thead>
</table>

<div class="lightbox" id="lightbox">
<label class="commLabel" id="commLabel" for="comment">Kommentar</label>
<textarea class="comment" id="comment" rows="4" cols="50"></textarea>

<div class="bezZeitkonto">Zeitkonto</div>
<select class="dropButtonsLightbox" id="tätigkeit2Dropdown"></select>

<div class="bezDatum">Startdatum</div>
<input type="date" class="date" id="date">

<textarea disabled class="uhrzeit" id="uhrzeit"></textarea>

<div class="bezPerson">Person</div>
<textarea disabled class="eingPerson" id="eingPerson"></textarea>
<textarea disabled class="eingPersonZusatz" id="eingPersonZusatz"></textarea>

<div class="Std">Std</div>
<input type="number" class="outStd" id="outStd">
<div class="Min">Min</div>
<input type="number" class="outMin" id="outMin">
<div class="Sek">Sek</div>
<input type="number" class="outSek" id="outSek">

<div class="Pausenzeiten">Davon Pausenzeiten</div>
<div class="Std2">Std</div>
<input type="number" class="outStd2" id="outStd2">
<div class="Min2">Min</div>
<input type="number" class="outMin2" id="outMin2">
<div class="Sek2">Sek</div>
<input type="number" class="outSek2" id="outSek2">

<button class="saveButton" id="saveButton">Speichern</button>
<button class="closeButton" id="closeButton" onclick="closeLightboxOnSchliessen()">Schließen</button>
</div>

<div id="zweiteListe">
<ul id="taetigkeitListe"></ul>
</div>
</body>
</html>

</syntaxhighlight>

= Javascript-Datei timer.js =
<syntaxhighlight lang="javascript">
var api_key = 'Y00C75PODJ';
var url = 'http://127.0.0.1:8099/Zeiterfa/zeiterfa/v1';
var zaehler = -1;
var timerInterval;
var pauseTimerInterval;
var startTimeValue;
var selectedID = 0;
var elapsedTime;
var uid;
var idStop;
var time;
var selID = [];
var job = [];
var sys_uid = [];
var timers = [];
var pauseTimers = [];
var pauseTime = [];
var startdate = [];
var uhrzeit = [];
var datum = [];
var statusTimer = [];
var selectedJob = [];
var selectedKunde = [];
var tempSelectedKunde = [];
var parameter = [];

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Seitenaufruf---------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Bei Seitenaufruf werden die Funktionen----//
//----getCustomer und checkTimer aufgerufen und----//
//----die Kundenliste gefüllt und geprüft,----//
//----ob laufende timer vorhanden sind----//

window.onload = function() {

getCustomer();
checkTimer();
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Daten auslesen--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste der Kunden wird ausgelesenund gespeichert----//

function getCustomer() {

var method = 'POST';
var choice = 'customer';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
populateListeKunde(responseData);
}
};
request.send(params);
}

//----Bei Rechtsklick auf Kunden wird----//
//----seine ID ausgelesen und gespeichert----//

function getCustomerID(selectedKunde, callback) {

var method = 'POST';
var choice = 'id';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&selectedKunde=" + encodeURIComponent(selectedKunde);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
selectedID = JSON.parse(request.responseText);
callback(selectedID);
}
};
request.send(params);
}

//----Anhand der Kunden-ID wird eine Liste von Tätigkeiten----//
//----für jeden Kunden ausgelesen und gespeichert----//

function getJob(id, callback) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var Data = responseData.toString();
var teile = Data.split(",");
var jobid = [];

for (i=0; i<teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
callback(job, jobid);
}
};
request.send(params);
}

//----Tätigkeitsliste wird nochmal zur Weiterverarbeitung gelesen----//

function getJobs(id) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var data = responseData.toString();
var teile = data.split(",");
var jobid = [];

for (var i = 0; i < teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
}
};
request.send(params);
}

//----Gespeicherte Pausezeit wird ausgelesen----//

function getPauseTime(sysuid, id) {

var method = 'POST';
var choice = 'pauseTime';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&sysuid=" + encodeURIComponent(sysuid);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
pauseTime[id].value = JSON.parse(request.responseText);

}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Listen--------------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste wird mit Kundendaten gefüllt und angezeigt----//

function populateListeKunde(data) {

data.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

listItem.addEventListener("contextmenu", function(event) {
event.preventDefault();

var selectedKunde = item;
getCustomerID(selectedKunde, function(selectedID) {
getJob(selectedID, function(job, jobid) {
showSecondList(job, jobid, item);
});
});
});

kundenListe.appendChild(listItem);
});
}

//----Eine zweite Liste wird mit Jobs gefüllt,----//
//----angezeigt und bei Klick auf einen Eintrag---//
//-------die Funktion startTimer aufgerufen-------//

function showSecondList(job, jobid, kundeItem) {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.innerHTML = "";

job.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

(function(capturedItem) {
listItem.addEventListener("click", function() {
startTimer(job, jobid, capturedItem, kundeItem);
});
}) (item);
zweiteListe.appendChild(listItem);
});

zweiteListe.style.display = "block";
document.addEventListener('keydown', closeSecondList);
document.addEventListener('click', closeSecondList);
}

//----Nach Klick auf Eintrag wird die Liste geschlossen----//
function closeSecondList() {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Daten speichern-----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Startzeit, -datum, ID und Job werden gespeichert----//

function saveStartTime(user, uhrzeit, datum, endTime, endDate, status, psnr, Job, jobID) {

var method = 'PUT';
var choice = 'start';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&user=" + encodeURIComponent(user) +
"&uhrzeit=" + encodeURIComponent(uhrzeit) +
"&datum=" + encodeURIComponent(datum) +
"&endTime=" + encodeURIComponent(endTime) +
"&endDate=" + encodeURIComponent(endDate) +
"&status=" + encodeURIComponent(status)+
"&psnr=" + encodeURIComponent(psnr)+
"&Job=" + encodeURIComponent(Job)+
"&jobID=" + encodeURIComponent(jobID);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
sys_uid[zaehler].value = request.responseText;
}
};
request.send(params);
}

//----Pausezeit wird gespeichert----//

function savePauseTime(pauseTime, id) {

var method = 'PUT';
var choice = 'pause';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&pauseTime=" + encodeURIComponent(pauseTime) +
"&sysuid=" + encodeURIComponent(sys_uid[id].value);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {

if (this.readyState === 4 && this.status === 200) {
// alert(request.responseText);
}
};
request.send(params);
}

//----Stopzeit und -datum wird gespeichert----//

function saveStopTime(stopTimeValue, elapsedTime, elapsedPauseTime, status, uid, vergZeit, comment) {

var method = 'PUT';
var choice = 'stop';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&stopTimeValue=" + encodeURIComponent(stopTimeValue) +
"&elapsedTime=" + encodeURIComponent(elapsedTime) +
"&elapsedPauseTime=" + encodeURIComponent(elapsedPauseTime) +
"&status=" + encodeURIComponent(status) +
"&uid=" + encodeURIComponent(uid) +
"&vergZeit=" + encodeURIComponent(vergZeit)+
"&comment=" + encodeURIComponent(comment);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
location.reload();
}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Like-Suche----------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Durchsucht die Liste der Kunden auf alle einegegebenen Zeichen----//

function searchCustomers(text) {

text = text.toLowerCase();
var kundenListe = document.getElementById("kundenListe");
var listItems = kundenListe.getElementsByTagName("li");

for (i=0; i<listItems.length; i++) {
var item = listItems[i].textContent.toLowerCase();
if (item.includes(text)) {
listItems[i].style.display = "block";
}
else {
listItems[i].style.display = "none";
}
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------Vorhandenen Timer checken----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Überprüft, ob es Einträge in Datenbank ohne----//
//----Endzeit gibt und startet entsprechend Timer----//

function checkTimer() {

var method = 'POST';
var choice = 'check';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
var responseData = JSON.parse(request.responseText);

if (responseData.length !== 0) {
startTimeValue = new Date();
var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
var month = startTimeValue.getMonth() + 1;

responseData = responseData.toString();
var teile = responseData.split(",");

for (var i=0; i<teile.length; i+=6) {
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

zaehler++;

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: teile[i]});
}

var j=0;
for (var i=1; i<teile.length; i+=6) {
selID.push({value: teile[i]});
getJobs(selID[j].value);
j++;
}

fillArray(2, selectedJob, teile);
fillArray(3, selectedKunde, teile);
fillArray(4, sys_uid, teile);
fillArray(5, startdate, teile);

for (var i=0; i<timers.length; i++) {
var startZeitTeil = timers[i].value.split(":");
var startDatumTeil = startdate[i].value.split(".");

var diffMilli = new Date() - getStartdatum(startDatumTeil, startZeitTeil);
timers[i].value = Math.floor(diffMilli / 1000);
}

selecteID = 0;
startInterval(job);
}
}
};
request.send(params);
}

//----Arrays werden an diese Funktion übergeben und gefüllt----//

function fillArray(LZ, array, teile) {

var arrLZ = 0;
for (var i=LZ; i<teile.length; i+=6) {
array.push({value: teile[i]});
arrLZ++;
}
}

//----Startdatum wird errechnet----//
function getStartdatum(startDatumTeil, startZeitTeil) {

var startdatum = new Date(
parseInt(startDatumTeil[2]),
parseInt(startDatumTeil[1]) -1,
parseInt(startDatumTeil[0]),
parseInt(startZeitTeil[0]),
parseInt(startZeitTeil[1]),
parseInt(startZeitTeil[2])
);
return startdatum;
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Interval--------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Interval für Timer wird gestartet----//

function startInterval(job, item, kundeItem, index) {

timerInterval = setInterval(function() {

for (i=0; i<timers.length; i++) {

timers[i].value += 1;
}
updateUI(job, item, kundeItem, index);
}, 1000);
}

//----Interval für Pausentimer wird gestartet----//

function pauseInterval(job, item, kundeItem, id) {

pauseTimerInterval = setInterval(function() {

for (i=0; i<pauseTimers.length; i++) {

pauseTimers[i].value += 1;
}
updateUI(job, item, kundeItem);
}, 1000);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer starten----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----startTimer bereitet die nötigen Arrays vor,----//
//----speichert Startzeit und -datum,----//
//----beschreibt Arrays und Variablen entsprechend----//
//----und ruft die Funktion saveStartTime auf----//

function startTimer(jobs, jobid, selJob, kundeItem) {

var user = 999;
var endTime = "00:00:00";
var endDate = "0000-00-00";
var status = '01';
zaehler++;

startTimeValue = new Date();

var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});

var month = startTimeValue.getMonth() + 1;
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: 0});
selectedKunde.push({value: kundeItem});
selectedJob.push({value: selJob});
sys_uid.push({value: 0});

var index = jobs.indexOf(selJob);

saveStartTime(user, uhrzeit[zaehler].value, datum[zaehler].value, endTime, endDate, status, selectedID, selJob, jobid[index]);

clearInterval(timerInterval);
startInterval(jobs, selJob, kundeItem, index);

zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer stoppen----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Stopt den Timer, ändert den Status und ruft openLightbox auf----//

function stopTimer(job, item, kundeItem, index, id) {

idStop = id;
statusTimer[id].value = 'Stopped';
openLightbox(job, item, kundeItem, index, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer pausieren--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Pausiert den Timer und ändert den Status----//

function pauseTimer(job, item, kundeItem, id) {

pauseTimers[id].value = 0;
clearInterval(pauseTimerInterval);
pauseInterval(job, item, kundeItem, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//----------------------------------------------Button Pause-Start-------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Ruft die Funktion pauseTimer oder----//
//----savePauseTimer auf----//

function toggleButton(job, item, kundeItem, id) {

var button = document.getElementById(id);

if (button.innerHTML === "Pause") {

statusTimer[id].value = 'Paused';
pauseTimer(job, item, kundeItem, id);
}
else {

statusTimer[id].value = "Running";
savePauseTime(pauseTimers[id].value, id);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Ausgabe des Timers-----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Zeigt eine Liste mit einem oder mehreren----//
//----Timern und Buttons, verteilt dynamisch ID's----//
//----und ruft entsprechend der gedrückten----//
//----Buttons Funktionen auf----//

function updateUI(job, item, kundeItem, index) {
var timerList = document.getElementById("timerList");
timerList.innerHTML = '';

for (i=0; i<timers.length; i++) {
var neueReihe = document.createElement('tr')

//----Name des Kunden wird ausgegeben----//

var kundeEintrag = document.createElement('td');
kundeEintrag.style.position = "fixed";
kundeEintrag.style.top = (12 + i * 14) + "%";
kundeEintrag.style.width = "30%";
kundeEintrag.style.left = "0%";
kundeEintrag.style.textAlign = "center";
kundeEintrag.classList.add('kunde_k');
kundeEintrag.textContent = selectedKunde[i].value;
timerList.appendChild(kundeEintrag);

//----Gewählter Job wird ausgegeben----//

var kontoEintrag = document.createElement('td');
kontoEintrag.style.position = "fixed";
kontoEintrag.style.top = (12 + i * 14) + "%";
kontoEintrag.style.width = "30%";
kontoEintrag.style.left = "30%";
kontoEintrag.style.textAlign = "center";
kontoEintrag.classList.add('konto_k');
kontoEintrag.textContent = selectedJob[i].value;
timerList.appendChild(kontoEintrag);

//----Gestartete Timer werden in Liste----//
//----ausgegeben, pausierte Timer werden----//
//----Liste ausgegeben, sobald Timer gestoppt----//
//----wird Ausgabe in Lightbox----//

if (statusTimer[i].value === "Running") {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(timers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Paused') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Stopped') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);

var zeit = formatElapsedTime(timers[i].value);
zeit = zeit.toString();
var teile = zeit.split(":");

var h = teile[0];
var m = teile[1];
var s = teile[2];

var outStdField = document.getElementById("outStd");
var outMinField = document.getElementById("outMin");
var outSekField = document.getElementById("outSek");

if (document.activeElement !== outStdField && document.activeElement !== outMinField && document.activeElement !== outSekField) {
document.getElementById("outStd").value = h;
document.getElementById("outMin").value = m;
document.getElementById("outSek").value = s;
}

var hEnd = document.getElementById("outStd").value;
var mEnd = document.getElementById("outMin").value;
var sEnd = document.getElementById("outSek").value;
time = hEnd + ":" + mEnd + ":" + sEnd;
}

//----Status (Running, Paused, Stopped) wird ausgegeben----//

var statusTimerElement = document.createElement('td');
statusTimerElement.style.position = "fixed";
statusTimerElement.style.top = (12 + i * 14) + "%";
statusTimerElement.style.width = "15%";
statusTimerElement.style.left = "75%";
statusTimerElement.style.textAlign = "center";
statusTimerElement.classList.add('status_s');
statusTimerElement.textContent = statusTimer[i].value;
timerList.appendChild(statusTimerElement);

//----Pause Button mit dynamisch vergebener ID wird ausgegeben----//

if (statusTimer[i].value === "Running") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Pause"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}
else if (statusTimer[i].value === "Paused") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Start"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}

//----Stop Button mit dynamisch vergebener ID wird ausgegeben----//

var stopButton = document.createElement('button')
stopButton.id = i;
stopButton.classList.add('stopButton');
stopButton.style.position = "fixed";
stopButton.style.top = (12 + i * 14) + "%";
stopButton.style.left = "94%";
stopButton.style.height = "9.4%";
stopButton.style.width = "3%";
stopButton.style.fontSize = "80%";
stopButton.textContent = "Stop"
stopButton.addEventListener('click', function() {stopTimer(job, item, kundeItem, index, this.id)});
timerList.appendChild(stopButton);

//----Für jeden aufgerufenen Timer wird----//
//----eine neue Reihe ausgegeben----//

timerList.appendChild(neueReihe);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//-----------------------------------------------Sekunden in Uhrzeit umrechnen-------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Sekunden in Stunden,----//
//----Minuten und Sekunden und gibt diese----//
//----an aufrufende Funktion zurück----//

function formatElapsedTime(seconds) {

var minutes = Math.floor(seconds / 60);
seconds %= 60;
var hours = Math.floor(minutes / 60);
minutes %= 60;
function addLeadingZero(n) {
return (n < 10 ? '0' : '') + n;
}

return addLeadingZero(hours) + ":" + addLeadingZero(minutes) + ":" + addLeadingZero(seconds);
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------Uhrzeit in Sekunden umrechnen----------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Stunden, Minuten----//
//----und Sekunden in Sekunden um und----//
//----gibt diese an aufrufende Funktion zurück----//

function timeInSeconds(zeit) {

var teile = zeit.split(':');
var Stunden = parseInt(teile[0], 10);
var Minuten = parseInt(teile[1], 10);
var Sekunden = parseInt(teile[2], 10);
return Stunden * 3600 + Minuten * 60 + Sekunden;
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Lightbox-------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Öffnet eine Lightbox und zeigt Kunde----//
//----Job, vergangene Zeit und evtl Pausenzeit an----//
//----und gibt Möglichkeit alle Zeiten anzupassen----//

function openLightbox(job, item, kundeItem, index, id) {

document.getElementById('lightbox').style.display = 'block';

var dateField = document.getElementById("date");
dateField.value = datum[id].value;
document.getElementById("uhrzeit").innerHTML = uhrzeit[id].value;

var commentTextarea = document.getElementById("comment");
commentTextarea.value = selectedJob[id].value;

document.getElementById("eingPersonZusatz").innerHTML = selectedKunde[id].value;

if (selectedID.length !== undefined) {
document.getElementById("eingPerson").innerHTML = selectedID;
}
else {
document.getElementById("eingPerson").innerHTML = selID[id].value;
}

//----Ausgabe der vergangenen Zeit in Lightbox----//

document.getElementById("outStd").value = 00;
document.getElementById("outMin").value = 00;
document.getElementById("outSek").value = 00;

//----Ausgabe der Pausenzeiten in Lightbox----//

document.getElementById("outStd2").value = 00;
document.getElementById("outMin2").value = 00;
document.getElementById("outSek2").value = 00;
getPauseTime(sys_uid[id].value, id);

var secondsPause = pauseTime[id].value;
secondsPause %= 60;

var minutesPause = Math.floor(pauseTime[id].value / 60);
minutesPause %= 60;

var hoursPause = Math.floor(minutesPause / 60);
hoursPause %= 60;

document.getElementById("outStd2").value = hoursPause;
document.getElementById("outMin2").value = minutesPause;

if (secondsPause > 0) {
document.getElementById("outSek2").value = secondsPause;
}
else {
document.getElementById("outSek2").value = 0;
}

var dropdown2 = document.getElementById("tätigkeit2Dropdown");

job.forEach(function(item, index) {
var option = document.createElement("option");
option.textContent = item;
dropdown2.add(option)

if (item === selectedJob[id].value) {
option.selected = true;
}
});

document.addEventListener('keydown', closeLightboxOnEscape);
document.addEventListener('keydown', closeLightboxOnF2);
}

//----Lightbox schließen----//

function closeLightbox() {

document.getElementById('lightbox').style.display = 'none';
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn der Schließen-Button gedrückt wird----//

function closeLightboxOnSchliessen() {

statusTimer[idStop].value = 'Running';
closeLightbox();
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn Escape gedrückt wird----//

function closeLightboxOnEscape() {

if (event.key === 'Escape') {
statusTimer[idStop].value = 'Running';
closeLightbox();
}
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn F2 gedrückt wird----//

function closeLightboxOnF2(event) {

if (event.key === 'F2') {
saveBox();
closeLightbox();
}
}

//----Alle Daten in Lightbox werden gespeichert----//

function saveBox() {

var vergZeit = '"' + time + '"';

var teile = time.split(":");
var stunden = parseInt(teile[0]);
var minuten = parseInt(teile[1]);
var sekunden = parseInt(teile[2]);
time = stunden * 3600 + minuten * 60 + sekunden;

elapsedTime = time;

var comment = '"' + document.getElementById("comment").value + '"';

var hPEnd = document.getElementById("outStd2").value;
var mPEnd = document.getElementById("outMin2").value;
var sPEnd = document.getElementById("outSek2").value;
var pTime = hPEnd + ":" + mPEnd + ":" + sPEnd;
pTime = timeInSeconds(pTime);

var uid = sys_uid[idStop].value;
var month = startTimeValue.getMonth();
var day = startTimeValue.getDate();
month += 1;
var stopTimeValue = '"' + startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day) + '"';

var status = 21;

timers.splice(idStop, 1);
pauseTimers.splice(idStop, 1);
pauseTime.splice(idStop, 1);
selectedKunde.splice(idStop, 1);
selectedJob.splice(idStop, 1);
statusTimer[idStop].value = 'Running';
sys_uid.splice(idStop, 1);

if (zaehler > 0) {
zaehler -= 1;
}

closeLightbox();

if (timers.length === 0) {
clearInterval(timerInterval);
}

saveStopTime(stopTimeValue, elapsedTime, pTime, status, uid, vergZeit, comment);
}

//----Funktion saveBox wird aufgerufen,----//
//----wenn der Save-Button gedrückt wird----//

document.addEventListener('DOMContentLoaded', function() {
const saveButton = document.getElementById('saveButton');
saveButton.addEventListener('click', function() {
saveBox();
})
});
</syntaxhighlight>

= PHP-Script saveTime.php =
<syntaxhighlight lang="php">
<?php
$user = 0;
$uhrzeit = 0;
$datum = 0;
$endTime = 0;
$endDate = 0;
$status = 0;
$psnr = 0;
$comm = 0;
$jobID = 0;
$pauseTime = 0;
$sysuid = 0;
$stopTimeValue = 0;
$elapsedTime = 0;
$elapsedPauseTime = 0;
$status = 0;
$uid = 0;
$vergZeit = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['user'])) {
$user = $_POST['user'];
}
if (isset($_POST['uhrzeit'])) {
$uhrzeit = $_POST['uhrzeit'];
}
if (isset($_POST['datum'])) {
$datum = $_POST['datum'];
}
if (isset($_POST['endTime'])) {
$endTime = $_POST['endTime'];
}
if (isset($_POST['endDate'])) {
$endDate = $_POST['endDate'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['psnr'])) {
$psnr = $_POST['psnr'];
}
if (isset($_POST['Job'])) {
$comm = $_POST['Job'];
}
if (isset($_POST['jobID'])) {
$jobID = $_POST['jobID'];
}
if (isset($_POST['pauseTime'])) {
$pauseTime = $_POST['pauseTime'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['stopTimeValue'])) {
$stopTimeValue = $_POST['stopTimeValue'];
}
if (isset($_POST['elapsedTime'])) {
$elapsedTime = $_POST['elapsedTime'];
}
if (isset($_POST['elapsedPauseTime'])) {
$elapsedPauseTime = $_POST['elapsedPauseTime'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['uid'])) {
$uid = $_POST['uid'];
}
if (isset($_POST['vergZeit'])) {
$vergZeit = $_POST['vergZeit'];
}

$params = array( 'user' => $user,
'uhrzeit' => $uhrzeit,
'datum' => $datum,
'endTime' => $endTime,
'endDate' => $endDate,
'status' => $status,
'psnr' => $psnr,
'comm' => $comm,
'jobID' => $jobID,
'pauseTime' => $pauseTime,
'sysuid' => $sysuid,
'stopTimeValue' => $stopTimeValue,
'elapsedTime' => $elapsedTime,
'elapsedPauseTime' => $elapsedPauseTime,
'status' => $status,
'uid' => $uid,
'vergZeit' => $vergZeit,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= PHP-Script getData.php =
<syntaxhighlight lang="php">
<?php
$sysuid = 0;
$id = 0;
$selectedKunde = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['id'])) {
$id = $_POST['id'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['selectedKunde'])) {
$selectedKunde = $_POST['selectedKunde'];
}

$params = array( 'sysuid' => $sysuid,
'id' => $id,
'selectedKunde' => $selectedKunde,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= CSS-Datei timestyle.css =
<syntaxhighlight lang="css">
/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Allgemein-----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

body
{
font-family: 'Arial', sans-serif;
display: flex;
justify-content: right;
align-items: flex-start;
height: 100%;
background-image: url('web_background_3.png');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
ul
{
list-style-type: none;
}
li
{
padding: 0.5em;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.85em;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Suche-------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#search
{
position: fixed;
top: 8%;
left: 42%;
width: 15%;
height: 2.8%;
resize: none;
border: 0.04em solid #e4e4e4;
border-radius: 0.1em;
background-color: white;
font-size: 2em;
overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Timerausgabe--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.kundenliste
{
width: 70%;
height: 30%;
position: fixed;
top: 43.5%;
left: 50%;
transform: translate(-50%, -50%);
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;
overflow: auto;
background-color: white;
font-size: 0.85vw;
}
.tabelleUeberschriften
{
width: 70%;
min-height: 3%;
position: fixed;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
/* border-top: 0.14em solid #ccc;
border-bottom: 0.14em solid #ccc; */
background-color: white;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
font-size: 0.9vw;
}
#timerList
{
width: 70%;
height: 25%;
position: fixed;
top: 73.5%;
left: 50%;
transform: translate(-50%, -50%);
overflow: auto;
border-bottom-left-radius: 0.2em;
border-bottom-right-radius: 0.2em;
/* border: 0.14em solid red; */
background-color: white;
font-size: 0.85vw;
}
.kunde
{
width: 30%;
position: fixed;
left: 0%;
}
.konto
{
width: 30%;
position: fixed;
left: 30%;
}
.laufzeit
{
width: 15%;
position: fixed;
left: 60%;
}
.status
{
width: 15%;
position: fixed;
left: 75%;
}
.buttons
{
width: 10%;
position: fixed;
left: 90%;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Lightbox----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.lightbox
{
display: none;
width: 52%;
height: 62%;
position: fixed;
top: 61.5%;
left: 67%;
border-radius: 0.15em;
background-color: white;
transform: translate(-50%, -50%);
flex-direction: column;
align-items: center;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
}

/*-----------------------------------------Lightbox-Inhalt-----------------------------------------*/

.commLabel
{
position: fixed;
top: 5%;
left: 5%;
font-weight: bold;
font-size: 0.8vw;
}
.comment
{
width: 90%;
height: 38%;
position: fixed;
top: 10%;
left: 5%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.9vw;
}

.bezZeitkonto
{
position: fixed;
top: 55%;
left: 5%;
font-size: 0.8vw;
}
.dropButtonsLightbox
{
width: 37%;
height: 4.4%;
position: fixed;
top: 54%;
left: 15%;
font-size: 0.7vw;
}
.bezDatum
{
position: fixed;
top: 55%;
left: 58%;
font-size: 0.7vw;
}
.date
{
position: fixed;
top: 54%;
left: 68%;
width: 15%;
height: 4%;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
}
.uhrzeit
{
position: fixed;
top: 54%;
left: 85.5%;
width: 10%;
height: 3.9%;
padding: 0.1em;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
resize: none;
}

.bezPerson
{
position: fixed;
top: 68%;
left: 5%;
font-size: 0.8vw;
}
.eingPerson
{
position: fixed;
top: 68%;
left: 15%;
width: 10%;
height: 4.4%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.eingPersonZusatz
{
position: fixed;
top: 68%;
left: 26%;
width: 25.7%;
height: 4.4%;
overflow: auto;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.Std
{
position: fixed;
top: 63%;
left: 66%;
font-size: 0.7vw;
}
.Min
{
position: fixed;
top: 63%;
left: 78%;
font-size: 0.7vw;
}
.Sek
{
position: fixed;
top: 63%;
left: 91%;
font-size: 0.7vw;
}
.outStd
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}

.Pausenzeiten
{
position: absolute;
top: 79%;
left: 71%;
font-weight: bold;
font-size: 0.8vw;
}
.Std2
{
position: fixed;
top: 84%;
left: 66%;
font-size: 0.7vw;
}
.Min2
{
position: fixed;
top: 84%;
left: 78%;
font-size: 0.7vw;
}
.Sek2
{
position: fixed;
top: 84%;
left: 91%;
font-size: 0.7vw;
}
.outStd2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.saveButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 5%;
font-size: 0.7vw;
}
.closeButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 14%;
font-size: 0.7vw;
}

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------Tätigkeitenliste (zweite Liste)----------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#zweiteListe
{
display: none;
width: 25%;
max-height: 50%;
position: fixed;
top: 47%;
left: 44%;
padding: 1%;
overflow: auto;
border-radius: 0.2em;
transform: translate(-50%, -50%);
background-color: #FAFAFA;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
font-size: 0.85vw;
}

</syntaxhighlight>

OBS/Kostenpflichtige Module/RESTServer/Beispiel2

2023-10-18T08:37:46Z

Prakti: /

{{Kostenpflichtige Module}}

Dieses Script dient zur Zeiterfassung über den REST-Server. Bei Seitenaufruf wird eine Liste von Kunden geladen und in einer Liste angezeigt.

Durch Rechtsklick auf einen Eintrag wird eine Liste an zugehörigen Tätigkeiten geladen, die nach Klick einen Timer starten.

Per Javascript werden Startzeit, Startdatum und andere Informationen wie Kunde und Personalnummer über die PHP-Scripte und das Endpunkt-Script in einer Datenbank gespeichert.

Der Status wird hierbei auf "1" gesetzt. Pausenzeiten werden nach Beenden einer Pause in der Datenbank gespeichert.

Durch Drücken des Stop-Buttons wird eine Lightbox mit einer Zusammenfassung aller zum Timer gehörenden Daten angezeigt. Hier hat man die Möglichkeit Tätigkeiten, abgelaufene Zeit und

Pausenzeit nachträglich zu bearbeiten. Durch Klick auf "Speichern" oder Druck auf F2 werden Endzeit und Enddatum gespeichert und der Status auf "21" gesetzt.

Nach Reload der Webseite wird anhand des Status in der Datenbank nach laufenden Timern gesucht und diese gegebenenfalls gestartet.

= Endpunkt-Script =
<syntaxhighlight lang="pascal">
procedure _AddJob(oArr: TJSONArray; id: String);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT CONCAT(za_text, ":",sys_uid) AS Job FROM zeiterfart ' +
'WHERE za_psnr = ' + DB_SQLVal(id) + ' AND za_inaktiv <> "1" ' +
'ORDER BY za_order';
if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Job'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCustomer(oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Kunde'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddID(kunde: String; oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' AND Kunde = ' + DB_SQLVal(kunde) +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ps_nr'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCHECK(oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT ze_starttime, zeiterfuser.sys_uid AS sysuid, zk_psnr, ' +
'za_text, ps_such, ze_startdate FROM ' +
'zeiterfuser LEFT JOIN zeiterfkomm ON ' +
'zk_messunguid = zeiterfuser.SYS_UID LEFT JOIN zeiterfart ' +
'ON zeiterfart.sys_uid = zeiterfuser.ze_uid AND ' +
'za_psnr = zeiterfkomm.zk_psnr LEFT JOIN perssta ON ' +
'ps_nr = zeiterfkomm.zk_psnr WHERE ze_status = 01 ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_starttime'));
oArr.Add(A_Query.A2C('zk_psnr'));
oArr.Add(A_Query.A2C('za_text'));
oArr.Add(A_Query.A2C('ps_such'));
oArr.Add(A_Query.A2C('sysuid'));
oArr.Add(A_Query.A2C('ze_startdate'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _getPauseTime(sysuid: String; oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT * FROM zeiterfuser WHERE sys_uid = ' + DB_SQLVal(sysuid);

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_pausezeit'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

//----------------Funktionen----------------------------------//

function POST(oParams: TStrings): string;
var
oArr1 : TJSONArray;
cSql : String;

begin
if (oParams.values['choice']='job') then begin
oArr1 := TJSONArray.Create();
_AddJob(oArr1, oParams.values['id']);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='customer') then begin
oArr1 := TJSONArray.Create();
_AddCustomer(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='id') then begin
oArr1 := TJSONArray.Create();
_AddID(oParams.values['selectedKunde'], oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='check') then begin
oArr1 := TJSONArray.Create();
_AddCHECK(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='pauseTime') then begin
oArr1 := TJSONArray.Create();
_GetPauseTime(oParams.values['sysuid'], oArr1);
result := oArr1.ToJSON();
end;
end;

function PUT(oParams: TStrings): string;
var
xZeit : TqSQL;
cUSER_SYSUID : String;
cKOMM_SYSUID : String;
lNew : Boolean;
cSql : String;
dDBNow : TDateTime;
begin
writeln('Choice: ' + oParams.values['choice']);
if (oParams.values['choice']='start') then
begin
dDBNow := DB_Now(oDB);
lNew := True;
if (empty(cUSER_SYSUID)) then begin
cUSER_SYSUID := GetNewId(oDB);
end;

xZeit := qSqlInit(oDB, 'zeiterfuser');
xZeit.lNoSysUID := True;

writeln('SYSUID: ' + oParams.values['jobID']);

xZeit.qSet('ze_user' , oParams.values['user']);
xZeit.qSet('ze_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('ze_eigen' , '0101');
xZeit.qSet('ze_startdate' , oParams.values['datum']);
xZeit.qSet('ze_endtime' , oParams.values['endTime']);
xZeit.qSet('ze_enddate' , oParams.values['endDate']);
xZeit.qSet('ze_zeit' , '0');
xZeit.qSet('ze_pausezeit' , '0');
xZeit.qSet('ze_status' , oParams.values['status']);
xZeit.qSet('ze_berechnen' , 0);
xZeit.qSet('ze_officestar' , 0);
xZeit.qSet('ze_repa' , 0);
xZeit.qSet('ze_vorbereitung' , 0);
xZeit.qSet('ze_uid' , oParams.values['jobID']);
xZeit.qSet('sys_uid' , cUSER_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

//---------------------------------------------------------------------

xZeit := qSqlInit(oDB,'ZEITERFKOMM');
xZeit.lNoSysUID := True;

if (empty(cKOMM_SYSUID)) then begin
cKOMM_SYSUID := GetNewId(oDB);
end;

xZeit.qSet('zk_psnr' , oParams.values['psnr']);
xZeit.qSet('zk_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('zk_startdate' , oParams.values['datum']);
xZeit.qSet('zk_kommentar' , oParams.values['comm']);
xZeit.qSet('zk_messunguid' , cUSER_SYSUID);
xZeit.qSet('sys_uid' , cKOMM_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

result := cUser_SYSUID;

end else if (oParams.values['choice']='stop') then
begin

cSql := 'UPDATE zeiterfuser, zeiterfkomm ' +
' SET zeiterfuser.ze_zeit = ' + oParams.values['elapsedTime'] +
', zeiterfuser.ze_endtime = ' + oParams.values['vergZeit'] +
', zeiterfuser.ze_enddate = ' + oParams.values['stopTimeValue'] +
', zeiterfuser.ze_pausezeit = ' + oParams.values['elapsedPauseTime'] +
', zeiterfuser.ze_status = ' + oParams.values['status'] +
', zeiterfkomm.zk_kommentar = ' + oParams.values['comment'] +
' WHERE zeiterfuser.sys_uid = ' + DB_SQLVal(oParams.values['uid']) +
' AND zeiterfkomm.zk_messunguid = ' + DB_SQLVal(oParams.values['uid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end else if (oParams.values['choice']='pause') then
begin
writeln('Pausezeit: ' + oParams.values['pauseTime']);
cSql := 'UPDATE zeiterfuser SET ze_pausezeit ' +
'= ze_pausezeit + ' + oParams.values['pauseTime'] +
' WHERE sys_uid = ' + DB_SQLVal(oParams.values['sysuid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end;
end;
</syntaxhighlight>

= HTML-Datei index.php =
<syntaxhighlight lang="html">
<!DOCTYPE html>
<html lang="de-DE">
<head>
<title>Ihr IT-Partner in Stade - Ernst Bergau GmbH</title>
<link rel="stylesheet" type="text/css" href="timestyle.css">
</head>
<script>
<?php
include('timer.js');
?>
</script>
<body>




<textarea id="search" type="text" rows="1" cols="50" oninput="searchCustomers(this.value)"></textarea>

<div class="kundenliste">
<ul id="kundenListe"></ul>
</div>
<table class="timer">
<tbody id="timerList"></tbody>
</table>
<table class="tabelleUeberschriften">
<thead>
<tr>
<th class="kunde">Kunde</th>
<th class="konto">Konto</th>
<th class="laufzeit">Laufzeit</th>
<th class="status">Status</th>
</tr>
</thead>
</table>

<div class="lightbox" id="lightbox">
<label class="commLabel" id="commLabel" for="comment">Kommentar</label>
<textarea class="comment" id="comment" rows="4" cols="50"></textarea>

<div class="bezZeitkonto">Zeitkonto</div>
<select class="dropButtonsLightbox" id="tätigkeit2Dropdown"></select>

<div class="bezDatum">Startdatum</div>
<input type="date" class="date" id="date">

<textarea disabled class="uhrzeit" id="uhrzeit"></textarea>

<div class="bezPerson">Person</div>
<textarea disabled class="eingPerson" id="eingPerson"></textarea>
<textarea disabled class="eingPersonZusatz" id="eingPersonZusatz"></textarea>

<div class="Std">Std</div>
<input type="number" class="outStd" id="outStd">
<div class="Min">Min</div>
<input type="number" class="outMin" id="outMin">
<div class="Sek">Sek</div>
<input type="number" class="outSek" id="outSek">

<div class="Pausenzeiten">Davon Pausenzeiten</div>
<div class="Std2">Std</div>
<input type="number" class="outStd2" id="outStd2">
<div class="Min2">Min</div>
<input type="number" class="outMin2" id="outMin2">
<div class="Sek2">Sek</div>
<input type="number" class="outSek2" id="outSek2">

<button class="saveButton" id="saveButton">Speichern</button>
<button class="closeButton" id="closeButton" onclick="closeLightboxOnSchliessen()">Schließen</button>
</div>

<div id="zweiteListe">
<ul id="taetigkeitListe"></ul>
</div>
</body>
</html>

</syntaxhighlight>

= Javascript-Datei timer.js =
<syntaxhighlight lang="javascript">
var api_key = 'Y00C75PODJ';
var url = 'http://127.0.0.1:8099/Zeiterfa/zeiterfa/v1';
var zaehler = -1;
var timerInterval;
var pauseTimerInterval;
var startTimeValue;
var selectedID = 0;
var elapsedTime;
var uid;
var idStop;
var time;
var selID = [];
var job = [];
var sys_uid = [];
var timers = [];
var pauseTimers = [];
var pauseTime = [];
var startdate = [];
var uhrzeit = [];
var datum = [];
var statusTimer = [];
var selectedJob = [];
var selectedKunde = [];
var tempSelectedKunde = [];
var parameter = [];

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Seitenaufruf---------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Bei Seitenaufruf werden die Funktionen----//
//----getCustomer und checkTimer aufgerufen und----//
//----die Kundenliste gefüllt und geprüft,----//
//----ob laufende timer vorhanden sind----//

window.onload = function() {

getCustomer();
checkTimer();
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Daten auslesen--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste der Kunden wird ausgelesenund gespeichert----//

function getCustomer() {

var method = 'POST';
var choice = 'customer';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
populateListeKunde(responseData);
}
};
request.send(params);
}

//----Bei Rechtsklick auf Kunden wird----//
//----seine ID ausgelesen und gespeichert----//

function getCustomerID(selectedKunde, callback) {

var method = 'POST';
var choice = 'id';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&selectedKunde=" + encodeURIComponent(selectedKunde);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
selectedID = JSON.parse(request.responseText);
callback(selectedID);
}
};
request.send(params);
}

//----Anhand der Kunden-ID wird eine Liste von Tätigkeiten----//
//----für jeden Kunden ausgelesen und gespeichert----//

function getJob(id, callback) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var Data = responseData.toString();
var teile = Data.split(",");
var jobid = [];

for (i=0; i<teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
callback(job, jobid);
}
};
request.send(params);
}

//----Tätigkeitsliste wird nochmal zur Weiterverarbeitung gelesen----//

function getJobs(id) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var data = responseData.toString();
var teile = data.split(",");
var jobid = [];

for (var i = 0; i < teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
}
};
request.send(params);
}

//----Gespeicherte Pausezeit wird ausgelesen----//

function getPauseTime(sysuid, id) {

var method = 'POST';
var choice = 'pauseTime';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&sysuid=" + encodeURIComponent(sysuid);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
pauseTime[id].value = JSON.parse(request.responseText);

}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Listen--------------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste wird mit Kundendaten gefüllt und angezeigt----//

function populateListeKunde(data) {

data.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

listItem.addEventListener("contextmenu", function(event) {
event.preventDefault();

var selectedKunde = item;
getCustomerID(selectedKunde, function(selectedID) {
getJob(selectedID, function(job, jobid) {
showSecondList(job, jobid, item);
});
});
});

kundenListe.appendChild(listItem);
});
}

//----Eine zweite Liste wird mit Jobs gefüllt,----//
//----angezeigt und bei Klick auf einen Eintrag---//
//-------die Funktion startTimer aufgerufen-------//

function showSecondList(job, jobid, kundeItem) {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.innerHTML = "";

job.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

(function(capturedItem) {
listItem.addEventListener("click", function() {
startTimer(job, jobid, capturedItem, kundeItem);
});
}) (item);
zweiteListe.appendChild(listItem);
});

zweiteListe.style.display = "block";
document.addEventListener('keydown', closeSecondList);
document.addEventListener('click', closeSecondList);
}

//----Nach Klick auf Eintrag wird die Liste geschlossen----//
function closeSecondList() {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Daten speichern-----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Startzeit, -datum, ID und Job werden gespeichert----//

function saveStartTime(user, uhrzeit, datum, endTime, endDate, status, psnr, Job, jobID) {

var method = 'PUT';
var choice = 'start';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&user=" + encodeURIComponent(user) +
"&uhrzeit=" + encodeURIComponent(uhrzeit) +
"&datum=" + encodeURIComponent(datum) +
"&endTime=" + encodeURIComponent(endTime) +
"&endDate=" + encodeURIComponent(endDate) +
"&status=" + encodeURIComponent(status)+
"&psnr=" + encodeURIComponent(psnr)+
"&Job=" + encodeURIComponent(Job)+
"&jobID=" + encodeURIComponent(jobID);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
sys_uid[zaehler].value = request.responseText;
}
};
request.send(params);
}

//----Pausezeit wird gespeichert----//

function savePauseTime(pauseTime, id) {

var method = 'PUT';
var choice = 'pause';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&pauseTime=" + encodeURIComponent(pauseTime) +
"&sysuid=" + encodeURIComponent(sys_uid[id].value);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {

if (this.readyState === 4 && this.status === 200) {
// alert(request.responseText);
}
};
request.send(params);
}

//----Stopzeit und -datum wird gespeichert----//

function saveStopTime(stopTimeValue, elapsedTime, elapsedPauseTime, status, uid, vergZeit, comment) {

var method = 'PUT';
var choice = 'stop';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&stopTimeValue=" + encodeURIComponent(stopTimeValue) +
"&elapsedTime=" + encodeURIComponent(elapsedTime) +
"&elapsedPauseTime=" + encodeURIComponent(elapsedPauseTime) +
"&status=" + encodeURIComponent(status) +
"&uid=" + encodeURIComponent(uid) +
"&vergZeit=" + encodeURIComponent(vergZeit)+
"&comment=" + encodeURIComponent(comment);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
location.reload();
}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Like-Suche----------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Durchsucht die Liste der Kunden auf alle einegegebenen Zeichen----//

function searchCustomers(text) {

text = text.toLowerCase();
var kundenListe = document.getElementById("kundenListe");
var listItems = kundenListe.getElementsByTagName("li");

for (i=0; i<listItems.length; i++) {
var item = listItems[i].textContent.toLowerCase();
if (item.includes(text)) {
listItems[i].style.display = "block";
}
else {
listItems[i].style.display = "none";
}
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------Vorhandenen Timer checken----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Überprüft, ob es Einträge in Datenbank ohne----//
//----Endzeit gibt und startet entsprechend Timer----//

function checkTimer() {

var method = 'POST';
var choice = 'check';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
var responseData = JSON.parse(request.responseText);

if (responseData.length !== 0) {
startTimeValue = new Date();
var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
var month = startTimeValue.getMonth() + 1;

responseData = responseData.toString();
var teile = responseData.split(",");

for (var i=0; i<teile.length; i+=6) {
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

zaehler++;

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: teile[i]});
}

var j=0;
for (var i=1; i<teile.length; i+=6) {
selID.push({value: teile[i]});
getJobs(selID[j].value);
j++;
}

fillArray(2, selectedJob, teile);
fillArray(3, selectedKunde, teile);
fillArray(4, sys_uid, teile);
fillArray(5, startdate, teile);

for (var i=0; i<timers.length; i++) {
var startZeitTeil = timers[i].value.split(":");
var startDatumTeil = startdate[i].value.split(".");

var diffMilli = new Date() - getStartdatum(startDatumTeil, startZeitTeil);
timers[i].value = Math.floor(diffMilli / 1000);
}

selecteID = 0;
startInterval(job);
}
}
};
request.send(params);
}

//----Arrays werden an diese Funktion übergeben und gefüllt----//

function fillArray(LZ, array, teile) {

var arrLZ = 0;
for (var i=LZ; i<teile.length; i+=6) {
array.push({value: teile[i]});
arrLZ++;
}
}

//----Startdatum wird errechnet----//
function getStartdatum(startDatumTeil, startZeitTeil) {

var startdatum = new Date(
parseInt(startDatumTeil[2]),
parseInt(startDatumTeil[1]) -1,
parseInt(startDatumTeil[0]),
parseInt(startZeitTeil[0]),
parseInt(startZeitTeil[1]),
parseInt(startZeitTeil[2])
);
return startdatum;
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Interval--------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Interval für Timer wird gestartet----//

function startInterval(job, item, kundeItem, index) {

timerInterval = setInterval(function() {

for (i=0; i<timers.length; i++) {

timers[i].value += 1;
}
updateUI(job, item, kundeItem, index);
}, 1000);
}

//----Interval für Pausentimer wird gestartet----//

function pauseInterval(job, item, kundeItem, id) {

pauseTimerInterval = setInterval(function() {

for (i=0; i<pauseTimers.length; i++) {

pauseTimers[i].value += 1;
}
updateUI(job, item, kundeItem);
}, 1000);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer starten----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----startTimer bereitet die nötigen Arrays vor,----//
//----speichert Startzeit und -datum,----//
//----beschreibt Arrays und Variablen entsprechend----//
//----und ruft die Funktion saveStartTime auf----//

function startTimer(jobs, jobid, selJob, kundeItem) {

var user = 999;
var endTime = "00:00:00";
var endDate = "0000-00-00";
var status = '01';
zaehler++;
alert(selJob);
startTimeValue = new Date();

var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});

var month = startTimeValue.getMonth() + 1;
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: 0});
selectedKunde.push({value: kundeItem});
selectedJob.push({value: selJob});
sys_uid.push({value: 0});

var index = jobs.indexOf(selJob);

saveStartTime(user, uhrzeit[zaehler].value, datum[zaehler].value, endTime, endDate, status, selectedID, selJob, jobid[index]);

clearInterval(timerInterval);
startInterval(jobs, selJob, kundeItem, index);

zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer stoppen----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Stopt den Timer, ändert den Status und ruft openLightbox auf----//

function stopTimer(job, item, kundeItem, index, id) {

idStop = id;
statusTimer[id].value = 'Stopped';
openLightbox(job, item, kundeItem, index, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer pausieren--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Pausiert den Timer und ändert den Status----//

function pauseTimer(job, item, kundeItem, id) {

pauseTimers[id].value = 0;
clearInterval(pauseTimerInterval);
pauseInterval(job, item, kundeItem, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//----------------------------------------------Button Pause-Start-------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Ruft die Funktion pauseTimer oder----//
//----savePauseTimer auf----//

function toggleButton(job, item, kundeItem, id) {

var button = document.getElementById(id);

if (button.innerHTML === "Pause") {

statusTimer[id].value = 'Paused';
pauseTimer(job, item, kundeItem, id);
}
else {

statusTimer[id].value = "Running";
savePauseTime(pauseTimers[id].value, id);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Ausgabe des Timers-----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Zeigt eine Liste mit einem oder mehreren----//
//----Timern und Buttons, verteilt dynamisch ID's----//
//----und ruft entsprechend der gedrückten----//
//----Buttons Funktionen auf----//

function updateUI(job, item, kundeItem, index) {
var timerList = document.getElementById("timerList");
timerList.innerHTML = '';

for (i=0; i<timers.length; i++) {
var neueReihe = document.createElement('tr')

//----Name des Kunden wird ausgegeben----//

var kundeEintrag = document.createElement('td');
kundeEintrag.style.position = "fixed";
kundeEintrag.style.top = (12 + i * 14) + "%";
kundeEintrag.style.width = "30%";
kundeEintrag.style.left = "0%";
kundeEintrag.style.textAlign = "center";
kundeEintrag.classList.add('kunde_k');
kundeEintrag.textContent = selectedKunde[i].value;
timerList.appendChild(kundeEintrag);

//----Gewählter Job wird ausgegeben----//

var kontoEintrag = document.createElement('td');
kontoEintrag.style.position = "fixed";
kontoEintrag.style.top = (12 + i * 14) + "%";
kontoEintrag.style.width = "30%";
kontoEintrag.style.left = "30%";
kontoEintrag.style.textAlign = "center";
kontoEintrag.classList.add('konto_k');
kontoEintrag.textContent = selectedJob[i].value;
timerList.appendChild(kontoEintrag);

//----Gestartete Timer werden in Liste----//
//----ausgegeben, pausierte Timer werden----//
//----Liste ausgegeben, sobald Timer gestoppt----//
//----wird Ausgabe in Lightbox----//

if (statusTimer[i].value === "Running") {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(timers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Paused') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Stopped') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);

var zeit = formatElapsedTime(timers[i].value);
zeit = zeit.toString();
var teile = zeit.split(":");

var h = teile[0];
var m = teile[1];
var s = teile[2];

var outStdField = document.getElementById("outStd");
var outMinField = document.getElementById("outMin");
var outSekField = document.getElementById("outSek");

if (document.activeElement !== outStdField && document.activeElement !== outMinField && document.activeElement !== outSekField) {
document.getElementById("outStd").value = h;
document.getElementById("outMin").value = m;
document.getElementById("outSek").value = s;
}

var hEnd = document.getElementById("outStd").value;
var mEnd = document.getElementById("outMin").value;
var sEnd = document.getElementById("outSek").value;
time = hEnd + ":" + mEnd + ":" + sEnd;
}

//----Status (Running, Paused, Stopped) wird ausgegeben----//

var statusTimerElement = document.createElement('td');
statusTimerElement.style.position = "fixed";
statusTimerElement.style.top = (12 + i * 14) + "%";
statusTimerElement.style.width = "15%";
statusTimerElement.style.left = "75%";
statusTimerElement.style.textAlign = "center";
statusTimerElement.classList.add('status_s');
statusTimerElement.textContent = statusTimer[i].value;
timerList.appendChild(statusTimerElement);

//----Pause Button mit dynamisch vergebener ID wird ausgegeben----//

if (statusTimer[i].value === "Running") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Pause"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}
else if (statusTimer[i].value === "Paused") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Start"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}

//----Stop Button mit dynamisch vergebener ID wird ausgegeben----//

var stopButton = document.createElement('button')
stopButton.id = i;
stopButton.classList.add('stopButton');
stopButton.style.position = "fixed";
stopButton.style.top = (12 + i * 14) + "%";
stopButton.style.left = "94%";
stopButton.style.height = "9.4%";
stopButton.style.width = "3%";
stopButton.style.fontSize = "80%";
stopButton.textContent = "Stop"
stopButton.addEventListener('click', function() {stopTimer(job, item, kundeItem, index, this.id)});
timerList.appendChild(stopButton);

//----Für jeden aufgerufenen Timer wird----//
//----eine neue Reihe ausgegeben----//

timerList.appendChild(neueReihe);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//-----------------------------------------------Sekunden in Uhrzeit umrechnen-------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Sekunden in Stunden,----//
//----Minuten und Sekunden und gibt diese----//
//----an aufrufende Funktion zurück----//

function formatElapsedTime(seconds) {

var minutes = Math.floor(seconds / 60);
seconds %= 60;
var hours = Math.floor(minutes / 60);
minutes %= 60;
function addLeadingZero(n) {
return (n < 10 ? '0' : '') + n;
}

return addLeadingZero(hours) + ":" + addLeadingZero(minutes) + ":" + addLeadingZero(seconds);
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------Uhrzeit in Sekunden umrechnen----------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Stunden, Minuten----//
//----und Sekunden in Sekunden um und----//
//----gibt diese an aufrufende Funktion zurück----//

function timeInSeconds(zeit) {

var teile = zeit.split(':');
var Stunden = parseInt(teile[0], 10);
var Minuten = parseInt(teile[1], 10);
var Sekunden = parseInt(teile[2], 10);
return Stunden * 3600 + Minuten * 60 + Sekunden;
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Lightbox-------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Öffnet eine Lightbox und zeigt Kunde----//
//----Job, vergangene Zeit und evtl Pausenzeit an----//
//----und gibt Möglichkeit alle Zeiten anzupassen----//

function openLightbox(job, item, kundeItem, index, id) {

document.getElementById('lightbox').style.display = 'block';

var dateField = document.getElementById("date");
dateField.value = datum[id].value;
document.getElementById("uhrzeit").innerHTML = uhrzeit[id].value;

var commentTextarea = document.getElementById("comment");
commentTextarea.value = selectedJob[id].value;

document.getElementById("eingPersonZusatz").innerHTML = selectedKunde[id].value;

if (selectedID.length !== undefined) {
document.getElementById("eingPerson").innerHTML = selectedID;
}
else {
document.getElementById("eingPerson").innerHTML = selID[id].value;
}

//----Ausgabe der vergangenen Zeit in Lightbox----//

document.getElementById("outStd").value = 00;
document.getElementById("outMin").value = 00;
document.getElementById("outSek").value = 00;

//----Ausgabe der Pausenzeiten in Lightbox----//

document.getElementById("outStd2").value = 00;
document.getElementById("outMin2").value = 00;
document.getElementById("outSek2").value = 00;
getPauseTime(sys_uid[id].value, id);

var secondsPause = pauseTime[id].value;
secondsPause %= 60;

var minutesPause = Math.floor(pauseTime[id].value / 60);
minutesPause %= 60;

var hoursPause = Math.floor(minutesPause / 60);
hoursPause %= 60;

document.getElementById("outStd2").value = hoursPause;
document.getElementById("outMin2").value = minutesPause;

if (secondsPause > 0) {
document.getElementById("outSek2").value = secondsPause;
}
else {
document.getElementById("outSek2").value = 0;
}

var dropdown2 = document.getElementById("tätigkeit2Dropdown");

job.forEach(function(item, index) {
var option = document.createElement("option");
option.textContent = item;
dropdown2.add(option)

if (item === selectedJob[id].value) {
option.selected = true;
}
});

document.addEventListener('keydown', closeLightboxOnEscape);
document.addEventListener('keydown', closeLightboxOnF2);
}

//----Lightbox schließen----//

function closeLightbox() {

document.getElementById('lightbox').style.display = 'none';
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn der Schließen-Button gedrückt wird----//

function closeLightboxOnSchliessen() {

statusTimer[idStop].value = 'Running';
closeLightbox();
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn Escape gedrückt wird----//

function closeLightboxOnEscape() {

if (event.key === 'Escape') {
statusTimer[idStop].value = 'Running';
closeLightbox();
}
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn F2 gedrückt wird----//

function closeLightboxOnF2(event) {

if (event.key === 'F2') {
saveBox();
closeLightbox();
}
}

//----Alle Daten in Lightbox werden gespeichert----//

function saveBox() {

var vergZeit = '"' + time + '"';

var teile = time.split(":");
var stunden = parseInt(teile[0]);
var minuten = parseInt(teile[1]);
var sekunden = parseInt(teile[2]);
time = stunden * 3600 + minuten * 60 + sekunden;

elapsedTime = time;

var comment = '"' + document.getElementById("comment").value + '"';

var hPEnd = document.getElementById("outStd2").value;
var mPEnd = document.getElementById("outMin2").value;
var sPEnd = document.getElementById("outSek2").value;
var pTime = hPEnd + ":" + mPEnd + ":" + sPEnd;
pTime = timeInSeconds(pTime);

var uid = sys_uid[idStop].value;
var month = startTimeValue.getMonth();
var day = startTimeValue.getDate();
month += 1;
var stopTimeValue = '"' + startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day) + '"';

var status = 21;

timers.splice(idStop, 1);
pauseTimers.splice(idStop, 1);
pauseTime.splice(idStop, 1);
selectedKunde.splice(idStop, 1);
selectedJob.splice(idStop, 1);
statusTimer[idStop].value = 'Running';
sys_uid.splice(idStop, 1);

if (zaehler > 0) {
zaehler -= 1;
}

closeLightbox();

if (timers.length === 0) {
clearInterval(timerInterval);
}

saveStopTime(stopTimeValue, elapsedTime, pTime, status, uid, vergZeit, comment);
}

//----Funktion saveBox wird aufgerufen,----//
//----wenn der Save-Button gedrückt wird----//

document.addEventListener('DOMContentLoaded', function() {
const saveButton = document.getElementById('saveButton');
saveButton.addEventListener('click', function() {
saveBox();
})
});
</syntaxhighlight>

= PHP-Script saveTime.php =
<syntaxhighlight lang="php">
<?php
$user = 0;
$uhrzeit = 0;
$datum = 0;
$endTime = 0;
$endDate = 0;
$status = 0;
$psnr = 0;
$comm = 0;
$jobID = 0;
$pauseTime = 0;
$sysuid = 0;
$stopTimeValue = 0;
$elapsedTime = 0;
$elapsedPauseTime = 0;
$status = 0;
$uid = 0;
$vergZeit = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['user'])) {
$user = $_POST['user'];
}
if (isset($_POST['uhrzeit'])) {
$uhrzeit = $_POST['uhrzeit'];
}
if (isset($_POST['datum'])) {
$datum = $_POST['datum'];
}
if (isset($_POST['endTime'])) {
$endTime = $_POST['endTime'];
}
if (isset($_POST['endDate'])) {
$endDate = $_POST['endDate'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['psnr'])) {
$psnr = $_POST['psnr'];
}
if (isset($_POST['Job'])) {
$comm = $_POST['Job'];
}
if (isset($_POST['jobID'])) {
$jobID = $_POST['jobID'];
}
if (isset($_POST['pauseTime'])) {
$pauseTime = $_POST['pauseTime'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['stopTimeValue'])) {
$stopTimeValue = $_POST['stopTimeValue'];
}
if (isset($_POST['elapsedTime'])) {
$elapsedTime = $_POST['elapsedTime'];
}
if (isset($_POST['elapsedPauseTime'])) {
$elapsedPauseTime = $_POST['elapsedPauseTime'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['uid'])) {
$uid = $_POST['uid'];
}
if (isset($_POST['vergZeit'])) {
$vergZeit = $_POST['vergZeit'];
}

$params = array( 'user' => $user,
'uhrzeit' => $uhrzeit,
'datum' => $datum,
'endTime' => $endTime,
'endDate' => $endDate,
'status' => $status,
'psnr' => $psnr,
'comm' => $comm,
'jobID' => $jobID,
'pauseTime' => $pauseTime,
'sysuid' => $sysuid,
'stopTimeValue' => $stopTimeValue,
'elapsedTime' => $elapsedTime,
'elapsedPauseTime' => $elapsedPauseTime,
'status' => $status,
'uid' => $uid,
'vergZeit' => $vergZeit,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= PHP-Script getData.php =
<syntaxhighlight lang="php">
<?php
$sysuid = 0;
$id = 0;
$selectedKunde = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['id'])) {
$id = $_POST['id'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['selectedKunde'])) {
$selectedKunde = $_POST['selectedKunde'];
}

$params = array( 'sysuid' => $sysuid,
'id' => $id,
'selectedKunde' => $selectedKunde,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= CSS-Datei timestyle.css =
<syntaxhighlight lang="css">
/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Allgemein-----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

body
{
font-family: 'Arial', sans-serif;
display: flex;
justify-content: right;
align-items: flex-start;
height: 100%;
background-image: url('web_background_3.png');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
ul
{
list-style-type: none;
}
li
{
padding: 0.5em;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.85em;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Suche-------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#search
{
position: fixed;
top: 8%;
left: 42%;
width: 15%;
height: 2.8%;
resize: none;
border: 0.04em solid #e4e4e4;
border-radius: 0.1em;
background-color: white;
font-size: 2em;
overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Timerausgabe--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.kundenliste
{
width: 70%;
height: 30%;
position: fixed;
top: 43.5%;
left: 50%;
transform: translate(-50%, -50%);
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;
overflow: auto;
background-color: white;
font-size: 0.85vw;
}
.tabelleUeberschriften
{
width: 70%;
min-height: 3%;
position: fixed;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
/* border-top: 0.14em solid #ccc;
border-bottom: 0.14em solid #ccc; */
background-color: white;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
font-size: 0.9vw;
}
#timerList
{
width: 70%;
height: 25%;
position: fixed;
top: 73.5%;
left: 50%;
transform: translate(-50%, -50%);
overflow: auto;
border-bottom-left-radius: 0.2em;
border-bottom-right-radius: 0.2em;
/* border: 0.14em solid red; */
background-color: white;
font-size: 0.85vw;
}
.kunde
{
width: 30%;
position: fixed;
left: 0%;
}
.konto
{
width: 30%;
position: fixed;
left: 30%;
}
.laufzeit
{
width: 15%;
position: fixed;
left: 60%;
}
.status
{
width: 15%;
position: fixed;
left: 75%;
}
.buttons
{
width: 10%;
position: fixed;
left: 90%;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Lightbox----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.lightbox
{
display: none;
width: 52%;
height: 62%;
position: fixed;
top: 61.5%;
left: 67%;
border-radius: 0.15em;
background-color: white;
transform: translate(-50%, -50%);
flex-direction: column;
align-items: center;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
}

/*-----------------------------------------Lightbox-Inhalt-----------------------------------------*/

.commLabel
{
position: fixed;
top: 5%;
left: 5%;
font-weight: bold;
font-size: 0.8vw;
}
.comment
{
width: 90%;
height: 38%;
position: fixed;
top: 10%;
left: 5%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.9vw;
}

.bezZeitkonto
{
position: fixed;
top: 55%;
left: 5%;
font-size: 0.8vw;
}
.dropButtonsLightbox
{
width: 37%;
height: 4.4%;
position: fixed;
top: 54%;
left: 15%;
font-size: 0.7vw;
}
.bezDatum
{
position: fixed;
top: 55%;
left: 58%;
font-size: 0.7vw;
}
.date
{
position: fixed;
top: 54%;
left: 68%;
width: 15%;
height: 4%;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
}
.uhrzeit
{
position: fixed;
top: 54%;
left: 85.5%;
width: 10%;
height: 3.9%;
padding: 0.1em;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
resize: none;
}

.bezPerson
{
position: fixed;
top: 68%;
left: 5%;
font-size: 0.8vw;
}
.eingPerson
{
position: fixed;
top: 68%;
left: 15%;
width: 10%;
height: 4.4%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.eingPersonZusatz
{
position: fixed;
top: 68%;
left: 26%;
width: 25.7%;
height: 4.4%;
overflow: auto;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.Std
{
position: fixed;
top: 63%;
left: 66%;
font-size: 0.7vw;
}
.Min
{
position: fixed;
top: 63%;
left: 78%;
font-size: 0.7vw;
}
.Sek
{
position: fixed;
top: 63%;
left: 91%;
font-size: 0.7vw;
}
.outStd
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}

.Pausenzeiten
{
position: absolute;
top: 79%;
left: 71%;
font-weight: bold;
font-size: 0.8vw;
}
.Std2
{
position: fixed;
top: 84%;
left: 66%;
font-size: 0.7vw;
}
.Min2
{
position: fixed;
top: 84%;
left: 78%;
font-size: 0.7vw;
}
.Sek2
{
position: fixed;
top: 84%;
left: 91%;
font-size: 0.7vw;
}
.outStd2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.saveButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 5%;
font-size: 0.7vw;
}
.closeButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 14%;
font-size: 0.7vw;
}

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------Tätigkeitenliste (zweite Liste)----------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#zweiteListe
{
display: none;
width: 25%;
max-height: 50%;
position: fixed;
top: 47%;
left: 44%;
padding: 1%;
overflow: auto;
border-radius: 0.2em;
transform: translate(-50%, -50%);
background-color: #FAFAFA;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
font-size: 0.85vw;
}

</syntaxhighlight>

OBS/Kostenpflichtige Module/RESTServer/Beispiel2

2023-10-18T07:04:19Z

Prakti:

{{Kostenpflichtige Module}}

Dieses Script dient zur Zeiterfassung über den REST-Server. Bei Seitenaufruf wird eine Liste von Kunden geladen und in einer Liste angezeigt.

Durch Rechtsklick auf einen Eintrag wird eine Liste an zugehörigen Tätigkeiten geladen, die nach Klick einen Timer starten.

Per Javascript werden Startzeit, Startdatum und andere Informationen wie Kunde und Personalnummer über die PHP-Scripte und das Endpunkt-Script in einer Datenbank gespeichert.

Der Status wird hierbei auf "1" gesetzt. Pausenzeiten werden nach Beenden einer Pause in der Datenbank gespeichert.

Durch Drücken des Stop-Buttons wird eine Lightbox mit einer Zusammenfassung aller zum Timer gehörenden Daten angezeigt. Hier hat man die Möglichkeit Tätigkeiten, abgelaufene Zeit und

Pausenzeit nachträglich zu bearbeiten. Durch Klick auf "Speichern" oder Druck auf F2 werden Endzeit und Enddatum gespeichert und der Status auf "21" gesetzt.

Nach Reload der Webseite wird anhand des Status in der Datenbank nach laufenden Timern gesucht und diese gegebenenfalls gestartet.

= Endpunkt-Script =
<syntaxhighlight lang="pascal">
procedure _AddJob(oArr: TJSONArray; id: String);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT CONCAT(za_text, ":",sys_uid) AS Job FROM zeiterfart ' +
'WHERE za_psnr = ' + DB_SQLVal(id) + ' AND za_inaktiv <> "1" ' +
'ORDER BY za_order';
if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Job'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCustomer(oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Kunde'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddID(kunde: String; oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' AND Kunde = ' + DB_SQLVal(kunde) +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ps_nr'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCHECK(oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT ze_starttime, zeiterfuser.sys_uid AS sysuid, zk_psnr, ' +
'za_text, ps_such, ze_startdate FROM ' +
'zeiterfuser LEFT JOIN zeiterfkomm ON ' +
'zk_messunguid = zeiterfuser.SYS_UID LEFT JOIN zeiterfart ' +
'ON zeiterfart.sys_uid = zeiterfuser.ze_uid AND ' +
'za_psnr = zeiterfkomm.zk_psnr LEFT JOIN perssta ON ' +
'ps_nr = zeiterfkomm.zk_psnr WHERE ze_status = 01 ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_starttime'));
oArr.Add(A_Query.A2C('zk_psnr'));
oArr.Add(A_Query.A2C('za_text'));
oArr.Add(A_Query.A2C('ps_such'));
oArr.Add(A_Query.A2C('sysuid'));
oArr.Add(A_Query.A2C('ze_startdate'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _getPauseTime(sysuid: String; oArr: TJSONArray);
var cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT * FROM zeiterfuser WHERE sys_uid = ' + DB_SQLVal(sysuid);

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_pausezeit'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

//----------------Funktionen----------------------------------//

function POST(oParams: TStrings): string;
var
oArr1 : TJSONArray;
cSql : String;

begin
if (oParams.values['choice']='job') then begin
oArr1 := TJSONArray.Create();
_AddJob(oArr1, oParams.values['id']);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='customer') then begin
oArr1 := TJSONArray.Create();
_AddCustomer(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='id') then begin
oArr1 := TJSONArray.Create();
_AddID(oParams.values['selectedKunde'], oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='check') then begin
oArr1 := TJSONArray.Create();
_AddCHECK(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='pauseTime') then begin
oArr1 := TJSONArray.Create();
_GetPauseTime(oParams.values['sysuid'], oArr1);
result := oArr1.ToJSON();
end;
end;

function PUT(oParams: TStrings): string;
var
xZeit : TqSQL;
cUSER_SYSUID : String;
cKOMM_SYSUID : String;
lNew : Boolean;
cSql : String;
dDBNow : TDateTime;
begin
writeln('Choice: ' + oParams.values['choice']);
if (oParams.values['choice']='start') then
begin
dDBNow := DB_Now(oDB);
lNew := True;
if (empty(cUSER_SYSUID)) then begin
cUSER_SYSUID := GetNewId(oDB);
end;

xZeit := qSqlInit(oDB, 'zeiterfuser');
xZeit.lNoSysUID := True;

writeln('SYSUID: ' + oParams.values['jobID']);

xZeit.qSet('ze_user' , oParams.values['user']);
xZeit.qSet('ze_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('ze_eigen' , '0101');
xZeit.qSet('ze_startdate' , oParams.values['datum']);
xZeit.qSet('ze_endtime' , oParams.values['endTime']);
xZeit.qSet('ze_enddate' , oParams.values['endDate']);
xZeit.qSet('ze_zeit' , '0');
xZeit.qSet('ze_pausezeit' , '0');
xZeit.qSet('ze_status' , oParams.values['status']);
xZeit.qSet('ze_berechnen' , 0);
xZeit.qSet('ze_officestar' , 0);
xZeit.qSet('ze_repa' , 0);
xZeit.qSet('ze_vorbereitung' , 0);
xZeit.qSet('ze_uid' , oParams.values['jobID']);
xZeit.qSet('sys_uid' , cUSER_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

//---------------------------------------------------------------------

xZeit := qSqlInit(oDB,'ZEITERFKOMM');
xZeit.lNoSysUID := True;

if (empty(cKOMM_SYSUID)) then begin
cKOMM_SYSUID := GetNewId(oDB);
end;

xZeit.qSet('zk_psnr' , oParams.values['psnr']);
xZeit.qSet('zk_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('zk_startdate' , oParams.values['datum']);
xZeit.qSet('zk_kommentar' , oParams.values['comm']);
xZeit.qSet('zk_messunguid' , cUSER_SYSUID);
xZeit.qSet('sys_uid' , cKOMM_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

result := cUser_SYSUID;

end else if (oParams.values['choice']='stop') then
begin

cSql := 'UPDATE zeiterfuser SET ze_zeit = ' + oParams.values['elapsedTime'] +
', ze_endtime = ' + oParams.values['vergZeit'] +
', ze_enddate = ' + oParams.values['stopTimeValue'] +
', ze_pausezeit = ' + oParams.values['elapsedPauseTime'] +
', ze_status = ' + oParams.values['status'] +
' WHERE sys_uid = ' + DB_SQLVal(oParams.values['uid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end else if (oParams.values['choice']='pause') then
begin
writeln('Pausezeit: ' + oParams.values['pauseTime']);
cSql := 'UPDATE zeiterfuser SET ze_pausezeit ' +
'= ze_pausezeit + ' + oParams.values['pauseTime'] +
' WHERE sys_uid = ' + DB_SQLVal(oParams.values['sysuid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end;
end;
</syntaxhighlight>

= HTML-Datei index.php =
<syntaxhighlight lang="html">
<!DOCTYPE html>
<html lang="de-DE">
<head>
<title>Ihr IT-Partner in Stade - Ernst Bergau GmbH</title>
<link rel="stylesheet" type="text/css" href="timestyle.css">
</head>
<script>
<?php
include('timer.js');
?>
</script>
<body>




<textarea id="search" type="text" rows="1" cols="50" oninput="searchCustomers(this.value)"></textarea>

<div class="kundenliste">
<ul id="kundenListe"></ul>
</div>
<table class="timer">
<tbody id="timerList"></tbody>
</table>
<table class="tabelleUeberschriften">
<thead>
<tr>
<th class="kunde">Kunde</th>
<th class="konto">Konto</th>
<th class="laufzeit">Laufzeit</th>
<th class="status">Status</th>
</tr>
</thead>
</table>

<div class="lightbox" id="lightbox">
<label class="commLabel" id="commLabel" for="comment">Kommentar</label>
<textarea class="comment" id="comment" rows="4" cols="50"></textarea>

<div class="bezZeitkonto">Zeitkonto</div>
<select class="dropButtonsLightbox" id="tätigkeit2Dropdown"></select>

<div class="bezDatum">Startdatum</div>
<input type="date" class="date" id="date">

<textarea disabled class="uhrzeit" id="uhrzeit"></textarea>

<div class="bezPerson">Person</div>
<textarea disabled class="eingPerson" id="eingPerson"></textarea>
<textarea disabled class="eingPersonZusatz" id="eingPersonZusatz"></textarea>

<div class="Std">Std</div>
<input type="number" class="outStd" id="outStd">
<div class="Min">Min</div>
<input type="number" class="outMin" id="outMin">
<div class="Sek">Sek</div>
<input type="number" class="outSek" id="outSek">

<div class="Pausenzeiten">Davon Pausenzeiten</div>
<div class="Std2">Std</div>
<input type="number" class="outStd2" id="outStd2">
<div class="Min2">Min</div>
<input type="number" class="outMin2" id="outMin2">
<div class="Sek2">Sek</div>
<input type="number" class="outSek2" id="outSek2">

<button class="saveButton" id="saveButton">Speichern</button>
<button class="closeButton" id="closeButton" onclick="closeLightboxOnSchliessen()">Schließen</button>
</div>

<div id="zweiteListe">
<ul id="taetigkeitListe"></ul>
</div>
</body>
</html>

</syntaxhighlight>

= Javascript-Datei timer.js =
<syntaxhighlight lang="javascript">
var api_key = 'Y00C75PODJ';
var url = 'http://127.0.0.1:8099/Zeiterfa/zeiterfa/v1';
var zaehler = -1;
var timerInterval;
var pauseTimerInterval;
var startTimeValue;
var selectedID = 0;
var elapsedTime;
var uid;
var idStop;
var time;
var selID = [];
var job = [];
var sys_uid = [];
var timers = [];
var pauseTimers = [];
var pauseTime = [];
var startdate = [];
var uhrzeit = [];
var datum = [];
var statusTimer = [];
var selectedJob = [];
var selectedKunde = [];
var tempSelectedKunde = [];
var parameter = [];

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Seitenaufruf---------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Bei Seitenaufruf werden die Funktionen----//
//----getCustomer und checkTimer aufgerufen und----//
//----die Kundenliste gefüllt und geprüft,----//
//----ob laufende timer vorhanden sind----//

window.onload = function() {

getCustomer();
checkTimer();
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Daten auslesen--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste der Kunden wird ausgelesenund gespeichert----//

function getCustomer() {

var method = 'POST';
var choice = 'customer';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
populateListeKunde(responseData);
}
};
request.send(params);
}

//----Bei Rechtsklick auf Kunden wird----//
//----seine ID ausgelesen und gespeichert----//

function getCustomerID(selectedKunde, callback) {

var method = 'POST';
var choice = 'id';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&selectedKunde=" + encodeURIComponent(selectedKunde);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
selectedID = JSON.parse(request.responseText);
callback(selectedID);
}
};
request.send(params);
}

//----Anhand der Kunden-ID wird eine Liste von Tätigkeiten----//
//----für jeden Kunden ausgelesen und gespeichert----//

function getJob(id, callback) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var Data = responseData.toString();
var teile = Data.split(",");
var jobid = [];

for (i=0; i<teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
callback(job, jobid);
}
};
request.send(params);
}

//----Tätigkeitsliste wird nochmal zur Weiterverarbeitung gelesen----//

function getJobs(id) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var data = responseData.toString();
var teile = data.split(",");
var jobid = [];

for (var i = 0; i < teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
}
};
request.send(params);
}

//----Gespeicherte Pausezeit wird ausgelesen----//

function getPauseTime(sysuid, id) {

var method = 'POST';
var choice = 'pauseTime';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&sysuid=" + encodeURIComponent(sysuid);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
pauseTime[id].value = JSON.parse(request.responseText);

}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Listen--------------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste wird mit Kundendaten gefüllt und angezeigt----//

function populateListeKunde(data) {

data.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

listItem.addEventListener("contextmenu", function(event) {
event.preventDefault();

var selectedKunde = item;
getCustomerID(selectedKunde, function(selectedID) {
getJob(selectedID, function(job, jobid) {
showSecondList(job, jobid, item);
});
});
});

kundenListe.appendChild(listItem);
});
}

//----Eine zweite Liste wird mit Jobs gefüllt,----//
//----angezeigt und bei Klick auf einen Eintrag---//
//-------die Funktion startTimer aufgerufen-------//

function showSecondList(job, jobid, kundeItem) {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.innerHTML = "";

job.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

(function(capturedItem) {
listItem.addEventListener("click", function() {
startTimer(job, jobid, capturedItem, kundeItem);
});
}) (item);
zweiteListe.appendChild(listItem);
});

zweiteListe.style.display = "block";
document.addEventListener('keydown', closeSecondList);
document.addEventListener('click', closeSecondList);
}

//----Nach Klick auf Eintrag wird die Liste geschlossen----//
function closeSecondList() {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Daten speichern-----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Startzeit, -datum, ID und Job werden gespeichert----//

function saveStartTime(user, uhrzeit, datum, endTime, endDate, status, psnr, Job, jobID) {

var method = 'PUT';
var choice = 'start';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&user=" + encodeURIComponent(user) +
"&uhrzeit=" + encodeURIComponent(uhrzeit) +
"&datum=" + encodeURIComponent(datum) +
"&endTime=" + encodeURIComponent(endTime) +
"&endDate=" + encodeURIComponent(endDate) +
"&status=" + encodeURIComponent(status)+
"&psnr=" + encodeURIComponent(psnr)+
"&Job=" + encodeURIComponent(Job)+
"&jobID=" + encodeURIComponent(jobID);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
sys_uid[zaehler].value = request.responseText;
}
};
request.send(params);
}

//----Pausezeit wird gespeichert----//

function savePauseTime(pauseTime, id) {

var method = 'PUT';
var choice = 'pause';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&pauseTime=" + encodeURIComponent(pauseTime) +
"&sysuid=" + encodeURIComponent(sys_uid[id].value);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {

if (this.readyState === 4 && this.status === 200) {
// alert(request.responseText);
}
};
request.send(params);
}

//----Stopzeit und -datum wird gespeichert----//

function saveStopTime(stopTimeValue, elapsedTime, elapsedPauseTime, status, uid, vergZeit) {

var method = 'PUT';
var choice = 'stop';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&stopTimeValue=" + encodeURIComponent(stopTimeValue) +
"&elapsedTime=" + encodeURIComponent(elapsedTime) +
"&elapsedPauseTime=" + encodeURIComponent(elapsedPauseTime) +
"&status=" + encodeURIComponent(status) +
"&uid=" + encodeURIComponent(uid) +
"&vergZeit=" + encodeURIComponent(vergZeit);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
location.reload();
}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Like-Suche----------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Durchsucht die Liste der Kunden auf alle einegegebenen Zeichen----//

function searchCustomers(text) {

text = text.toLowerCase();
var kundenListe = document.getElementById("kundenListe");
var listItems = kundenListe.getElementsByTagName("li");

for (i=0; i<listItems.length; i++) {
var item = listItems[i].textContent.toLowerCase();
if (item.includes(text)) {
listItems[i].style.display = "block";
}
else {
listItems[i].style.display = "none";
}
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------Vorhandenen Timer checken----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Überprüft, ob es Einträge in Datenbank ohne----//
//----Endzeit gibt und startet entsprechend Timer----//

function checkTimer() {

var method = 'POST';
var choice = 'check';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
var responseData = JSON.parse(request.responseText);

if (responseData.length !== 0) {
startTimeValue = new Date();
var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
var month = startTimeValue.getMonth() + 1;

responseData = responseData.toString();
var teile = responseData.split(",");

for (var i=0; i<teile.length; i+=6) {
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

zaehler++;

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: teile[i]});
}

var j=0;
for (var i=1; i<teile.length; i+=6) {
selID.push({value: teile[i]});
getJobs(selID[j].value);
j++;
}

fillArray(2, selectedJob, teile);
fillArray(3, selectedKunde, teile);
fillArray(4, sys_uid, teile);
fillArray(5, startdate, teile);

for (var i=0; i<timers.length; i++) {
var startZeitTeil = timers[i].value.split(":");
var startDatumTeil = startdate[i].value.split(".");

var diffMilli = new Date() - getStartdatum(startDatumTeil, startZeitTeil);
timers[i].value = Math.floor(diffMilli / 1000);
}

selecteID = 0;
startInterval(job);
}
}
};
request.send(params);
}

//----Arrays werden an diese Funktion übergeben und gefüllt----//

function fillArray(LZ, array, teile) {

var arrLZ = 0;
for (var i=LZ; i<teile.length; i+=6) {
array.push({value: teile[i]});
arrLZ++;
}
}

//----Startdatum wird errechnet----//
function getStartdatum(startDatumTeil, startZeitTeil) {

var startdatum = new Date(
parseInt(startDatumTeil[2]),
parseInt(startDatumTeil[1]) -1,
parseInt(startDatumTeil[0]),
parseInt(startZeitTeil[0]),
parseInt(startZeitTeil[1]),
parseInt(startZeitTeil[2])
);
return startdatum;
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Interval--------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Interval für Timer wird gestartet----//

function startInterval(job, item, kundeItem, index) {

timerInterval = setInterval(function() {

for (i=0; i<timers.length; i++) {

timers[i].value += 1;
}
updateUI(job, item, kundeItem, index);
}, 1000);
}

//----Interval für Pausentimer wird gestartet----//

function pauseInterval(job, item, kundeItem, id) {

pauseTimerInterval = setInterval(function() {

for (i=0; i<pauseTimers.length; i++) {

pauseTimers[i].value += 1;
}
updateUI(job, item, kundeItem);
}, 1000);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer starten----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----startTimer bereitet die nötigen Arrays vor,----//
//----speichert Startzeit und -datum,----//
//----beschreibt Arrays und Variablen entsprechend----//
//----und ruft die Funktion saveStartTime auf----//

function startTimer(jobs, jobid, selJob, kundeItem) {

var user = 999;
var endTime = "00:00:00";
var endDate = "0000-00-00";
var status = '01';
zaehler++;

startTimeValue = new Date();

var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});

var month = startTimeValue.getMonth() + 1;
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: 0});
selectedKunde.push({value: kundeItem});
selectedJob.push({value: selJob});
sys_uid.push({value: 0});

var index = jobs.indexOf(selJob);

saveStartTime(user, uhrzeit[zaehler].value, datum[zaehler].value, endTime, endDate, status, selectedID, selJob, jobid[index]);

clearInterval(timerInterval);
startInterval(jobs, selJob, kundeItem, index);

zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer stoppen----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Stopt den Timer, ändert den Status und ruft openLightbox auf----//

function stopTimer(job, item, kundeItem, index, id) {

idStop = id;
statusTimer[id].value = 'Stopped';
openLightbox(job, item, kundeItem, index, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer pausieren--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Pausiert den Timer und ändert den Status----//

function pauseTimer(job, item, kundeItem, id) {

pauseTimers[id].value = 0;
clearInterval(pauseTimerInterval);
pauseInterval(job, item, kundeItem, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//----------------------------------------------Button Pause-Start-------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Ruft die Funktion pauseTimer oder----//
//----savePauseTimer auf----//

function toggleButton(job, item, kundeItem, id) {

var button = document.getElementById(id);

if (button.innerHTML === "Pause") {

statusTimer[id].value = 'Paused';
pauseTimer(job, item, kundeItem, id);
}
else {

statusTimer[id].value = "Running";
savePauseTime(pauseTimers[id].value, id);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Ausgabe des Timers-----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Zeigt eine Liste mit einem oder mehreren----//
//----Timern und Buttons, verteilt dynamisch ID's----//
//----und ruft entsprechend der gedrückten----//
//----Buttons Funktionen auf----//

function updateUI(job, item, kundeItem, index) {
var timerList = document.getElementById("timerList");
timerList.innerHTML = '';

for (i=0; i<timers.length; i++) {
var neueReihe = document.createElement('tr')

//----Name des Kunden wird ausgegeben----//

var kundeEintrag = document.createElement('td');
kundeEintrag.style.position = "fixed";
kundeEintrag.style.top = (12 + i * 14) + "%";
kundeEintrag.style.width = "30%";
kundeEintrag.style.left = "0%";
kundeEintrag.style.textAlign = "center";
kundeEintrag.classList.add('kunde_k');
kundeEintrag.textContent = selectedKunde[i].value;
timerList.appendChild(kundeEintrag);

//----Gewählter Job wird ausgegeben----//

var kontoEintrag = document.createElement('td');
kontoEintrag.style.position = "fixed";
kontoEintrag.style.top = (12 + i * 14) + "%";
kontoEintrag.style.width = "30%";
kontoEintrag.style.left = "30%";
kontoEintrag.style.textAlign = "center";
kontoEintrag.classList.add('konto_k');
kontoEintrag.textContent = selectedJob[i].value;
timerList.appendChild(kontoEintrag);

//----Gestartete Timer werden in Liste----//
//----ausgegeben, pausierte Timer werden----//
//----Liste ausgegeben, sobald Timer gestoppt----//
//----wird Ausgabe in Lightbox----//

if (statusTimer[i].value === "Running") {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(timers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Paused') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Stopped') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);

var zeit = formatElapsedTime(timers[i].value);
zeit = zeit.toString();
var teile = zeit.split(":");

var h = teile[0];
var m = teile[1];
var s = teile[2];

var outStdField = document.getElementById("outStd");
var outMinField = document.getElementById("outMin");
var outSekField = document.getElementById("outSek");

if (document.activeElement !== outStdField && document.activeElement !== outMinField && document.activeElement !== outSekField) {
document.getElementById("outStd").value = h;
document.getElementById("outMin").value = m;
document.getElementById("outSek").value = s;
}

var hEnd = document.getElementById("outStd").value;
var mEnd = document.getElementById("outMin").value;
var sEnd = document.getElementById("outSek").value;
time = hEnd + ":" + mEnd + ":" + sEnd;
}

//----Status (Running, Paused, Stopped) wird ausgegeben----//

var statusTimerElement = document.createElement('td');
statusTimerElement.style.position = "fixed";
statusTimerElement.style.top = (12 + i * 14) + "%";
statusTimerElement.style.width = "15%";
statusTimerElement.style.left = "75%";
statusTimerElement.style.textAlign = "center";
statusTimerElement.classList.add('status_s');
statusTimerElement.textContent = statusTimer[i].value;
timerList.appendChild(statusTimerElement);

//----Pause Button mit dynamisch vergebener ID wird ausgegeben----//

if (statusTimer[i].value === "Running") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Pause"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}
else if (statusTimer[i].value === "Paused") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Start"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}

//----Stop Button mit dynamisch vergebener ID wird ausgegeben----//

var stopButton = document.createElement('button')
stopButton.id = i;
stopButton.classList.add('stopButton');
stopButton.style.position = "fixed";
stopButton.style.top = (12 + i * 14) + "%";
stopButton.style.left = "94%";
stopButton.style.height = "9.4%";
stopButton.style.width = "3%";
stopButton.style.fontSize = "80%";
stopButton.textContent = "Stop"
stopButton.addEventListener('click', function() {stopTimer(job, item, kundeItem, index, this.id)});
timerList.appendChild(stopButton);

//----Für jeden aufgerufenen Timer wird----//
//----eine neue Reihe ausgegeben----//

timerList.appendChild(neueReihe);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//-----------------------------------------------Sekunden in Uhrzeit umrechnen-------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Sekunden in Stunden,----//
//----Minuten und Sekunden und gibt diese----//
//----an aufrufende Funktion zurück----//

function formatElapsedTime(seconds) {

var minutes = Math.floor(seconds / 60);
seconds %= 60;
var hours = Math.floor(minutes / 60);
minutes %= 60;
function addLeadingZero(n) {
return (n < 10 ? '0' : '') + n;
}

return addLeadingZero(hours) + ":" + addLeadingZero(minutes) + ":" + addLeadingZero(seconds);
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------Uhrzeit in Sekunden umrechnen----------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Stunden, Minuten----//
//----und Sekunden in Sekunden um und----//
//----gibt diese an aufrufende Funktion zurück----//

function timeInSeconds(zeit) {

var teile = zeit.split(':');
var Stunden = parseInt(teile[0], 10);
var Minuten = parseInt(teile[1], 10);
var Sekunden = parseInt(teile[2], 10);
return Stunden * 3600 + Minuten * 60 + Sekunden;
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Lightbox-------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Öffnet eine Lightbox und zeigt Kunde----//
//----Job, vergangene Zeit und evtl Pausenzeit an----//
//----und gibt Möglichkeit alle Zeiten anzupassen----//

function openLightbox(job, item, kundeItem, index, id) {

document.getElementById('lightbox').style.display = 'block';

var dateField = document.getElementById("date");
dateField.value = datum[id].value;
document.getElementById("uhrzeit").innerHTML = uhrzeit[id].value;

var commentTextarea = document.getElementById("comment");
commentTextarea.value = selectedJob[id].value;

document.getElementById("eingPersonZusatz").innerHTML = selectedKunde[id].value;

if (selectedID.length !== undefined) {
document.getElementById("eingPerson").innerHTML = selectedID;
}
else {
document.getElementById("eingPerson").innerHTML = selID[id].value;
}

//----Ausgabe der vergangenen Zeit in Lightbox----//

document.getElementById("outStd").value = 00;
document.getElementById("outMin").value = 00;
document.getElementById("outSek").value = 00;

//----Ausgabe der Pausenzeiten in Lightbox----//

document.getElementById("outStd2").value = 00;
document.getElementById("outMin2").value = 00;
document.getElementById("outSek2").value = 00;
getPauseTime(sys_uid[id].value, id);

var secondsPause = pauseTime[id].value;
secondsPause %= 60;

var minutesPause = Math.floor(pauseTime[id].value / 60);
minutesPause %= 60;

var hoursPause = Math.floor(minutesPause / 60);
hoursPause %= 60;

document.getElementById("outStd2").value = hoursPause;
document.getElementById("outMin2").value = minutesPause;

if (secondsPause > 0) {
document.getElementById("outSek2").value = secondsPause;
}
else {
document.getElementById("outSek2").value = 0;
}

var dropdown2 = document.getElementById("tätigkeit2Dropdown");

job.forEach(function(item, index) {
var option = document.createElement("option");
option.textContent = item;
dropdown2.add(option)

if (item === selectedJob[id].value) {
option.selected = true;
}
});

document.addEventListener('keydown', closeLightboxOnEscape);
document.addEventListener('keydown', closeLightboxOnF2);
}

//----Lightbox schließen----//

function closeLightbox() {

document.getElementById('lightbox').style.display = 'none';
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn der Schließen-Button gedrückt wird----//

function closeLightboxOnSchliessen() {

statusTimer[idStop].value = 'Running';
closeLightbox();
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn Escape gedrückt wird----//

function closeLightboxOnEscape() {

if (event.key === 'Escape') {
statusTimer[idStop].value = 'Running';
closeLightbox();
}
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn F2 gedrückt wird----//

function closeLightboxOnF2(event) {

if (event.key === 'F2') {
saveBox();
closeLightbox();
}
}

//----Alle Daten in Lightbox werden gespeichert----//

function saveBox() {

var vergZeit = '"' + time + '"';

var teile = time.split(":");
var stunden = parseInt(teile[0]);
var minuten = parseInt(teile[1]);
var sekunden = parseInt(teile[2]);
time = stunden * 3600 + minuten * 60 + sekunden;

elapsedTime = time;

var Job = selectedJob[idStop].value;
var Kunde = selectedKunde[idStop].value;

var hPEnd = document.getElementById("outStd2").value;
var mPEnd = document.getElementById("outMin2").value;
var sPEnd = document.getElementById("outSek2").value;
var pTime = hPEnd + ":" + mPEnd + ":" + sPEnd;
pTime = timeInSeconds(pTime);

var uid = sys_uid[idStop].value;
var month = startTimeValue.getMonth();
var day = startTimeValue.getDate();
month += 1;
stopTimeValue = '"' + startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day) + '"';

var status = 21;

timers.splice(idStop, 1);
pauseTimers.splice(idStop, 1);
pauseTime.splice(idStop, 1);
selectedKunde.splice(idStop, 1);
selectedJob.splice(idStop, 1);
statusTimer[idStop].value = 'Running';
sys_uid.splice(idStop, 1);

if (zaehler > 0) {
zaehler -= 1;
}

closeLightbox();

if (timers.length === 0) {
clearInterval(timerInterval);
}

saveStopTime(stopTimeValue, elapsedTime, pTime, status, uid, vergZeit);
}

//----Funktion saveBox wird aufgerufen,----//
//----wenn der Save-Button gedrückt wird----//

document.addEventListener('DOMContentLoaded', function() {
const saveButton = document.getElementById('saveButton');
saveButton.addEventListener('click', function() {
saveBox();
})
});
</syntaxhighlight>

= PHP-Script saveTime.php =
<syntaxhighlight lang="php">
<?php
$user = 0;
$uhrzeit = 0;
$datum = 0;
$endTime = 0;
$endDate = 0;
$status = 0;
$psnr = 0;
$comm = 0;
$jobID = 0;
$pauseTime = 0;
$sysuid = 0;
$stopTimeValue = 0;
$elapsedTime = 0;
$elapsedPauseTime = 0;
$status = 0;
$uid = 0;
$vergZeit = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['user'])) {
$user = $_POST['user'];
}
if (isset($_POST['uhrzeit'])) {
$uhrzeit = $_POST['uhrzeit'];
}
if (isset($_POST['datum'])) {
$datum = $_POST['datum'];
}
if (isset($_POST['endTime'])) {
$endTime = $_POST['endTime'];
}
if (isset($_POST['endDate'])) {
$endDate = $_POST['endDate'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['psnr'])) {
$psnr = $_POST['psnr'];
}
if (isset($_POST['Job'])) {
$comm = $_POST['Job'];
}
if (isset($_POST['jobID'])) {
$jobID = $_POST['jobID'];
}
if (isset($_POST['pauseTime'])) {
$pauseTime = $_POST['pauseTime'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['stopTimeValue'])) {
$stopTimeValue = $_POST['stopTimeValue'];
}
if (isset($_POST['elapsedTime'])) {
$elapsedTime = $_POST['elapsedTime'];
}
if (isset($_POST['elapsedPauseTime'])) {
$elapsedPauseTime = $_POST['elapsedPauseTime'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['uid'])) {
$uid = $_POST['uid'];
}
if (isset($_POST['vergZeit'])) {
$vergZeit = $_POST['vergZeit'];
}

$params = array( 'user' => $user,
'uhrzeit' => $uhrzeit,
'datum' => $datum,
'endTime' => $endTime,
'endDate' => $endDate,
'status' => $status,
'psnr' => $psnr,
'comm' => $comm,
'jobID' => $jobID,
'pauseTime' => $pauseTime,
'sysuid' => $sysuid,
'stopTimeValue' => $stopTimeValue,
'elapsedTime' => $elapsedTime,
'elapsedPauseTime' => $elapsedPauseTime,
'status' => $status,
'uid' => $uid,
'vergZeit' => $vergZeit,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= PHP-Script getData.php =
<syntaxhighlight lang="php">
<?php
$sysuid = 0;
$id = 0;
$selectedKunde = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['id'])) {
$id = $_POST['id'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['selectedKunde'])) {
$selectedKunde = $_POST['selectedKunde'];
}

$params = array( 'sysuid' => $sysuid,
'id' => $id,
'selectedKunde' => $selectedKunde,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= CSS-Datei timestyle.css =
<syntaxhighlight lang="css">
/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Allgemein-----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

body
{
font-family: 'Arial', sans-serif;
display: flex;
justify-content: right;
align-items: flex-start;
height: 100%;
background-image: url('web_background_3.png');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
ul
{
list-style-type: none;
}
li
{
padding: 0.5em;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.85em;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Suche-------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#search
{
position: fixed;
top: 8%;
left: 42%;
width: 15%;
height: 2.8%;
resize: none;
border: 0.04em solid #e4e4e4;
border-radius: 0.1em;
background-color: white;
font-size: 2em;
overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Timerausgabe--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.kundenliste
{
width: 70%;
height: 30%;
position: fixed;
top: 43.5%;
left: 50%;
transform: translate(-50%, -50%);
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;
overflow: auto;
background-color: white;
font-size: 0.85vw;
}
.tabelleUeberschriften
{
width: 70%;
min-height: 3%;
position: fixed;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
/* border-top: 0.14em solid #ccc;
border-bottom: 0.14em solid #ccc; */
background-color: white;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
font-size: 0.9vw;
}
#timerList
{
width: 70%;
height: 25%;
position: fixed;
top: 73.5%;
left: 50%;
transform: translate(-50%, -50%);
overflow: auto;
border-bottom-left-radius: 0.2em;
border-bottom-right-radius: 0.2em;
/* border: 0.14em solid red; */
background-color: white;
font-size: 0.85vw;
}
.kunde
{
width: 30%;
position: fixed;
left: 0%;
}
.konto
{
width: 30%;
position: fixed;
left: 30%;
}
.laufzeit
{
width: 15%;
position: fixed;
left: 60%;
}
.status
{
width: 15%;
position: fixed;
left: 75%;
}
.buttons
{
width: 10%;
position: fixed;
left: 90%;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Lightbox----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.lightbox
{
display: none;
width: 52%;
height: 62%;
position: fixed;
top: 61.5%;
left: 67%;
border-radius: 0.15em;
background-color: white;
transform: translate(-50%, -50%);
flex-direction: column;
align-items: center;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
}

/*-----------------------------------------Lightbox-Inhalt-----------------------------------------*/

.commLabel
{
position: fixed;
top: 5%;
left: 5%;
font-weight: bold;
font-size: 0.8vw;
}
.comment
{
width: 90%;
height: 38%;
position: fixed;
top: 10%;
left: 5%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.9vw;
}

.bezZeitkonto
{
position: fixed;
top: 55%;
left: 5%;
font-size: 0.8vw;
}
.dropButtonsLightbox
{
width: 37%;
height: 4.4%;
position: fixed;
top: 54%;
left: 15%;
font-size: 0.7vw;
}
.bezDatum
{
position: fixed;
top: 55%;
left: 58%;
font-size: 0.7vw;
}
.date
{
position: fixed;
top: 54%;
left: 68%;
width: 15%;
height: 4%;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
}
.uhrzeit
{
position: fixed;
top: 54%;
left: 85.5%;
width: 10%;
height: 3.9%;
padding: 0.1em;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
resize: none;
}

.bezPerson
{
position: fixed;
top: 68%;
left: 5%;
font-size: 0.8vw;
}
.eingPerson
{
position: fixed;
top: 68%;
left: 15%;
width: 10%;
height: 4.4%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.eingPersonZusatz
{
position: fixed;
top: 68%;
left: 26%;
width: 25.7%;
height: 4.4%;
overflow: auto;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.Std
{
position: fixed;
top: 63%;
left: 66%;
font-size: 0.7vw;
}
.Min
{
position: fixed;
top: 63%;
left: 78%;
font-size: 0.7vw;
}
.Sek
{
position: fixed;
top: 63%;
left: 91%;
font-size: 0.7vw;
}
.outStd
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}

.Pausenzeiten
{
position: absolute;
top: 79%;
left: 71%;
font-weight: bold;
font-size: 0.8vw;
}
.Std2
{
position: fixed;
top: 84%;
left: 66%;
font-size: 0.7vw;
}
.Min2
{
position: fixed;
top: 84%;
left: 78%;
font-size: 0.7vw;
}
.Sek2
{
position: fixed;
top: 84%;
left: 91%;
font-size: 0.7vw;
}
.outStd2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.saveButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 5%;
font-size: 0.7vw;
}
.closeButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 14%;
font-size: 0.7vw;
}

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------Tätigkeitenliste (zweite Liste)----------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#zweiteListe
{
display: none;
width: 25%;
max-height: 50%;
position: fixed;
top: 47%;
left: 44%;
padding: 1%;
overflow: auto;
border-radius: 0.2em;
transform: translate(-50%, -50%);
background-color: #FAFAFA;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
font-size: 0.85vw;
}

</syntaxhighlight>

OBS/Kostenpflichtige Module/RESTServer/Beispiel2

2023-10-18T06:44:52Z

Prakti:

{{Kostenpflichtige Module}}

Dieses Script dient zur Zeiterfassung über den REST-Server. Bei Seitenaufruf wird eine Liste von Kunden geladen und in einer Liste angezeigt.

Durch Rechtsklick auf einen Eintrag wird eine Liste an zugehörigen Tätigkeiten geladen, die nach Klick einen Timer starten.

Per Javascript werden Startzeit, Startdatum und andere Informationen wie Kunde und Personalnummer über die PHP-Scripte und das Endpunkt-Script in einer Datenbank gespeichert.

Der Status wird hierbei auf "1" gesetzt. Pausenzeiten werden nach Beenden einer Pause in der Datenbank gespeichert.

Durch Drücken des Stop-Buttons wird eine Lightbox mit einer Zusammenfassung aller zum Timer gehörenden Daten angezeigt. Hier hat man die Möglichkeit Tätigkeiten, abgelaufene Zeit und

Pausenzeit nachträglich zu bearbeiten. Durch Klick auf "Speichern" oder Druck auf F2 werden Endzeit und Enddatum gespeichert und der Status auf "21" gesetzt.

Nach Reload der Webseite wird anhand des Status in der Datenbank nach laufenden Timern gesucht und diese gegebenenfalls gestartet.

= Endpunkt-Script =
<syntaxhighlight lang="pascal">
procedure _AddJob(oArr: TJSONArray; id: String);
var oWert : TJSONObject;
cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT CONCAT(za_text, ":",sys_uid) AS Job FROM zeiterfart ' +
'WHERE za_psnr = ' + DB_SQLVal(id) + ' AND za_inaktiv <> "1" ' +
'ORDER BY za_order';
if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Job'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCustomer(oArr: TJSONArray);
var oWert : TJSONObject;
cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('Kunde'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddID(kunde: String; oArr: TJSONArray);
var oWert : TJSONObject;
cSql : String;
A_Query : TxFQuery;
begin
cSql :=' SELECT * FROM' +
' (SELECT' +
' ps_nr,' +
' ps_such AS Kunde,' +
' perssta.sys_uid AS ps_sys_uid,' +
' "PE" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN perssta ON se_ref1 AND perssta.sys_uid = se_ref2' +
' WHERE se_nr = 0087' +
' AND ps_nr <> 100000' +
' UNION SELECT p_nr AS ps_nr,' +
' p_name1 AS ps_such,' +
' projekte.sys_uid AS ps_sys_uid,' +
' "PR" AS TYP' +
' FROM eigenschaften' +
' LEFT JOIN projekte ON se_ref1 = p_nr' +
' AND projekte.sys_uid = se_ref2 WHERE se_nr = 0087)' +
' A WHERE ps_nr IS NOT NULL' +
' AND Kunde = ' + DB_SQLVal(kunde) +
' ORDER BY Kunde ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ps_nr'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _AddCHECK(oArr: TJSONArray);
var oWert : TJSONObject;
cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT ze_starttime, zeiterfuser.sys_uid AS sysuid, zk_psnr, ' +
'za_text, ps_such, ze_startdate FROM ' +
'zeiterfuser LEFT JOIN zeiterfkomm ON ' +
'zk_messunguid = zeiterfuser.SYS_UID LEFT JOIN zeiterfart ' +
'ON zeiterfart.sys_uid = zeiterfuser.ze_uid AND ' +
'za_psnr = zeiterfkomm.zk_psnr LEFT JOIN perssta ON ' +
'ps_nr = zeiterfkomm.zk_psnr WHERE ze_status = 01 ';

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_starttime'));
oArr.Add(A_Query.A2C('zk_psnr'));
oArr.Add(A_Query.A2C('za_text'));
oArr.Add(A_Query.A2C('ps_such'));
oArr.Add(A_Query.A2C('sysuid'));
oArr.Add(A_Query.A2C('ze_startdate'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

procedure _getPauseTime(sysuid: String; oArr: TJSONArray);
var oWert : TJSONObject;
cSql : String;
A_Query : TxFQuery;
begin
cSql := 'SELECT * FROM zeiterfuser WHERE sys_uid = ' + DB_SQLVal(sysuid);

if (DB_xSOpen('Y009LHNBTY', oDB, cSql, A_Query, False)) then begin
while (not A_Query.EoF) do begin
oArr.Add(A_Query.A2C('ze_pausezeit'));
A_Query.Next();
end;
end;
DB_Close(A_Query);
end;

//----------------Funktionen----------------------------------//

function POST(oParams: TStrings): string;
var
oArr1 : TJSONArray;
cSql : String;
startTime : TDateTime;
elapsedTime : Integer;
millisec, seconds, minutes, hours : Word;
year, month, day : Word;
uhrzeit, datum : String;
begin
if (oParams.values['choice']='job') then begin
oArr1 := TJSONArray.Create();
_AddJob(oArr1, oParams.values['id']);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='customer') then begin
oArr1 := TJSONArray.Create();
_AddCustomer(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='id') then begin
oArr1 := TJSONArray.Create();
_AddID(oParams.values['selectedKunde'], oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='check') then begin
oArr1 := TJSONArray.Create();
_AddCHECK(oArr1);
result := oArr1.ToJSON();
end else if (oParams.values['choice']='pauseTime') then begin
oArr1 := TJSONArray.Create();
_GetPauseTime(oParams.values['sysuid'], oArr1);
result := oArr1.ToJSON();
end;
end;

function PUT(oParams: TStrings): string;
var
xZeit : TqSQL;
cUSER_SYSUID : String;
cKOMM_SYSUID : String;
lNew : Boolean;
cSql : String;
dDBNow : TDateTime;
begin
writeln('Choice: ' + oParams.values['choice']);
if (oParams.values['choice']='start') then
begin
dDBNow := DB_Now(oDB);
lNew := True;
if (empty(cUSER_SYSUID)) then begin
cUSER_SYSUID := GetNewId(oDB);
end;

xZeit := qSqlInit(oDB, 'zeiterfuser');
xZeit.lNoSysUID := True;

writeln('SYSUID: ' + oParams.values['jobID']);

xZeit.qSet('ze_user' , oParams.values['user']);
xZeit.qSet('ze_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('ze_eigen' , '0101');
xZeit.qSet('ze_startdate' , oParams.values['datum']);
xZeit.qSet('ze_endtime' , oParams.values['endTime']);
xZeit.qSet('ze_enddate' , oParams.values['endDate']);
xZeit.qSet('ze_zeit' , '0');
xZeit.qSet('ze_pausezeit' , '0');
xZeit.qSet('ze_status' , oParams.values['status']);
xZeit.qSet('ze_berechnen' , 0);
xZeit.qSet('ze_officestar' , 0);
xZeit.qSet('ze_repa' , 0);
xZeit.qSet('ze_vorbereitung' , 0);
xZeit.qSet('ze_uid' , oParams.values['jobID']);
xZeit.qSet('sys_uid' , cUSER_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

//---------------------------------------------------------------------

xZeit := qSqlInit(oDB,'ZEITERFKOMM');
xZeit.lNoSysUID := True;

if (empty(cKOMM_SYSUID)) then begin
cKOMM_SYSUID := GetNewId(oDB);
end;

xZeit.qSet('zk_psnr' , oParams.values['psnr']);
xZeit.qSet('zk_starttime' , oParams.values['uhrzeit']);
xZeit.qSet('zk_startdate' , oParams.values['datum']);
xZeit.qSet('zk_kommentar' , oParams.values['comm']);
xZeit.qSet('zk_messunguid' , cUSER_SYSUID);
xZeit.qSet('sys_uid' , cKOMM_SYSUID);

xZeit.SaveData(lNew);
qSQLFree(xZeit);

result := cUser_SYSUID;

end else if (oParams.values['choice']='stop') then
begin

cSql := 'UPDATE zeiterfuser SET ze_zeit = ' + oParams.values['elapsedTime'] +
', ze_endtime = ' + oParams.values['vergZeit'] +
', ze_enddate = ' + oParams.values['stopTimeValue'] +
', ze_pausezeit = ' + oParams.values['elapsedPauseTime'] +
', ze_status = ' + oParams.values['status'] +
' WHERE sys_uid = ' + DB_SQLVal(oParams.values['uid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end else if (oParams.values['choice']='pause') then
begin
writeln('Pausezeit: ' + oParams.values['pauseTime']);
cSql := 'UPDATE zeiterfuser SET ze_pausezeit ' +
'= ze_pausezeit + ' + oParams.values['pauseTime'] +
' WHERE sys_uid = ' + DB_SQLVal(oParams.values['sysuid']);

if DB_SQLExec(oDB,cSql) then
begin
result := 'Die Daten wurden erfolgreich gespeichert!';
end else begin
result := 'Fehler!';
end;
end;
end;
</syntaxhighlight>

= HTML-Datei index.php =
<syntaxhighlight lang="html">
<!DOCTYPE html>
<html lang="de-DE">
<head>
<title>Ihr IT-Partner in Stade - Ernst Bergau GmbH</title>
<link rel="stylesheet" type="text/css" href="timestyle.css">
</head>
<script>
<?php
include('timer.js');
?>
</script>
<body>




<textarea id="search" type="text" rows="1" cols="50" oninput="searchCustomers(this.value)"></textarea>

<div class="kundenliste">
<ul id="kundenListe"></ul>
</div>
<table class="timer">
<tbody id="timerList"></tbody>
</table>
<table class="tabelleUeberschriften">
<thead>
<tr>
<th class="kunde">Kunde</th>
<th class="konto">Konto</th>
<th class="laufzeit">Laufzeit</th>
<th class="status">Status</th>
</tr>
</thead>
</table>

<div class="lightbox" id="lightbox">
<label class="commLabel" id="commLabel" for="comment">Kommentar</label>
<textarea class="comment" id="comment" rows="4" cols="50"></textarea>

<div class="bezZeitkonto">Zeitkonto</div>
<select class="dropButtonsLightbox" id="tätigkeit2Dropdown"></select>

<div class="bezDatum">Startdatum</div>
<input type="date" class="date" id="date">

<textarea disabled class="uhrzeit" id="uhrzeit"></textarea>

<div class="bezPerson">Person</div>
<textarea disabled class="eingPerson" id="eingPerson"></textarea>
<textarea disabled class="eingPersonZusatz" id="eingPersonZusatz"></textarea>

<div class="Std">Std</div>
<input type="number" class="outStd" id="outStd">
<div class="Min">Min</div>
<input type="number" class="outMin" id="outMin">
<div class="Sek">Sek</div>
<input type="number" class="outSek" id="outSek">

<div class="Pausenzeiten">Davon Pausenzeiten</div>
<div class="Std2">Std</div>
<input type="number" class="outStd2" id="outStd2">
<div class="Min2">Min</div>
<input type="number" class="outMin2" id="outMin2">
<div class="Sek2">Sek</div>
<input type="number" class="outSek2" id="outSek2">

<button class="saveButton" id="saveButton">Speichern</button>
<button class="closeButton" id="closeButton" onclick="closeLightboxOnSchliessen()">Schließen</button>
</div>

<div id="zweiteListe">
<ul id="taetigkeitListe"></ul>
</div>
</body>
</html>

</syntaxhighlight>

= Javascript-Datei timer.js =
<syntaxhighlight lang="javascript">
var api_key = 'Y00C75PODJ';
var url = 'http://127.0.0.1:8099/Zeiterfa/zeiterfa/v1';
var zaehler = -1;
var timerInterval;
var pauseTimerInterval;
var startTimeValue;
var selectedID = 0;
var elapsedTime;
var uid;
var idStop;
var time;
var selID = [];
var job = [];
var sys_uid = [];
var timers = [];
var pauseTimers = [];
var pauseTime = [];
var startdate = [];
var uhrzeit = [];
var datum = [];
var statusTimer = [];
var selectedJob = [];
var selectedKunde = [];
var tempSelectedKunde = [];
var parameter = [];

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Seitenaufruf---------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Bei Seitenaufruf werden die Funktionen----//
//----getCustomer und checkTimer aufgerufen und----//
//----die Kundenliste gefüllt und geprüft,----//
//----ob laufende timer vorhanden sind----//

window.onload = function() {

getCustomer();
checkTimer();
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Daten auslesen--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste der Kunden wird ausgelesenund gespeichert----//

function getCustomer() {

var method = 'POST';
var choice = 'customer';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
populateListeKunde(responseData);
}
};
request.send(params);
}

//----Bei Rechtsklick auf Kunden wird----//
//----seine ID ausgelesen und gespeichert----//

function getCustomerID(selectedKunde, callback) {

var method = 'POST';
var choice = 'id';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&selectedKunde=" + encodeURIComponent(selectedKunde);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
selectedID = JSON.parse(request.responseText);
callback(selectedID);
}
};
request.send(params);
}

//----Anhand der Kunden-ID wird eine Liste von Tätigkeiten----//
//----für jeden Kunden ausgelesen und gespeichert----//

function getJob(id, callback) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var Data = responseData.toString();
var teile = Data.split(",");
var jobid = [];

for (i=0; i<teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
callback(job, jobid);
}
};
request.send(params);
}

//----Tätigkeitsliste wird nochmal zur Weiterverarbeitung gelesen----//

function getJobs(id) {

var method = 'POST';
var choice = 'job';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&id=" + encodeURIComponent(id);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var responseData = JSON.parse(request.responseText);
var data = responseData.toString();
var teile = data.split(",");
var jobid = [];

for (var i = 0; i < teile.length; i++) {
job[i] = teile[i].split(":")[0];
jobid[i] = teile[i].split(":")[1];
}
}
};
request.send(params);
}

//----Gespeicherte Pausezeit wird ausgelesen----//

function getPauseTime(sysuid, id) {

var method = 'POST';
var choice = 'pauseTime';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&sysuid=" + encodeURIComponent(sysuid);

var request = new XMLHttpRequest();

request.open("POST", "getData.php", false);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
pauseTime[id].value = JSON.parse(request.responseText);

}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Listen--------------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Eine Liste wird mit Kundendaten gefüllt und angezeigt----//

function populateListeKunde(data) {

data.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

listItem.addEventListener("contextmenu", function(event) {
event.preventDefault();

var selectedKunde = item;
getCustomerID(selectedKunde, function(selectedID) {
getJob(selectedID, function(job, jobid) {
showSecondList(job, jobid, item);
});
});
});

kundenListe.appendChild(listItem);
});
}

//----Eine zweite Liste wird mit Jobs gefüllt,----//
//----angezeigt und bei Klick auf einen Eintrag---//
//-------die Funktion startTimer aufgerufen-------//

function showSecondList(job, jobid, kundeItem) {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.innerHTML = "";

job.forEach(function(item) {
var listItem = document.createElement("li");
listItem.textContent = item;

(function(capturedItem) {
listItem.addEventListener("click", function() {
startTimer(job, jobid, capturedItem, kundeItem);
});
}) (item);
zweiteListe.appendChild(listItem);
});

zweiteListe.style.display = "block";
document.addEventListener('keydown', closeSecondList);
document.addEventListener('click', closeSecondList);
}

//----Nach Klick auf Eintrag wird die Liste geschlossen----//
function closeSecondList() {

var zweiteListe = document.getElementById("zweiteListe");
zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Daten speichern-----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Startzeit, -datum, ID und Job werden gespeichert----//

function saveStartTime(user, uhrzeit, datum, endTime, endDate, status, psnr, Job, jobID) {

var method = 'PUT';
var choice = 'start';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&user=" + encodeURIComponent(user) +
"&uhrzeit=" + encodeURIComponent(uhrzeit) +
"&datum=" + encodeURIComponent(datum) +
"&endTime=" + encodeURIComponent(endTime) +
"&endDate=" + encodeURIComponent(endDate) +
"&status=" + encodeURIComponent(status)+
"&psnr=" + encodeURIComponent(psnr)+
"&Job=" + encodeURIComponent(Job)+
"&jobID=" + encodeURIComponent(jobID);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
sys_uid[zaehler].value = request.responseText;
}
};
request.send(params);
}

//----Pausezeit wird gespeichert----//

function savePauseTime(pauseTime, id) {

var method = 'PUT';
var choice = 'pause';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&pauseTime=" + encodeURIComponent(pauseTime) +
"&sysuid=" + encodeURIComponent(sys_uid[id].value);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {

if (this.readyState === 4 && this.status === 200) {
// alert(request.responseText);
}
};
request.send(params);
}

//----Stopzeit und -datum wird gespeichert----//

function saveStopTime(stopTimeValue, elapsedTime, elapsedPauseTime, status, uid, vergZeit) {

var method = 'PUT';
var choice = 'stop';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice) +
"&stopTimeValue=" + encodeURIComponent(stopTimeValue) +
"&elapsedTime=" + encodeURIComponent(elapsedTime) +
"&elapsedPauseTime=" + encodeURIComponent(elapsedPauseTime) +
"&status=" + encodeURIComponent(status) +
"&uid=" + encodeURIComponent(uid) +
"&vergZeit=" + encodeURIComponent(vergZeit);

var request = new XMLHttpRequest();

request.open("POST", "saveTime.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
location.reload();
}
};
request.send(params);
}

//-----------------------------------------------------------------------------------------------------------------------//
//---------------------------------------------Like-Suche----------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Durchsucht die Liste der Kunden auf alle einegegebenen Zeichen----//

function searchCustomers(text) {

text = text.toLowerCase();
var kundenListe = document.getElementById("kundenListe");
var listItems = kundenListe.getElementsByTagName("li");

for (i=0; i<listItems.length; i++) {
var item = listItems[i].textContent.toLowerCase();
if (item.includes(text)) {
listItems[i].style.display = "block";
}
else {
listItems[i].style.display = "none";
}
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------Vorhandenen Timer checken----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Überprüft, ob es Einträge in Datenbank ohne----//
//----Endzeit gibt und startet entsprechend Timer----//

function checkTimer() {

var method = 'POST';
var choice = 'check';

var params = "api_key=" + encodeURIComponent(api_key) +
"&url=" + encodeURIComponent(url) +
"&method=" + encodeURIComponent(method) +
"&choice=" + encodeURIComponent(choice);

var request = new XMLHttpRequest();

request.open("POST", "getData.php");
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200 && timers.length === 0) {
var responseData = JSON.parse(request.responseText);

if (responseData.length !== 0) {
startTimeValue = new Date();
var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
var month = startTimeValue.getMonth() + 1;

responseData = responseData.toString();
var teile = responseData.split(",");

for (var i=0; i<teile.length; i+=6) {
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

zaehler++;

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: teile[i]});
}

var j=0;
for (var i=1; i<teile.length; i+=6) {
selID.push({value: teile[i]});
getJobs(selID[j].value);
j++;
}

fillArray(2, selectedJob, teile);
fillArray(3, selectedKunde, teile);
fillArray(4, sys_uid, teile);
fillArray(5, startdate, teile);

for (var i=0; i<timers.length; i++) {
var startZeitTeil = timers[i].value.split(":");
var startDatumTeil = startdate[i].value.split(".");

var diffMilli = new Date() - getStartdatum(startDatumTeil, startZeitTeil);
timers[i].value = Math.floor(diffMilli / 1000);
}

selecteID = 0;
startInterval(job);
}
}
};
request.send(params);
}

//----Arrays werden an diese Funktion übergeben und gefüllt----//

function fillArray(LZ, array, teile) {

var arrLZ = 0;
for (var i=LZ; i<teile.length; i+=6) {
array.push({value: teile[i]});
arrLZ++;
}
}

//----Startdatum wird errechnet----//
function getStartdatum(startDatumTeil, startZeitTeil) {

var startdatum = new Date(
parseInt(startDatumTeil[2]),
parseInt(startDatumTeil[1]) -1,
parseInt(startDatumTeil[0]),
parseInt(startZeitTeil[0]),
parseInt(startZeitTeil[1]),
parseInt(startZeitTeil[2])
);
return startdatum;
}

//-----------------------------------------------------------------------------------------------------------------------//
//-------------------------------------------------Interval--------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Interval für Timer wird gestartet----//

function startInterval(job, item, kundeItem, index) {

timerInterval = setInterval(function() {

for (i=0; i<timers.length; i++) {

timers[i].value += 1;
}
updateUI(job, item, kundeItem, index);
}, 1000);
}

//----Interval für Pausentimer wird gestartet----//

function pauseInterval(job, item, kundeItem, id) {

pauseTimerInterval = setInterval(function() {

for (i=0; i<pauseTimers.length; i++) {

pauseTimers[i].value += 1;
}
updateUI(job, item, kundeItem);
}, 1000);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer starten----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----startTimer bereitet die nötigen Arrays vor,----//
//----speichert Startzeit und -datum,----//
//----beschreibt Arrays und Variablen entsprechend----//
//----und ruft die Funktion saveStartTime auf----//

function startTimer(jobs, jobid, selJob, kundeItem) {

var user = 999;
var endTime = "00:00:00";
var endDate = "0000-00-00";
var status = '01';
zaehler++;

startTimeValue = new Date();

var minutes = startTimeValue.getMinutes();
var seconds = startTimeValue.getSeconds();
uhrzeit.push({value: startTimeValue.getHours() + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds)});

var month = startTimeValue.getMonth() + 1;
datum.push({value: startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + startTimeValue.getDate()});

statusTimer.push({value: 'Running'});
pauseTimers.push({value: 0});
pauseTime.push({value: 0});
timers.push({value: 0});
selectedKunde.push({value: kundeItem});
selectedJob.push({value: selJob});
sys_uid.push({value: 0});

var index = jobs.indexOf(selJob);

saveStartTime(user, uhrzeit[zaehler].value, datum[zaehler].value, endTime, endDate, status, selectedID, selJob, jobid[index]);

clearInterval(timerInterval);
startInterval(jobs, selJob, kundeItem, index);

zweiteListe.style.display = "none";
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer stoppen----------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Stopt den Timer, ändert den Status und ruft openLightbox auf----//

function stopTimer(job, item, kundeItem, index, id) {

idStop = id;
statusTimer[id].value = 'Stopped';
openLightbox(job, item, kundeItem, index, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Timer pausieren--------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Pausiert den Timer und ändert den Status----//

function pauseTimer(job, item, kundeItem, id) {

pauseTimers[id].value = 0;
clearInterval(pauseTimerInterval);
pauseInterval(job, item, kundeItem, id);
}

//-----------------------------------------------------------------------------------------------------------------------//
//----------------------------------------------Button Pause-Start-------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Ruft die Funktion pauseTimer oder----//
//----savePauseTimer auf----//

function toggleButton(job, item, kundeItem, id) {

var button = document.getElementById(id);

if (button.innerHTML === "Pause") {

statusTimer[id].value = 'Paused';
pauseTimer(job, item, kundeItem, id);
}
else {

statusTimer[id].value = "Running";
savePauseTime(pauseTimers[id].value, id);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//------------------------------------------------Ausgabe des Timers-----------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Zeigt eine Liste mit einem oder mehreren----//
//----Timern und Buttons, verteilt dynamisch ID's----//
//----und ruft entsprechend der gedrückten----//
//----Buttons Funktionen auf----//

function updateUI(job, item, kundeItem, index) {
var timerList = document.getElementById("timerList");
timerList.innerHTML = '';

for (i=0; i<timers.length; i++) {
var neueReihe = document.createElement('tr')

//----Name des Kunden wird ausgegeben----//

var kundeEintrag = document.createElement('td');
kundeEintrag.style.position = "fixed";
kundeEintrag.style.top = (12 + i * 14) + "%";
kundeEintrag.style.width = "30%";
kundeEintrag.style.left = "0%";
kundeEintrag.style.textAlign = "center";
kundeEintrag.classList.add('kunde_k');
kundeEintrag.textContent = selectedKunde[i].value;
timerList.appendChild(kundeEintrag);

//----Gewählter Job wird ausgegeben----//

var kontoEintrag = document.createElement('td');
kontoEintrag.style.position = "fixed";
kontoEintrag.style.top = (12 + i * 14) + "%";
kontoEintrag.style.width = "30%";
kontoEintrag.style.left = "30%";
kontoEintrag.style.textAlign = "center";
kontoEintrag.classList.add('konto_k');
kontoEintrag.textContent = selectedJob[i].value;
timerList.appendChild(kontoEintrag);

//----Gestartete Timer werden in Liste----//
//----ausgegeben, pausierte Timer werden----//
//----Liste ausgegeben, sobald Timer gestoppt----//
//----wird Ausgabe in Lightbox----//

if (statusTimer[i].value === "Running") {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(timers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Paused') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);
}
else if (statusTimer[i].value === 'Stopped') {
var laufzeitElement = document.createElement('td');
laufzeitElement.style.position = "fixed";
laufzeitElement.style.top = (12 + i * 14) + "%";
laufzeitElement.style.width = "15%";
laufzeitElement.style.left = "60%";
laufzeitElement.style.textAlign = "center";
laufzeitElement.classList.add('laufzeit_l');
laufzeitElement.textContent = formatElapsedTime(pauseTimers[i].value);
timerList.appendChild(laufzeitElement);

var zeit = formatElapsedTime(timers[i].value);
zeit = zeit.toString();
var teile = zeit.split(":");

var h = teile[0];
var m = teile[1];
var s = teile[2];

var outStdField = document.getElementById("outStd");
var outMinField = document.getElementById("outMin");
var outSekField = document.getElementById("outSek");

if (document.activeElement !== outStdField && document.activeElement !== outMinField && document.activeElement !== outSekField) {
document.getElementById("outStd").value = h;
document.getElementById("outMin").value = m;
document.getElementById("outSek").value = s;
}

var hEnd = document.getElementById("outStd").value;
var mEnd = document.getElementById("outMin").value;
var sEnd = document.getElementById("outSek").value;
time = hEnd + ":" + mEnd + ":" + sEnd;
}

//----Status (Running, Paused, Stopped) wird ausgegeben----//

var statusTimerElement = document.createElement('td');
statusTimerElement.style.position = "fixed";
statusTimerElement.style.top = (12 + i * 14) + "%";
statusTimerElement.style.width = "15%";
statusTimerElement.style.left = "75%";
statusTimerElement.style.textAlign = "center";
statusTimerElement.classList.add('status_s');
statusTimerElement.textContent = statusTimer[i].value;
timerList.appendChild(statusTimerElement);

//----Pause Button mit dynamisch vergebener ID wird ausgegeben----//

if (statusTimer[i].value === "Running") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Pause"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}
else if (statusTimer[i].value === "Paused") {
var pauseButton = document.createElement('button')
pauseButton.id = i;
pauseButton.classList.add('pauseButton');
pauseButton.style.position = "fixed";
pauseButton.style.top = (12 + i * 14) + "%";
pauseButton.style.left = "90%";
pauseButton.style.height = "9.4%";
pauseButton.style.minWidth = "3%";
pauseButton.style.fontSize = "80%";
pauseButton.textContent = "Start"
pauseButton.addEventListener('click', function() {toggleButton(job, item, kundeItem, this.id)});
timerList.appendChild(pauseButton);
}

//----Stop Button mit dynamisch vergebener ID wird ausgegeben----//

var stopButton = document.createElement('button')
stopButton.id = i;
stopButton.classList.add('stopButton');
stopButton.style.position = "fixed";
stopButton.style.top = (12 + i * 14) + "%";
stopButton.style.left = "94%";
stopButton.style.height = "9.4%";
stopButton.style.width = "3%";
stopButton.style.fontSize = "80%";
stopButton.textContent = "Stop"
stopButton.addEventListener('click', function() {stopTimer(job, item, kundeItem, index, this.id)});
timerList.appendChild(stopButton);

//----Für jeden aufgerufenen Timer wird----//
//----eine neue Reihe ausgegeben----//

timerList.appendChild(neueReihe);
}
}

//-----------------------------------------------------------------------------------------------------------------------//
//-----------------------------------------------Sekunden in Uhrzeit umrechnen-------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Sekunden in Stunden,----//
//----Minuten und Sekunden und gibt diese----//
//----an aufrufende Funktion zurück----//

function formatElapsedTime(seconds) {

var minutes = Math.floor(seconds / 60);
seconds %= 60;
var hours = Math.floor(minutes / 60);
minutes %= 60;
function addLeadingZero(n) {
return (n < 10 ? '0' : '') + n;
}

return addLeadingZero(hours) + ":" + addLeadingZero(minutes) + ":" + addLeadingZero(seconds);
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------Uhrzeit in Sekunden umrechnen----------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Rechnet übergebene Stunden, Minuten----//
//----und Sekunden in Sekunden um und----//
//----gibt diese an aufrufende Funktion zurück----//

function timeInSeconds(zeit) {

var teile = zeit.split(':');
var Stunden = parseInt(teile[0], 10);
var Minuten = parseInt(teile[1], 10);
var Sekunden = parseInt(teile[2], 10);
return Stunden * 3600 + Minuten * 60 + Sekunden;
}

//-----------------------------------------------------------------------------------------------------------------------//
//--------------------------------------------------Lightbox-------------------------------------------------------------//
//-----------------------------------------------------------------------------------------------------------------------//

//----Öffnet eine Lightbox und zeigt Kunde----//
//----Job, vergangene Zeit und evtl Pausenzeit an----//
//----und gibt Möglichkeit alle Zeiten anzupassen----//

function openLightbox(job, item, kundeItem, index, id) {

document.getElementById('lightbox').style.display = 'block';

var dateField = document.getElementById("date");
dateField.value = datum[id].value;
document.getElementById("uhrzeit").innerHTML = uhrzeit[id].value;

var commentTextarea = document.getElementById("comment");
commentTextarea.value = selectedJob[id].value;

document.getElementById("eingPersonZusatz").innerHTML = selectedKunde[id].value;

if (selectedID.length !== undefined) {
document.getElementById("eingPerson").innerHTML = selectedID;
}
else {
document.getElementById("eingPerson").innerHTML = selID[id].value;
}

//----Ausgabe der vergangenen Zeit in Lightbox----//

document.getElementById("outStd").value = 00;
document.getElementById("outMin").value = 00;
document.getElementById("outSek").value = 00;

//----Ausgabe der Pausenzeiten in Lightbox----//

document.getElementById("outStd2").value = 00;
document.getElementById("outMin2").value = 00;
document.getElementById("outSek2").value = 00;
getPauseTime(sys_uid[id].value, id);

var secondsPause = pauseTime[id].value;
secondsPause %= 60;

var minutesPause = Math.floor(pauseTime[id].value / 60);
minutesPause %= 60;

var hoursPause = Math.floor(minutesPause / 60);
hoursPause %= 60;

document.getElementById("outStd2").value = hoursPause;
document.getElementById("outMin2").value = minutesPause;

if (secondsPause > 0) {
document.getElementById("outSek2").value = secondsPause;
}
else {
document.getElementById("outSek2").value = 0;
}

var dropdown2 = document.getElementById("tätigkeit2Dropdown");

job.forEach(function(item, index) {
var option = document.createElement("option");
option.textContent = item;
dropdown2.add(option)

if (item === selectedJob[id].value) {
option.selected = true;
}
});

document.addEventListener('keydown', closeLightboxOnEscape);
document.addEventListener('keydown', closeLightboxOnF2);
}

//----Lightbox schließen----//

function closeLightbox() {

document.getElementById('lightbox').style.display = 'none';
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn der Schließen-Button gedrückt wird----//

function closeLightboxOnSchliessen() {

statusTimer[idStop].value = 'Running';
closeLightbox();
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn Escape gedrückt wird----//

function closeLightboxOnEscape() {

if (event.key === 'Escape') {
statusTimer[idStop].value = 'Running';
closeLightbox();
}
}

//----Funktion closeLightbox wird aufgerufen,----//
//----wenn F2 gedrückt wird----//

function closeLightboxOnF2(event) {

if (event.key === 'F2') {
saveBox();
closeLightbox();
}
}

//----Alle Daten in Lightbox werden gespeichert----//

function saveBox() {

var vergZeit = '"' + time + '"';

var teile = time.split(":");
var stunden = parseInt(teile[0]);
var minuten = parseInt(teile[1]);
var sekunden = parseInt(teile[2]);
time = stunden * 3600 + minuten * 60 + sekunden;

elapsedTime = time;

var Job = selectedJob[idStop].value;
var Kunde = selectedKunde[idStop].value;

var hPEnd = document.getElementById("outStd2").value;
var mPEnd = document.getElementById("outMin2").value;
var sPEnd = document.getElementById("outSek2").value;
var pTime = hPEnd + ":" + mPEnd + ":" + sPEnd;
pTime = timeInSeconds(pTime);

var uid = sys_uid[idStop].value;
var month = startTimeValue.getMonth();
var day = startTimeValue.getDate();
month += 1;
stopTimeValue = '"' + startTimeValue.getFullYear() + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day) + '"';

var status = 21;

timers.splice(idStop, 1);
pauseTimers.splice(idStop, 1);
pauseTime.splice(idStop, 1);
selectedKunde.splice(idStop, 1);
selectedJob.splice(idStop, 1);
statusTimer[idStop].value = 'Running';
sys_uid.splice(idStop, 1);

if (zaehler > 0) {
zaehler -= 1;
}

closeLightbox();

if (timers.length === 0) {
clearInterval(timerInterval);
}

saveStopTime(stopTimeValue, elapsedTime, pTime, status, uid, vergZeit);
}

//----Funktion saveBox wird aufgerufen,----//
//----wenn der Save-Button gedrückt wird----//

document.addEventListener('DOMContentLoaded', function() {
const saveButton = document.getElementById('saveButton');
saveButton.addEventListener('click', function() {
saveBox();
})
});
</syntaxhighlight>

= PHP-Script saveTime.php =
<syntaxhighlight lang="php">
<?php
$user = 0;
$uhrzeit = 0;
$datum = 0;
$endTime = 0;
$endDate = 0;
$status = 0;
$psnr = 0;
$comm = 0;
$jobID = 0;
$pauseTime = 0;
$sysuid = 0;
$stopTimeValue = 0;
$elapsedTime = 0;
$elapsedPauseTime = 0;
$status = 0;
$uid = 0;
$vergZeit = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['user'])) {
$user = $_POST['user'];
}
if (isset($_POST['uhrzeit'])) {
$uhrzeit = $_POST['uhrzeit'];
}
if (isset($_POST['datum'])) {
$datum = $_POST['datum'];
}
if (isset($_POST['endTime'])) {
$endTime = $_POST['endTime'];
}
if (isset($_POST['endDate'])) {
$endDate = $_POST['endDate'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['psnr'])) {
$psnr = $_POST['psnr'];
}
if (isset($_POST['Job'])) {
$comm = $_POST['Job'];
}
if (isset($_POST['jobID'])) {
$jobID = $_POST['jobID'];
}
if (isset($_POST['pauseTime'])) {
$pauseTime = $_POST['pauseTime'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['stopTimeValue'])) {
$stopTimeValue = $_POST['stopTimeValue'];
}
if (isset($_POST['elapsedTime'])) {
$elapsedTime = $_POST['elapsedTime'];
}
if (isset($_POST['elapsedPauseTime'])) {
$elapsedPauseTime = $_POST['elapsedPauseTime'];
}
if (isset($_POST['status'])) {
$status = $_POST['status'];
}
if (isset($_POST['uid'])) {
$uid = $_POST['uid'];
}
if (isset($_POST['vergZeit'])) {
$vergZeit = $_POST['vergZeit'];
}

$params = array( 'user' => $user,
'uhrzeit' => $uhrzeit,
'datum' => $datum,
'endTime' => $endTime,
'endDate' => $endDate,
'status' => $status,
'psnr' => $psnr,
'comm' => $comm,
'jobID' => $jobID,
'pauseTime' => $pauseTime,
'sysuid' => $sysuid,
'stopTimeValue' => $stopTimeValue,
'elapsedTime' => $elapsedTime,
'elapsedPauseTime' => $elapsedPauseTime,
'status' => $status,
'uid' => $uid,
'vergZeit' => $vergZeit,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= PHP-Script getData.php =
<syntaxhighlight lang="php">
<?php
$sysuid = 0;
$id = 0;
$selectedKunde = 0;

if ($_SERVER['REQUEST_METHOD'] === 'POST')
{
$api_key = $_POST['api_key'];
$url = $_POST['url'];
$method = $_POST['method'];
$choice = $_POST['choice'];

if (isset($_POST['id'])) {
$id = $_POST['id'];
}
if (isset($_POST['sysuid'])) {
$sysuid = $_POST['sysuid'];
}
if (isset($_POST['selectedKunde'])) {
$selectedKunde = $_POST['selectedKunde'];
}

$params = array( 'sysuid' => $sysuid,
'id' => $id,
'selectedKunde' => $selectedKunde,
'choice' => $choice);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER, array('apikey: '.$api_key));
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, $method);
curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($params));
$response = curl_exec($curl);

if ($response === false) {
if($error) {
echo "curl_Fehler: ".$error;
}
}
else {
echo $response;
}
}
?>
</syntaxhighlight>

= CSS-Datei timestyle.css =
<syntaxhighlight lang="css">
/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Allgemein-----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

body
{
font-family: 'Arial', sans-serif;
display: flex;
justify-content: right;
align-items: flex-start;
height: 100%;
background-image: url('web_background_3.png');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
ul
{
list-style-type: none;
}
li
{
padding: 0.5em;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.85em;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Suche-------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#search
{
position: fixed;
top: 8%;
left: 42%;
width: 15%;
height: 2.8%;
resize: none;
border: 0.04em solid #e4e4e4;
border-radius: 0.1em;
background-color: white;
font-size: 2em;
overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------------Timerausgabe--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.kundenliste
{
width: 70%;
height: 30%;
position: fixed;
top: 43.5%;
left: 50%;
transform: translate(-50%, -50%);
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;
overflow: auto;
background-color: white;
font-size: 0.85vw;
}
.tabelleUeberschriften
{
width: 70%;
min-height: 3%;
position: fixed;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
/* border-top: 0.14em solid #ccc;
border-bottom: 0.14em solid #ccc; */
background-color: white;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
font-size: 0.9vw;
}
#timerList
{
width: 70%;
height: 25%;
position: fixed;
top: 73.5%;
left: 50%;
transform: translate(-50%, -50%);
overflow: auto;
border-bottom-left-radius: 0.2em;
border-bottom-right-radius: 0.2em;
/* border: 0.14em solid red; */
background-color: white;
font-size: 0.85vw;
}
.kunde
{
width: 30%;
position: fixed;
left: 0%;
}
.konto
{
width: 30%;
position: fixed;
left: 30%;
}
.laufzeit
{
width: 15%;
position: fixed;
left: 60%;
}
.status
{
width: 15%;
position: fixed;
left: 75%;
}
.buttons
{
width: 10%;
position: fixed;
left: 90%;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Lightbox----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.lightbox
{
display: none;
width: 52%;
height: 62%;
position: fixed;
top: 61.5%;
left: 67%;
border-radius: 0.15em;
background-color: white;
transform: translate(-50%, -50%);
flex-direction: column;
align-items: center;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
}

/*-----------------------------------------Lightbox-Inhalt-----------------------------------------*/

.commLabel
{
position: fixed;
top: 5%;
left: 5%;
font-weight: bold;
font-size: 0.8vw;
}
.comment
{
width: 90%;
height: 38%;
position: fixed;
top: 10%;
left: 5%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.9vw;
}

.bezZeitkonto
{
position: fixed;
top: 55%;
left: 5%;
font-size: 0.8vw;
}
.dropButtonsLightbox
{
width: 37%;
height: 4.4%;
position: fixed;
top: 54%;
left: 15%;
font-size: 0.7vw;
}
.bezDatum
{
position: fixed;
top: 55%;
left: 58%;
font-size: 0.7vw;
}
.date
{
position: fixed;
top: 54%;
left: 68%;
width: 15%;
height: 4%;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
}
.uhrzeit
{
position: fixed;
top: 54%;
left: 85.5%;
width: 10%;
height: 3.9%;
padding: 0.1em;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
resize: none;
}

.bezPerson
{
position: fixed;
top: 68%;
left: 5%;
font-size: 0.8vw;
}
.eingPerson
{
position: fixed;
top: 68%;
left: 15%;
width: 10%;
height: 4.4%;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.eingPersonZusatz
{
position: fixed;
top: 68%;
left: 26%;
width: 25.7%;
height: 4.4%;
overflow: auto;
resize: none;
border: 0.1em solid black;
border-radius: 0.2em;
font-size: 0.8vw;
color: gray;
text-align: center;
}
.Std
{
position: fixed;
top: 63%;
left: 66%;
font-size: 0.7vw;
}
.Min
{
position: fixed;
top: 63%;
left: 78%;
font-size: 0.7vw;
}
.Sek
{
position: fixed;
top: 63%;
left: 91%;
font-size: 0.7vw;
}
.outStd
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek
{
width: 6%;
height: 4.4%;
position: fixed;
top: 68%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}

.Pausenzeiten
{
position: absolute;
top: 79%;
left: 71%;
font-weight: bold;
font-size: 0.8vw;
}
.Std2
{
position: fixed;
top: 84%;
left: 66%;
font-size: 0.7vw;
}
.Min2
{
position: fixed;
top: 84%;
left: 78%;
font-size: 0.7vw;
}
.Sek2
{
position: fixed;
top: 84%;
left: 91%;
font-size: 0.7vw;
}
.outStd2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 64%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outMin2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 76.5%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.outSek2
{
width: 6%;
height: 4.4%;
position: fixed;
top: 89%;
left: 89%;
border: 0.1em solid black;
border-radius: 0.2em;
text-align: center;
font-size: 0.7vw;
}
.saveButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 5%;
font-size: 0.7vw;
}
.closeButton
{
min-width: 8%;
height: 4.4%;
position: fixed;
top: 89%;
left: 14%;
font-size: 0.7vw;
}

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------Tätigkeitenliste (zweite Liste)----------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#zweiteListe
{
display: none;
width: 25%;
max-height: 50%;
position: fixed;
top: 47%;
left: 44%;
padding: 1%;
overflow: auto;
border-radius: 0.2em;
transform: translate(-50%, -50%);
background-color: #FAFAFA;
box-shadow: 0 10px 2000px rgba(0, 0, 0, 0.5);
font-size: 0.85vw;
}

</syntaxhighlight>