summaryrefslogtreecommitdiffstats
path: root/catalog-ui/non_bower_components/cytoscape.js-edge-editation/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'catalog-ui/non_bower_components/cytoscape.js-edge-editation/index.html')
-rw-r--r--catalog-ui/non_bower_components/cytoscape.js-edge-editation/index.html169
1 files changed, 0 insertions, 169 deletions
diff --git a/catalog-ui/non_bower_components/cytoscape.js-edge-editation/index.html b/catalog-ui/non_bower_components/cytoscape.js-edge-editation/index.html
deleted file mode 100644
index d19fd36c24..0000000000
--- a/catalog-ui/non_bower_components/cytoscape.js-edge-editation/index.html
+++ /dev/null
@@ -1,169 +0,0 @@
-<!doctype html>
-<html lang="cs">
-<head>
- <meta charset="UTF-8">
- <title>CytoscapeEdgeEditation</title>
- <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
- <script src="bower_components/cytoscape/dist/cytoscape.js"></script>
- <script src="CytoscapeEdgeEditation.js"></script>
- <script>
- $(function(){
- //INITIALIZATION
- var domContainer = $(".cy");
- var cy = cytoscape({
- container: domContainer,
- style: [
- {
- selector: 'node[type="type1"]',
- style: {
- 'background-color': '#FFEB12',
- }
- },
- {
- selector: 'node[type="type2"]',
- style: {
- 'background-color': '#2CE8F2',
- }
- },
- {
- selector: 'edge',
- style: {
- 'width': 3,
- 'target-arrow-shape': 'triangle'
- }
- },
- {
- selector: 'edge[type="default"]',
- style: {
- 'line-color': 'green',
- 'target-arrow-color': 'green',
- }
- },
- {
- selector: 'edge[type="yes"]',
- style: {
- 'line-color': '#48FF00',
- 'target-arrow-color': '#48FF00',
- }
- },
- {
- selector: 'edge[type="no"]',
- style: {
- 'line-color': '#ED1000',
- 'target-arrow-color': '#ED1000',
- }
- }
- ]
- });
-
-
- var handles = new CytoscapeEdgeEditation;
- handles.init(cy);
-
- handles.registerHandle({
- positionX: "center",
- positionY: "bottom",
- color: "green",
- type: "default",
- single: false,
- nodeTypeNames: ["type1"]
- });
-
- handles.registerHandle({
- positionX: "center",
- positionY: "top",
- color: "green",
- type: "default",
- single: false,
- nodeTypeNames: ["type1"]
- });
-
- handles.registerHandle({
- positionX: "left",
- positionY: "center",
- color: "green",
- type: "default",
- single: false,
- nodeTypeNames: ["type1"]
- });
-
- handles.registerHandle({
- positionX: "right",
- positionY: "center",
- color: "green",
- type: "default",
- single: false,
- nodeTypeNames: ["type1"]
- // noMultigraph: true
- });
-
- handles.registerHandle({
- positionX: "left",
- positionY: "center",
- color: "#48FF00",
- type: "yes",
- single: true,
- nodeTypeNames: ["type2"]
- });
-
- handles.registerHandle({
- positionX: "right",
- positionY: "center",
- color: "#ED1000",
- type: "no",
- single: true,
- nodeTypeNames: ["type2"]
- });
-
-
- //ADD NODES
- cy.add({
- data: { id: 'n1', type: "type1"},
- });
-
- cy.add({
- data: { id: 'n2', type: "type1"},
- });
-
- cy.add({
- data: { id: 'n3', type: "type1"},
- });
-
- cy.add({
- data: { id: 'n4', type: "type2"},
- });
-
-
- //ADJUST HEIGHT
- var resizeViewport = function(){
- $(".cy").height($(window).height());
- cy.resize();
- };
-
- $(window).resize(resizeViewport);
- resizeViewport();
-
- //LAYOUT
- cy.layout({
- name: 'random',
- fit: true,
- padding: 40,
- boundingBox: {x1: -200, y1:-200, x2:300, y2: 200}
- });
- });
- </script>
- <style>
- * {
- padding: 0;
- margin: 0;
- }
- .cy {
- width: 100%;
- height:100%;
- }
- </style>
-</head>
-<body>
- <div class="cy"></div>
-</body>
-</html> \ No newline at end of file