", {id: 'dnaSequence' + i, 'class':"text-field tf-long"}).appendTo(tempObj);
//Append finalObj to the holder
finalObj.appendTo("#dnaSlotHolder");
dnaSlots.push(finalObj);
}
//Attach our event handler
$(".dna-slot .button").on("click", function() {
var number = $(this).closest('.dna-slot').attr('data-id');
handleDNAClick(number, this.id, this);
});
}
function dnaSlotInfo(seq, pathogenName, pathogenType, isSplicing) {
if(seq === undefined) {
this.seq = null;
}else {
this.seq = seq;
}
if(pathogenName === undefined) {
this.pathogenName = null;
}else {
this.pathogenName = pathogenName;
}
if(pathogenType === undefined) {
this.pathogenType = null;
} else {
this.pathogenType = pathogenType;
}
if(isSplicing === undefined) {
this.isSplicing = null;
} else {
this.isSplicing = isSplicing;
}
}
/* HANDLERS */
function handleDNAClick(slot, id, clicked) {
if(!handlePushButtonClick(clicked)) {return;}
var detClick = id.slice(0, id.length - slot.toString().length);
switch(detClick) {
case "btnDnaLoad":
doLoadDna(slot);
break;
case "btnDnaSave":
doSaveDna(slot);
break;
case "btnDnaXchg":
doExchangeDna(slot);
break;
case "btnDnaClear":
doClearDna(slot);
break;
case "btnDnaSlotExpose":
doExposeSlot(slot);
break;
}
}
/* UPDATERS */
function updateLoadedSection(cancGlobalUpdate) {
if (loadedDna) {
$("#txtPName").text(loadedDna.pathogenName);
$("#txtPType").text(loadedDna.pathogenType);
$("#txtPSeq").text(loadedDna.seq);
} else {
$("#txtPName").text("");
$("#txtPType").text("");
$("#txtPSeq").text("");
}
annunciatorHolder.setLoadAnn(loadedDna);
if(!cancGlobalUpdate) {
updateAllDnaSlots();
}
}
function updateAllDnaSlots() {
for(var i = 1; i <= dnaSlots.length; i++) {
updateDnaSlot(i);
}
}
function updateDnaSlot(slot) {
var t = dnaSlots[slot-1],
dna = dnaDetails[slot - 1];
if (dna == null)
dna = dnaDetails[slot - 1] = new dnaSlotInfo();
if(dna.seq == null) {
setAnnunciator("#annDnaEmp" + slot, true);
$("#dnaSequence" + slot).text("");
setButtonEnabled("#btnDnaClear" + slot, false);
} else {
setAnnunciator("#annDnaEmp" + slot, false);
$("#dnaSequence" + slot).text(dna.seq);
setButtonEnabled("#btnDnaClear" + slot, true);
}
if(loadedDna || dna.seq === null) {
setButtonEnabled("#btnDnaLoad" + slot, false);
} else {
setButtonEnabled("#btnDnaLoad" + slot, true);
}
if(loadedDna && dna.seq === null && !loadedDna.isSplicing){
setButtonEnabled("#btnDnaSave" + slot, true);
} else {
setButtonEnabled("#btnDnaSave" + slot, false);
}
if( loadedDna && dna.seq !== null && !loadedDna.isSplicing) {
setButtonEnabled("#btnDnaXchg" + slot, true);
} else {
setButtonEnabled("#btnDnaXchg" + slot, false);
}
if( !(loadedDna && loadedDna.isSplicing) ) {
if(slot == exposedSlot ) {
setAnnunciator("#annDnaExp" + slot, true);
setButtonEnabled("#btnDnaSlotExpose" + slot, false);
updateExposedIndicator();
} else {
setAnnunciator("#annDnaExp" + slot, false);
setButtonEnabled("#btnDnaSlotExpose" + slot, true);
}
} else {
setButtonEnabled("#btnDnaSlotExpose" + slot, false);
}
updateSpliceSlot(slot); //Tied in with the load / save functionality
}
/*
SPLICING
*/
/* VARS */
var spliceSourceDna = null,
selectedSpliceSource = 0;
/* WORKERS */
function createSplicingDnaSlots(num) {
$("#spliceSlots").empty()
for (var i = 1; i <= num; i++) {
var finalObj = $("
", {
id: "spliceSlot" + i,
'class': 'dna-slot',
'data-id': i
}).appendTo("#spliceSlots");
//ROW OF ANNUNCIATORS + BUTTONS
var tempObj = $("
", {
'class':'noborder'
}).appendTo(finalObj);
//Slot field
$("
", {
'class':'text-field tf-narrow'
}).appendTo(tempObj).text(i);
/*
//Target annunciator
$("
", {
id:'annSpliceTarget' + i,
'class':'annunciator a-green'
}).appendTo(tempObj).text("TARGET");
*/
//Source annunciator
$("
", {
id:'annSpliceSource' + i,
'class':'annunciator a-green'
}).appendTo(tempObj).text("SOURCE");
//Load button
$("
", {
id:'btnSpliceLoad' + i,
'class':'button btn-small'
}).appendTo(tempObj).text("LOAD");
//Splice button
$("
", {
id:'btnSpliceSource' + i,
'class':'button btn-small'
}).appendTo(tempObj).text("SOURCE");
//SEQUENCE LISTING
tempObj = $("
", {
'class':'noborder'
}).appendTo(finalObj);
$("
", {
'class':'label'}).appendTo(tempObj).text("Seq:");
$("
", {
id:'txtSpliceSeq' +i,
'class':'text-field tf-long'
}).appendTo(tempObj);
}
//Bind listeners
$("#spliceSlots .button").click(function() {handlePushButtonClick(this, handleSpliceSelectionClick);});
}
function setSpliceSource(slot) {
var lastSlot = selectedSpliceSource;
selectedSpliceSource = slot;
if (lastSlot > 0) {
updateSpliceSlot(lastSlot);
}
if (selectedSpliceSource > 0) {
updateSpliceSlot(selectedSpliceSource);
}
if(slot === 0) {
xmit({cancel:1});
} else {
xmit({splice:slot});
}
updateSpliceCommenceButtons();
}
function beginSplice() {
//Validate UI state
var dna = dnaDetails[selectedSpliceSource-1];
if(exposedSlot > 0 || dna.seq == null || !loadedDna) { return; }
//Clear source DNA
spliceSourceDna = dna;
dnaDetails[selectedSpliceSource-1] = new dnaSlotInfo();
//Set DNA status
selectedSpliceSource=0;
loadedDna.isSplicing = true;
xmit({beginsplice:1});
updateCompleteSpliceData(loadedDna.seq, true, spliceSourceDna.seq, true);
updateLoadedDependents();
setActivePage(4);
updateMainMenuButtons();
}
function cancelSplice() {
setSpliceSource(0);
}
function parseDna(jqTarget, dnaData, bRaw) {
if(bRaw === undefined) {bRaw = false;}
var t = $(jqTarget);
t.empty();
if(typeof(dnaData) !== 'string') {return;}
var i = 0;
if(bRaw) { //We got an entire DNA string. Skip the private component
var i = dnaData.search(/\|\|/) - 3; //lol
if(i < 0) { return; }
}
while (i < dnaData.length) {
var s = "";
if(dnaData[i] === '|') {
s = '|';
i += 1;
} else if(i + 3 <= dnaData.length ) {
s = dnaData.slice(i,i+3);
i += 3;
}
$("
", {
'class':'splice-ent'}).appendTo(t).text(s);
}
//Bind handler
$(".splice-ent", t).click(function() {handleSpliceSequenceClick(this);});
t.children().first().addClass("splice-selected");
updateSpliceControls();
}
function shiftSelectedSpliceSeq(jqT, dir) {
var t = $(jqT),
curSel = $(".splice-selected", jqT);
dir = dir/Math.abs(dir);
if(dir < 0) {
curSel = curSel.prev();
} else {
curSel = curSel.next();
}
if(curSel.length) {
$(".splice-selected", jqT).removeClass("splice-selected");
curSel.addClass("splice-selected");
}
sendSelectionUpdate(curSel.index(), t.attr("id") === "spliceTargetField");
updateSpliceControls();
}
function doSpliceAction(dir) {
if(dir != 0) {dir= dir/Math.abs(dir);}
var s = $("#txtSpliceSource .splice-selected"),
t = $("#txtSpliceTarget .splice-selected"),
iRel = 0, //Relative position to index
iPos = 0, //Position from which the item is added / removed
iTargetPos =0; //The index holding the value we add
if(s.length===0 && dir != 0) { return; } //No sense in continuing without a target
if(dir != 0) {
//Shift source selection
if(s.next().length > 0) {
s.next().addClass("splice-selected").siblings().removeClass("splice-selected");
} else if(s.prev().length > 0) {
s.prev().addClass("splice-selected").siblings().removeClass("splice-selected");
}
t.removeClass("splice-selected");
} else if(t.length) {
//Shift target selection
if(t.next().length > 0) {
t.next().addClass("splice-selected");
} else if(t.prev().length > 0) {
t.prev().addClass("splice-selected");
}
}
iPos = t.index();
iSourcePos = s.index();
//Perform the operation
if(t.length===0 && dir != 0) {
s.appendTo("#txtSpliceTarget");
s.addClass("splice-selected");
} else if ( dir > 0 ) {
s.insertAfter(t);
iRel = 1;
s.addClass("splice-selected");
} else if ( dir < 0 ) {
s.insertBefore(t);
iRel = -1;
s.addClass("splice-selected");
} else {
t.remove();
}
updateSpliceControls();
xmit({splicemod:1, SourcePos:iSourcePos,pos:iPos,rel:iRel}, "setUIState");
}
function finishSplice() {
xmit({splicefinish:1}, "handleSpliceCompletionCallback")
}
function selectSpliceByIndex(index, container) {
index--; //BYOND's index is 1-based
var c = $(".splice-ent", $(container));
if(index >= 0 && index < c.length) {
c.removeClass("splice-selected");
$(c.get(index)).addClass("splice-selected");
}
}
function sendSelectionUpdate(index, isTarget) {
var d = {splicesel:index};
if(isTarget) {d.target=1;}
xmit(d);
}
/* HANDLERS */
function handleSpliceSelectionClick(clicked) {
var slot = $(clicked).closest(".dna-slot").attr("data-id");
if (slot == null) return;
var id = clicked.id.slice(0, clicked.id.length - slot.toString().length);
switch(id) {
case "btnSpliceLoad":
if (loadedDna) {
doExchangeDna(slot);
} else {
doLoadDna(slot);
}
break;
case "btnSpliceSource":
setSpliceSource(slot);
break;
}
}
function handleSpliceCommenceButtonClick(clicked) {
switch (clicked.id) {
case "btnSpliceBegin":
beginSplice();
break;
case "btnSpliceCancel":
cancelSplice();
break;
}
}
function handleSpliceSequenceClick(clicked) {
var tf = $(clicked).closest(".text-field");
$(".splice-ent", tf).removeClass("splice-selected");
$(clicked).addClass("splice-selected");
sendSelectionUpdate($(clicked).index(), tf.attr("id") === "txtSpliceTarget");
updateSpliceControls();
}
function handleSpliceTargetOffsetClick(clicked) {
var t = $(clicked).closest(".splice-sequence"),
d = $(clicked).attr("dir");
shiftSelectedSpliceSeq(t, d);
}
function handleSpliceActionClick(clicked) {
var d = $(clicked).attr("dir");
doSpliceAction(d);
}
function handleSpliceFinishClick(clicked) {
finishSplice();
}
function setSplicePred(pred) {
/*Expects
{pred:0,1,2,4 //Bitflags for SUCCESS, UNKNOWN and FAIL
}
*/
setAnnunciator("#annPredSuccess", pred & 1);
setAnnunciator("#annPredUnk", pred & 2);
setAnnunciator("#annPredFail", pred & 4);
}
function handleSpliceCompletionCallback(data) {
/*Expects
{success:0,1 //If the splicing succeeded or not.
newseq:"00011512452..." //The newly created DNA sequence
}
*/
setAnnunciator("#annSpliceSuccess", data.success);
setAnnunciator("#annSpliceFail", !data.success);
if(data.success) {
loadedDna.seq = data.newseq;
loadedDna.isSplicing=false;
} else {
loadedDna = null;
}
spliceSourceDna = null;
updateSpliceControls();
updateLoadedDependents();
updateMainMenuButtons();
}
remoteHandlers.handleSpliceCompletionCallback = handleSpliceCompletionCallback;
/* UPDATERS */
function updateSpliceSlot(slot) {
var dna = dnaDetails[slot -1];
if (dna == null) {
dna = dnaDetails[slot - 1] = new dnaSlotInfo();
}
//Annunciators
if (dna.seq == null) {
$("#txtSpliceSeq" + slot).text("");
if(selectedSpliceSource == slot) {
selectedSpliceSource=0;
}
} else {
$("#txtSpliceSeq" + slot).text(dna.seq);
}
setAnnunciator("#annSpliceSource" + slot, slot == selectedSpliceSource);
//BUTTONS
setButtonEnabled("#btnSpliceLoad" + slot, dna.seq != null);
setButtonEnabled("#btnSpliceSource" + slot, slot !== selectedSpliceSource && dna.seq != null);
}
function updateSpliceCommenceButtons() {
var a = exposedSlot > 0,
b = selectedSpliceSource > 0 && dnaDetails[selectedSpliceSource-1].seq != null,
c = loadedDna != null;
setAnnunciator("#annSpliceStatExp", a);
setAnnunciator("#annSpliceStatSource", b);
setAnnunciator("#annSpliceStatTarget", c);
setButtonEnabled("#btnSpliceBegin", !a && b && c);
}
function updateSpliceControls() {
var bValidSplice = loadedDna != null && loadedDna.isSplicing;
//FINISH
setButtonEnabled("#btnSpliceFinish", bValidSplice);
//TARGET
setButtonEnabled("#spliceTargetField .button", bValidSplice && $("#txtSpliceTarget span").length > 1);
setAnnunciator("#annSpliceTargetEmpty", $("#txtSpliceTarget span").length <= 0);
//SOURCE
setButtonEnabled("#spliceSourceField .button", bValidSplice && $("#txtSpliceSource span").length > 1);
setAnnunciator("#annSpliceSourceEmpty", $("#txtSpliceSource span").length <= 0);
//BUTTONS
setButtonEnabled("#spliceActions .button[dir!='0']", bValidSplice && $("#txtSpliceSource .splice-selected").length > 0);
setButtonEnabled("#spliceActions .button[dir='0']", bValidSplice && $("#txtSpliceTarget .splice-selected").length > 0);
}
function updateCompleteSpliceData(target, btRaw, source, bsRaw) {
//Update Splicing Source menu items
parseDna("#txtSpliceTarget", target, btRaw);
parseDna("#txtSpliceSource", source, bsRaw);
setAnnunciator("#spliceFinalButtons > .annunciator", false);
setAnnunciator("#annPredSuccess", true);
}
/*
GENERAL
*/
/* UI STATE UPDATER */
function setUIState(data) {
bSuppressXmit = true;
//Which page was used last
if(data.hasOwnProperty("actPage")) {
setActivePage(data.actPage);
}
//Which DNA sequence is currently loaded
if(data.hasOwnProperty("loadedDna")) {
loadedDna = data.loadedDna;
updateLoadedDependents(cancGlobalUpdate=true);
}
//The DNA slots themselves
if(data.hasOwnProperty("dnaDetails") && typeof(data.dnaDetails) === 'object') {
for(var i = 0; i < data.dnaDetails.length; i++) {
var d = data.dnaDetails[i];
if (!d) { d = new dnaSlotInfo();}
dnaDetails[i] = d;
updateDnaSlot(i+1);
}
}
//If a slot is exposed
if(data.hasOwnProperty("exposed")) {
doExposeSlot(data.exposed, true);
}
//Splicing
if(data.hasOwnProperty("splice")) {
var s = data.splice;
//{"source":'dna string', "sRaw":0, "target":'dna-string', "tRaw":1, "selected":0, "pred":(0,1,2,4)}
if(s.hasOwnProperty("source") || s.hasOwnProperty("target")) {
var source = null;
if(s.source) {
source = s.source;
}
var target = null;
if(s.target) {
target = s.target;
}
updateCompleteSpliceData(target, false, source, false);
updateSpliceControls();
}
if(s.hasOwnProperty("selected")) {
setSpliceSource(s.selected);
}
if(s.hasOwnProperty("pred")) {
setSplicePred(s.pred);
}
if(s.hasOwnProperty("selSource")) {
selectSpliceByIndex(s.selSource, "#txtSpliceSource");
}
if(s.hasOwnProperty("selTarget")) {
selectSpliceByIndex(s.selTarget, "#txtSpliceTarget");
}
}
if (data.hasOwnProperty("analysis")) {
var a = data.analysis;
// { "curr":"ABCDEF..." "prev":{analysisCallback(see below)}, "buttons":'ABCDEF'}
if(a.hasOwnProperty("curr")) {
clearAnalysisBuffer(true);
for(var i = 0; i < a.curr.length && i < 15; i+=3) {
addSequence(a.curr.slice(i, i+3));
}
}
if(a.hasOwnProperty("predeffect")) {
$(".txtPredEffect").text((Math.round(a.predeffect * 100) / 100.0) + ' %'); //lol fuck you js
}
if(a.hasOwnProperty("buttons"))
updateAnalysisButtonsFromString(a.buttons);
if(a.hasOwnProperty("prev")) {
/*
{valid:true/false,
stable:1,0,-1,
trans,1,0,-1,
seqs:["123", "456" ...]
conf:[25, 100 ...]}
*/
a.prev.noclear = true;
handleAnalysisTestCallback(a.prev);
}
updateAnalysisControlElements();
}
bSuppressXmit = false;
}
/* DATA TRANSMISSION */
function xmit(data, callbackHandler) {
if(bSuppressXmit || !typeof(data) == 'object' ) {
return;
}
/*
if(callbackHandler) {
data.callbackHandler = callbackHandler;
setTimeout(function () {receiveData(callbackHandler, debug_getCallbackDummyData(callbackHandler)) }, Math.random() * 4000);
setAnnunciator("#annSynch", true);
}
*/
var params = [];
for(var k in data) {
params.push(encodeURI(k) + "=" + encodeURI(data[k]));
}
var target = "?src=" + src + ";" + params.join(";");
//console.log(target);
window.location = target;
//alert(target);
}
/* DATA RECEIPT */
function receiveData(handler, data) {
setAnnunciator("#annSynch", false);
//alert("Received data: " + data + "\nProcessing with: " + handler);
if(remoteHandlers[handler]) {
data = JSON.parse(data);
remoteHandlers[handler](data);
}
}
/*WORKERS*/
function doEjectSample() {
if(exposedSlot > 0) {
xmit({eject:1});
dnaDetails[exposedSlot-1] = new dnaSlotInfo();
updateDnaSlot(exposedSlot);
updateExposedIndicator();
}
}
function updateLoadedDependents(cancGlobalUpdate, externalManip ) {
if(cancGlobalUpdate === undefined) { cancGlobalUpdate = false;}
if(externalManip === undefined) {externalManip=false;}
updateLoadedSection(cancGlobalUpdate);
safeSetMutationData(externalManip);
updateManipReady();
updateAnalysisControlElements();
updateSpliceCommenceButtons();
updateMainMenuButtons();
}
/* HANDLERS */
function handleMainMenuClick(id) {
if($("#" + id).hasClass("button-disabled")) {return;}
if(!isSplicing()) { //Not splicing, everything's fine + dandy with the world.
/*
$("#mainMenu > .button").removeClass("button-selected");
$("#" + id).addClass("button-selected");
*/
switch(id) {
case "btnManip":
setActivePage(2);
break;
case "btnSplice":
setActivePage(3);
break;
case "btnTester":
setActivePage(5);
break;
case "btnLoadSave":
setActivePage(1);
break;
case "btnRetMain":
setActivePage(0);
}
}
}
function handleExposeButtons(clicked) {
switch (clicked.id) {
case "btnCloseSlot":
doExposeSlot(0);
break;
case "btnEjectSample":
doEjectSample();
break;
}
}
function handlePushButtonClick(clicked, handler) {
if($(clicked).hasClass("button-disabled")) {return 0;}
$(clicked).addClass("button-selected");
setTimeout(function() {$(clicked).removeClass("button-selected");}, 50);
if(handler) {
handler(clicked);
}
return 1;
}
/* UPDATERS */
function updateExposedIndicator() {
var expDna = dnaDetails[exposedSlot -1];
if(exposedSlot > 0) {
setAnnunciator("#annSlotExp", true);
setButtonEnabled("#btnCloseSlot", true);
$("#txtExpSlot").text(exposedSlot.toString());
} else {
setAnnunciator("#annSlotExp", false);
setButtonEnabled("#btnCloseSlot", false);
$("#txtExpSlot").text("0");
}
if(!expDna || expDna.seq === null) {
setAnnunciator("#annSlotSample", false);
setButtonEnabled("#btnEjectSample", false);
} else {
setAnnunciator("#annSlotSample", true);
setButtonEnabled("#btnEjectSample", true);
}
}
function updateMainMenuButtons() {
if (!isSplicing()) {
setButtonEnabled("#mainMenu > .button", true);
} else {
setButtonEnabled("#mainMenu > .button", false);
setActivePage(4);
$("#mainMenu > .button").removeClass("button-selected");
setButtonEnabled("#btnSplice", true)
$("#btnSplice").addClass("button-selected");
}
}
/*
HELPERS
*/
function safeAddClass(ident, className) {
if(!$(ident).hasClass(className)) {
$(ident).addClass(className);
}
}
function isSplicing() {
return (loadedDna && loadedDna.isSplicing);
}
/* CONTROL SETTERS */
function setAnnunciator(jqSel, bActive) {
//Sets the state of an annunciator in a sane fashion
var ann = $(jqSel);
if(!ann.hasClass("annunciator")) {
return 1;
}
var color = "red";
if(ann.hasClass("a-green")) {
color = "green";
} else if (ann.hasClass("a-yellow")) {
color = "yellow";
}
if(bActive) {
safeAddClass(ann, "a-" + color + "-on");
} else {
ann.removeClass("a-" + color + "-on");
}
return 0;
}
function setButtonEnabled(jqSel, bEnable) {
var btn = $(jqSel);
if(!btn.hasClass("button")) {
return 1;
}
if(bEnable) {
btn.removeClass("button-disabled");
} else {
safeAddClass(btn, "button-disabled");
}
};
remoteHandlers.setUIState = setUIState;
/*
DEBUG
*/
function debug_createData() {
var dataObject = {src:'AB12CD', actPage:3, exposed:2,
loadedDna:{seq:"00020006FFFDFFF60000FFF53142E||FCB055|6A86A8|0F4CC6CC6", pathogenName:"TEST", pathogenType:"gmcell", isSplicing:1},
dnaDetails:[
{seq:"00020006000500000000FFFB3142E||055", pathogenName:"ABC2", pathogenType:"bacteria", isSplicing:0},
null,
{seq:"00040003FFED0005FFF3FFEF51B8E||FCB", pathogenName:"ABC3", pathogenType:"parasite", isSplicing:0}
],
splice: {
source:"123|ABC||321|CBAFED",
sRaw:0,
target:"ABC345DEF|ADE||DDA|DDF",
tRaw:0,
selected:0,
},
analysis: {
curr:["ABC", "DEF", "123", "456"],
prev:{
valid:1,
trans:1,
stable:-1,
seqs:["ABC", "DEF", "123", "456"],
conf:[100, 75, 34, 15],
pred:25,
buttons:"FFFEEEDDDCCCAAA999888777666555444333222111000"
}
}
};
setUIState(dataObject);
//new (seq, pathogenName, pathogenType, exposed, isSplicing)
/*
dnaDetails.push(new dnaSlotInfo("00020006FFFDFFF60000FFF53142E||FCB055|6A86A8|0F4CC6CC6", "ABC1", "virus", false));
dnaDetails.push(new dnaSlotInfo("00020006000500000000FFFB3142E||055", "ABC2", "bacteria", false));
dnaDetails.push(new dnaSlotInfo("00040003FFED0005FFF3FFEF51B8E||FCB", "ABC3", "parasite", false));
updateLoadedSection();
for(var i = 1; i <= 3; i++){
updateDnaSlot(i);
}
doExposeSlot(0);
*/
}
function debug_createDNAbuttons() {
var L = []
for(var i = 0; i < 50; i++) {
var s = Math.round(4096 * Math.random());
s = '00' + s.toString(16);
s = s.slice(s.length - 3);
L.push(s.toUpperCase());
}
updateAnalysisButtons(L);
}
function debug_getCallbackDummyData( callbackHandler ) {
var d = dummyData[callbackHandler];
var r = null;
if(typeof(d) === 'object') {
var maxLen = d.length -1;
r = d[Math.round(maxLen * Math.random())];
}
return r;
}
window.receiveData = receiveData;
$(document).ready(initializeUI);
})(window, document, jQuery);