new demo

Hoogkamer · Jul 28, 2020 · 585dbe0 · 585dbe0
1 parent d761cb6
commit 585dbe0
Show file tree

Hide file tree

Showing 15 changed files with 27 additions and 18 deletions.
diff --git a/docs/200.html b/docs/200.html
@@ -1,9 +1,9 @@
 <!doctype html>
 <html>
   <head>
-    <title>Organization chart</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content="Free Organization Chart generator and viewer"><meta data-n-head="1" data-hid="keywords" name="keywords" content="vuejs, nuxt, javascript, orgchart, organization, open-source"><meta data-n-head="1" name="google-site-verification" content="faMBWsCcw7RZQp1wVNh-Hgy7aQ8D2KMMNpwg0LKtsu4"><link data-n-head="1" rel="icon" type="image/x-icon" href="/favicon.ico"><script data-n-head="1" src="data.js"></script><script data-n-head="1" src="config.js"></script><link rel="preload" href="./_nuxt/3d2942c462af0496ca50.js" as="script"><link rel="preload" href="./_nuxt/f132831da926906e8cac.js" as="script"><link rel="preload" href="./_nuxt/134fe4c6596615a86064.js" as="script"><link rel="preload" href="./_nuxt/93d76205007e14b516d7.js" as="script">
+    <title>Organization chart</title><meta data-n-head="1" charset="utf-8"><meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="1" data-hid="description" name="description" content="Free Organization Chart generator and viewer"><meta data-n-head="1" data-hid="keywords" name="keywords" content="vuejs, nuxt, javascript, orgchart, organization, open-source"><meta data-n-head="1" name="google-site-verification" content="faMBWsCcw7RZQp1wVNh-Hgy7aQ8D2KMMNpwg0LKtsu4"><link data-n-head="1" rel="icon" type="image/x-icon" href="/favicon.ico"><script data-n-head="1" src="data.js"></script><script data-n-head="1" src="config.js"></script><link rel="preload" href="./_nuxt/54fb054b4a5dee49821b.js" as="script"><link rel="preload" href="./_nuxt/f7b597505e419726ec23.js" as="script"><link rel="preload" href="./_nuxt/0865ac41b3dd4b14688e.js" as="script"><link rel="preload" href="./_nuxt/96389dfc560f62ee2dea.js" as="script">
   </head>
   <body>
     <div id="__nuxt"><style>#__nuxt,body,html{background:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0}.sk-circle{width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#05668d;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}</style><div class="sk-circle">  <div class="sk-circle1 sk-child"></div>  <div class="sk-circle2 sk-child"></div>  <div class="sk-circle3 sk-child"></div>  <div class="sk-circle4 sk-child"></div>  <div class="sk-circle5 sk-child"></div>  <div class="sk-circle6 sk-child"></div>  <div class="sk-circle7 sk-child"></div>  <div class="sk-circle8 sk-child"></div>  <div class="sk-circle9 sk-child"></div>  <div class="sk-circle10 sk-child"></div>  <div class="sk-circle11 sk-child"></div>  <div class="sk-circle12 sk-child"></div></div></div>
-  <script type="text/javascript" src="./_nuxt/3d2942c462af0496ca50.js"></script><script type="text/javascript" src="./_nuxt/f132831da926906e8cac.js"></script><script type="text/javascript" src="./_nuxt/134fe4c6596615a86064.js"></script><script type="text/javascript" src="./_nuxt/93d76205007e14b516d7.js"></script></body>
+  <script type="text/javascript" src="./_nuxt/54fb054b4a5dee49821b.js"></script><script type="text/javascript" src="./_nuxt/f7b597505e419726ec23.js"></script><script type="text/javascript" src="./_nuxt/0865ac41b3dd4b14688e.js"></script><script type="text/javascript" src="./_nuxt/96389dfc560f62ee2dea.js"></script></body>
 </html>
diff --git a/docs/_nuxt/0865ac41b3dd4b14688e.js b/docs/_nuxt/0865ac41b3dd4b14688e.js
diff --git a/docs/_nuxt/12a8a3dee173d7282bde.js b/docs/_nuxt/12a8a3dee173d7282bde.js
diff --git a/docs/_nuxt/134fe4c6596615a86064.js b/docs/_nuxt/134fe4c6596615a86064.js
diff --git a/docs/_nuxt/3d2942c462af0496ca50.js → docs/_nuxt/54fb054b4a5dee49821b.js b/docs/_nuxt/3d2942c462af0496ca50.js → docs/_nuxt/54fb054b4a5dee49821b.js
diff --git a/docs/_nuxt/93d76205007e14b516d7.js b/docs/_nuxt/93d76205007e14b516d7.js
diff --git a/docs/_nuxt/96389dfc560f62ee2dea.js b/docs/_nuxt/96389dfc560f62ee2dea.js
diff --git a/docs/_nuxt/cc8e1e8536a6b7723084.js b/docs/_nuxt/cc8e1e8536a6b7723084.js
diff --git a/docs/_nuxt/e000a977875d84540eeb.js b/docs/_nuxt/e000a977875d84540eeb.js
diff --git a/docs/_nuxt/f5d5432b78471cacd2b7.js b/docs/_nuxt/f5d5432b78471cacd2b7.js
diff --git a/docs/_nuxt/f132831da926906e8cac.js → docs/_nuxt/f7b597505e419726ec23.js b/docs/_nuxt/f132831da926906e8cac.js → docs/_nuxt/f7b597505e419726ec23.js
diff --git a/docs/config.js b/docs/config.js
@@ -1,4 +1,5 @@
 var CONFIG = {
+  // color and text of the title bar
   title: {
     color: '#05668d',
     text: 'Interactive organization chart'
@@ -10,10 +11,11 @@ var CONFIG = {
     prefix: 'photos/',
     suffix: '.png'
   },
-  linkUrl: {
-    prefix: 'photos/',
-    suffix: '.png'
-  },
+  // uncomment if you have an external profile inormation page
+  //linkUrl: {
+  //  prefix: 'photos/',
+  //  suffix: '.png'
+  //},
   startView: {
     photos: true,
     names: true,
@@ -23,7 +25,13 @@ var CONFIG = {
     showNrPeople: true
   },
   enableScreenCapture: true,
-  levelColors: ['#0c058d', '#05668d', '#8d6e05', '#8d2305', '#cfb303'],
+  levelColors: [
+    '#0c058d',
+    '#05668d',
+    '#8d6e05',
+    '#8d2305',
+    '#cfb303'
+  ],
   editCommand: '_edit', //the command to type in the searchbar to switch to edit mode
   dataFields: [{ name: 'Location', type: 'text' }]
 }