-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·105 lines (101 loc) · 3.84 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<html>
<head>
<title>Web Service Composition - Workflow Description Language</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="./libs/jquery/jquery-2.0.3.min.js"></script>
<!-- <script src="./libs/jquery/jquery.mobile-1.4.5.min.js"></script> -->
<script src="./libs/cytospace/cytoscape.min.js"></script>
<script src="./libs/cytospace/dagre.min.js"></script>
<script src="./libs/cytospace/cytoscape-dagre.js"></script>
<script src="./libs/cytospace/cytoscape-context-menus.js"></script>
<script src="./sources/workflow_plan.js"></script>
<script src="./scripts/workflow_plan_des_lang.js"></script>
<script src="./scripts/utility.js"></script>
<script src="./scripts/configuration.js"></script>
<link rel="stylesheet" type="text/css" href="./css/workflow.css">
<link href="./css/cytoscape-context-menus.css" rel="stylesheet" type="text/css" />
<link href="./css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
<link href="./css/modal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(window).scroll(function () {
if ($(window).scrollTop() > 226) {
$(".header").addClass("fixed");
} else {
$(".header").removeClass("fixed");
}
});
</script>
<style type="text/css">
.fixed {
position:fixed;
width:100%;
top:0;
left:0;
}
</style>
</head>
<body>
<div class="header">
<h1>Web Services Composition - Workflow Description model</h1>
<fieldset>
<input type='file' id='fileinput' accept=".json">
<input type='button' id='btnLoad' value='Load' onclick='loadFile();'>
</fieldset>
<fieldset>
<button id="btnDisplayWF" onclick="DisplayWorkflow_Graphic();">Display Workflow from Souce</button>
<button id="btnGenWF" onclick="GenerateWorkflow();">Generate Workflow</button>
<button id="btnClearData" onclick="clearData();">Clear data</button>
</fieldset>
<div id="addEdgeDataModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close" onclick="closeAddEdgeData_Modal();">×</span>
<p>Source Node</p>
<select id="sourceOperationNode">
<!-- for demo -->
<option value=""></option>
</select>
<p>Target Node</p>
<select id="targetOperationNode">
<!-- for demo -->
<option value=""></option>
</select>
<br/><br/>
<button id="save" onclick="saveAddNewEdgeData_Modal();">Save</button>
</div>
</div>
<div id="addOperationNodeDataModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close" onclick="closeAddOperationNodeData_Modal();">×</span>
<p>Ontology Reference Link</p>
<!-- <input type="text" id="txtOntologyReferenceLink_Node"></text> -->
<select id="selectOntologyReferenceLink_Node" onchange="setOperationNodeData_FromOWL(this);">
<!-- for demo -->
<option value=""></option>
<option value="http://www.cs.nmsu.edu/~epontell/CDAO/cdao.owl#phylotastic_GetPhylogeneticTree_TreeBase_GET">http://www.cs.nmsu.edu/~epontell/CDAO/cdao.owl#phylotastic_GetPhylogeneticTree_TreeBase_GET</option>
</select>
<!--
<p>Operation name</p>
<input type="text" id="txtNewOperationNodeName" style="width:100%" disabled></text>
-->
<p>Ontology Resource ID</p>
<input type="text" id="txtOntologyResourceID_Node" style="width:50%" disabled></input>
<br/>
<br/>
<hr>
<div id="divInputParams">
</div>
<hr>
<br/>
<div id="divOutputParams">
</div>
<br/>
<br/>
<button id="save" onclick="saveAddOperationNodeData_Modal();">Save</button>
</div>
</div>
</div>
<div id="cy"></div>
</body>
</html>