1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
import Ember from 'ember';
const directoryTreeToJsTree = function (packageId,directoryTree) {
return directoryTree.contents.map((node) => {
const jsTreeNode = {};
jsTreeNode.text = node.name;
jsTreeNode.data = node;
if(node.path) {
jsTreeNode.id = node.path;
jsTreeNode.a_attr = {href:"/package/" + packageId + "/show/" + node.path};
}
if(node.tag === "Dir") {
jsTreeNode.children = directoryTreeToJsTree(packageId,node);
jsTreeNode.state = {"opened" : containsHaskellModule(node)};
} else {
if(node.isHaskellModule) {
jsTreeNode.icon = "/assets/haskell.ico";
jsTreeNode.isHaskellModule = true;
} else {
jsTreeNode.icon = "jstree-file";
jsTreeNode.isHaskellModule = false;
}
}
return jsTreeNode;
});
};
const containsHaskellModule = function(node) {
return node.contents.some((n) => {
if(n.tag === "File") {
return n.isHaskellModule;
} else {
return containsHaskellModule(n);
}
});
}
const fileExtension = function (filename) {
const idx = filename.lastIndexOf('.');
return (idx < 1) ? "" : filename.substr(idx + 1);
}
export default Ember.Component.extend({
query: null,
sortType: "alphabetical",
sortTypeObserver : Ember.observer('sortType',function() {
Ember.run.next(this,() => {
this.jstree.refresh();
});
}),
didInsertElement : function () {
this._super(...arguments);
const element = this.element.getElementsByClassName('file-tree')[0];
const component = this;
const jstreeElement = Ember.$(element).jstree({
'core' : {
'data' : directoryTreeToJsTree(this.get('packageId'),this.get('directoryTree'))
},
"plugins" : [
"search",
"sort"
],
"search": {
"case_insensitive": true,
"show_only_matches" : true,
"show_only_matches_children": true
},
'sort' : function (a,b) {
const node1 = this.get_node(a).data;
const node2 = this.get_node(b).data;
if(component.get("sortType") === "alphabetical") {
return node1.name > node2.name;
} else {
const extendedName1 = (node1.tag === "Dir" ? "0" : "1") + fileExtension(node1.name) + node1.name;
const extendedName2 = (node2.tag === "Dir" ? "0" : "1") + fileExtension(node2.name) + node2.name;
return extendedName1 > extendedName2;
}
}
});
jstreeElement.on("select_node.jstree",(event,data) => {
const file = data.node.data;
if(file.tag != "Dir") {
this.sendAction('openFile',file.path);
}
});
const jstree = jstreeElement.jstree(true);
if(this.get('currentFile')) {
jstree.select_node(this.get('currentFile'));
const node = jstree.get_node(this.get('currentFile'),true)[0];
if(node) {
node.scrollIntoView();
}
}
this.jstree = jstree;
},
currentFileObserver : Ember.observer('currentFile',function() {
Ember.run.next(() => {
this.jstree.deselect_all();
this.jstree.select_node(this.get('currentFile'));
});
}),
queryObserver : Ember.observer('query',function() {
if(this.get('query')) {
this.jstree.search(this.get('query'));
} else {
this.jstree.clear_search();
}
}),
actions : {
hide() {
this.get('hide')();
}
}
});
|
