Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Farbliche Markierung von Splits #19

Open
nOxinification opened this issue May 16, 2022 · 12 comments
Open

Farbliche Markierung von Splits #19

nOxinification opened this issue May 16, 2022 · 12 comments
Assignees
Labels

Comments

@nOxinification
Copy link

No description provided.

@nOxinification
Copy link
Author

nOxinification commented May 23, 2022

As-Is:

Beispieltext:
T2P Beispiel.txt

Ausschnitt Petrinetz:
image

Transistion für gezeigte Verzweigung:
image

To do:
Die Verzweigung im Eingabetext farblich passend markieren, damit eine sofortige visuelle Zuordnung möglich ist.

@nOxinification

This comment was marked as outdated.

@nOxinification
Copy link
Author

Eingabefeld wird in src/main/resources/static/components/form/form.html definiert.

ToDo:

  1. erzeugte Label für andere Klassen zugänglich machen
  2. Label Textabschnitten zuordnen
  3. farbliche Markierungen

@nOxinification
Copy link
Author

src\main\resources\static\components\petrinet\petrinet.js enthält Gruppen für die Farbgebung:
image

@nOxinification
Copy link
Author

nOxinification commented Jun 7, 2022

src\main\resources\static\components\petrinet\petrinet.js enthält Gruppen für die Farbgebung: image

@nOxinification
Copy link
Author

Das Ganze muss mit "mvn compile" im terminal neu kompiliert werden.
Anschließend muss der Cache im Browser gelöscht werden.
Danach werden Änderungen sichtbar.

@nOxinification
Copy link
Author

Die Eingabe eines Textes erfolgt in eine textarea und nicht in ein div. Textarea akzeptiert kein html. Folglich ist eine Anpassung der Farbe im Text nur möglich, wenn der Text in ein neues div kopiert wird.
image

@nOxinification
Copy link
Author

nOxinification commented Jun 26, 2022

Das Backend wird per POST (generatePNML) angesteuert. Die response erfolgt in xml-Form und enthält sämtliche Informationen über das zu generierende Petrinetz.

@nOxinification
Copy link
Author

nOxinification commented Jun 26, 2022

Mit console.log(PetriNet.transitions[x]) in der petrinet.js kann man Informationen über sämtliche Transitionen des Petrinetzes in der Konsole des Browsers ausgeben.

@nOxinification
Copy link
Author

nOxinification commented Jun 26, 2022

petrinet.js enthält nun die Funktionen wrapWords und colorizeText. Diese ermöglichen die farbliche Markierung von Splits.
(xorSplits werden unter den Transitionen mit gatewayType 104 identifiziert das label des entsprechenden Objektes enthält den gesuchten Text)
image

@nOxinification
Copy link
Author

Weiteres testen nötig.

@nOxinification
Copy link
Author

mehrfarbige Markierungen für bis zu jeweils 5 xorSplits und andSplits sind nun möglich:
image
xorSplits behalten hierbei die lila Umrandung und andSplits haben eine grüne Umrandung.
Leider sind die label der nodes anscheinend inkonsistent, sodass nicht in allen Testfällen eine Zuordnung im Eingabetext erfolgen konnte.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants