diff options
Diffstat (limited to 'dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates')
6 files changed, 132 insertions, 0 deletions
diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/diagram.html b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/diagram.html new file mode 100644 index 0000000000..22893ce864 --- /dev/null +++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/diagram.html @@ -0,0 +1,56 @@ +<svg height="100%" width="100%" viewBox="<%-(x-25)%> <%-(y-25)%> <%-(width+50)%> <%-(height+50)%>" preserveAspectRatio="xMinYMin"> + <defs> + + <filter id="asdcsSvgHighlight" height="50" width="50" x="-25" y="-25"> + <morphology in="SourceAlpha" operator="dilate" radius="25"></morphology> + <feGaussianBlur result="blur" stdDeviation="20"></feGaussianBlur> + <feComposite in2="SourceAlpha" k2="1" k3="-1" operator="arithmetic" result="hlDiff"></feComposite> + <feFlood flood-color="<%-floodColor%>" flood-opacity="1"></feFlood> + <feComposite in2="hlDiff" operator="in"></feComposite> + <feComposite in2="SourceGraphic" operator="over" result="withGlow"></feComposite> + </filter> + + <marker id="asdcsDiagramArrowOpen" + viewBox="0 0 15 15" + refX="12" + refY="4" + markerWidth="15" + markerHeight="20" + orient="auto"> + <path d="M0,0 L12,4 L0,8" class="asdcs-diagram-arrow asdcs-diagram-arrow-open" /> + </marker> + + <marker id="asdcsDiagramArrowClosed" + viewBox="0 0 15 15" + refX="12" + refY="4" + markerWidth="15" + markerHeight="20" + orient="auto"> + <path d="M0,0 L12,4 L0,8 Z" class="asdcs-diagram-arrow asdcs-diagram-arrow-open" /> + </marker> + + <marker id="asdcsDiagramArrowSolid" + viewBox="0 0 15 15" + refX="12" + refY="4" + markerWidth="15" + markerHeight="20" + orient="auto"> + <path d="M0,0 L12,4 L0,8 Z" class="asdcs-diagram-arrow asdcs-diagram-arrow-solid" /> + </marker> + + <!-- + <marker id="asdcsDiagramArrowSolid" + viewBox="0 0 20 20" + refX="20" + refY="6" + markerWidth="20" + markerHeight="20" + orient="auto"> + <path d="M0,0 L18,6 L0,12 Z" class="asdcs-diagram-arrow asdcs-diagram-arrow-solid" /> + </marker> + --> + + </defs> +</svg> diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/fragment.html b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/fragment.html new file mode 100644 index 0000000000..812f5fcfb8 --- /dev/null +++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/fragment.html @@ -0,0 +1,18 @@ +<g class="asdcs-diagram-fragment" data-id="<%-id%>" data-type="fragment"> + + <rect x="<%-x%>" y="<%-y%>" height="<%-height%>" width="<%-width%>"></rect> + + <path d="M<%-x%>,<%-(y+80)%> L<%-(x+100)%>,<%-(y+80)%> L<%-(x+120)%>,<%-(y+60)%> L<%-(x+120)%>,<%-y%>"/> + + <text x="<%-(x+20)%>" y="<%-(y+50)%>" class="asdcs-diagram-fragment-operation"><%-operator%></text> + + <rect class="asdcs-diagram-fragment-guard-bg" + x="0" y="0" height="0" width="0" + rx="5" ry="5" ></rect> + + <text class="asdcs-diagram-fragment-guard" x="<%-(x+160)%>" y="<%-(y+10)%>"><% + for (var lineIndex = 0; lineIndex < lines.length ; lineIndex++) { + %><tspan x="<%-(x+160)%>" dy="40px"><%- lines[lineIndex] %></tspan><% + }%></text> + +</g> diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/lifeline.html b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/lifeline.html new file mode 100644 index 0000000000..cd01d42c5a --- /dev/null +++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/lifeline.html @@ -0,0 +1,19 @@ +<g class="asdcs-diagram-lifeline-container" data-id="<%-id%>" data-type="lifeline"> + + <rect x="<%-(x-(headerWidth/2))%>" y="<%-(y0)%>" width="<%-headerWidth%>" height="<%-headerHeight%>" class="asdcs-diagram-lifeline-heading-box"></rect> + + <text x="<%-x%>" y="<%-(headerHeight * ((rows-lines.length)/10))%>" class="asdcs-diagram-lifeline-heading-label"><% + for (var linesIndex = 0; linesIndex < lines.length && linesIndex < rows ; linesIndex++) { + %><tspan x="<%-x%>" dy="<%-(headerHeight/rows)-5%>px"><%- lines[linesIndex] %></tspan><% + } + %></text> + + <rect x="<%-(x-5)%>" y="<%-(y0+headerHeight)%>" width="10" height="<%-(y1-(y0+headerHeight))%>" class="asdcs-diagram-lifeline-bg"></rect> + + <path d="M<%-x%>,<%-(y0+headerHeight)%> L<%-x%>,<%-y1%>" + class="asdcs-diagram-lifeline-selectable"></path> + + <path d="M<%-x%>,<%-(y0+headerHeight)%> L<%-x%>,<%-y1%>" + class="asdcs-diagram-lifeline"></path> + +</g> diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/message.html b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/message.html new file mode 100644 index 0000000000..bd4c33a016 --- /dev/null +++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/message.html @@ -0,0 +1,29 @@ +<g class="asdcs-diagram-message-container" data-id="<%-id%>" data-type="lifeline"> + + <% + var delta = 40; + var x = (x0 + x1) / 2; + var y0 = y - ((labels.length + 1) * delta); + %> + + <rect class="asdcs-diagram-message-label-bg" + x="<%-x%>" + y="<%-y0%>" + height="10" + width="10" + rx="10" ry="10" ></rect> + + <text class="asdcs-diagram-message-label" x="<%-x%>" y="<%-y0%>"><% + for (var labelIndex = 0; labelIndex < labels.length && labelIndex < lines ; labelIndex++) { + %><tspan x="<%-x%>" dy="<%-delta%>px"><%- labels[labelIndex] %></tspan><% + }%></text> + + + <rect x="<%-Math.min(x0,x1)%>" y="<%-(y-5)%>" width="<%-Math.abs(x1-x0)%>" height="10" class="asdcs-diagram-message-bg"></rect> + + <path class="asdcs-diagram-message-selectable" d="<%-path%>"></path> + + <path class="<%-classes%>" marker-end="url(#<%-marker%>)" stroke-dasharray="<%-dasharray%>" + data-id="<%-id%>" data-type="message" d="<%-path%>"></path> + +</g> diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/occurrence.html b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/occurrence.html new file mode 100644 index 0000000000..0af9ff3d68 --- /dev/null +++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/occurrence.html @@ -0,0 +1,7 @@ +<g> + <rect class="asdcs-diagram-occurrence" + x="<%-x%>" + y="<%-y%>" + width="<%-width%>" + height="<%-height%>" /> +</g> diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/title.html b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/title.html new file mode 100644 index 0000000000..b7a5d68a6d --- /dev/null +++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/templates/title.html @@ -0,0 +1,3 @@ +<g class="asdcs-diagram-title"> + <text x="<%-x%>" y="<%-y%>"><%-title%></text> +</g> |