icn3d 3.28.5 → 3.28.7

package/icn3d.js

@@ -5765,7 +5765,7 @@ class ClickMenu {
                     continue;
             }
 
-            if(id == 'mn1_searchstru') {
+            if(id == 'mn1_searchgrooup') {
                 html += "<td valign='top'>";
             }
             else if(id == 'mn2_definedsets') {
@@ -8528,11 +8528,11 @@ class SetMenu {
         html += this.getMenuText('mn1_fold', 'Predict by Seq.', undefined, undefined, 1);
         html += "<ul>";
         html += this.getLink('mn1_esmfold', 'ESMFold', undefined, 2);
-        html += this.getLink('mn1_alphafold', 'AlphaFold2 via ColabFold', undefined, 2);
+        //html += this.getMenuUrl('mn1_esmfold_link', "https://colab.research.google.com/github/sokrypton/ColabFold/blob/main/ESMFold.ipynb", "ESMFold via ColabFold" + me.htmlCls.wifiStr, undefined, 2);
+        html += this.getLink('mn1_alphafold', 'AlphaFold2 via ColabFold' + me.htmlCls.wifiStr, undefined, 2);
         html += "</ul>";
 
         
-
         html += this.getMenuText('mn1_alignwrap', 'Align', undefined, 1, 1);
         html += "<ul>";
         
@@ -9771,7 +9771,7 @@ class SetMenu {
         html += this.getMenuUrl('abouticn3d', me.htmlCls.baseUrl + "icn3d/icn3d.html#about", "About iCn3D<span style='font-size:0.9em'> " + me.REVISION + "</span>", 1, 1);
 
         html += this.getMenuUrl('gallery', me.htmlCls.baseUrl + "icn3d/icn3d.html#gallery", "Live Gallery " + me.htmlCls.wifiStr, 1, 1);
-        html += this.getMenuUrl('video', me.htmlCls.baseUrl + "icn3d/icn3d.html#videos", "iCn3D Videos", 1, 1);
+        html += this.getMenuUrl('video', me.htmlCls.baseUrl + "icn3d/icn3d.html#videos", "Videos & Tutorials", 1, 1);
 
         html += this.getMenuText('mn6_faq', 'FAQ', undefined, 1, 1);
 
@@ -10588,7 +10588,7 @@ class SetDialog {
         html += 'Note: <b>VAST</b> identifies 3D domains (substructures) within each protein structure in the Molecular Modeling Database (MMDB), and then finds other protein structures that have one or more similar 3D domains, using purely geometric criteria. You have two ways to do a VAST search.<br><br>'; 
 
         html += '<b>Option 1</b>, search with your selection (all residues are selected by default) in the loaded structures:<br>'; 
-        html += '<form method=post enctype=multipart/form-data action="https://www.ncbi.nlm.nih.gov/Structure/vast/VSMmdb.cgi" id="' + me.pre + 'newvs2" name="newvs2" target="_blank">';
+        html += '<form data-ncbi-sg-search="true" method=post enctype=multipart/form-data action="https://www.ncbi.nlm.nih.gov/Structure/vast/VSMmdb.cgi" id="' + me.pre + 'newvs2" name="newvs2" target="_blank">';
         html += '<input type=hidden id="' + me.pre + 'pdbstr" name="pdbstr">';
         html += "Searching against: <input type='radio' name='dataset' value='Non-redundant subset' checked> Medium-redundancy Subset of PDB <a href='https://www.ncbi.nlm.nih.gov/Structure/VAST/vasthelp.html#VASTNR' title='Medium-redundancy Subset' target='_blank'>?</a> <input type='radio' name='dataset' value='All'>All of PDB <br>";
         // the submit value has to be "Submit" in order to make the backend cgi works
@@ -10602,12 +10602,12 @@ class SetDialog {
         html += me.htmlCls.buttonStr + "reload_vast'>VAST</button><br><br>";
 
         html += '<b>Option 3</b>, search with a PDB file:<br>'; 
-        html += '<form method=post enctype=multipart/form-data action="https://www.ncbi.nlm.nih.gov/Structure/vast/VSMmdb.cgi" id="' + me.pre + 'newvs" name="newvs" target="_blank">';
+        html += '<form data-ncbi-sg-search="true" method=post enctype=multipart/form-data action="https://www.ncbi.nlm.nih.gov/Structure/vast/VSMmdb.cgi" id="' + me.pre + 'newvs" name="newvs" target="_blank">';
         html += "PDB File: " + me.htmlCls.inputFileStr + " name='pdbfile' size=8><br>";
         html += "Searching against: <input type='radio' name='dataset' value='Non-redundant subset' checked> Medium-redundancy Subset of PDB <a href='https://www.ncbi.nlm.nih.gov/Structure/VAST/vasthelp.html#VASTNR' title='Medium-redundancy Subset' target='_blank'>?</a> <input type='radio' name='dataset' value='All'>All of PDB <br>";
         // the submit value has to be "Submit" in order to make the backend cgi works
         //html += '<input type="submit" name="' + me.pre + 'cmdVSMmdb" value="VAST Search"></input>';
-        html += '<input type="submit" name="cmdVSMmdb" value="Submit"></input>';
+        html += '<input type="submit" id="' + me.pre + 'cmdVSMmdb" name="cmdVSMmdb" value="Submit"></input>';
         html += "</form><br>";
 
         html += "</div>";
@@ -10843,7 +10843,7 @@ class SetDialog {
         html += me.htmlCls.divStr + "dl_mmdbid' class='" + dialogClass + "' style='max-width:500px'>";
         html += this.addNotebookTitle('dl_mmdbid', 'Please input an MMDB ID');
         html += "MMDB or PDB ID: " + me.htmlCls.inputTextStr + "id='" + me.pre + "mmdbid' value='1TUP' size=8> <br><br>";
-        html += me.htmlCls.buttonStr + "reload_mmdb_asym'>Load Asymmetric Unit (All Chains)</button>" + me.htmlCls.buttonStr + "reload_mmdb' style='margin-left:30px'>Load Biological Unit</button><br/><br/><br>";
+        html += me.htmlCls.buttonStr + "reload_mmdb'>Load Biological Unit</button>" + me.htmlCls.buttonStr + "reload_mmdb_asym' style='margin-left:30px'>Load Asymmetric Unit (All Chains)</button><br/><br/><br/>";
         html += '<b>Note</b>: The "<b>biological unit</b>" is the <b>biochemically active form of a biomolecule</b>, <div style="width:20px; margin:6px 0 0 20px; display:inline-block;"><span id="'
           + me.pre + 'asu_bu_expand" class="ui-icon ui-icon-plus icn3d-expand icn3d-link" style="width:15px;" title="Expand"></span><span id="'
           + me.pre + 'asu_bu_shrink" class="ui-icon ui-icon-minus icn3d-shrink icn3d-link" style="display:none; width:15px;" title="Shrink"></span></div>';
@@ -14803,7 +14803,7 @@ class SetHtml {
         if(selType) me.htmlCls.allMenusSel[id] = selType;
         if(bSimpleMenu) me.htmlCls.simpleMenus[id] = 1;
 
-        return "<li><span id='" + me.pre + id + "' class='icn3d-link'>" + text + "</span></li>";
+        return "<li><span data-pinger id='" + me.pre + id + "' class='icn3d-link'>" + text + "</span></li>";
     }
 
     // a group of menus
@@ -14815,7 +14815,7 @@ class SetHtml {
         let styleStr = (classname == 'icn3d-menupd') ? " style='padding-left:1.5em!important;'" : "";
 
         // no ending "</li>"" since this is usually the start of a group of menus
-        return "<li><span id='" + me.pre + id + "'" + styleStr + ">" + text + "</span>"; 
+        return "<li><span data-pinger id='" + me.pre + id + "'" + styleStr + ">" + text + "</span>"; 
     }
 
     getMenuUrl(id, url, text, bSimpleMenu, selType) { let me = this.icn3dui; me.icn3d;
@@ -14836,7 +14836,7 @@ class SetHtml {
         if(bSimpleMenu) me.htmlCls.simpleMenus[id] = 1;
 
         let hideStr = (bHide) ? ' style="display:none"' : '';
-        return "<li id='" + me.pre + wrapper + "'" + hideStr + "><span id='" + me.pre + id + "' class='icn3d-link'>" + text + "</span></li>";
+        return "<li id='" + me.pre + wrapper + "'" + hideStr + "><span data-pinger id='" + me.pre + id + "' class='icn3d-link'>" + text + "</span></li>";
     }
 
     getLinkWrapper2(id, text, wrapper, bSimpleMenu, selType) { let me = this.icn3dui; me.icn3d;
@@ -14844,7 +14844,7 @@ class SetHtml {
         if(selType) me.htmlCls.allMenusSel[id] = selType;
         if(bSimpleMenu) me.htmlCls.simpleMenus[id] = 1;
 
-        return "<li id='" + me.pre + wrapper + "'><span id='" + me.pre + id + "' class='icn3d-link'>" + text + "</span>";
+        return "<li id='" + me.pre + wrapper + "'><span data-pinger id='" + me.pre + id + "' class='icn3d-link'>" + text + "</span>";
     }
 
     getRadio(radioid, id, text, bChecked, bSimpleMenu, selType) { let me = this.icn3dui; me.icn3d;
@@ -14855,8 +14855,7 @@ class SetHtml {
         let checkedStr =(bChecked) ? ' checked' : '';
 
         //https://stackoverflow.com/questions/17541614/use-images-instead-of-radio-buttons/17541916
-        //return "<li><label for='" + me.pre + id + "' class='icn3d-rad'>" + me.htmlCls.inputRadioStr + "name='" + me.pre + radioid + "' " + "class='" + me.pre + radioid + "' " + "v='" + text + "' id='" + me.pre + id + "'" + checkedStr + "><span class='ui-icon ui-icon-blank'></span> <span class='icn3d-rad-text'>" + text + "</span></label></li>";
-        return "<li><label id='" + me.pre + id + "' class='icn3d-rad'>" + me.htmlCls.inputRadioStr + "name='" + me.pre + radioid + "' " + "class='" + me.pre + radioid + "' " + "v='" + text + "'" + checkedStr + "><span class='ui-icon ui-icon-blank'></span> <span class='icn3d-rad-text'>" + text + "</span></label></li>";
+        return "<li><label data-pinger id='" + me.pre + id + "' class='icn3d-rad'>" + me.htmlCls.inputRadioStr + "name='" + me.pre + radioid + "' " + "class='" + me.pre + radioid + "' " + "v='" + text + "'" + checkedStr + "><span class='ui-icon ui-icon-blank'></span> <span class='icn3d-rad-text'>" + text + "</span></label></li>";
     }
 
     getRadioColor(radioid, id, text, color, bChecked, bSimpleMenu, selType) { let me = this.icn3dui; me.icn3d;
@@ -14867,8 +14866,7 @@ class SetHtml {
         let checkedStr =(bChecked) ? ' checked' : '';
 
         //https://stackoverflow.com/questions/17541614/use-images-instead-of-radio-buttons/17541916
-        //return "<li><label for='" + me.pre + id + "' class='icn3d-rad'>" + me.htmlCls.inputRadioStr + "name='" + me.pre + radioid + "' id='" + me.pre + id + "'" + checkedStr + "><span class='ui-icon ui-icon-blank'></span> <span class='icn3d-color-rad-text' color='" + color + "'><span style='background-color:#" + color + "'>" + me.htmlCls.space3 + "</span> " + text + "</span></label></li>";
-        return "<li><label id='" + me.pre + id + "' class='icn3d-rad'>" + me.htmlCls.inputRadioStr + "name='" + me.pre + radioid + "'" + checkedStr + "><span class='ui-icon ui-icon-blank'></span> <span class='icn3d-color-rad-text' color='" + color + "'><span style='background-color:#" + color + "'>" + me.htmlCls.space3 + "</span> " + text + "</span></label></li>";
+        return "<li><label data-pinger id='" + me.pre + id + "' class='icn3d-rad'>" + me.htmlCls.inputRadioStr + "name='" + me.pre + radioid + "'" + checkedStr + "><span class='ui-icon ui-icon-blank'></span> <span class='icn3d-color-rad-text' color='" + color + "'><span style='background-color:#" + color + "'>" + me.htmlCls.space3 + "</span> " + text + "</span></label></li>";
     }
 
     setAdvanced(index) { let me = this.icn3dui; me.icn3d;
@@ -15223,7 +15221,7 @@ class SetHtml {
         html += "</ul>";
 
         html += me.htmlCls.divStr + name1 + "tab1'>";
-        if(type == 'delphi') html += this.addGsizeSalt(name1) + "<br>";
+        if(type == 'delphi') html += this.addGsizeSalt(name1 + "1") + "<br>";
 
         html += "<span style='white-space:nowrap;font-weight:bold;'>Potential contour at: <select id='" + me.pre + name1 + "contour'>";
 
@@ -15288,7 +15286,7 @@ class SetHtml {
         html += "</div>";
 
         html += me.htmlCls.divStr + name1 + "tab2'>";
-        if(type == 'delphi') html += this.addGsizeSalt(name1) + "<br>";
+        if(type == 'delphi') html += this.addGsizeSalt(name1 + "2") + "<br>";
 
         html += "<span style='white-space:nowrap;font-weight:bold;'>Surface with max potential at: <select id='" + me.pre + name1 + "contour2'>";
 
@@ -35922,7 +35920,7 @@ class AnnoCddSite {
         //if(me.cfg.afid) {
 
         // use precalculated CDD annotation if
-        if( (Object.keys(ic.structures).length == 1 && (me.cfg.mmtfid || me.cfg.pdbid || me.cfg.opmid || me.cfg.mmdbid || me.cfg.gi || me.cfg.uniprotid || me.cfg.blast_rep_id || me.cfg.cid || me.cfg.mmcifid))
+        if( (Object.keys(ic.structures).length == 1 && !me.cfg.afid && (me.cfg.mmtfid || me.cfg.pdbid || me.cfg.opmid || me.cfg.mmdbid || me.cfg.gi || me.cfg.uniprotid || me.cfg.blast_rep_id || me.cfg.cid || me.cfg.mmcifid))
             || (Object.keys(ic.structures).length == 2 && me.cfg.align) ) {
                 let data = {};
                 try {
@@ -39759,7 +39757,7 @@ class AddTrack {
         if(exonArray) {
             for(let j = 0, jl = exonArray.length; j < jl; ++j) {
                 let start = exonArray[j].resStart, end = exonArray[j].resEnd;
-                let genStart = exonArray[j].genomeRange.split('-')[0];
+                let genStart = parseInt(exonArray[j].genomeRange.split('-')[0]);
 
                 for(let k = 0, kl = end - start + 1; k < kl; ++k) {
                     let colorStr = this.getExonColor(start, end, cnt);
@@ -42024,7 +42022,7 @@ class ShowAnno {
                 url = "https://rest.uniprot.org/uniprotkb/search?format=json&fields=xref_geneid,gene_names&query=" + structure;
                 let geneData = await me.getAjaxPromise(url, 'json');
                 let geneId = (geneData.results[0] && geneData.results[0].uniProtKBCrossReferences && geneData.results[0].uniProtKBCrossReferences[0]) ? geneData.results[0].uniProtKBCrossReferences[0].id : undefined;
-                let geneSymbol = (geneData.results[0] && geneData.results[0].genes && geneData.results[0].genes[0] && geneData.results[0].genes[0].geneName) ? geneData.results[0].genes[0].geneName.value : undefined;
+                let geneSymbol = (geneData.results[0] && geneData.results[0].genes && geneData.results[0].genes[0] && geneData.results[0].genes[0].geneName) ? geneData.results[0].genes[0].geneName.value : 'ID ' + geneId;
                 ic.chainsGene[chnid] = {geneId: geneId, geneSymbol: geneSymbol};
             }
         }
@@ -45305,7 +45303,7 @@ class LineGraph {
         let thisClass = this;
 
         // round 1, 16 templates
-        ic.refpdbArray = ['1InsulinR_8guyE_human_FN3-n1', '1Endo-1,4-BetaXylanase10A_1i8aA_bacteria_n4', '1CoAtomerGamma1_1r4xA_human', '1C3_2qkiD_human_n1', '1CuZnSuperoxideDismutase_1hl5C_human', '1ASF1A_2iijA_human', '1FAB-LIGHT_5esv_C1-n2', '1CD2_1hnfA_human_C2-n2', '1NaCaExchanger_2fwuA_dog_n2', '1FAB-HEAVY_5esv_V-n1', '1PDL1_4z18B_human_V-n1', '1BTLA_2aw2A_human_Iset', '1LaminAC_1ifrA_human', '1IsdA_2iteA_bacteria', '1TCRa_6jxrm_human_C1-n2', '1CD19_6al5A_human_C2orV-n1'];
+        ic.refpdbArray = ['1InsulinR_8guyE_human_FN3-n1', '1Endo-1,4-BetaXylanase10A_1i8aA_bacteria_n4', '1CoAtomerGamma1_1r4xA_human', '1C3_2qkiD_human_n1', '1CuZnSuperoxideDismutase_1hl5C_human', '1ASF1A_2iijA_human', '1FAB-LIGHT_5esv_C1-n2', '1CD2_1hnfA_human_C2-n2', '1NaCaExchanger_2fwuA_dog_n2', '1FAB-HEAVY_5esv_V-n1', '1PDL1_4z18B_human_V-n1', '1BTLA_2aw2A_human_Iset', '1LaminAC_1ifrA_human', '1IsdA_2iteA_bacteria', '1TCRa_6jxrm_human_C1-n2', '1CD19_6al5A_human_C2orV-n1', '1CD28_1yjdC_human_V'];
 
         // round 2
         ic.refpdbHash = {};
@@ -45324,52 +45322,55 @@ class LineGraph {
         ic.refpdbHash['1LaminAC_1ifrA_human'] = ['LaminAC_1ifrA_human'];
         ic.refpdbHash['1IsdA_2iteA_bacteria'] = ['IsdA_2iteA_bacteria'];
         ic.refpdbHash['1TCRa_6jxrm_human_C1-n2'] = ['TCRa_6jxrm_human_C1-n2'];
-        ic.refpdbHash['1CD19_6al5A_human_C2orV-n1'] = ['CD19_6al5A_human_C2orV-n1'];         
+        ic.refpdbHash['1CD19_6al5A_human_C2orV-n1'] = ['CD19_6al5A_human_C2orV-n1'];  
+        ic.refpdbHash['1CD28_1yjdC_human_V'] = ['CD28_1yjdC_human_V']; 
 
         // use known ref structure
-        ic.refpdbHash['5ESV'] = ['FAB-HEAVY_5esv_V-n1', 'FAB-LIGHT_5esv_V-n1', 'FAB-HEAVY_5esv_C1-n2', 'FAB-LIGHT_5esv_C1-n2'];
-        ic.refpdbHash['8GUY'] = ['InsulinR_8guyE_human_FN3-n1', 'InsulinR_8guyE_human_FN3-n2'];
-        ic.refpdbHash['6JXR'] = ['TCRa_6jxrm_human_V-n1', 'TCRa_6jxrm_human_C1-n2'];
-        ic.refpdbHash['1HNF'] = ['CD2_1hnfA_human_V-n1', 'CD2_1hnfA_human_C2-n2'];
-        ic.refpdbHash['7TZG'] = ['LAG3_7tzgD_human_V-n1', 'LAG3_7tzgD_human_C2-n2'];
-        ic.refpdbHash['6PY8'] = ['RBPJ_6py8C_human_Unk-n1', 'RBPJ_6py8C_human_Unk-n2'];
-        ic.refpdbHash['1BQU'] = ['IL6Rb_1bquB_human_FN3-n2', 'IL6Rb_1bquB_human_FN3-n3'];
-
-        ic.refpdbHash['1R4X'] = ['CoAtomerGamma1_1r4xA_human'];
-        ic.refpdbHash['6OIL'] = ['VISTA_6oilA_human_V'];
-        ic.refpdbHash['2ZXE'] = ['NaKATPaseTransporterBeta_2zxeB_spurdogshark'];
-        ic.refpdbHash['1I8A'] = ['Endo-1,4-BetaXylanase10A_1i8aA_bacteria_n4'];
-        ic.refpdbHash['2FWU'] = ['NaCaExchanger_2fwuA_dog_n2'];
-        ic.refpdbHash['4JQI'] = ['BArrestin1_4jqiA_rat_n1'];
-        ic.refpdbHash['1NBQ'] = ['JAM1_1nbqA_human_VorIset-n2'];
-        ic.refpdbHash['1O75'] = ['TP47_1o75A_bacteria'];
-        ic.refpdbHash['7PHR'] = ['MHCIa_7phrH_human_C1'];
-        ic.refpdbHash['2IIJ'] = ['ASF1A_2iijA_human'];
-        ic.refpdbHash['4Z18'] = ['PDL1_4z18B_human_V-n1'];
-        ic.refpdbHash['1T6V'] = ['VNAR_1t6vN_shark_V'];
-        ic.refpdbHash['2O6C'] = ['TP34_2o6cA_bacteria'];
-        ic.refpdbHash['3KYS'] = ['TEAD1_3kysC_human'];
-        ic.refpdbHash['7PHR'] = ['B2Microglobulin_7phrL_human_C1'];
-        ic.refpdbHash['2AW2'] = ['BTLA_2aw2A_human_Iset'];
-        ic.refpdbHash['1HL5'] = ['CuZnSuperoxideDismutase_1hl5C_human'];
-        ic.refpdbHash['1WF5'] = ['Sidekick2_1wf5A_human_FN3-n7'];
-        ic.refpdbHash['5J0B'] = ['Siglec3_5j0bB_human_C2-n2'];
-        ic.refpdbHash['1IFR'] = ['LaminAC_1ifrA_human'];
-        ic.refpdbHash['Q7Z7D3'] = ['VTCN1_Q7Z7D3_human_V-n2'];
-        ic.refpdbHash['4ZQK'] = ['PD1_4zqkB_human_V'];
-        ic.refpdbHash['2DM3'] = ['Palladin_2dm3A_human_Iset-n1'];
-        ic.refpdbHash['2ITE'] = ['IsdA_2iteA_bacteria'];
-        ic.refpdbHash['1XAK'] = ['ORF7a_1xakA_virus'];
-        ic.refpdbHash['4ZT1'] = ['ECadherin_4zt1A_human_n2'];
-        ic.refpdbHash['1LMI'] = ['MPT63_1lmiA_bacteria'];
-        ic.refpdbHash['1CD8'] = ['CD8a_1cd8A_human_V'];
-        ic.refpdbHash['3S97'] = ['Contactin1_3s97C_human_C2-n2'];
-        ic.refpdbHash['1AXI'] = ['GHR_1axiB_human_FN3-n1'];
-        ic.refpdbHash['6X4G'] = ['ICOS_6x4gA_human_V'];
-        ic.refpdbHash['2EE2'] = ['Contactin1_2ee2A_human_FN3-n9'];
-        ic.refpdbHash['4UOW'] = ['Titin_4uowM_human_Unk-n152'];
-        ic.refpdbHash['6A15'] = ['CD19_6al5A_human_C2orV-n1'];
-        ic.refpdbHash['2QKI'] = ['C3_2qkiD_human_n1'];
+        ic.refpdbHash['5ESV_C'] = ['FAB-HEAVY_5esv_V-n1', 'FAB-HEAVY_5esv_C1-n2'];
+        ic.refpdbHash['5ESV_D'] = ['FAB-LIGHT_5esv_V-n1', 'FAB-LIGHT_5esv_C1-n2'];
+        ic.refpdbHash['8GUY_E'] = ['InsulinR_8guyE_human_FN3-n1', 'InsulinR_8guyE_human_FN3-n2'];
+        ic.refpdbHash['6JXR_m'] = ['TCRa_6jxrm_human_V-n1', 'TCRa_6jxrm_human_C1-n2'];
+        ic.refpdbHash['1HNF_A'] = ['CD2_1hnfA_human_V-n1', 'CD2_1hnfA_human_C2-n2'];
+        ic.refpdbHash['7TZG_D'] = ['LAG3_7tzgD_human_V-n1', 'LAG3_7tzgD_human_C2-n2'];
+        ic.refpdbHash['6PY8_C'] = ['RBPJ_6py8C_human_Unk-n1', 'RBPJ_6py8C_human_Unk-n2'];
+        ic.refpdbHash['1BQU_B'] = ['IL6Rb_1bquB_human_FN3-n2', 'IL6Rb_1bquB_human_FN3-n3'];
+
+        ic.refpdbHash['1R4X_A'] = ['CoAtomerGamma1_1r4xA_human'];
+        ic.refpdbHash['6OIL_A'] = ['VISTA_6oilA_human_V'];
+        ic.refpdbHash['2ZXE_B'] = ['NaKATPaseTransporterBeta_2zxeB_spurdogshark'];
+        ic.refpdbHash['1I8A_A'] = ['Endo-1,4-BetaXylanase10A_1i8aA_bacteria_n4'];
+        ic.refpdbHash['2FWU_A'] = ['NaCaExchanger_2fwuA_dog_n2'];
+        ic.refpdbHash['4JQI_A'] = ['BArrestin1_4jqiA_rat_n1'];
+        ic.refpdbHash['1NBQ_A'] = ['JAM1_1nbqA_human_VorIset-n2'];
+        ic.refpdbHash['1O75_A'] = ['TP47_1o75A_bacteria'];
+        ic.refpdbHash['7PHR_H'] = ['MHCIa_7phrH_human_C1'];
+        ic.refpdbHash['2IIJ_A'] = ['ASF1A_2iijA_human'];
+        ic.refpdbHash['4Z18_B'] = ['PDL1_4z18B_human_V-n1'];
+        ic.refpdbHash['1T6V_N'] = ['VNAR_1t6vN_shark_V'];
+        ic.refpdbHash['2O6C_A'] = ['TP34_2o6cA_bacteria'];
+        ic.refpdbHash['3KYS_C'] = ['TEAD1_3kysC_human'];
+        ic.refpdbHash['7PHR_L'] = ['B2Microglobulin_7phrL_human_C1'];
+        ic.refpdbHash['2AW2_A'] = ['BTLA_2aw2A_human_Iset'];
+        ic.refpdbHash['1HL5_C'] = ['CuZnSuperoxideDismutase_1hl5C_human'];
+        ic.refpdbHash['1WF5_A'] = ['Sidekick2_1wf5A_human_FN3-n7'];
+        ic.refpdbHash['5J0B_B'] = ['Siglec3_5j0bB_human_C2-n2'];
+        ic.refpdbHash['1IFR_A'] = ['LaminAC_1ifrA_human'];
+        ic.refpdbHash['Q7Z7D3_A'] = ['VTCN1_Q7Z7D3_human_V-n2'];
+        ic.refpdbHash['4ZQK_B'] = ['PD1_4zqkB_human_V'];
+        ic.refpdbHash['2DM3_A'] = ['Palladin_2dm3A_human_Iset-n1'];
+        ic.refpdbHash['2ITE_A'] = ['IsdA_2iteA_bacteria'];
+        ic.refpdbHash['1XAK_A'] = ['ORF7a_1xakA_virus'];
+        ic.refpdbHash['4ZT1_A'] = ['ECadherin_4zt1A_human_n2'];
+        ic.refpdbHash['1LMI_A'] = ['MPT63_1lmiA_bacteria'];
+        ic.refpdbHash['1CD8_A'] = ['CD8a_1cd8A_human_V'];
+        ic.refpdbHash['3S97_C'] = ['Contactin1_3s97C_human_C2-n2'];
+        ic.refpdbHash['1AXI_B'] = ['GHR_1axiB_human_FN3-n1'];
+        ic.refpdbHash['6X4G_A'] = ['ICOS_6x4gA_human_V'];
+        ic.refpdbHash['2EE2_A'] = ['Contactin1_2ee2A_human_FN3-n9'];
+        ic.refpdbHash['4UOW_M'] = ['Titin_4uowM_human_Unk-n152'];
+        ic.refpdbHash['6A15_A'] = ['CD19_6al5A_human_C2orV-n1'];
+        ic.refpdbHash['2QKI_D'] = ['C3_2qkiD_human_n1'];
+        ic.refpdbHash['1YJD_C'] = ['CD28_1yjdC_human_V'];
 
         let pdbAjaxArray = [];
         for(let k = 0, kl = ic.refpdbArray.length; k < kl; ++k) {
@@ -45663,11 +45664,14 @@ class LineGraph {
                 //if(!(bBstrand && bCstrand && bEstrand && bFstrand && bGstrand)) continue;
                 if(!(bBstrand && bCstrand && bEstrand && bFstrand)) {
                     if(!me.bNode) console.log("Some of the Ig strands B, C, E, F are missing in the domain " + domainid + "...");
+                    if(ic.domainid2refpdbname[domainid]) delete ic.domainid2refpdbname[domainid];
                     continue;
                 }
             }
 
             if(!bRound1) {
+                console.log("domainid: " + domainid);
+
                 if(!domainid2score.hasOwnProperty(domainid) || queryData[0].score > domainid2score[domainid]) {
                     domainid2score[domainid] = queryData[0].score;  
         
@@ -45699,11 +45703,14 @@ class LineGraph {
             for(let domainid in ic.domainid2refpdbname) {
                 let pdbAjaxArray = [];
                 let refpdbname = ic.domainid2refpdbname[domainid];
-                let pdbid = domainid.substr(0, domainid.indexOf('_'));
+                //let pdbid = domainid.substr(0, domainid.indexOf('_'));
+                let chainid = domainid.substr(0, domainid.indexOf('-'));
 
-                if(ic.refpdbHash.hasOwnProperty(pdbid)) {
+                //if(ic.refpdbHash.hasOwnProperty(pdbid)) {
+                if(ic.refpdbHash.hasOwnProperty(chainid)) {
                     // use itself as the ref structure
-                    refpdbname = pdbid;
+                    //refpdbname = pdbid;
+                    refpdbname = chainid;
 
                     if(!me.bNode) console.log("Adjusted refpdbname for domainid " + domainid + ": " + refpdbname);   
                 }
@@ -45745,11 +45752,11 @@ class LineGraph {
             dataArray3 = await allPromise;
 
             await thisClass.parseAlignData(dataArray3, domainidpairArray3);
-
+            
             // end of round 2
             return;
         }
-
+        
         // combine domainid into chainid
         let processedChainid = {};
         for(let domainid in ic.domainid2refpdbname) {
@@ -45856,17 +45863,18 @@ class LineGraph {
 
         // A-: 10xx
         // A: 11xx
+        // A+ continue A
         // A': 12xx
-        // A+: 13xx
         // B: 21xx
         // C: 32xx
         // C': 42xx
         // C'': 51xx, 52xx
         // D: 61xx
         // E: 71xx
+        // E+: continue E
         // F: 82xx
         // G: 91xx, 92xx
-        // G+: 94xx
+        // G+: continue G
 
         // if(refnum < 100) return " " + oriRefnum;
         // else if(refnum >= 100 && refnum < 1000) {
@@ -45876,11 +45884,10 @@ class LineGraph {
         if(refnum < 900) return undefined;
         else if(refnum >= 900 && refnum < 1000) return " " + oriRefnum;
         else if(refnum >= 1000 && refnum < 1100) return "A-" + oriRefnum;
-        else if(refnum >= 1100 && refnum < 1200) return "A" + oriRefnum;
+        else if(refnum >= 1100 && refnum < 1200) return "A" + oriRefnum; // could be A+
         else if(refnum >= 1200 && refnum < 1300) return "A'" + oriRefnum;
-        //else if(refnum >= 1300 && refnum < 1400) return "A*" + oriRefnum;
-        else if(refnum >= 1300 && refnum < 1400) return "A+" + oriRefnum;
-        else if(refnum >= 1400 && refnum < 2000) {
+        //else if(refnum >= 1300 && refnum < 1400) return "A+" + oriRefnum;
+        else if(refnum >= 1300 && refnum < 2000) {
             if(prevStrand  && prevStrand.substr(0, 1) == 'A') {
                 return prevStrand + oriRefnum;
             }
@@ -45893,12 +45900,11 @@ class LineGraph {
         else if(refnum >= 4000 && refnum < 5000) return "C'" + oriRefnum;
         else if(refnum >= 5000 && refnum < 6000) return "C''" + oriRefnum;
         else if(refnum >= 6000 && refnum < 7000) return "D" + oriRefnum;
-        else if(refnum >= 7000 && refnum < 8000) return "E" + oriRefnum;
+        else if(refnum >= 7000 && refnum < 8000) return "E" + oriRefnum; // could be E+
         else if(refnum >= 8000 && refnum < 9000) return "F" + oriRefnum;
-        else if(refnum >= 9000 && refnum < 9400) return "G" + oriRefnum;
-        //else if(refnum >= 9400 && refnum < 9500) return "G*" + oriRefnum;
-        else if(refnum >= 9400 && refnum < 9500) return "G+" + oriRefnum;
-        else if(refnum >= 9500) return "G" + oriRefnum;
+        else if(refnum >= 9000 && refnum < 9300) return "G" + oriRefnum; // could be G+
+        //else if(refnum >= 9400 && refnum < 9500) return "G+" + oriRefnum;
+        else if(refnum >= 9300) return "G" + oriRefnum;
     }
 
     async parseCustomRefFile(data) { let ic = this.icn3d; ic.icn3dui;
@@ -49812,7 +49818,12 @@ class ChainalignParser {
                 targetAjax = me.getAjaxPromise(url_t, 'text');
             }
             else {
-                url_t = me.htmlCls.baseUrl + "mmdb/mmdb_strview.cgi?v=2&program=icn3d&b=1&s=1&ft=1&bu=" + me.cfg.bu + "&uid=" + structure;
+                let structureTmp = structure;
+                if(structure.length == 5) {
+                    structureTmp = structure.substr(0,4);
+                }
+
+                url_t = me.htmlCls.baseUrl + "mmdb/mmdb_strview.cgi?v=2&program=icn3d&b=1&s=1&ft=1&bu=" + me.cfg.bu + "&uid=" + structureTmp;
                 if(me.cfg.inpara !== undefined) url_t += me.cfg.inpara;
 
                 targetAjax = me.getAjaxPromise(url_t, 'jsonp');
@@ -49889,7 +49900,8 @@ class ChainalignParser {
             }
             else {
                 let bNoSeqalign = true;
-                hAtomsTmp = await ic.mmdbParserCls.parseMmdbData(queryDataArray[i], targetOrQuery, undefined, undefined, bLastQuery, bNoSeqalign);
+                let pdbid = structArray[i];
+                hAtomsTmp = await ic.mmdbParserCls.parseMmdbData(queryDataArray[i], targetOrQuery, undefined, undefined, bLastQuery, bNoSeqalign, pdbid);
             }
                     
             hAtoms = me.hashUtilsCls.unionHash(hAtoms, hAtomsTmp);
@@ -50386,7 +50398,7 @@ class MmdbParser {
         if(Object.keys(data.atoms).length == 0) { // for large structures such as 3J3Q
             // use mmtfid
             let pdbid = data.pdbId;
-            ic.mmtfParserCls.downloadMmtf(pdbid);
+            await ic.mmtfParserCls.downloadMmtf(pdbid);
 
             return;
         }
@@ -50551,9 +50563,10 @@ class MmdbParser {
         }
     }
 
-    async parseMmdbData(data, type, chainid, chainIndex, bLastQuery, bNoTransformNoSeqalign) { let ic = this.icn3d, me = ic.icn3dui;
+    async parseMmdbData(data, type, chainid, chainIndex, bLastQuery, bNoTransformNoSeqalign, pdbidIn) { let ic = this.icn3d, me = ic.icn3dui;
         let hAtoms;
-        let pdbid =(data.pdbId !== undefined) ? data.pdbId : data.mmdbId;
+        let pdbid = (data.pdbId !== undefined) ? data.pdbId : data.mmdbId;
+        if(pdbidIn) pdbid = pdbidIn;
 
         this.parseMmdbDataPart1(data, type);
 
@@ -50778,7 +50791,7 @@ class MmdbParser {
             url = me.htmlCls.baseUrl + "mmdb/mmdb_strview.cgi?v=2&program=icn3d&b=1&s=1&ft=1&bu=" + me.cfg.bu + "&simple=1&uid=" + mmdbid;
         }
 
-        // use asymmetric unit for BLAST search, e.g., https://www.ncbi.nlm.nih.gov/Structure/icn3d/full.html?from=blast&blast_rep_id=5XZC_B&query_id=1TUP_A&command=view+annotations;set+annotation+cdd;set+annotation+site;set+view+detailed+view;select+chain+5XZC_B;show+selection&log$=align&blast_rank=1&RID=EPUCYNVV014&bu=0
+        // use asymmetric unit for BLAST search, e.g., https://www.ncbi.nlm.nih.gov/Structure/icn3d/?from=blast&blast_rep_id=5XZC_B&query_id=1TUP_A&command=view+annotations;set+annotation+cdd;set+annotation+site;set+view+detailed+view;select+chain+5XZC_B;show+selection&log$=align&blast_rank=1&RID=EPUCYNVV014&bu=0
         if(me.cfg.blast_rep_id !== undefined) url += '&bu=0';
 
         //ic.bCid = undefined;
@@ -50810,57 +50823,31 @@ class MmtfParser {
 
     //MMTF is a new binary data format besides the previous PDB and mmCIF formats for 3D structures.
     //The JavaScript Methods at http://mmtf.rcsb.org/ was used to load and parse the data.
-    downloadMmtf(mmtfid) { let ic = this.icn3d; ic.icn3dui;
+    async downloadMmtf(mmtfid) { let ic = this.icn3d, me = ic.icn3dui;
         ic.ParserUtilsCls.setYourNote(mmtfid.toUpperCase() + '(MMTF) in iCn3D');
         //ic.bCid = undefined;
 
-        MMTF.fetchReduced(
-            mmtfid,
-            // onLoad callback
-            async function( mmtfData ){
-                if(mmtfData.numAtoms * 10 > ic.maxatomcnt) {
-                    let bFull = false;
-                    if(Object.keys(mmtfData).length == 0) {
-                        var aaa = 1; //alert('This PDB structure is not found at RCSB...');
-                        return;
-                    }
+        let mmtfData = await me.getMmtfReducedPromise(mmtfid);
+        if(mmtfData.numAtoms * 10 > ic.maxatomcnt) {
+            let bFull = false;
+            if(Object.keys(mmtfData).length == 0) {
+                var aaa = 1; //alert('This PDB structure is not found at RCSB...');
+                return;
+            }
 
-                    await ic.opmParserCls.loadOpmData(mmtfData, mmtfid, bFull, 'mmtf');
-                }
-                else {
-                    mmtfData = null;
-
-                    MMTF.fetch(
-                        mmtfid,
-                        // onLoad callback
-                        async function( mmtfData2 ){
-                            let bFull = true;
-                            if(Object.keys(mmtfData2).length == 0) {
-                                var aaa = 1; //alert('This PDB structure is not found at RCSB...');
-                                return;
-                            }
-                            // ic.deferredOpm = $.Deferred(function() {
-                            //     ic.opmParserCls.loadOpmData(mmtfData2, mmtfid, bFull, 'mmtf');
-                            // });
-
-                            // return ic.deferredOpm.promise();
-
-                            await ic.opmParserCls.loadOpmData(mmtfData2, mmtfid, bFull, 'mmtf');
-                        },
-                        // onError callback
-                        function( error ){
-                            //var aaa = 1; //alert('This PDB structure is not found at RCSB...');
-                            //console.error( error )
-                        }
-                    );
-                }
-            },
-            // onError callback
-            function( error ){
-                //var aaa = 1; //alert('This PDB structure is not found at RCSB...');
-                //console.error( error )
+            await ic.opmParserCls.loadOpmData(mmtfData, mmtfid, bFull, 'mmtf');
+        }
+        else {
+            let mmtfData2 = await me.getMmtfPromise(mmtfid);
+
+            let bFull = true;
+            if(Object.keys(mmtfData2).length == 0) {
+                var aaa = 1; //alert('This PDB structure is not found at RCSB...');
+                return;
             }
-        );
+
+            await ic.opmParserCls.loadOpmData(mmtfData2, mmtfid, bFull, 'mmtf');
+        }
     }
 
     async parseMmtfData(mmtfData, mmtfid, bFull) { let ic = this.icn3d, me = ic.icn3dui;
@@ -58745,7 +58732,6 @@ class ApplyCommand {
       let command = commandOri.toLowerCase();
 
     // exact match =============
-
       //var file_pref =(ic.inputid) ? ic.inputid : "custom";
       if(command == 'share link') {
         await ic.shareLinkCls.shareLink();
@@ -61659,6 +61645,7 @@ class LoadScript {
         ic.inputid = id;
         if(command.indexOf('load mmtf') !== -1) {
           me.cfg.mmtfid = id;
+          
           await ic.mmtfParserCls.downloadMmtf(id);
         }
         else if(command.indexOf('load pdb') !== -1) {
@@ -64149,8 +64136,11 @@ class Delphi {
           let salt = saltArray[1]; //parseFloat(saltArray[1]);
 
           // The values should be string
-          $("#" + ic.pre + "delphigsize").val(gsize);
-          $("#" + ic.pre + "delphisalt").val(salt);
+          $("#" + ic.pre + "delphi1gsize").val(gsize);
+          $("#" + ic.pre + "delphi1salt").val(salt);
+
+          $("#" + ic.pre + "delphi2gsize").val(gsize);
+          $("#" + ic.pre + "delphi2salt").val(salt);
 
           if(paraArray.length == 7) {
               let surfaceArray = paraArray[4].split(" ");
@@ -64175,11 +64165,11 @@ class Delphi {
     }
 
     async loadDelphiFile(type) { let ic = this.icn3d, me = ic.icn3dui;
-       let gsize = $("#" + ic.pre + "delphigsize").val();
-       let salt = $("#" + ic.pre + "delphisalt").val();
-       let contour =(type == 'delphi2') ? $("#" + ic.pre + "delphicontour2").val() : $("#" + ic.pre + "delphicontour").val();
+       let gsize = (type == 'delphi2') ? $("#" + ic.pre + "delphi2gsize").val() : $("#" + ic.pre + "delphi1gsize").val();
+       let salt = (type == 'delphi2') ? $("#" + ic.pre + "delphi2salt").val() : $("#" + ic.pre + "delphi1gsize").val();
+       let contour = (type == 'delphi2') ? $("#" + ic.pre + "delphicontour2").val() : $("#" + ic.pre + "delphicontour").val();
 
-       let bSurface =(type == 'delphi2') ? true: false;
+       let bSurface = (type == 'delphi2') ? true: false;
 
        await this.CalcPhi(gsize, salt, contour, bSurface);
 
@@ -67907,7 +67897,7 @@ class ResizeCanvas {
 
         ic.applyCenterCls.setWidthHeight(width, heightTmp);
 
-        if(bDraw === undefined || bDraw) {
+        if(ic.structures && Object.keys(ic.structures).length > 0 && (bDraw === undefined || bDraw)) {
             ic.drawCls.draw();
         }
       }
@@ -69405,7 +69395,8 @@ class ShareLink {
         let url = this.shareLinkUrl();
 
         let bTooLong =(url.length > 4000 || url.indexOf('http') !== 0) ? true : false;
-        if(bPngHtml) url += "&random=" + parseInt(Math.random() * 1000); // generate a new shorten URL and thus image name everytime
+        //if(bPngHtml) url += "&random=" + parseInt(Math.random() * 1000); // generate a new shorten URL and thus image name everytime
+        
         //var inputid =(ic.inputid) ? ic.inputid : "custom";
         let inputid = Object.keys(ic.structures).join('_');
         if(inputid == ic.defaultPdbId) {
@@ -69513,7 +69504,7 @@ class ShareLink {
     }
 
     shareLinkUrl(bAllCommands, bOutputCmd) { let ic = this.icn3d, me = ic.icn3dui;
-           let url = me.htmlCls.baseUrl + "icn3d/full.html?";
+           let url = me.htmlCls.baseUrl + "icn3d/?";
            let outputCmd = '';
            if(me.cfg.bSidebyside) url = me.htmlCls.baseUrl + "icn3d/full2.html?";
 
@@ -72578,7 +72569,7 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.28.0';
+    this.REVISION = '3.28.1';
 
     // In nodejs, iCn3D defines "window = {navigator: {}}"
     this.bNode = (Object.keys(window).length < 2) ? true : false;
@@ -72784,17 +72775,17 @@ iCn3DUI.prototype.show3DStructure = async function(pdbStr) { let me = this;
                     chainidArray.push(domainidArray[i]);
                 }
             }
-
-            let mmdbafid = '';
-            for(let i = 0, il = chainidArray.length; i < il; ++i) {
-                if(i > 0) mmdbafid += ',';
-                mmdbafid += chainidArray[i].substr(0, chainidArray[i].indexOf('_'));
-            }
             
             // realign
             ic.chainidArray = [chain_t].concat(chainidArray);
             ic.chainidArray = ic.chainalignParserCls.addPostfixForChainids(ic.chainidArray);
 
+            let mmdbafid = '';
+            for(let i = 0, il = ic.chainidArray.length; i < il; ++i) {
+                if(i > 0) mmdbafid += ',';
+                mmdbafid += ic.chainidArray[i].substr(0, ic.chainidArray[i].indexOf('_'));
+            }
+
             me.htmlCls.clickMenuCls.setLogCmd('resdef ' + me.cfg.resdef, true);
 
             ic.loadCmd = 'vast_search_chainid ' + ic.chainidArray;
@@ -73065,6 +73056,40 @@ iCn3DUI.prototype.setIcn3d = function() { let me = this;
     me.setDialogAjax();
 };
 
+iCn3DUI.prototype.getMmtfPromise = function(mmtfid) {    return new Promise(function(resolve, reject) {
+        MMTF.fetch(
+            mmtfid,
+            // onLoad callback
+            async function( mmtfData ){
+                resolve(mmtfData);
+            },
+            // onError callback
+            function( error ){
+                //var aaa = 1; //alert('This PDB structure is not found at RCSB...');
+                //console.error( error )
+                reject('error');
+            }
+        );
+    });
+};
+
+iCn3DUI.prototype.getMmtfReducedPromise = function(mmtfid) {    return new Promise(function(resolve, reject) {
+        MMTF.fetchReduced(
+            mmtfid,
+            // onLoad callback
+            async function( mmtfData ){
+                resolve(mmtfData);
+            },
+            // onError callback
+            function( error ){
+                //var aaa = 1; //alert('This PDB structure is not found at RCSB...');
+                //console.error( error )
+                reject('error');
+            }
+        );
+    });
+};
+
 iCn3DUI.prototype.getAjaxPromise = function(url, dataType, beforeSend, alertMess, logMess, complete, bNode) { let me = this;
     // if(!bNode || dataType != 'json') {
         return new Promise(function(resolve, reject) {