| Current Path : /proc/thread-self/root/home/jstimm/Desktop/50_dev2017/1313__procpyjs/src/app/web/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : //proc/thread-self/root/home/jstimm/Desktop/50_dev2017/1313__procpyjs/src/app/web/index.html |
<html>
<head>
<title>procpy viewer</title>
<link rel="stylesheet" type="text/css" href="graphml/graphml.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<input type="file" id="files" name="files[]" multiple /><br>
<div id="button" class='button blue center'>Next</div><br>
<div id="graphsContainer" style="width:700px; height:700px;"></div>
<script type="text/javascript" src="graphml/graphml.js"></script>
<script>
require('../app.js');
var ipc = require('ipc');
var doc;
var xmlDoc;
var step = 1;
function handleFileSelect(evt) {
var files = evt.target.files;
for (var i = 0, f; f = files[i]; i++) {
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
parser=new DOMParser();
xmlDoc=parser.parseFromString(e.target.result,"text/xml");
load(evt);
};
})(f);
reader.readAsText(f);
}
}
function handleButtonClick(evt) {
console.log(step);
step = ((step + 1) % 4) == 0 ? 1 : (step + 1) % 4;
ipc.send('asynchronous-message', 'ping');
}
function load(e) {
renderer = new GraphMLViewer.DOMRenderer(xmlDoc, document.getElementById('graphsContainer'),
GraphMLViewer.Plotter["yEd"].plotElement,
GraphMLViewer.Layout["yEd"]);
renderer.init();
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
document.getElementById('button').addEventListener('click', handleButtonClick, false);
ipc.on('asynchronous-reply', function(arg) {
console.log(arg);
});
</script>
</body>
</html>