paco

2019-12-13 22:20:23 +00:00
parent 3c32a4b96c
commit 1a4d72f145
136 changed files with 7187 additions and 138 deletions
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+    <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width">
+    <title> Chart example 1 </title>
+    <link rel="stylesheet" href="../../Treant.css">
+    <link rel="stylesheet" href="no-parent.css">
+    
+</head>
+<body>
+    <div class="chart" id="OrganiseChart1"></div>
+    <script src="../../vendor/raphael.js"></script>
+    <script src="../../Treant.js"></script>
+    
+    <script src="no-parent.js"></script>
+    <script>
+        new Treant(ALTERNATIVE);
+    </script>
+</body>
+</html>
@@ -0,0 +1,31 @@
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
+table { border-collapse:collapse; border-spacing:0; }
+fieldset,img { border:0; }
+address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
+caption,th { text-align:left; }
+h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
+q:before,q:after { content:''; }
+abbr,acronym { border:0; }
+
+body { background: #fff; }
+/* optional Container STYLES */
+.chart { height: 670px; margin: 5px; width: 900px;  }
+.Treant > .node {  }
+.Treant > p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 12px; }
+.node-name { font-weight: bold; font-size: 16px;}
+
+.nodeExample1 {
+    padding: 10px;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    background-color: #ffffff;
+    border: 1px solid #000;
+    width: 200px;
+    font-family: Tahoma;
+    font-size: 12px;
+}
+
+.nodeExample1 img {
+    margin-right:  10px;
+}
@@ -0,0 +1,117 @@
+var config = {
+        container: "#OrganiseChart1",
+        rootOrientation:  'NORTH', // NORTH || EAST || WEST || SOUTH
+        hideRootNode: true,
+        // levelSeparation: 30,
+        siblingSeparation:   40,
+        subTeeSeparation:    30,
+        
+        connectors: {
+            type: 'curve'
+        },
+        node: {
+            HTMLclass: 'nodeExample1'
+        }
+    },
+    root = {},
+
+    cto = {
+        parent: root,
+        text:{
+            name: "Joe Linux",
+            title: "Board member",
+            contact: "email: we@aregreat.com"
+        },
+        stackChildren: true,
+        HTMLid: "coo"
+    },
+    cbo = {
+        parent: root,
+        stackChildren: true,
+        text:{
+            name: "Linda May",
+            title: "Board member",
+            contact: "email: we@aregreat.com"
+        },
+        HTMLid: "cbo"
+    },
+    cdo = {
+        parent: root,
+        text:{
+            name: "John Green",
+            title: "Board member, CEO",
+            contact: "email: we@aregreat.com"
+        },
+        HTMLid: "cdo"
+    },
+    cio = {
+        parent: cto,
+        text:{
+            name: "Ron Blomquist",
+            title: "Chief Information Security Officer",
+            contact: "email: we@aregreat.com"
+        },
+        HTMLid: "cio"
+    },
+    ciso = {
+        parent: cto,
+        text:{
+            name: "Michael Rubin",
+            title: "Chief Innovation Officer",
+            contact: "email: we@aregreat.com"
+        },
+        HTMLid: "ciso"
+    },
+    cio2 = {
+        parent: cdo,
+        text:{
+            name: "Erica Reel",
+            title: "Chief Customer Officer",
+            contact: "email: we@aregreat.com"
+        },
+        link: {
+            href: "www.google.com"
+        },
+        HTMLid: "cio2"
+    },
+    ciso2 = {
+        parent: cbo,
+        text:{
+            name: "Alice Lopez",
+            title: "Chief Communications Officer",
+            contact: "email: we@aregreat.com"
+        },
+        HTMLid: "ciso2"
+    },
+    ciso3 = {
+        parent: cbo,
+        text:{
+            name: "Mary Johnson",
+            title: "Chief Brand Officer",
+            contact: "email: we@aregreat.com"
+        },
+        HTMLid: "ciso2"
+    },
+    ciso4 = {
+        parent: cbo,
+        text:{
+            name: "Kirk Douglas",
+            title: "Chief Business Development Officer",
+            contact: "email: we@aregreat.com"
+        },
+        HTMLid: "ciso2"
+    }
+
+    ALTERNATIVE = [
+        config,
+        root,
+        cto,
+        cbo,
+        cdo,
+        cio,
+        ciso,
+        cio2,
+        ciso2,
+        ciso3,
+        ciso4
+    ];