'); 52 | }); 53 | } 54 | }); -------------------------------------------------------------------------------- /webui/src/tool/jsondiff.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @fileOverview 3 | * 4 | * 5 | * 6 | * @author: techird 7 | * @copyright: Baidu FEX, 2014 8 | */ 9 | 10 | 11 | define(function(require, exports, module) { 12 | /*! 13 | * https://github.com/Starcounter-Jack/Fast-JSON-Patch 14 | * json-patch-duplex.js 0.5.0 15 | * (c) 2013 Joachim Wester 16 | * MIT license 17 | */ 18 | 19 | var _objectKeys = (function () { 20 | if (Object.keys) 21 | return Object.keys; 22 | 23 | return function (o) { 24 | var keys = []; 25 | for (var i in o) { 26 | if (o.hasOwnProperty(i)) { 27 | keys.push(i); 28 | } 29 | } 30 | return keys; 31 | }; 32 | })(); 33 | function escapePathComponent(str) { 34 | if (str.indexOf('/') === -1 && str.indexOf('~') === -1) 35 | return str; 36 | return str.replace(/~/g, '~0').replace(/\//g, '~1'); 37 | } 38 | function deepClone(obj) { 39 | if (typeof obj === "object") { 40 | return JSON.parse(JSON.stringify(obj)); 41 | } else { 42 | return obj; 43 | } 44 | } 45 | 46 | // Dirty check if obj is different from mirror, generate patches and update mirror 47 | function _generate(mirror, obj, patches, path) { 48 | var newKeys = _objectKeys(obj); 49 | var oldKeys = _objectKeys(mirror); 50 | var changed = false; 51 | var deleted = false; 52 | 53 | for (var t = oldKeys.length - 1; t >= 0; t--) { 54 | var key = oldKeys[t]; 55 | var oldVal = mirror[key]; 56 | if (obj.hasOwnProperty(key)) { 57 | var newVal = obj[key]; 58 | if (typeof oldVal == "object" && oldVal != null && typeof newVal == "object" && newVal != null) { 59 | _generate(oldVal, newVal, patches, path + "/" + escapePathComponent(key)); 60 | } else { 61 | if (oldVal != newVal) { 62 | changed = true; 63 | patches.push({ op: "replace", path: path + "/" + escapePathComponent(key), value: deepClone(newVal) }); 64 | } 65 | } 66 | } else { 67 | patches.push({ op: "remove", path: path + "/" + escapePathComponent(key) }); 68 | deleted = true; // property has been deleted 69 | } 70 | } 71 | 72 | if (!deleted && newKeys.length == oldKeys.length) { 73 | return; 74 | } 75 | 76 | for (var t = 0; t < newKeys.length; t++) { 77 | var key = newKeys[t]; 78 | if (!mirror.hasOwnProperty(key)) { 79 | patches.push({ op: "add", path: path + "/" + escapePathComponent(key), value: deepClone(obj[key]) }); 80 | } 81 | } 82 | } 83 | 84 | function compare(tree1, tree2) { 85 | var patches = []; 86 | _generate(tree1, tree2, patches, ''); 87 | return patches; 88 | } 89 | 90 | return module.exports = compare; 91 | }); -------------------------------------------------------------------------------- /webui/src/tool/key.js: -------------------------------------------------------------------------------- 1 | define(function(require, exports, module) { 2 | var keymap = require('./keymap'); 3 | 4 | var CTRL_MASK = 0x1000; 5 | var ALT_MASK = 0x2000; 6 | var SHIFT_MASK = 0x4000; 7 | 8 | function hash(unknown) { 9 | if (typeof(unknown) == 'string') { 10 | return hashKeyExpression(unknown); 11 | } 12 | return hashKeyEvent(unknown); 13 | } 14 | function is(a, b) { 15 | return a && b && hash(a) == hash(b); 16 | } 17 | exports.hash = hash; 18 | exports.is = is; 19 | 20 | 21 | function hashKeyEvent(keyEvent) { 22 | var hashCode = 0; 23 | if (keyEvent.ctrlKey || keyEvent.metaKey) { 24 | hashCode |= CTRL_MASK; 25 | } 26 | if (keyEvent.altKey) { 27 | hashCode |= ALT_MASK; 28 | } 29 | if (keyEvent.shiftKey) { 30 | hashCode |= SHIFT_MASK; 31 | } 32 | // Shift, Control, Alt KeyCode ignored. 33 | if ([16, 17, 18, 91].indexOf(keyEvent.keyCode) === -1) { 34 | /** 35 | * 解决浏览器输入法状态下对keyDown的keyCode判断不准确的问题,使用keyIdentifier, 36 | * 可以解决chrome和safari下的各种问题,其他浏览器依旧有问题,然而那并不影响我们对特 37 | * 需判断的按键进行判断(比如Space在safari输入法态下就是229,其他的就不是) 38 | * @editor Naixor 39 | * @Date 2015-12-2 40 | */ 41 | if (keyEvent.keyCode === 229 && keyEvent.keyIdentifier) { 42 | return hashCode |= parseInt(keyEvent.keyIdentifier.substr(2), 16); 43 | } 44 | hashCode |= keyEvent.keyCode; 45 | } 46 | return hashCode; 47 | } 48 | 49 | function hashKeyExpression(keyExpression) { 50 | var hashCode = 0; 51 | keyExpression.toLowerCase().split(/\s*\+\s*/).forEach(function(name) { 52 | switch(name) { 53 | case 'ctrl': 54 | case 'cmd': 55 | hashCode |= CTRL_MASK; 56 | break; 57 | case 'alt': 58 | hashCode |= ALT_MASK; 59 | break; 60 | case 'shift': 61 | hashCode |= SHIFT_MASK; 62 | break; 63 | default: 64 | hashCode |= keymap[name]; 65 | } 66 | }); 67 | return hashCode; 68 | } 69 | }); 70 | -------------------------------------------------------------------------------- /webui/src/tool/keymap.js: -------------------------------------------------------------------------------- 1 | define(function(require, exports, module) { 2 | var keymap = { 3 | 4 | 'Shift': 16, 5 | 'Control': 17, 6 | 'Alt': 18, 7 | 'CapsLock': 20, 8 | 9 | 'BackSpace': 8, 10 | 'Tab': 9, 11 | 'Enter': 13, 12 | 'Esc': 27, 13 | 'Space': 32, 14 | 15 | 'PageUp': 33, 16 | 'PageDown': 34, 17 | 'End': 35, 18 | 'Home': 36, 19 | 20 | 'Insert': 45, 21 | 22 | 'Left': 37, 23 | 'Up': 38, 24 | 'Right': 39, 25 | 'Down': 40, 26 | 27 | 'Direction': { 28 | 37: 1, 29 | 38: 1, 30 | 39: 1, 31 | 40: 1 32 | }, 33 | 34 | 'Del': 46, 35 | 36 | 'NumLock': 144, 37 | 38 | 'Cmd': 91, 39 | 'CmdFF': 224, 40 | 'F1': 112, 41 | 'F2': 113, 42 | 'F3': 114, 43 | 'F4': 115, 44 | 'F5': 116, 45 | 'F6': 117, 46 | 'F7': 118, 47 | 'F8': 119, 48 | 'F9': 120, 49 | 'F10': 121, 50 | 'F11': 122, 51 | 'F12': 123, 52 | 53 | '`': 192, 54 | '=': 187, 55 | '-': 189, 56 | 57 | '/': 191, 58 | '.': 190 59 | }; 60 | 61 | // 小写适配 62 | for (var key in keymap) { 63 | if (keymap.hasOwnProperty(key)) { 64 | keymap[key.toLowerCase()] = keymap[key]; 65 | } 66 | } 67 | var aKeyCode = 65; 68 | var aCharCode = 'a'.charCodeAt(0); 69 | 70 | // letters 71 | 'abcdefghijklmnopqrstuvwxyz'.split('').forEach(function(letter) { 72 | keymap[letter] = aKeyCode + (letter.charCodeAt(0) - aCharCode); 73 | }); 74 | 75 | // numbers 76 | var n = 9; 77 | do { 78 | keymap[n.toString()] = n + 48; 79 | } while (--n); 80 | 81 | module.exports = keymap; 82 | }); -------------------------------------------------------------------------------- /webui/ui/dialog/hyperlink/hyperlink.ctrl.js: -------------------------------------------------------------------------------- 1 | angular.module('kityminderEditor') 2 | .controller('hyperlink.ctrl', function ($scope, $modalInstance, link) { 3 | 4 | var urlRegex = '^(?!mailto:)(?:(?:http|https|ftp)://)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$'; 5 | $scope.R_URL = new RegExp(urlRegex, 'i'); 6 | 7 | $scope.url = link.url || ''; 8 | $scope.title = link.title || ''; 9 | 10 | setTimeout(function() { 11 | var $linkUrl = $('#link-url'); 12 | $linkUrl.focus(); 13 | $linkUrl[0].setSelectionRange(0, $scope.url.length); 14 | }, 30); 15 | 16 | $scope.shortCut = function(e) { 17 | e.stopPropagation(); 18 | 19 | if (e.keyCode == 13) { 20 | $scope.ok(); 21 | } else if (e.keyCode == 27) { 22 | $scope.cancel(); 23 | } 24 | }; 25 | 26 | $scope.ok = function () { 27 | if($scope.R_URL.test($scope.url)) { 28 | $modalInstance.close({ 29 | url: $scope.url, 30 | title: $scope.title 31 | }); 32 | } else { 33 | $scope.urlPassed = false; 34 | 35 | var $linkUrl = $('#link-url'); 36 | $linkUrl.focus(); 37 | $linkUrl[0].setSelectionRange(0, $scope.url.length); 38 | } 39 | editor.receiver.selectAll(); 40 | }; 41 | 42 | $scope.cancel = function () { 43 | $modalInstance.dismiss('cancel'); 44 | editor.receiver.selectAll(); 45 | }; 46 | 47 | }); -------------------------------------------------------------------------------- /webui/ui/dialog/hyperlink/hyperlink.tpl.html: -------------------------------------------------------------------------------- 1 |
2 |
4 | 链接
3 |
5 |
22 |
23 |
--------------------------------------------------------------------------------
/webui/ui/dialog/imExportNode/imExportNode.ctrl.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .controller('imExportNode.ctrl', function ($scope, $modalInstance, title, defaultValue, type) {
3 |
4 | $scope.title = title;
5 |
6 | $scope.value = defaultValue;
7 |
8 | $scope.type = type;
9 |
10 | $scope.ok = function () {
11 | if ($scope.value == '') {
12 | return;
13 | }
14 | $modalInstance.close($scope.value);
15 | editor.receiver.selectAll();
16 | };
17 |
18 | $scope.cancel = function () {
19 | $modalInstance.dismiss('cancel');
20 | editor.receiver.selectAll();
21 | };
22 |
23 | setTimeout(function() {
24 | $('.single-input').focus();
25 |
26 | $('.single-input')[0].setSelectionRange(0, defaultValue.length);
27 |
28 | }, 30);
29 |
30 | $scope.shortCut = function(e) {
31 | e.stopPropagation();
32 |
33 | //if (e.keyCode == 13 && e.shiftKey == false) {
34 | // $scope.ok();
35 | //}
36 |
37 | if (e.keyCode == 27) {
38 | $scope.cancel();
39 | }
40 |
41 | // tab 键屏蔽默认事件 和 backspace 键屏蔽默认事件
42 | if (e.keyCode == 8 && type == 'export') {
43 | e.preventDefault();
44 | }
45 |
46 | if (e.keyCode == 9) {
47 | e.preventDefault();
48 | var $textarea = e.target;
49 | var pos = getCursortPosition($textarea);
50 | var str = $textarea.value;
51 | $textarea.value = str.substr(0, pos) + '\t' + str.substr(pos);
52 | setCaretPosition($textarea, pos + 1);
53 | }
54 |
55 | };
56 |
57 | /*
58 | * 获取 textarea 的光标位置
59 | * @Author: Naixor
60 | * @date: 2015.09.23
61 | * */
62 | function getCursortPosition (ctrl) {
63 | var CaretPos = 0; // IE Support
64 | if (document.selection) {
65 | ctrl.focus ();
66 | var Sel = document.selection.createRange ();
67 | Sel.moveStart ('character', -ctrl.value.length);
68 | CaretPos = Sel.text.length;
69 | }
70 | // Firefox support
71 | else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
72 | CaretPos = ctrl.selectionStart;
73 | }
74 | return (CaretPos);
75 | }
76 |
77 | /*
78 | * 设置 textarea 的光标位置
79 | * @Author: Naixor
80 | * @date: 2015.09.23
81 | * */
82 | function setCaretPosition(ctrl, pos){
83 | if(ctrl.setSelectionRange) {
84 | ctrl.focus();
85 | ctrl.setSelectionRange(pos,pos);
86 | } else if (ctrl.createTextRange) {
87 | var range = ctrl.createTextRange();
88 | range.collapse(true);
89 | range.moveEnd('character', pos);
90 | range.moveStart('character', pos);
91 | range.select();
92 | }
93 | }
94 |
95 | });
--------------------------------------------------------------------------------
/webui/ui/dialog/imExportNode/imExportNode.tpl.html:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{ title }}
3 |
5 |
12 |
13 |
--------------------------------------------------------------------------------
/webui/ui/dialog/image/image.ctrl.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .controller('image.ctrl', ['$http', '$scope', '$modalInstance', 'image', 'server', function($http, $scope, $modalInstance, image, server) {
3 |
4 | $scope.data = {
5 | list: [],
6 | url: image.url || '',
7 | title: image.title || '',
8 | R_URL: /^https?\:\/\/\w+/
9 | };
10 |
11 | setTimeout(function() {
12 | var $imageUrl = $('#image-url');
13 | $imageUrl.focus();
14 | $imageUrl[0].setSelectionRange(0, $scope.data.url.length);
15 | }, 300);
16 |
17 |
18 | // 搜索图片按钮点击事件
19 | $scope.searchImage = function() {
20 | $scope.list = [];
21 |
22 | getImageData()
23 | .success(function(json) {
24 | if(json && json.data) {
25 | for(var i = 0; i < json.data.length; i++) {
26 | if(json.data[i].objURL) {
27 | $scope.list.push({
28 | title: json.data[i].fromPageTitleEnc,
29 | src: json.data[i].middleURL,
30 | url: json.data[i].middleURL
31 | });
32 | }
33 | }
34 | }
35 | })
36 | .error(function() {
37 |
38 | });
39 | };
40 |
41 | // 选择图片的鼠标点击事件
42 | $scope.selectImage = function($event) {
43 | var targetItem = $('#img-item'+ (this.$index));
44 | var targetImg = $('#img-'+ (this.$index));
45 |
46 | targetItem.siblings('.selected').removeClass('selected');
47 | targetItem.addClass('selected');
48 |
49 | $scope.data.url = targetImg.attr('src');
50 | $scope.data.title = targetImg.attr('alt');
51 | };
52 |
53 | // 自动上传图片，后端需要直接返回图片 URL
54 | $scope.uploadImage = function() {
55 | var fileInput = $('#upload-image');
56 | if (!fileInput.val()) {
57 | return;
58 | }
59 | if (/^.*\.(jpg|JPG|jpeg|JPEG|gif|GIF|png|PNG)$/.test(fileInput.val())) {
60 | var file = fileInput[0].files[0];
61 | return server.uploadImage(file).then(function (json) {
62 | var resp = json.data;
63 | if (resp.errno === 0) {
64 | $scope.data.url = resp.data.url;
65 | }
66 | });
67 | } else {
68 | alert("后缀只能是 jpg、gif 及 png");
69 | }
70 | };
71 |
72 | $scope.shortCut = function(e) {
73 | e.stopPropagation();
74 |
75 | if (e.keyCode == 13) {
76 | $scope.ok();
77 | } else if (e.keyCode == 27) {
78 | $scope.cancel();
79 | }
80 | };
81 |
82 | $scope.ok = function () {
83 | if($scope.data.R_URL.test($scope.data.url)) {
84 | $modalInstance.close({
85 | url: $scope.data.url,
86 | title: $scope.data.title
87 | });
88 | } else {
89 | $scope.urlPassed = false;
90 |
91 | var $imageUrl = $('#image-url');
92 | if ($imageUrl) {
93 | $imageUrl.focus();
94 | $imageUrl[0].setSelectionRange(0, $scope.data.url.length);
95 | }
96 |
97 | }
98 |
99 | editor.receiver.selectAll();
100 | };
101 |
102 | $scope.cancel = function () {
103 | $modalInstance.dismiss('cancel');
104 | editor.receiver.selectAll();
105 | };
106 |
107 | function getImageData() {
108 | var key = $scope.data.searchKeyword2;
109 | var currentTime = new Date();
110 | var url = 'http://image.baidu.com/search/acjson?tn=resultjson_com&ipn=rj&ct=201326592&fp=result&queryWord='+ key +'&cl=2&lm=-1&ie=utf-8&oe=utf-8&st=-1&ic=0&word='+ key +'&face=0&istype=2&nc=1&pn=60&rn=60&gsm=3c&'+ currentTime.getTime() +'=&callback=JSON_CALLBACK';
111 |
112 | return $http.jsonp(url);
113 | }
114 | }]);
--------------------------------------------------------------------------------
/webui/ui/dialog/image/image.tpl.html:
--------------------------------------------------------------------------------
1 |
2 |
4 | 图片
3 |
5 |
6 |
7 |
14 |
23 |
24 |
45 |
46 |
47 |
62 |
63 |
64 |
65 |
66 |
--------------------------------------------------------------------------------
/webui/ui/directive/appendNode/appendNode.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').directive('appendNode', [
2 | 'commandBinder',
3 | function(commandBinder) {
4 | return {
5 | restrict: 'E',
6 | templateUrl: 'ui/directive/appendNode/appendNode.html',
7 | scope: {
8 | minder: '=',
9 | },
10 | replace: true,
11 | link: function($scope) {
12 | var minder = $scope.minder;
13 |
14 | commandBinder.bind(minder, 'appendchildnode', $scope);
15 |
16 | $scope.execCommand = function(command) {
17 | minder.execCommand(command, 'topic');
18 | editText();
19 | };
20 |
21 | function editText() {
22 | var receiverElement = editor.receiver.element;
23 | var fsm = editor.fsm;
24 | var receiver = editor.receiver;
25 |
26 | receiverElement.innerText = minder.queryCommandValue('text');
27 | fsm.jump('input', 'input-request');
28 | receiver.selectAll();
29 | }
30 | },
31 | };
32 | },
33 | ]);
34 |
--------------------------------------------------------------------------------
/webui/ui/directive/appendNode/appendNode.html:
--------------------------------------------------------------------------------
1 |
15 |
22 | -
16 |
-
17 |
18 | {{ image.title }} 19 |
20 |
2 |
--------------------------------------------------------------------------------
/webui/ui/directive/arrange/arrange.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('arrange', ['commandBinder', function(commandBinder) {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/arrange/arrange.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 | var minder = $scope.minder;
12 |
13 | //commandBinder.bind(minder, 'priority', $scope);
14 | }
15 | }
16 | }]);
--------------------------------------------------------------------------------
/webui/ui/directive/arrange/arrange.html:
--------------------------------------------------------------------------------
1 |
6 |
7 | {{ 'appendchildnode' | lang:'ui/command' }}
8 |
9 |
13 |
14 | {{ 'appendparentnode' | lang:'ui/command' }}
15 |
16 |
20 |
21 | {{ 'appendsiblingnode' | lang:'ui/command' }}
22 |
23 |
2 |
--------------------------------------------------------------------------------
/webui/ui/directive/colorPanel/colorPanel.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('colorPanel', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/colorPanel/colorPanel.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function(scope) {
11 |
12 | var minder = scope.minder;
13 | var currentTheme = minder.getThemeItems();
14 |
15 | scope.$on('colorPicked', function(event, color) {
16 | event.stopPropagation();
17 | scope.bgColor = color;
18 | minder.execCommand('background', color);
19 | });
20 |
21 | scope.setDefaultBg = function() {
22 | var currentNode = minder.getSelectedNode();
23 | var bgColor = minder.getNodeStyle(currentNode, 'background');
24 |
25 | // 有可能是 kity 的颜色类
26 | return typeof bgColor === 'object' ? bgColor.toHEX() : bgColor;
27 | };
28 |
29 | scope.bgColor = scope.setDefaultBg() || '#fff';
30 |
31 | }
32 | }
33 | });
--------------------------------------------------------------------------------
/webui/ui/directive/colorPanel/colorPanel.html:
--------------------------------------------------------------------------------
1 |
6 |
7 | {{ 'arrangeup' | lang:'ui/command' }}
8 |
9 |
13 |
14 | {{ 'arrangedown' | lang:'ui/command' }}
15 |
16 |
2 |
5 |
9 |
10 |
11 |
15 |
16 |
--------------------------------------------------------------------------------
/webui/ui/directive/expandLevel/expandLevel.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('expandLevel', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/expandLevel/expandLevel.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 |
12 | $scope.levels = [1, 2, 3, 4, 5, 6];
13 | }
14 | }
15 | });
--------------------------------------------------------------------------------
/webui/ui/directive/expandLevel/expandLevel.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
15 |
21 |
--------------------------------------------------------------------------------
/webui/ui/directive/export/export.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').directive('export', [
2 | 'commandBinder',
3 | function() {
4 | return {
5 | restrict: 'E',
6 | templateUrl: 'ui/directive/export/export.html',
7 | scope: {
8 | minder: '=',
9 | },
10 | replace: true,
11 | link: function($scope) {
12 | var minder = $scope.minder;
13 |
14 | $scope.save = function() {
15 | window.vscode.postMessage({
16 | command: 'save',
17 | exportData: JSON.stringify(minder.exportJson(), null, 4),
18 | });
19 | };
20 | $scope.exportToImage = function() {
21 | minder.exportData('png').then(function(res) {
22 | window.vscode.postMessage({
23 | command: 'exportToImage',
24 | exportData: res,
25 | });
26 | });
27 | };
28 | },
29 | };
30 | },
31 | ]);
32 |
--------------------------------------------------------------------------------
/webui/ui/directive/export/export.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
--------------------------------------------------------------------------------
/webui/ui/directive/fontOperator/fontOperator.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').directive('fontOperator', function() {
2 | return {
3 | restrict: 'E',
4 | templateUrl: 'ui/directive/fontOperator/fontOperator.html',
5 | scope: {
6 | minder: '=',
7 | },
8 | replace: true,
9 | link: function(scope) {
10 | var minder = scope.minder;
11 | var currentTheme = minder.getThemeItems();
12 |
13 | scope.fontSizeList = [10, 12, 16, 18, 24, 32, 48];
14 | scope.fontFamilyList = [
15 | {
16 | name: 'SimSun',
17 | val: '宋体,SimSun',
18 | },
19 | {
20 | name: 'Microsoft YaHei',
21 | val: '微软雅黑,Microsoft YaHei',
22 | },
23 | {
24 | name: 'SimKai',
25 | val: '楷体,楷体_GB2312,SimKai',
26 | },
27 | {
28 | name: 'SimHei',
29 | val: '黑体, SimHei',
30 | },
31 | {
32 | name: 'SimLi',
33 | val: '隶书, SimLi',
34 | },
35 | {
36 | name: 'Andale Mono',
37 | val: 'andale mono',
38 | },
39 | {
40 | name: 'Arial',
41 | val: 'arial,helvetica,sans-serif',
42 | },
43 | {
44 | name: 'arialBlack',
45 | val: 'arial black,avant garde',
46 | },
47 | {
48 | name: 'Comic Sans Ms',
49 | val: 'comic sans ms',
50 | },
51 | {
52 | name: 'Impact',
53 | val: 'impact,chicago',
54 | },
55 | {
56 | name: 'Times New Roman',
57 | val: 'times new roman',
58 | },
59 | {
60 | name: 'Sans-Serif',
61 | val: 'sans-serif',
62 | },
63 | ];
64 |
65 | scope.$on('colorPicked', function(event, color) {
66 | event.stopPropagation();
67 |
68 | scope.foreColor = color;
69 | minder.execCommand('forecolor', color);
70 | });
71 |
72 | scope.setDefaultColor = function() {
73 | var currentNode = minder.getSelectedNode();
74 | var fontColor = minder.getNodeStyle(currentNode, 'color');
75 |
76 | // 有可能是 kity 的颜色类
77 | return typeof fontColor === 'object' ? fontColor.toHEX() : fontColor;
78 | };
79 |
80 | scope.foreColor = scope.setDefaultColor() || '#000';
81 |
82 | scope.getFontfamilyName = function(val) {
83 | var fontName = '';
84 | scope.fontFamilyList.forEach(function(ele, idx, arr) {
85 | if (ele.val === val) {
86 | fontName = ele.name;
87 | return '';
88 | }
89 | });
90 |
91 | return fontName;
92 | };
93 | },
94 | };
95 | });
96 |
--------------------------------------------------------------------------------
/webui/ui/directive/fontOperator/fontOperator.html:
--------------------------------------------------------------------------------
1 |
2 |
91 |
--------------------------------------------------------------------------------
/webui/ui/directive/hyperLink/hyperLink.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('hyperLink', ['$modal', function($modal) {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/hyperLink/hyperLink.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 | var minder = $scope.minder;
12 |
13 | $scope.addHyperlink = function() {
14 |
15 | var link = minder.queryCommandValue('HyperLink');
16 |
17 | var hyperlinkModal = $modal.open({
18 | animation: true,
19 | templateUrl: 'ui/dialog/hyperlink/hyperlink.tpl.html',
20 | controller: 'hyperlink.ctrl',
21 | size: 'md',
22 | resolve: {
23 | link: function() {
24 | return link;
25 | }
26 | }
27 | });
28 |
29 | hyperlinkModal.result.then(function(result) {
30 | minder.execCommand('HyperLink', result.url, result.title || '');
31 | });
32 | }
33 | }
34 | }
35 | }]);
--------------------------------------------------------------------------------
/webui/ui/directive/hyperLink/hyperLink.html:
--------------------------------------------------------------------------------
1 |
3 |
19 |
30 |
31 |
32 |
42 |
53 |
54 |
60 |
67 |
68 | A
74 |
80 |
81 |
82 |
88 |
89 |
2 |
8 |
17 |
27 |
--------------------------------------------------------------------------------
/webui/ui/directive/imageBtn/imageBtn.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('imageBtn', ['$modal', function($modal) {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/imageBtn/imageBtn.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 | var minder = $scope.minder;
12 |
13 | $scope.addImage = function() {
14 |
15 | var image = minder.queryCommandValue('image');
16 |
17 | var imageModal = $modal.open({
18 | animation: true,
19 | templateUrl: 'ui/dialog/image/image.tpl.html',
20 | controller: 'image.ctrl',
21 | size: 'md',
22 | resolve: {
23 | image: function() {
24 | return image;
25 | }
26 | }
27 | });
28 |
29 | imageModal.result.then(function(result) {
30 | minder.execCommand('image', result.url, result.title || '');
31 | });
32 | }
33 | }
34 | }
35 | }]);
--------------------------------------------------------------------------------
/webui/ui/directive/imageBtn/imageBtn.html:
--------------------------------------------------------------------------------
1 |
2 |
8 |
17 |
27 |
--------------------------------------------------------------------------------
/webui/ui/directive/kityminderEditor/kityminderEditor.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').directive('kityminderEditor', [
2 | 'config',
3 | 'minder.service',
4 | 'revokeDialog',
5 | function(config, minderService, revokeDialog) {
6 | return {
7 | restrict: 'EA',
8 | templateUrl: 'ui/directive/kityminderEditor/kityminderEditor.html',
9 | replace: true,
10 | scope: {
11 | onInit: '&',
12 | },
13 | link: function(scope, element, attributes) {
14 | var $minderEditor = element.children('.minder-editor')[0];
15 |
16 | function onInit(editor, minder) {
17 | scope.onInit({
18 | editor: editor,
19 | minder: minder,
20 | });
21 |
22 | minderService.executeCallback();
23 | }
24 |
25 | if (typeof seajs != 'undefined') {
26 | /* global seajs */
27 | seajs.config({
28 | base: './src',
29 | });
30 |
31 | define('demo', function(require) {
32 | var Editor = require('editor');
33 |
34 | var editor = (window.editor = new Editor($minderEditor));
35 |
36 | if (window.vscode.getState()['__dev_minder_content']) {
37 | editor.minder.importJson(
38 | JSON.parse(window.vscode.getState()['__dev_minder_content'])
39 | );
40 | }
41 |
42 | editor.minder.on('contentchange', function() {
43 | window.vscode.setState({
44 | __dev_minder_content: JSON.stringify(
45 | editor.minder.exportJson()
46 | ),
47 | });
48 | });
49 |
50 | window.minder = window.km = editor.minder;
51 |
52 | scope.editor = editor;
53 | scope.minder = minder;
54 | scope.config = config.get();
55 |
56 | //scope.minder.setDefaultOptions(scope.config);
57 | scope.$apply();
58 |
59 | onInit(editor, minder);
60 | });
61 |
62 | seajs.use('demo');
63 | } else if (window.kityminder && window.kityminder.Editor) {
64 | var editor = new kityminder.Editor($minderEditor);
65 |
66 | window.editor = scope.editor = editor;
67 | window.minder = scope.minder = editor.minder;
68 |
69 | scope.config = config.get();
70 |
71 | //scope.minder.setDefaultOptions(config.getConfig());
72 |
73 | onInit(editor, editor.minder);
74 | }
75 | },
76 | };
77 | },
78 | ]);
79 |
--------------------------------------------------------------------------------
/webui/ui/directive/kityminderEditor/kityminderEditor.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/webui/ui/directive/kityminderViewer/kityminderViewer.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('kityminderViewer', ['config', 'minder.service', function(config, minderService) {
3 | return {
4 | restrict: 'EA',
5 | templateUrl: 'ui/directive/kityminderViewer/kityminderViewer.html',
6 | replace: true,
7 | scope: {
8 | onInit: '&'
9 | },
10 | link: function(scope, element, attributes) {
11 |
12 | var $minderEditor = element.children('.minder-viewer')[0];
13 |
14 | function onInit(editor, minder) {
15 | scope.onInit({
16 | editor: editor,
17 | minder: minder
18 | });
19 |
20 | minderService.executeCallback();
21 | }
22 |
23 | if (window.kityminder && window.kityminder.Editor) {
24 | var editor = new kityminder.Editor($minderEditor);
25 |
26 | window.editor = scope.editor = editor;
27 | window.minder = scope.minder = editor.minder;
28 |
29 | onInit(editor, editor.minder);
30 | }
31 |
32 | }
33 | }
34 | }]);
--------------------------------------------------------------------------------
/webui/ui/directive/kityminderViewer/kityminderViewer.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/webui/ui/directive/layout/layout.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('layout', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/layout/layout.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function(scope) {
11 |
12 | }
13 | }
14 | });
--------------------------------------------------------------------------------
/webui/ui/directive/layout/layout.html:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/webui/ui/directive/navigator/navigator.html:
--------------------------------------------------------------------------------
1 |
42 |
--------------------------------------------------------------------------------
/webui/ui/directive/noteBtn/noteBtn.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('noteBtn', ['valueTransfer', function(valueTransfer) {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/noteBtn/noteBtn.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 | var minder = $scope.minder;
12 |
13 | $scope.addNote =function() {
14 | valueTransfer.noteEditorOpen = true;
15 | };
16 | }
17 | }
18 | }]);
--------------------------------------------------------------------------------
/webui/ui/directive/noteBtn/noteBtn.html:
--------------------------------------------------------------------------------
1 |
2 |
8 |
17 |
27 |
--------------------------------------------------------------------------------
/webui/ui/directive/noteEditor/noteEditor.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 |
3 | .directive('noteEditor', ['valueTransfer', function(valueTransfer) {
4 | return {
5 | restrict: 'A',
6 | templateUrl: 'ui/directive/noteEditor/noteEditor.html',
7 | scope: {
8 | minder: '='
9 | },
10 | replace: true,
11 | controller: function($scope) {
12 | var minder = $scope.minder;
13 | var isInteracting = false;
14 | var cmEditor;
15 |
16 | $scope.codemirrorLoaded = function(_editor) {
17 |
18 | cmEditor = $scope.cmEditor = _editor;
19 |
20 | _editor.setSize('100%', '100%');
21 | };
22 |
23 | function updateNote() {
24 | var enabled = $scope.noteEnabled = minder.queryCommandState('note') != -1;
25 | var noteValue = minder.queryCommandValue('note') || '';
26 |
27 | if (enabled) {
28 | $scope.noteContent = noteValue;
29 | }
30 |
31 | isInteracting = true;
32 | $scope.$apply();
33 | isInteracting = false;
34 | }
35 |
36 |
37 | $scope.$watch('noteContent', function(content) {
38 | var enabled = minder.queryCommandState('note') != -1;
39 |
40 | if (content && enabled && !isInteracting) {
41 | minder.execCommand('note', content);
42 | }
43 |
44 | setTimeout(function() {
45 | cmEditor.refresh();
46 | });
47 | });
48 |
49 |
50 | var noteEditorOpen = function() {
51 | return valueTransfer.noteEditorOpen;
52 | };
53 |
54 | // 监听面板状态变量的改变
55 | $scope.$watch(noteEditorOpen, function(newVal, oldVal) {
56 | if (newVal) {
57 | setTimeout(function() {
58 | cmEditor.refresh();
59 | cmEditor.focus();
60 | });
61 | }
62 | $scope.noteEditorOpen = valueTransfer.noteEditorOpen;
63 | }, true);
64 |
65 |
66 | $scope.closeNoteEditor = function() {
67 | valueTransfer.noteEditorOpen = false;
68 | editor.receiver.selectAll();
69 | };
70 |
71 |
72 |
73 | minder.on('interactchange', updateNote);
74 | }
75 | }
76 | }]);
--------------------------------------------------------------------------------
/webui/ui/directive/noteEditor/noteEditor.html:
--------------------------------------------------------------------------------
1 |
6 |
40 |
--------------------------------------------------------------------------------
/webui/ui/directive/notePreviewer/notePreviewer.directive.js:
--------------------------------------------------------------------------------
1 | // TODO: 使用一个 div 容器作为 previewer，而不是两个
2 | angular.module('kityminderEditor')
3 |
4 | .directive('notePreviewer', ['$sce', 'valueTransfer', function($sce, valueTransfer) {
5 | return {
6 | restrict: 'A',
7 | templateUrl: 'ui/directive/notePreviewer/notePreviewer.html',
8 | link: function(scope, element) {
9 | var minder = scope.minder;
10 | var $container = element.parent();
11 | var $previewer = element.children();
12 | scope.showNotePreviewer = false;
13 |
14 | marked.setOptions({
15 | gfm: true,
16 | tables: true,
17 | breaks: true,
18 | pedantic: false,
19 | sanitize: true,
20 | smartLists: true,
21 | smartypants: false
22 | });
23 |
24 |
25 | var previewTimer;
26 | minder.on('shownoterequest', function(e) {
27 |
28 | previewTimer = setTimeout(function() {
29 | preview(e.node, e.keyword);
30 | }, 300);
31 | });
32 | minder.on('hidenoterequest', function() {
33 | clearTimeout(previewTimer);
34 |
35 | scope.showNotePreviewer = false;
36 | //scope.$apply();
37 | });
38 |
39 | var previewLive = false;
40 | $(document).on('mousedown mousewheel DOMMouseScroll', function() {
41 | if (!previewLive) return;
42 | scope.showNotePreviewer = false;
43 | scope.$apply();
44 | });
45 |
46 | element.on('mousedown mousewheel DOMMouseScroll', function(e) {
47 | e.stopPropagation();
48 | });
49 |
50 | function preview(node, keyword) {
51 | var icon = node.getRenderer('NoteIconRenderer').getRenderShape();
52 | var b = icon.getRenderBox('screen');
53 | var note = node.getData('note');
54 |
55 | $previewer[0].scrollTop = 0;
56 |
57 | var html = marked(note);
58 | if (keyword) {
59 | html = html.replace(new RegExp('(' + keyword + ')', 'ig'), '$1');
60 | }
61 | scope.noteContent = $sce.trustAsHtml(html);
62 | scope.$apply(); // 让浏览器重新渲染以获取 previewer 提示框的尺寸
63 |
64 | var cw = $($container[0]).width();
65 | var ch = $($container[0]).height();
66 | var pw = $($previewer).outerWidth();
67 | var ph = $($previewer).outerHeight();
68 |
69 | var x = b.cx - pw / 2 - $container[0].offsetLeft;
70 | var y = b.bottom + 10 - $container[0].offsetTop;
71 |
72 | if (x < 0) x = 10;
73 | if (x + pw > cw) x = b.left - pw - 10 - $container[0].offsetLeft;
74 | if (y + ph > ch) y = b.top - ph - 10 - $container[0].offsetTop;
75 |
76 |
77 | scope.previewerStyle = {
78 | 'left': Math.round(x) + 'px',
79 | 'top': Math.round(y) + 'px'
80 | };
81 |
82 | scope.showNotePreviewer = true;
83 |
84 | var view = $previewer[0].querySelector('.highlight');
85 | if (view) {
86 | view.scrollIntoView();
87 | }
88 | previewLive = true;
89 |
90 | scope.$apply();
91 | }
92 | }
93 | }
94 | }]);
--------------------------------------------------------------------------------
/webui/ui/directive/notePreviewer/notePreviewer.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/webui/ui/directive/operation/operation.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('operation', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/operation/operation.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 | $scope.editNode = function() {
12 |
13 | var receiverElement = editor.receiver.element;
14 | var fsm = editor.fsm;
15 | var receiver = editor.receiver;
16 |
17 | receiverElement.innerText = minder.queryCommandValue('text');
18 | fsm.jump('input', 'input-request');
19 | receiver.selectAll();
20 |
21 | }
22 |
23 | }
24 | }
25 | });
--------------------------------------------------------------------------------
/webui/ui/directive/operation/operation.html:
--------------------------------------------------------------------------------
1 |
7 |
21 | note
8 | （支持 GFM 语法书写） 16 | 20 |
22 |
35 |
39 | 36 | Select Node to Edit Notes 37 |
38 |
2 |
17 |
--------------------------------------------------------------------------------
/webui/ui/directive/priorityEditor/priorityEditor.directive.js:
--------------------------------------------------------------------------------
1 | angular
2 | .module('kityminderEditor')
3 |
4 | .directive('priorityEditor', [
5 | 'commandBinder',
6 | function(commandBinder) {
7 | return {
8 | restrict: 'E',
9 | templateUrl: 'ui/directive/priorityEditor/priorityEditor.html',
10 | scope: {
11 | minder: '=',
12 | },
13 | replace: true,
14 | link: function($scope) {
15 | var minder = $scope.minder;
16 | var priorities = [];
17 |
18 | for (var i = 0; i < 10; i++) {
19 | priorities.push(i);
20 | }
21 |
22 | commandBinder.bind(minder, 'priority', $scope);
23 |
24 | $scope.priorities = priorities;
25 |
26 | $scope.getPriorityTitle = function(p) {
27 | switch (p) {
28 | case 0:
29 | return 'clear';
30 | default:
31 | return 'priority' + p;
32 | }
33 | };
34 | },
35 | };
36 | },
37 | ]);
38 |
--------------------------------------------------------------------------------
/webui/ui/directive/priorityEditor/priorityEditor.html:
--------------------------------------------------------------------------------
1 |
6 |
7 | {{ 'editnode' | lang:'ui/command' }}
8 |
9 |
13 |
14 | {{ 'removenode' | lang:'ui/command' }}
15 |
16 | -
2 |
- 7 | 8 | 9 |
-
2 |
- 7 | 8 | 9 |
2 |
52 |
--------------------------------------------------------------------------------
/webui/ui/directive/searchBox/searchBox.html:
--------------------------------------------------------------------------------
1 |
3 |
11 |
12 |
19 |
20 |
21 |
22 |
51 | -
27 |
- 32 | 40 | 41 |
48 |
49 |
50 |
2 |
--------------------------------------------------------------------------------
/webui/ui/directive/searchBtn/searchBtn.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('searchBtn', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/searchBtn/searchBtn.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function (scope) {
11 | scope.enterSearch = enterSearch;
12 |
13 | function enterSearch() {
14 | minder.fire('searchNode');
15 | }
16 | }
17 | }
18 | });
--------------------------------------------------------------------------------
/webui/ui/directive/searchBtn/searchBtn.html:
--------------------------------------------------------------------------------
1 |
3 |
9 |
12 |
13 |
21 |
22 |
23 |
24 |
2 |
7 |
14 |
--------------------------------------------------------------------------------
/webui/ui/directive/selectAll/selectAll.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('selectAll', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/selectAll/selectAll.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 | var minder = $scope.minder;
12 |
13 | $scope.items = ['revert', 'siblings', 'level', 'path', 'tree'];
14 |
15 | $scope.select = {
16 | all: function() {
17 | var selection = [];
18 | minder.getRoot().traverse(function(node) {
19 | selection.push(node);
20 | });
21 | minder.select(selection, true);
22 | minder.fire('receiverfocus');
23 | },
24 | revert: function() {
25 | var selected = minder.getSelectedNodes();
26 | var selection = [];
27 | minder.getRoot().traverse(function(node) {
28 | if (selected.indexOf(node) == -1) {
29 | selection.push(node);
30 | }
31 | });
32 | minder.select(selection, true);
33 | minder.fire('receiverfocus');
34 | },
35 | siblings: function() {
36 | var selected = minder.getSelectedNodes();
37 | var selection = [];
38 | selected.forEach(function(node) {
39 | if (!node.parent) return;
40 | node.parent.children.forEach(function(sibling) {
41 | if (selection.indexOf(sibling) == -1) selection.push(sibling);
42 | });
43 | });
44 | minder.select(selection, true);
45 | minder.fire('receiverfocus');
46 | },
47 | level: function() {
48 | var selectedLevel = minder.getSelectedNodes().map(function(node) {
49 | return node.getLevel();
50 | });
51 | var selection = [];
52 | minder.getRoot().traverse(function(node) {
53 | if (selectedLevel.indexOf(node.getLevel()) != -1) {
54 | selection.push(node);
55 | }
56 | });
57 | minder.select(selection, true);
58 | minder.fire('receiverfocus');
59 | },
60 | path: function() {
61 | var selected = minder.getSelectedNodes();
62 | var selection = [];
63 | selected.forEach(function(node) {
64 | while(node && selection.indexOf(node) == -1) {
65 | selection.push(node);
66 | node = node.parent;
67 | }
68 | });
69 | minder.select(selection, true);
70 | minder.fire('receiverfocus');
71 | },
72 | tree: function() {
73 | var selected = minder.getSelectedNodes();
74 | var selection = [];
75 | selected.forEach(function(parent) {
76 | parent.traverse(function(node) {
77 | if (selection.indexOf(node) == -1) selection.push(node);
78 | });
79 | });
80 | minder.select(selection, true);
81 | minder.fire('receiverfocus');
82 | }
83 | };
84 | }
85 | }
86 | });
--------------------------------------------------------------------------------
/webui/ui/directive/selectAll/selectAll.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
15 |
21 |
--------------------------------------------------------------------------------
/webui/ui/directive/styleOperator/styleOperator.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('styleOperator', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/styleOperator/styleOperator.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true
10 | }
11 | });
--------------------------------------------------------------------------------
/webui/ui/directive/styleOperator/styleOperator.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{ 'clearstyle' | lang: 'ui' }}
5 |
6 |
17 |
--------------------------------------------------------------------------------
/webui/ui/directive/templateList/templateList.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('templateList', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/templateList/templateList.html',
6 | scope: {
7 | minder: '='
8 | },
9 | replace: true,
10 | link: function($scope) {
11 | $scope.templateList = kityminder.Minder.getTemplateList();
12 |
13 | }
14 | }
15 | });
--------------------------------------------------------------------------------
/webui/ui/directive/templateList/templateList.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/webui/ui/directive/themeList/themeList.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('themeList', function() {
3 | return {
4 | restrict: 'E',
5 | templateUrl: 'ui/directive/themeList/themeList.html',
6 | replace: true,
7 | link: function($scope) {
8 | var themeList = kityminder.Minder.getThemeList();
9 |
10 | //$scope.themeList = themeList;
11 |
12 | $scope.getThemeThumbStyle = function (theme) {
13 | var themeObj = themeList[theme];
14 | if (!themeObj) {
15 | return;
16 | }
17 | var style = {
18 | 'color': themeObj['root-color'],
19 | 'border-radius': themeObj['root-radius'] / 2
20 | };
21 |
22 | if (themeObj['root-background']) {
23 | style['background'] = themeObj['root-background'].toString();
24 | }
25 |
26 | return style;
27 | };
28 |
29 | // 维护 theme key 列表以保证列表美观（不按字母顺序排序）
30 | $scope.themeKeyList = [
31 | 'classic',
32 | 'classic-compact',
33 | 'fresh-blue',
34 | 'fresh-blue-compat',
35 | 'fresh-green',
36 | 'fresh-green-compat',
37 | 'fresh-pink',
38 | 'fresh-pink-compat',
39 | 'fresh-purple',
40 | 'fresh-purple-compat',
41 | 'fresh-red',
42 | 'fresh-red-compat',
43 | 'fresh-soil',
44 | 'fresh-soil-compat',
45 | 'snow',
46 | 'snow-compact',
47 | 'tianpan',
48 | 'tianpan-compact',
49 | 'fish',
50 | 'wire'
51 | ];
52 | }
53 | }
54 | });
--------------------------------------------------------------------------------
/webui/ui/directive/themeList/themeList.html:
--------------------------------------------------------------------------------
1 |
2 |
12 |
17 |
--------------------------------------------------------------------------------
/webui/ui/directive/topTab/topTab.directive.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .directive('topTab', function() {
3 | return {
4 | restrict: 'A',
5 | templateUrl: 'ui/directive/topTab/topTab.html',
6 | scope: {
7 | minder: '=topTab',
8 | editor: '='
9 | },
10 | link: function(scope) {
11 |
12 | /*
13 | *
14 | * 用户选择一个新的选项卡会执行 setCurTab 和 foldTopTab 两个函数
15 | * 用户点击原来的选项卡会执行 foldTopTop 一个函数
16 | *
17 | * 也就是每次选择新的选项卡都会执行 setCurTab，初始化的时候也会执行 setCurTab 函数
18 | * 因此用 executedCurTab 记录是否已经执行了 setCurTab 函数
19 | * 用 isInit 记录是否是初始化的状态，在任意一个函数时候 isInit 设置为 false
20 | * 用 isOpen 记录是否打开了 topTab
21 | *
22 | * 因此用到了三个 mutex
23 | * */
24 | var executedCurTab = false;
25 | var isInit = true;
26 | var isOpen = true;
27 |
28 | scope.setCurTab = function(tabName) {
29 | setTimeout(function() {
30 | //console.log('set cur tab to : ' + tabName);
31 | executedCurTab = true;
32 | //isOpen = false;
33 | if (tabName != 'idea') {
34 | isInit = false;
35 | }
36 | });
37 | };
38 |
39 | scope.toggleTopTab = function() {
40 | setTimeout(function() {
41 | if(!executedCurTab || isInit) {
42 | isInit = false;
43 |
44 | isOpen ? closeTopTab(): openTopTab();
45 | isOpen = !isOpen;
46 | }
47 |
48 | executedCurTab = false;
49 | });
50 | };
51 |
52 | function closeTopTab() {
53 | var $tabContent = $('.tab-content');
54 | var $minderEditor = $('.minder-editor');
55 |
56 | $tabContent.animate({
57 | height: 0,
58 | display: 'none'
59 | });
60 |
61 | $minderEditor.animate({
62 | top: '32px'
63 | });
64 | }
65 |
66 | function openTopTab() {
67 | var $tabContent = $('.tab-content');
68 | var $minderEditor = $('.minder-editor');
69 |
70 | $tabContent.animate({
71 | height: '60px',
72 | display: 'block'
73 | });
74 |
75 | $minderEditor.animate({
76 | top: '92px'
77 | });
78 | }
79 | }
80 | }
81 | });
--------------------------------------------------------------------------------
/webui/ui/directive/topTab/topTab.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/webui/ui/filter/command.filters.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .filter('commandState', function() {
3 | return function(minder, command) {
4 | return minder.queryCommandState(command);
5 | }
6 | })
7 | .filter('commandValue', function() {
8 | return function(minder, command) {
9 | return minder.queryCommandValue(command);
10 | }
11 | });
12 |
13 |
--------------------------------------------------------------------------------
/webui/ui/filter/lang.filter.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').filter('lang', [
2 | 'config',
3 | 'lang.en',
4 | function(config, lang) {
5 | return function(text, block) {
6 | var defaultLang = config.get('defaultLang');
7 |
8 | if (lang[defaultLang] == undefined) {
9 | return '未发现对应语言包，请检查 lang.xxx.service.js!';
10 | } else {
11 | var dict = lang[defaultLang];
12 | block.split('/').forEach(function(ele, idx) {
13 | dict = dict[ele];
14 | });
15 |
16 | return dict[text] || null;
17 | }
18 | };
19 | },
20 | ]);
21 |
--------------------------------------------------------------------------------
/webui/ui/images/iconpriority.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/souche/vscode-mindmap/94b0b5a572cd7bf9971a52a82e0aa9ffb1354725/webui/ui/images/iconpriority.png
--------------------------------------------------------------------------------
/webui/ui/images/iconprogress.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/souche/vscode-mindmap/94b0b5a572cd7bf9971a52a82e0aa9ffb1354725/webui/ui/images/iconprogress.png
--------------------------------------------------------------------------------
/webui/ui/images/icons.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/souche/vscode-mindmap/94b0b5a572cd7bf9971a52a82e0aa9ffb1354725/webui/ui/images/icons.png
--------------------------------------------------------------------------------
/webui/ui/images/template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/souche/vscode-mindmap/94b0b5a572cd7bf9971a52a82e0aa9ffb1354725/webui/ui/images/template.png
--------------------------------------------------------------------------------
/webui/ui/kityminder.app.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor', [
2 | 'ui.bootstrap',
3 | 'ui.codemirror',
4 | 'ui.colorpicker'
5 | ])
6 | .config(function($sceDelegateProvider) {
7 | $sceDelegateProvider.resourceUrlWhitelist([
8 | // Allow same origin resource loads.
9 | 'self',
10 | // Allow loading from our assets domain. Notice the difference between * and **.
11 | 'http://agroup.baidu.com:8910/**',
12 | 'http://cq01-fe-rdtest01.vm.baidu.com:8910/**',
13 | 'http://agroup.baidu.com:8911/**'
14 | ]);
15 | });
--------------------------------------------------------------------------------
/webui/ui/service/commandBinder.service.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').service('commandBinder', function() {
2 | return {
3 | bind: function(minder, command, scope) {
4 |
5 | minder.on('interactchange', function() {
6 | scope.commandDisabled = minder.queryCommandState(command) === -1;
7 | scope.commandValue = minder.queryCommandValue(command);
8 | scope.$apply();
9 | });
10 | }
11 | };
12 | });
--------------------------------------------------------------------------------
/webui/ui/service/config.service.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').provider('config', function() {
2 | this.config = {
3 | // 右侧面板最小宽度
4 | ctrlPanelMin: 250,
5 |
6 | // 右侧面板宽度
7 | ctrlPanelWidth: 250,
8 |
9 | // 分割线宽度
10 | dividerWidth: 3,
11 |
12 | // 默认语言
13 | defaultLang: 'en',
14 |
15 | // 放大缩小比例
16 | zoom: [10, 20, 30, 50, 80, 100, 120, 150, 200],
17 |
18 | // 图片上传接口
19 | imageUpload: 'server/imageUpload.php',
20 | };
21 |
22 | this.set = function(key, value) {
23 | var supported = Object.keys(this.config);
24 | var configObj = {};
25 |
26 | // 支持全配置
27 | if (typeof key === 'object') {
28 | configObj = key;
29 | } else {
30 | configObj[key] = value;
31 | }
32 |
33 | for (var i in configObj) {
34 | if (configObj.hasOwnProperty(i) && supported.indexOf(i) !== -1) {
35 | this.config[i] = configObj[i];
36 | } else {
37 | console.error(
38 | 'Unsupported config key: ',
39 | key,
40 | ', please choose in :',
41 | supported.join(', ')
42 | );
43 | return false;
44 | }
45 | }
46 |
47 | return true;
48 | };
49 |
50 | this.$get = function() {
51 | var me = this;
52 |
53 | return {
54 | get: function(key) {
55 | if (arguments.length === 0) {
56 | return me.config;
57 | }
58 |
59 | if (me.config.hasOwnProperty(key)) {
60 | return me.config[key];
61 | }
62 |
63 | console.warn('Missing config key pair for : ', key);
64 | return '';
65 | },
66 | };
67 | };
68 | });
69 |
--------------------------------------------------------------------------------
/webui/ui/service/memory.service.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @fileOverview
3 | *
4 | * UI 状态的 LocalStorage 的存取文件，未来可能在离线编辑的时候升级
5 | *
6 | * @author: zhangbobell
7 | * @email : zhangbobell@163.com
8 | *
9 | * @copyright: Baidu FEX, 2015
10 | */
11 | angular.module('kityminderEditor').service('memory', function() {
12 | function isQuotaExceeded(e) {
13 | var quotaExceeded = false;
14 | if (e) {
15 | if (e.code) {
16 | switch (e.code) {
17 | case 22:
18 | quotaExceeded = true;
19 | break;
20 | case 1014:
21 | // Firefox
22 | if (e.name === 'NS_ERROR_DOM_QUOTA_REACHED') {
23 | quotaExceeded = true;
24 | }
25 | break;
26 | }
27 | } else if (e.number === -2147024882) {
28 | // Internet Explorer 8
29 | quotaExceeded = true;
30 | }
31 | }
32 | return quotaExceeded;
33 | }
34 |
35 | return {
36 | get: function(key) {
37 | var value = window.vscode.getState()[key];
38 | return null || JSON.parse(value);
39 | },
40 |
41 | set: function(key, value) {
42 | try {
43 | // window.vscode.setState({[key]: JSON.stringify(value) });
44 | return true;
45 | } catch (e) {
46 | if (isQuotaExceeded(e)) {
47 | return false;
48 | }
49 | }
50 | },
51 | remove: function(key) {
52 | var value = window.vscode.getState()[key];
53 | // window.vscode.setState({
54 | // [key]: null,
55 | // });
56 | return value;
57 | },
58 | clear: function() {
59 | // var prevState = window.vscode.getState();
60 | // for (var key in prevState) {
61 | // window.vscode.setState({
62 | // [key]: null,
63 | // });
64 | // }
65 | },
66 | };
67 | });
68 |
--------------------------------------------------------------------------------
/webui/ui/service/minder.service.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .service('minder.service', function() {
3 |
4 | var callbackQueue = [];
5 |
6 | function registerEvent(callback) {
7 | callbackQueue.push(callback);
8 | }
9 |
10 | function executeCallback() {
11 | callbackQueue.forEach(function(ele) {
12 | ele.apply(this, arguments);
13 | })
14 | }
15 |
16 | return {
17 | registerEvent: registerEvent,
18 | executeCallback: executeCallback
19 | }
20 | });
--------------------------------------------------------------------------------
/webui/ui/service/resource.service.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .service('resourceService', ['$document', function($document) {
3 | var openScope = null;
4 |
5 | this.open = function( dropdownScope ) {
6 | if ( !openScope ) {
7 | $document.bind('click', closeDropdown);
8 | $document.bind('keydown', escapeKeyBind);
9 | }
10 |
11 | if ( openScope && openScope !== dropdownScope ) {
12 | openScope.resourceListOpen = false;
13 | }
14 |
15 | openScope = dropdownScope;
16 | };
17 |
18 | this.close = function( dropdownScope ) {
19 | if ( openScope === dropdownScope ) {
20 | openScope = null;
21 | $document.unbind('click', closeDropdown);
22 | $document.unbind('keydown', escapeKeyBind);
23 | }
24 | };
25 |
26 | var closeDropdown = function( evt ) {
27 | // This method may still be called during the same mouse event that
28 | // unbound this event handler. So check openScope before proceeding.
29 | //console.log(evt, openScope);
30 | if (!openScope) { return; }
31 |
32 | var toggleElement = openScope.getToggleElement();
33 | if ( evt && toggleElement && toggleElement[0].contains(evt.target) ) {
34 | return;
35 | }
36 |
37 | openScope.$apply(function() {
38 | console.log('to close the resourcelist');
39 | openScope.resourceListOpen = false;
40 | });
41 | };
42 |
43 | var escapeKeyBind = function( evt ) {
44 | if ( evt.which === 27 ) {
45 | openScope.focusToggleElement();
46 | closeDropdown();
47 | }
48 | };
49 | }])
--------------------------------------------------------------------------------
/webui/ui/service/revokeDialog.service.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor').service('revokeDialog', ['$modal', 'minder.service', function($modal, minderService) {
2 |
3 | minderService.registerEvent(function() {
4 |
5 | // 触发导入节点或导出节点对话框
6 | var minder = window.minder;
7 | var editor = window.editor;
8 | var parentFSM = editor.hotbox.getParentFSM();
9 |
10 |
11 | minder.on('importNodeData', function() {
12 | parentFSM.jump('modal', 'import-text-modal');
13 |
14 | var importModal = $modal.open({
15 | animation: true,
16 | templateUrl: 'ui/dialog/imExportNode/imExportNode.tpl.html',
17 | controller: 'imExportNode.ctrl',
18 | size: 'md',
19 | resolve: {
20 | title: function() {
21 | return '导入节点';
22 | },
23 | defaultValue: function() {
24 | return '';
25 | },
26 | type: function() {
27 | return 'import';
28 | }
29 | }
30 | });
31 |
32 | importModal.result.then(function(result) {
33 | try{
34 | minder.Text2Children(minder.getSelectedNode(), result);
35 | } catch(e) {
36 | alert(e);
37 | }
38 | parentFSM.jump('normal', 'import-text-finish');
39 | editor.receiver.selectAll();
40 | }, function() {
41 | parentFSM.jump('normal', 'import-text-finish');
42 | editor.receiver.selectAll();
43 | });
44 | });
45 |
46 | minder.on('exportNodeData', function() {
47 | parentFSM.jump('modal', 'export-text-modal');
48 |
49 | var exportModal = $modal.open({
50 | animation: true,
51 | templateUrl: 'ui/dialog/imExportNode/imExportNode.tpl.html',
52 | controller: 'imExportNode.ctrl',
53 | size: 'md',
54 | resolve: {
55 | title: function() {
56 | return '导出节点';
57 | },
58 | defaultValue: function() {
59 | var selectedNode = minder.getSelectedNode(),
60 | Node2Text = window.kityminder.data.getRegisterProtocol('text').Node2Text;
61 |
62 | return Node2Text(selectedNode);
63 | },
64 | type: function() {
65 | return 'export';
66 | }
67 | }
68 | });
69 |
70 | exportModal.result.then(function(result) {
71 | parentFSM.jump('normal', 'export-text-finish');
72 | editor.receiver.selectAll();
73 | }, function() {
74 | parentFSM.jump('normal', 'export-text-finish');
75 | editor.receiver.selectAll();
76 | });
77 | });
78 |
79 | });
80 |
81 | return {};
82 | }]);
--------------------------------------------------------------------------------
/webui/ui/service/server.service.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @fileOverview
3 | *
4 | * 与后端交互的服务
5 | *
6 | * @author: zhangbobell
7 | * @email : zhangbobell@163.com
8 | *
9 | * @copyright: Baidu FEX, 2015
10 | */
11 | angular.module('kityminderEditor')
12 | .service('server', ['config', '$http', function(config, $http) {
13 |
14 | return {
15 | uploadImage: function(file) {
16 | var url = config.get('imageUpload');
17 | var fd = new FormData();
18 | fd.append('upload_file', file);
19 |
20 | return $http.post(url, fd, {
21 | transformRequest: angular.identity,
22 | headers: {'Content-Type': undefined}
23 | });
24 | }
25 | }
26 | }]);
--------------------------------------------------------------------------------
/webui/ui/service/valueTransfer.service.js:
--------------------------------------------------------------------------------
1 | angular.module('kityminderEditor')
2 | .service('valueTransfer', function() {
3 | return {};
4 | });
--------------------------------------------------------------------------------
6 |
7 |
8 |
9 |
13 |
14 |
15 |
16 |