-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
46 lines (43 loc) · 1.55 KB
/
script.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
$(document).ready(function() {
});
function reset(blah) {
location.reload();
}
function example(){
$("#sequence").val("GCATTAAAAGAAATCGATAGTAGTGTGCTCAATGTTGCTGTCACCGGGGAGACGGGATCA\n" +
"GGGAAGTCCAGCTTCATCAATACCCTGAGAGGCATTGGGAATGAAGAAGAAGGTGCAGCT\n" +
"AAAACTGGGGTGGTGGAGGTAACCATGGAAAGACATCCATACAAACACCCCAATATACCC\n" +
"AATGTGGTTTTTTGGGACCTGCCTGGGATTGGAAGCACAAATTTCCCACCAAACACTTAC\n" +
"CTGGAGAAAATGAAGTTCTATGAGTACGATTTCTTCATTATTATTTCGGCCACACGCTTC");
submitFunction();
}
function submitFunction() {
var sequence = $('textarea').val();
if(sequence === ''){
alert("You have to enter a sequence.");
}
$.getJSON('https://immense-citadel-59192.herokuapp.com/api/translate?sequence='+sequence, {format:"json"}, function(data){
$(".results").empty();
for(var i = 0; i<6; i++){
var update ='<div class="col-md-4 frame">'
'</div>';
var frameNumber = i+1;
var details = "5'-3' Frame: "+frameNumber;
if (frameNumber>3){
details = "3'-5' Frame: "+frameNumber;
frameNumber-=3;
}
update+='<h6>'+details+'</h6>';
var frame = data.frames[i];
for(var j =0; j<frame.length;j+=35){
var n =j+1;
update+='<small class="float-left">'+spacer(frame.substring(j,j+40))+'</small>';
}
$(".results").append(update);
}
}
);
}
function spacer(str) {
return "\t"+str;//str.substring(0,l/2)+"\t"+str.substring(l/2);
}