Skip to content
Snippets Groups Projects
Commit fcc8760f authored by baigner's avatar baigner
Browse files

Deleted obsolete files. Small spelling correction in VISTOMS.html 

Former-commit-id: f27575becde2d2f3e2a23ee9d0ae24fe71a7a3f8
parent 40cf9341
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
kadmos/vistoms/VISTOMS_test.html deleted 100644 → 0
+ 0
− 175
View file @ 40cf9341
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<head">
<meta charset="utf-8">
<title>MDO System Interface</title>
<!--Include this css file in the <head> tag -->
<link rel="stylesheet" href="static/lib/bootstrap/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="static/lib/bootstrap/jumbotron.css" rel="stylesheet">
<link rel="stylesheet" href="static/lib/jquery/jquery-ui.min.css"/>
<link rel="stylesheet" href="static/lib/bootstrap/bootstrap.min.css"/>
<link rel="stylesheet" href="static/lib/lobipanel/github.css"/>
<link rel="stylesheet" href="static/lib/lobipanel/lobipanel.min.css"/>
<link rel="stylesheet" href="static/lib/vistoms.css"/>
</head>
<body>
<nav style="position:fixed" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li style="margin-left:10pt" class="nav-item">
<a class="nav-link" href="VISTOMS_test.html"><img title="Main page" src="static/pictures/Home.png" width="25" height="25"></img> </a>
</li>
<li style="margin-left:10pt" class="nav-item">
<a class="nav-link" target="_blank" href="http://www.agile-project.eu/files/VISTOMS_Tutorial.mp4"><img title="Tutorial" src="static/pictures/Tutorial.png" width="35" height="25"></img></a>
</li>
<li style="margin-left:10pt" class="nav-item">
<a class="nav-link" href="mailto:support@agile-project.eu"><img title="Contact support team" src="static/pictures/Contact.png" width="40" height="25"></img> </a>
</li>
<li style="margin-left:10pt" class="nav-item">
<a class="nav-link" href="#"><img title="Acknowledgements" src="static/pictures/Acknowledgements.png" width="25" height="25"></img> </a>
</li>
</ul>
<div style="float: none;text-align: center;" class="navbar-header">
<img style="margin-bottom:10pt" src="static/pictures/AGILE_Icon.png" width="40" height="40"></img>
<a style="color: white;font-size:24pt; float:none" class="navbar-brand">MDO System Interface</a>
</div>
</div>
</nav>
<main style="" id="main" role="main">
<!-- Main jumbotron for a primary marketing message or call to action -->
<div style="margin-top:10pt; " class="jumbotron">
<div class="container">
<h1 class="display-3">Welcome to the MDO System Interface!</h1>
<p></p>
<p>This package was created within the context of the European Horizon 2020 project <a href="http://www.agile-project.eu/" target="_blank"><img src="static/pictures/AGILE_Logo_large.png" width="100" height="20"></img></a> . To find out more about the project, please click on the AGILE logo.</p>
</br></br></br>
<p>To set up, modify, or inspect an already existing MDO system, go to one of the visualization types below (XDSM, Edge Bundles, Sankey Diagram). Then select a graph from the dropdown menu.</p>
<section style="margin:0pt" class="container">
<div style="margin:5pt; margin-left:0pt; float:left" class="dropdown">
<button style="font-size:18pt" class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
XDSM
</button>
<div style="font-size:14pt" class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">fff</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
<div style="margin:5pt; margin-left:0pt; float:left" class="dropdown">
<button style="font-size:18pt" class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Edge Bundles
</button>
<div style="font-size:14pt" class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">asdasd</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
<div style="margin:5pt; margin-left:0pt; float:left" class="dropdown">
<button style="font-size:18pt" class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Sankey Diagram
</button>
<div style="font-size:14pt" class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">asddddadasdeeeasd</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</section>
</br></br></br>
<p>If you haven't set up a system yet, use the "Add graph" option to upload an MDO system file, or start a new system from scratch.</p>
<section class="container">
<div style="margin:5pt; margin-left:0pt; float:left" class="dropdown">
<button style="font-size:18pt" class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Add graph
</button>
<div style="font-size:14pt" class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">Create graph from scratch</a>
<a class="dropdown-item" href="#">Upload KDMS file(s)</a>
<a class="dropdown-item" href="#">Upload CMDOWS file</a>
<a class="dropdown-item" href="#">Upload databae (zip-file)</a>
</div>
</div>
<div style="margin:5pt; margin-left:0pt; float:left; visibility:hidden" class="dropdown">
<button style="font-size:18pt" class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Save all graphs
</button>
<div style="font-size:14pt" class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">In the MDO System Interface</a>
<a class="dropdown-item" href="#">As KDMS files for download</a>
<a class="dropdown-item" href="#">As CMDOWS files for download</a>
</div>
</div>
</section>
</br></br></br>
</div>
</div>
<div style="" id="technlogies" class="container">
<h1 style="font-size:24pt">The MDO System Interface is powered by the following technologies</h1>
<!-- Example row of columns -->
<div style="margin-top:20pt" class="row">
<div class="col-md-4">
<h2 style="font-size:20pt"><img src="static/pictures/KADMOS_Logo.png" width="150" height="40"></img></h2>
<p style="font-size:12pt"><b>K</b>nowledge- and graph-based <b>A</b>gile <b>D</b>esign with <b>M</b>ultidisciplinary <b>O</b>ptimization <b>S</b>ystem</p>
<p style="font-size:10pt">KADMOS is the python-based engine running under the hood of the MDO System Interface. To get more information on it's capabilities, go to the open-source KADMOS repository.</p>
<p style="margin-bottom:10pt"><button style="font-size:12pt" class="btn btn-secondary" onclick="window.open('https://bitbucket.org/imcovangent/kadmos')">KADMOS repository »</button></p>
</div>
<div class="col-md-4">
<h2 style="font-size:20pt"><img src="static/pictures/CMDOWS_Logo.png" width="40" height="%0"></img> CMDOWS</h2>
<p style="font-size:12pt"><b>C</b>ommon <b>MDO</b> <b>W</b>orkflow <b>S</b>chema</p>
<p style="font-size:10pt">CMDOWS is the XML-based storage system for MDO systems. It contains all the data of an MDO system including the tools, their interconnections, execution order, optimization strategy, etc. <br> To get more information, please go to the open-source CMDOWS repository.</p>
<p style="margin-bottom:10pt"><button style="font-size:12pt" class="btn btn-secondary" onclick="window.open('https://bitbucket.org/imcovangent/cmdows')">CMDOWS repository »</button></p>
</div>
<div class="col-md-4">
<h2 style="font-size:20pt"><img src="static/pictures/VISTOMS_Label.png" width="150" height="45"></img></h2>
<p style="font-size:12pt"><b>VIS</b>ualization <b>TO</b>ol for <b>M</b>DO <b>S</b>ystems</p>
<p style="font-size:10pt">VISTOMS is the graphical user interface that allows you to easily set up, inspect and modify your MDO systems. If you need more information about how to use it, simply click on the tutorial button in the navigation bar, or just click on the button below.</p>
<p style="margin-bottom:10pt"><button style="font-size:12pt" class="btn btn-secondary" onclick="window.open('http://www.agile-project.eu/files/VISTOMS_Tutorial.mp4')">Tutorial »</button></p>
</div>
</div>
<hr>
</div> <!-- /container -->
</main>
<footer style="" class="container">
<p>© Benedikt Aigner (RWTH Aachen) & Imco van Gent (TU Delft) 2016-2018</p>
<p>
<a style="padding:5pt" href="https://www.rwth-aachen.de" target="_blank"><img title="RWTH Aachen Homepage" src="static/pictures/RWTH_Logo.png" width="150" height="40"></img></a>
<a style="padding:5pt" href="https://www.tudelft.nl/" target="_blank"><img title="TU Delft Homepage" src="static/pictures/TUDelft_Logo.png" width="100" height="40"></img></a>
</p>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="static/lib/bootstrap/jquery-3.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="static/lib/bootstrap/popper.js"></script>
<script src="static/lib/bootstrap/bootstrap.js"></script>
<script src="static/lib/jquery/jquery.3.20.min.js"></script>
<script src="static/lib/jquery/jquery-ui.min.js"></script>
<script src="static/lib/jquery/jquery.ui.touch-punch.min.js"></script>
<script src="static/lib/bootstrap/bootstrap.min.js"></script>
<script src="static/lib/bootstrap/bootbox.min.js"></script>
<script src="static/lib/lobipanel/highlight.pack.js"></script>
<script src="static/lib/lobipanel/lobipanel.js"></script>
<script src="static/lib/vkbeautify/vkbeautify.js"></script>
<script src="static/lib/bowser/bowser.js"></script>
<script>
</script>
</body>
\ No newline at end of file
kadmos/vistoms/templates/VISTOMS - Kopie.html deleted 100644 → 0
+ 0
− 29422
View file @ 40cf9341
Source diff could not be displayed: it is too large. Options to address this: view the blob.
kadmos/vistoms/templates/VISTOMS.html
+ 1
− 1
View file @ fcc8760f
......@@ -882,7 +882,7 @@
{
clearView();
var visualizationTypes = "<div id='visualizationTypes'><div><div class='container' style='margin-top:0pt;'><h2>Explore your MDO systems with three different visualization types...</h2></div></div><div style='height: 500pt' id='myCarousel' class='carousel slide' data-ride='carousel'><ol class='carousel-indicators'><li data-target='#myCarousel' data-slide-to='0' class=''></li><li data-target='#myCarousel' data-slide-to='1' class='active'></li><li data-target='#myCarousel' data-slide-to='2' class=''></li></ol><div style='height: 100%;' class='carousel-inner'><div style='height: 100%; background-color: #fff' class='carousel-item'><div class='container'><img class='first-slide' src='static/pictures/XDSM.png' style='width:100%; margin-top: 50pt' alt=''><div class='carousel-caption'><h1 style='color: #5a5a5a; text-shadow: none'>XDSM view</h1></div></div></div><div style='height: 100%; background-color: #fff' class='carousel-item active carousel-item'><div class='container'><img class='second-slide' src='static/pictures/EdgeBundles.png' style='display: block; width:50%; margin:auto' alt=''><div class='carousel-caption'><h1 style='color: #5a5a5a; text-shadow: none'>Edge Bundles view</h1></div></div></div><div style='height: 100%; background-color: #fff' class='carousel-item carousel-item-next carousel-item'><div class='container'><img class='third-slide' src='static/pictures/SankeyDiagram.png' style='display: block; width:50%; margin:auto; margin-top:20pt' alt=''><div class='carousel-caption'><h1 style='color: #5a5a5a; text-shadow: none'>Sankey Diagram</h1></div></div></div></div><a class='carousel-control-prev' href='#myCarousel' role='button' data-slide='prev'><span class='carousel-control-prev-icon' aria-hidden='true'></span><span class='sr-only'>Previous</span></a><a class='carousel-control-next' href='#myCarousel' role='button' data-slide='next'><span class='carousel-control-next-icon' aria-hidden='true'></span><span class='sr-only'>Next</span></a></div></div>";
var visualizationTypes = "<div id='visualizationTypes'><div><div class='container' style='margin-top:0pt;'><h2>Explore your MDO systems with three different visualization types...</h2></div></div><div style='height: 500pt' id='myCarousel' class='carousel slide' data-ride='carousel'><ol class='carousel-indicators'><li data-target='#myCarousel' data-slide-to='0' class=''></li><li data-target='#myCarousel' data-slide-to='1' class='active'></li><li data-target='#myCarousel' data-slide-to='2' class=''></li></ol><div style='height: 100%;' class='carousel-inner'><div style='height: 100%; background-color: #fff' class='carousel-item'><div class='container'><img class='first-slide' src='static/pictures/XDSM.png' style='width:100%; margin-top: 50pt' alt=''><div class='carousel-caption'><h1 style='color: #5a5a5a; text-shadow: none'>Extended Design Structure Matrix (XDSM)</h1></div></div></div><div style='height: 100%; background-color: #fff' class='carousel-item active carousel-item'><div class='container'><img class='second-slide' src='static/pictures/EdgeBundles.png' style='display: block; width:50%; margin:auto' alt=''><div class='carousel-caption'><h1 style='color: #5a5a5a; text-shadow: none'>Edge Bundling Diagram</h1></div></div></div><div style='height: 100%; background-color: #fff' class='carousel-item carousel-item-next carousel-item'><div class='container'><img class='third-slide' src='static/pictures/SankeyDiagram.png' style='display: block; width:50%; margin:auto; margin-top:20pt' alt=''><div class='carousel-caption'><h1 style='color: #5a5a5a; text-shadow: none'>Sankey Diagram</h1></div></div></div></div><a class='carousel-control-prev' href='#myCarousel' role='button' data-slide='prev'><span class='carousel-control-prev-icon' aria-hidden='true'></span><span class='sr-only'>Previous</span></a><a class='carousel-control-next' href='#myCarousel' role='button' data-slide='next'><span class='carousel-control-next-icon' aria-hidden='true'></span><span class='sr-only'>Next</span></a></div></div>";
var technologies = "<div id='technologies' style='' class='jumbotron'><div class='container'><h1 style='font-size:24pt'>The MDO System Interface is powered by the following technologies</h1><div style='margin-top:20pt' class='row'><div class='col-md-4'><h2 style='font-size:20pt'><img src='static/pictures/KADMOS_Logo.png' width='150' height='40'/></h2><p style='font-size:12pt'><b>K</b>nowledge- and graph-based <b>A</b>gile <b>D</b>esign with <b>M</b>ultidisciplinary <b>O</b>ptimization <b>S</b>ystem</p><p style='font-size:10pt'>KADMOS is the python-based engine running under the hood of the MDO System Interface. To get more information on it's capabilities, go to the open-source KADMOS repository.</p><p style='margin-bottom:10pt'><button style='font-size:12pt' class='btn btn-secondary' onclick='window.open(\"https://bitbucket.org/imcovangent/kadmos\")'>KADMOS repository »</button></p></div><div class='col-md-4'><h2 style='font-size:20pt'><img src='static/pictures/CMDOWS_Logo.png' width='40' height='%0'/> CMDOWS</h2><p style='font-size:12pt'><b>C</b>ommon <b>MDO</b> <b>W</b>orkflow <b>S</b>chema</p><p style='font-size:10pt'>CMDOWS is the XML-based storage system for MDO systems. It contains all the data of an MDO system including the tools, their interconnections, execution order, optimization strategy, etc. <br> To get more information, please go to the open-source CMDOWS repository.</p><p style='margin-bottom:10pt'><button style='font-size:12pt' class='btn btn-secondary' onclick='window.open(\"https://bitbucket.org/imcovangent/cmdows\")'>CMDOWS repository »</button></p></div><div class='col-md-4'><h2 style='font-size:20pt'><img src='static/pictures/VISTOMS_Label.png' width='150' height='45'/></h2><p style='font-size:12pt'><b>VIS</b>ualization <b>TO</b>ol for <b>M</b>DO <b>S</b>ystems</p><p style='font-size:10pt'>VISTOMS is the graphical user interface that allows you to easily set up, inspect and modify your MDO systems. If you need more information about how to use it, simply click on the tutorial button in the navigation bar, or just click on the button below.</p><p style='margin-bottom:10pt'><button style='font-size:12pt' class='btn btn-secondary' onclick='window.open(\"http://www.agile-project.eu/files/VISTOMS_Tutorial.mp4\")'>Tutorial »</button></p></div></div><hr></div></div>";
var footer = "<footer style=''' class='container'><p>© Benedikt Aigner (RWTH Aachen) & Imco van Gent (TU Delft) 2016-2018</p><p><a style='padding:5pt' href=\"https://www.rwth-aachen.de\" target='_blank'><img title='RWTH Aachen Homepage' src='static/pictures/RWTH_Logo.png' width='150' height='40'></img></a><a style='padding:5pt' href=\"https://www.tudelft.nl/\" target='_blank'><img title='TU Delft Homepage' src='static/pictures/TUDelft_Logo.png' width='100' height='40'></img></a></p></footer>";
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment