-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.js
70 lines (60 loc) · 2.29 KB
/
index.js
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
var protein_analysis = new Vue({
el: '#protein_analysis',
data: {
fasta: ''
},
computed: {
protparams: function(){
if(this.fasta == ''){
return null
}
records = parse_fasta(this.fasta)
protparams = records.map(function(record){ return new ProtParam(record['sequence'],
id = record['id'],
description = record['description']) })
return protparams
}
},
updated: function () {
if(this.protparams){
aa_composition_chart.destroy()
aa_composition_chart = visualize_aa_composition(this.protparams)
kd_hydrophobicity_chart.destroy()
kd_hydrophobicity_chart = visualize_kd_hydrophobicity(this.protparams)
molecular_weight_chart.destroy()
molecular_weight_chart = visualize_protparam_properties(this.protparams)
}
}
})
init_protparams = [new ProtParam('')]
var aa_composition_chart = visualize_aa_composition(init_protparams)
var kd_hydrophobicity_chart = visualize_kd_hydrophobicity(init_protparams)
var molecular_weight_chart = visualize_protparam_properties(init_protparams)
$(function() {
var droppable = $("#droppable");
if(!window.FileReader) {
alert("File API がサポートされていません。");
return false;
}
var cancelEvent = function(event) {
event.preventDefault();
event.stopPropagation();
return false;
}
droppable.bind("dragenter", cancelEvent);
droppable.bind("dragover", cancelEvent);
var handleDroppedFile = function(event) {
var files = event.originalEvent.dataTransfer.files
var file = files[files.length-1]; // always get up-to-date file, and allow only single file
var fileReader = new FileReader();
fileReader.onload = function(event) {
protein_analysis.fasta = event.target.result
}
fileReader.readAsText(file);
// デフォルトの処理をキャンセルします.
cancelEvent(event);
return false;
}
// ドロップ時のイベントハンドラを設定します.
droppable.bind("drop", handleDroppedFile);
});