lmu/uni2work.workflows.visualiser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reset visualisation data when new wflow is loaded

Browse Source
This commit is contained in:
David Mosbach 2023-05-30 02:38:25 +02:00
parent 61d9f9f739
commit 51f97f8702
2 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
editor.css
View File

@ -237,7 +237,7 @@ a:active {
cursor: pointer; cursor: pointer;
} }
#sidebuttons button:disabled, #filebuttons button:disabled { #sidebuttons button:disabled, #filebuttons button:disabled, #filecontent div:disabled {
border-color: rgba(0, 0, 0, 0.267); border-color: rgba(0, 0, 0, 0.267);
background: rgba(120, 120, 120, 0.116); background: rgba(120, 120, 120, 0.116);
color: rgba(0, 0, 0, 0.267); color: rgba(0, 0, 0, 0.267);
@ -245,7 +245,7 @@ a:active {
cursor: not-allowed; cursor: not-allowed;
} }
#sidebuttons button:hover, #filebuttons button:hover { #sidebuttons button:hover, #filebuttons button:hover, #filecontent div:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.082), 0 2px 10px 0 rgba(0, 0, 0, 0.068); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.082), 0 2px 10px 0 rgba(0, 0, 0, 0.068);
transform: scale(1.02); transform: scale(1.02);
/* transition: all 100ms ease-in-out 0ms; */ /* transition: all 100ms ease-in-out 0ms; */
@ -253,7 +253,7 @@ a:active {
/* transition: box-shadow ease-in-out 100ms; */ /* transition: box-shadow ease-in-out 100ms; */
} }
#sidebuttons button:active, #filebuttons button:active { #sidebuttons button:active, #filebuttons button:active, #filecontent div:active {
background: rgba(105, 105, 105, 0.692); background: rgba(105, 105, 105, 0.692);
} }
@ -267,10 +267,10 @@ label {
} }
#filepanel { #filepanel {
top: 20%; top: 15%;
bottom:20%; bottom:15%;
left: 20%; left: 15%;
right:20%; right:15%;
z-index:100; z-index:100;
overflow: hidden; overflow: hidden;
display: none; display: none;
@ -295,17 +295,21 @@ label {
} }
#filecontent div { #filecontent div {
background-color: red;
border-radius: 15px; border-radius: 15px;
position: relative; position: relative;
float: left; float: left;
width: 100px; width: 200px;
height: 100px; height: 200px;
margin: 10 10 10 10; margin: 10 10 10 10;
text-align: center; text-align: center;
padding: 10 10 10 10; padding: 10 10 10 10;
background-color: rgba(120, 120, 120, 0.555);
color: white; color: white;
align-items: baseline; transition: all 100ms ease-in-out 0ms;
cursor: pointer;
text-align: justify;
hyphens: auto;
word-wrap: break-word;
} }
#curtain { #curtain {

11
editor.js
View File

@ -457,8 +457,19 @@ function computeCurvatures() {
function prepareWorkflow() { function prepareWorkflow() {
actors = [];
viewers = [];
viewableByAll = []
initiators = []
highlightedSources = [];
highlightedTargets = [];
stateAbbreviations = [];
stateIdCounter = workflow.states ? workflow.states.length : 0; stateIdCounter = workflow.states ? workflow.states.length : 0;
actionIdCounter = workflow.states ? workflow.actions.length : 0; actionIdCounter = workflow.states ? workflow.actions.length : 0;
Array.from(selectedActor.options).forEach(option => selectedActor.remove(option));
Array.from(selectedViewer.options).forEach(option => selectedViewer.remove(option));
selectedActor.value = NO_ACTOR;
selectedViewer.value = NO_VIEWER;
//Parse workflow //Parse workflow