index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Mindmap - Zentao</title>
  8. <link rel="stylesheet" href="../../theme/zui/css/min.css" />
  9. <script src="../jquery/lib.js"></script>
  10. <script src="../zui/min.js"></script>
  11. <script src="./js/hotkey.min.js"></script>
  12. <script src="./js/zui.mindmap.js"></script>
  13. <link rel="stylesheet" href="./css/zui.mindmap.css" />
  14. <link rel="stylesheet" href="./css/zui.node.css" />
  15. <style>
  16. #mindmap,body,html {width: 100%; height: 100%;}#mindmap{border: 1px solid rgba(0,0,0,.05)}
  17. #mindmap {position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
  18. #mindmap .icon-plus-sign::before {content: '\e974'}
  19. #mindmap .icon-minus-sign::before {content: '\e9b6'}
  20. #mindmap .icon-expand-full::before {content: '\e94e'}
  21. #mindmap .icon-dot-circle::before {content: '\e94c'}
  22. #mindmap .mindmap-node[data-type="sub"] > .wrapper {min-height: 24px;}
  23. #mindmap .mindmap-node[data-type="sub"] > .wrapper > .text,
  24. #mindmap .mindmap-node[data-type="node"] > .wrapper > .text {padding: 1px 4px;}
  25. </style>
  26. </head>
  27. <body>
  28. <div id="mindmap"></div>
  29. <script>
  30. const options = $.extend({minimap: false, toolbar: true, lineCurvature: 20, hSpace: 30, vSpace: 0}, window.parent[$.getSearchParam('options')]);
  31. if(!options.manual) $('#mindmap').mindmap(options);
  32. parent.createMindmap = function(userOptions){return $('#mindmap').mindmap($.extend({}, options, userOptions)).data('zui.mindmap');};
  33. parent.getMindmap = function(){return $('#mindmap').data('zui.mindmap');};
  34. parent.mindmap$ = $;
  35. $('body').on('click', () => window.parent.$(window.frameElement).trigger('click'));
  36. </script>
  37. </body>
  38. </html>