2018-07-14 19:58:18 +02:00
|
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="cluster.aspx.cs" Inherits="EHEC_Server.cluster" %>
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
|
|
|
<head runat="server">
|
|
|
|
<title>CS-EHEC-II</title>
|
|
|
|
<%--<script src="https://d3js.org/d3.v4.min.js"></script>--%>
|
|
|
|
<%--<script src="http://cdn.graphalchemist.com/alchemy.min.js"></script>--%>
|
2018-07-24 23:39:21 +02:00
|
|
|
<%--<link rel="stylesheet" type="text/css" href="cluster_dependencies/alchemy/alchemy.css" />--%>
|
2018-08-19 11:29:03 +02:00
|
|
|
<%--<link rel="stylesheet" type="text/css" href="cluster_dependencies/alchemy/alchemy.min.css" />--%>
|
|
|
|
<%--<link rel="stylesheet" type="text/css" href="cluster_dependencies/alchemy/styles/vendor.css" />--%>
|
|
|
|
<%--<link rel="stylesheet" type="text/css" href="cluster_dependencies/bootstrap/css/bootstrap.css" />--%>
|
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/jquery/jquery-3.3.1.min.js"></script> --%>
|
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/lodash/lodash.js"></script>--%>
|
2018-07-24 23:39:21 +02:00
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/bootstrap/js/bootstrap.bundle.js"></script>--%>
|
2018-08-19 11:29:03 +02:00
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/bootstrap/js/bootstrap.bundle.min.js"></script>--%>
|
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/d3/d3.min.js"></script>--%>
|
2018-07-24 23:39:21 +02:00
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/d3/d3.js"></script>--%>
|
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/alchemy/alchemy.js"></script>--%>
|
2018-08-19 11:29:03 +02:00
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/alchemy/alchemy.min.js"></script>--%>
|
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/alchemy/scripts/vendor.js"></script>--%>
|
|
|
|
<script type="text/javascript" src="cluster_dependencies/visjs/dist/vis.js"></script>
|
|
|
|
<link href="cluster_dependencies/visjs/dist/vis.css" rel="stylesheet" type="text/css" />
|
|
|
|
<%--<link href="cluster_dependencies/visjs/dist/vis-network.min.css" rel="stylesheet" type="text/css" />--%>
|
|
|
|
<style type="text/css">
|
|
|
|
#mynetwork {
|
|
|
|
width: 1500px;
|
|
|
|
height: 800px;
|
|
|
|
border: 1px solid lightgray;
|
|
|
|
background-color: black
|
|
|
|
}
|
|
|
|
#infomessage {
|
|
|
|
font-family: Arial;
|
|
|
|
font-weight:bold
|
|
|
|
}
|
|
|
|
#buttons {
|
|
|
|
width: 119px;
|
|
|
|
}
|
|
|
|
#stabilisationBox {
|
|
|
|
width: 175px;
|
|
|
|
}
|
|
|
|
</style>
|
2018-07-21 17:16:56 +02:00
|
|
|
|
2018-07-14 19:58:18 +02:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<form id="form1" runat="server">
|
|
|
|
<div>
|
|
|
|
<h1>EHEC Clusteranalysis</h1>
|
|
|
|
</div>
|
2018-07-23 14:46:41 +02:00
|
|
|
<asp:Button
|
2018-07-21 17:16:56 +02:00
|
|
|
ID="Button1"
|
|
|
|
runat="server"
|
2018-08-19 11:29:03 +02:00
|
|
|
Text="reload"
|
2018-07-21 17:16:56 +02:00
|
|
|
OnClick="Button1_Click"
|
|
|
|
Font-Bold="true"
|
|
|
|
ForeColor="DodgerBlue"
|
|
|
|
Height="45"
|
|
|
|
Width="150"
|
2018-08-19 11:29:03 +02:00
|
|
|
/>
|
2018-07-14 19:58:18 +02:00
|
|
|
</form>
|
2018-08-19 11:29:03 +02:00
|
|
|
<div id="mynetwork"></div>
|
|
|
|
<script type="text/javascript"> <%-- <%=Clusterdata%> --%>
|
|
|
|
// create an array with nodes
|
|
|
|
var nodes = new vis.DataSet(<%=ClusterNodes%>);
|
|
|
|
// create an array with edges
|
|
|
|
var edges = new vis.DataSet(<%=ClusterEdges%>);
|
|
|
|
// create a network
|
|
|
|
var container = document.getElementById('mynetwork');
|
|
|
|
// provide data in the normal fashion
|
|
|
|
var data = {
|
|
|
|
nodes: nodes,
|
|
|
|
edges: edges,
|
2018-07-17 19:51:33 +02:00
|
|
|
};
|
2018-08-19 11:29:03 +02:00
|
|
|
var options = {};
|
|
|
|
// initialize your network!
|
|
|
|
var network = new vis.Network(container, data, options);
|
|
|
|
var clusterIndex = 0;
|
|
|
|
var options = {};
|
|
|
|
|
|
|
|
// initialize your network!
|
|
|
|
var network = new vis.Network(container, data, options);
|
2018-07-14 20:14:48 +02:00
|
|
|
|
|
|
|
</script>
|
2018-07-14 19:58:18 +02:00
|
|
|
</body>
|
|
|
|
</html>
|