deploy: a91e9b6

about/about/index.html

@@ -40,4 +40,4 @@
 </kbd>+
 <kbd>2
 </kbd>.</p><h2 id=networks>Networks</h2><p>The networks shown and used in the tutorials can be found in the <a href=https://mevislab.github.io/examples/examples>Examples</a> section of this page.
-They are usually embedded like this:<div class="alert alert-secondary d-flex align-items-center" role=alert><div><img width=24px src=https://mevislab.github.io/examples/favicon.ico>&nbsp;&nbsp;&nbsp;Download .mlab file <a href=https://mevislab.github.io/examples/examples/data_objects/contours/example1/ContourExample1.mlab target=_blank>here</a>.</div></div></p></div></div><script>const body_element=document.querySelector("html body"),modal_div=document.createElement("div");let modal_window=document.body.appendChild(modal_div),modal_html='<div class="modal fade" id="lightboxModalFullscreen" tabindex="-1" aria-labelledby="lightboxModalFullscreenLabel" aria-hidden="true"><div class="modal-dialog modal-fullscreen" data-bs-dismiss="modal" aria-label="Close"><div class="modal-content border-0"><div class="modal-body d-flex align-self-center align-items-center justify-content-center"><div class="modal-custom"><img src="" id="LightboxCanvas" class="img-fluid" data-bs-dismiss="modal" aria-label="Close" /><figcaption id="LightboxCaption" class="figure-caption"></figcaption></div></div></div></div></div>';modal_window.innerHTML=modal_html,Array.from(document.querySelectorAll('[data-modal*="bs-lightbox"]')).forEach(e=>{e.setAttribute("data-bs-toggle","modal"),e.setAttribute("data-bs-target","#lightboxModalFullscreen"),e.addEventListener("click",t=>{const n=e.getAttribute("href"),s=e.getAttribute("title");document.getElementById("LightboxCanvas").src=n,document.getElementById("LightboxCaption").innerHTML=s,t.preventDefault(),console.log(n)})})</script></div><footer class="footer fixed-bottom mt-auto py-3"><div class="row footer-text"><div class="col-12 col-md text-center text-md-left text-white">&copy; Copyright 2024 <a href=https://www.mevis.de target=_blank>MeVis Medical Solutions AG</a> | <a href=https://www.mevislab.de/imprint target=_blank>Imprint</a> | <a href=https://www.mevislab.de target=_blank>https://www.mevislab.de</a></div></div><script src=https://mevislab.github.io/examples/js/bundle.min.js defer></script><script>hljs.highlightAll(),hljs.configure({ignoreUnescapedHTML:!0}),hljs.addPlugin(new CopyButtonPlugin)</script></footer></body></html>
+They are usually embedded like this:<div class="alert alert-secondary d-flex align-items-center" role=alert><div><img width=24px src=https://mevislab.github.io/examples/favicon.ico>&nbsp;&nbsp;&nbsp;Download .mlab file <a href=https://mevislab.github.io/examples/examples/data_objects/contours/example1/ContourExample1.mlab target=_blank>here</a>.</div></div></p></div></div><script>const body_element=document.querySelector("html body"),modal_div=document.createElement("div");let modal_window=document.body.appendChild(modal_div),modal_html='<div class="modal fade" id="lightboxModalFullscreen" tabindex="-1" aria-labelledby="lightboxModalFullscreenLabel" aria-hidden="true"><div class="modal-dialog modal-fullscreen" data-bs-dismiss="modal" aria-label="Close"><div class="modal-content border-0"><div class="modal-body d-flex align-self-center align-items-center justify-content-center"><div class="modal-custom"><img src="" id="LightboxCanvas" class="img-fluid" data-bs-dismiss="modal" aria-label="Close" /><figcaption id="LightboxCaption" class="figure-caption"></figcaption></div></div></div></div></div>';modal_window.innerHTML=modal_html,Array.from(document.querySelectorAll('[data-modal*="bs-lightbox"]')).forEach(e=>{e.setAttribute("data-bs-toggle","modal"),e.setAttribute("data-bs-target","#lightboxModalFullscreen"),e.addEventListener("click",t=>{const n=e.getAttribute("href"),s=e.getAttribute("title");document.getElementById("LightboxCanvas").src=n,document.getElementById("LightboxCaption").innerHTML=s,t.preventDefault(),console.log(n)})})</script></div><footer class="footer fixed-bottom mt-auto py-3"><div class="row footer-text"><div class="col-12 col-md text-center text-md-left text-white">&copy; Copyright <a href target=_blank></a>| <a href=https://www.mevislab.de/imprint target=_blank>Imprint</a> | <a href=https://www.mevislab.de target=_blank>https://www.mevislab.de</a></div></div><script src=https://mevislab.github.io/examples/js/bundle.min.js defer></script><script>hljs.highlightAll(),hljs.configure({ignoreUnescapedHTML:!0}),hljs.addPlugin(new CopyButtonPlugin)</script></footer></body></html>

examples/data_objects/contours/example1/index.html

@@ -29,4 +29,4 @@
 <button id=search_submit class="btn btn-outline-light" type=submit>Search</button></form></div></div><div class=autocomplete-dropdown-container id=custom-search-results data-popper-placement=bottom style="width:100px;position:absolute;inset:0 0 auto 0;margin-left:4px;transform:translate3d(400px,60px,-1px);z-index:1800"><div class="dropdown-menu dropdown-submenu"></div></div><script>let button=document.getElementById("search_submit"),mobile_button=document.getElementById("search_submit_mobile");button.onclick=function(e){e.preventDefault();var t=document.getElementById("custom-search-field").value,n="https://mevislab.github.io/examples//search?query="+encodeURIComponent(t);location.href=n},mobile_button.onclick=function(e){e.preventDefault();var t=document.getElementById("custom-search-field-modal").value,n="https://mevislab.github.io/examples//search?query="+encodeURIComponent(t);location.href=n};let params={json_src:"https://mevislab.github.io/examples//index.json",minlength:3,defaultsearch:"AND",sort_date:"DESC",autocomplete:1,section_search:0,badwords:"and,or,but,if,when,the,a,an,one",json_wait:"<p><em>Searching...</em></p>",json_ready:"",extern_icon:" (external Link)",err_badstring:"",err_noresult:"<p><em>NO RESULTS</em></p>",err_norequest:"",err_filefailed:'<p style="text-align: center;color: red;">Error.</p>',res_one_item:"<p><em>[CNT] RESULT</em></p>",res_more_items:"<p><em>[CNT] RESULTS</em></p>",res_out_top:'<ul class="dropdown-menu show" style="z-index:1800">',res_out_bottom:"</ul>",res_item_tpl:'<a class="dropdown-item" href="[URL]">[TITLE]</a>',add_searchlink:"<p></p>"},section_trans={post:"Blog"},searchfield_weight={title:5,tags:5,summary:2,content:1}</script><script type=text/javascript src=https://mevislab.github.io/examples/js/search.js></script></nav></div><div id=content class="height-100 bg-none"><div class=p-3><div class=p-3><h1 id=contour-example-1-creation-of-contours>Contour Example 1: Creation of contours</h1><p>Contours are stored as Contour Segmented Objects (CSOs) in MeVisLab.
 This example highlights ways of creating CSOs using modules of the <code>SoCSOEditor</code> group.</p><svg style="display:none"><symbol id="check-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-3.97-3.03a.75.75.0 00-1.08.022L7.477 9.417 5.384 7.323a.75.75.0 00-1.06 1.06L6.97 11.03a.75.75.0 001.079-.02l3.992-4.99a.75.75.0 00-.01-1.05z"/></symbol><symbol id="info-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M8 16A8 8 0 108 0a8 8 0 000 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194.0.487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703.0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 110-2 1 1 0 010 2z"/></symbol><symbol id="warning-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13.0 00-1.96.0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889.0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535.0.954.462.9.995l-.35 3.507a.552.552.0 01-1.1.0L7.1 5.995A.905.905.0 018 5zm.002 6a1 1 0 110 2 1 1 0 010-2z"/></symbol><symbol id="danger-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13.0 00-1.96.0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889.0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535.0.954.462.9.995l-.35 3.507a.552.552.0 01-1.1.0L7.1 5.995A.905.905.0 018 5zm.002 6a1 1 0 110 2 1 1 0 010-2z"/></symbol></svg><div class="alert alert-primary alert-info d-flex align-items-center" role=alert><svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg><div><b>Info:&nbsp;</b>
 You may want to look at the glossary entry on <a href=https://mevislab.github.io/examples/glossary/#contour-segmented-objects><em>CSOs</em></a>.</div></div><p>The <code>SoCSOEditor</code> module group contains several modules, some of which are listed right below:</p><ul><li><code>SoCSOPointEditor</code></li><li><code>SoCSOAngleEditor</code></li><li><code>SoCSOArrowEditor</code></li><li><code>SoCSODistanceLineEditor</code></li><li><code>SoCSODistancePolylineEditor</code></li><li><code>SoCSOEllipseEditor</code></li><li><code>SoCSORectangleEditor</code></li><li><code>SoCSOSplineEditor</code></li><li><code>SoCSOPolygonEditor</code></li><li><code>SoCSOIsoEditor</code></li><li><code>SoCSOLiveWireEditor</code></li></ul><svg style="display:none"><symbol id="check-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-3.97-3.03a.75.75.0 00-1.08.022L7.477 9.417 5.384 7.323a.75.75.0 00-1.06 1.06L6.97 11.03a.75.75.0 001.079-.02l3.992-4.99a.75.75.0 00-.01-1.05z"/></symbol><symbol id="info-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M8 16A8 8 0 108 0a8 8 0 000 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194.0.487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703.0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 110-2 1 1 0 010 2z"/></symbol><symbol id="warning-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13.0 00-1.96.0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889.0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535.0.954.462.9.995l-.35 3.507a.552.552.0 01-1.1.0L7.1 5.995A.905.905.0 018 5zm.002 6a1 1 0 110 2 1 1 0 010-2z"/></symbol><symbol id="danger-fill" fill="currentcolor" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13.0 00-1.96.0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889.0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535.0.954.462.9.995l-.35 3.507a.552.552.0 01-1.1.0L7.1 5.995A.905.905.0 018 5zm.002 6a1 1 0 110 2 1 1 0 010-2z"/></symbol></svg><div class="alert alert-primary alert-info d-flex align-items-center" role=alert><svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:"><use xlink:href="#info-fill"/></svg><div><b>Info:&nbsp;</b>
-Whenever Contour Segmented Objects are created, they are temporarily stored by and can be managed with the <code>CSOManager</code>.</div></div><p>In this example, contours are created and colors and styles of these CSOs are customized by using the <code>SoCSOVisualizationSettings</code> module.</p><p><p class=page-image><a data-modal=bs-lightbox href=https://mevislab.github.io/examples/examples/data_objects/contours/example1/image.png title><img class="img-fluid rounded" src=https://mevislab.github.io/examples/examples/data_objects/contours/example1/image.png alt=Screenshot></a><figcaption class=figure-caption></figcaption></p></p><h2 id=summary>Summary</h2><ul><li>Contours are stored as their own abstract data type called Contour Segmented Objects (often abbreviated to <em>CSO</em>).</li><li>The <code>SoEditor</code> module group contains several useful modules to create, interact with or modify CSOs.</li><li>Created CSOs are temporarily stored and can be managed using the <code>CSOManager</code>.</li></ul><h1 id=download>Download</h1><p>The example network can be downloaded <a href=https://mevislab.github.io/examples/examples/data_objects/contours/example1/ContourExample1.mlab>here</a></p></div></div><script>const body_element=document.querySelector("html body"),modal_div=document.createElement("div");let modal_window=document.body.appendChild(modal_div),modal_html='<div class="modal fade" id="lightboxModalFullscreen" tabindex="-1" aria-labelledby="lightboxModalFullscreenLabel" aria-hidden="true"><div class="modal-dialog modal-fullscreen" data-bs-dismiss="modal" aria-label="Close"><div class="modal-content border-0"><div class="modal-body d-flex align-self-center align-items-center justify-content-center"><div class="modal-custom"><img src="" id="LightboxCanvas" class="img-fluid" data-bs-dismiss="modal" aria-label="Close" /><figcaption id="LightboxCaption" class="figure-caption"></figcaption></div></div></div></div></div>';modal_window.innerHTML=modal_html,Array.from(document.querySelectorAll('[data-modal*="bs-lightbox"]')).forEach(e=>{e.setAttribute("data-bs-toggle","modal"),e.setAttribute("data-bs-target","#lightboxModalFullscreen"),e.addEventListener("click",t=>{const n=e.getAttribute("href"),s=e.getAttribute("title");document.getElementById("LightboxCanvas").src=n,document.getElementById("LightboxCaption").innerHTML=s,t.preventDefault(),console.log(n)})})</script></div><footer class="footer fixed-bottom mt-auto py-3"><div class="row footer-text"><div class="col-12 col-md text-center text-md-left text-white">&copy; Copyright 2024 <a href=https://www.mevis.de target=_blank>MeVis Medical Solutions AG</a> | <a href=https://www.mevislab.de/imprint target=_blank>Imprint</a> | <a href=https://www.mevislab.de target=_blank>https://www.mevislab.de</a></div></div><script src=https://mevislab.github.io/examples/js/bundle.min.js defer></script><script>hljs.highlightAll(),hljs.configure({ignoreUnescapedHTML:!0}),hljs.addPlugin(new CopyButtonPlugin)</script></footer></body></html>
+Whenever Contour Segmented Objects are created, they are temporarily stored by and can be managed with the <code>CSOManager</code>.</div></div><p>In this example, contours are created and colors and styles of these CSOs are customized by using the <code>SoCSOVisualizationSettings</code> module.</p><p><p class=page-image><a data-modal=bs-lightbox href=https://mevislab.github.io/examples/examples/data_objects/contours/example1/image.png title><img class="img-fluid rounded" src=https://mevislab.github.io/examples/examples/data_objects/contours/example1/image.png alt=Screenshot></a><figcaption class=figure-caption></figcaption></p></p><h2 id=summary>Summary</h2><ul><li>Contours are stored as their own abstract data type called Contour Segmented Objects (often abbreviated to <em>CSO</em>).</li><li>The <code>SoEditor</code> module group contains several useful modules to create, interact with or modify CSOs.</li><li>Created CSOs are temporarily stored and can be managed using the <code>CSOManager</code>.</li></ul><h1 id=download>Download</h1><p>The example network can be downloaded <a href=https://mevislab.github.io/examples/examples/data_objects/contours/example1/ContourExample1.mlab>here</a></p></div></div><script>const body_element=document.querySelector("html body"),modal_div=document.createElement("div");let modal_window=document.body.appendChild(modal_div),modal_html='<div class="modal fade" id="lightboxModalFullscreen" tabindex="-1" aria-labelledby="lightboxModalFullscreenLabel" aria-hidden="true"><div class="modal-dialog modal-fullscreen" data-bs-dismiss="modal" aria-label="Close"><div class="modal-content border-0"><div class="modal-body d-flex align-self-center align-items-center justify-content-center"><div class="modal-custom"><img src="" id="LightboxCanvas" class="img-fluid" data-bs-dismiss="modal" aria-label="Close" /><figcaption id="LightboxCaption" class="figure-caption"></figcaption></div></div></div></div></div>';modal_window.innerHTML=modal_html,Array.from(document.querySelectorAll('[data-modal*="bs-lightbox"]')).forEach(e=>{e.setAttribute("data-bs-toggle","modal"),e.setAttribute("data-bs-target","#lightboxModalFullscreen"),e.addEventListener("click",t=>{const n=e.getAttribute("href"),s=e.getAttribute("title");document.getElementById("LightboxCanvas").src=n,document.getElementById("LightboxCaption").innerHTML=s,t.preventDefault(),console.log(n)})})</script></div><footer class="footer fixed-bottom mt-auto py-3"><div class="row footer-text"><div class="col-12 col-md text-center text-md-left text-white">&copy; Copyright <a href target=_blank></a>| <a href=https://www.mevislab.de/imprint target=_blank>Imprint</a> | <a href=https://www.mevislab.de target=_blank>https://www.mevislab.de</a></div></div><script src=https://mevislab.github.io/examples/js/bundle.min.js defer></script><script>hljs.highlightAll(),hljs.configure({ignoreUnescapedHTML:!0}),hljs.addPlugin(new CopyButtonPlugin)</script></footer></body></html>