チェンジセット 225 : SPARQLBuilderWWW/web

差分発生行の前後
無視リスト:
更新日時:
2014/12/25 17:45:48 (10 年 前)
更新者:
lenz
ログメッセージ:

木が複数出る問題の解決
ツールチップを隠す機構が死んでいたのを解決

パス:
SPARQLBuilderWWW/web
ファイル:
2 変更

凡例:

変更なし
追加
削除
  • SPARQLBuilderWWW/web/dist.html

    r224 r225  
    1010<!-- script src="./sb-test.js"></script --> 
    1111<script> 
    12 <!--  
     12<!-- 
    1313function sendSPARQL(){ 
    1414        var ep = $("*[name=selectendpoint]").val(); 
     
    2929function trySample(sparql){ 
    3030    var sb = new SPARQLBuilder('sparql'); 
    31      
    32     $(document).on('complete', '#EndPointSelect', function(){ 
     31    sb.loadSamplePathList(); 
     32 
     33    $('#seclass').on('epcomplete', function(){ 
    3334        $('#EndPointSelect').val('http://www.ebi.ac.uk/rdf/services/reactome/sparql'); 
    3435        sb.changeEndPoint(); 
    3536    }); 
    36      
    37     $(document).on('complete', '#StartClassSelect', function(){ 
     37 
     38    $('#seclass').on('secomplete', function(){ 
    3839        $('#StartClassSelect').val('http://www.biopax.org/release/biopax-level3.owl#Protein'); 
    39         sb.startClass = 'http://www.biopax.org/release/biopax-level3.owl#Protein'; 
    4040        $('#EndClassSelect').val('http://www.biopax.org/release/biopax-level3.owl#Pathway'); 
    41         sb.endClass = 'http://www.biopax.org/release/biopax-level3.owl#Pathway'; 
    42         sb.loadPathList(); 
    4341    }); 
    4442} 
  • SPARQLBuilderWWW/web/sparqlbuilder.js

    r222 r225  
    8888                $("#EndPointSelect").append('<option value="' + list[i] + '">' + list[i] + '</option>'); 
    8989            } 
    90             $("#EndPointSelect").trigger(event); 
     90            $("#seclass").trigger(new $.Event('epcomplete')); 
    9191        }, 
    9292    }); 
     
    111111                $("#EndClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>'); 
    112112            } 
    113             $("#StartClassSelect").trigger(event) 
    114             $("#EndClassSelect").trigger(event) 
     113            $("#seclass").trigger(new $.Event('secomplete')); 
    115114        } 
    116115    }); 
     116}; 
     117 
     118SPARQLBuilder.prototype.loadSamplePathList = function() { 
     119    var url = "http://www.sparqlbuilder.org/api/plist?ep=" + encodeURIComponent('http://www.ebi.ac.uk/rdf/services/reactome/sparql') 
     120                                          + "&startclass=" + encodeURIComponent('http://www.biopax.org/release/biopax-level3.owl#Protein') 
     121                                          + "&endclass="   + encodeURIComponent('http://www.biopax.org/release/biopax-level3.owl#Pathway'); 
     122    //var url = "http://localhost:8080/api/plist?ep=" + encodeURIComponent(this.endpoint) 
     123    //                                      + "&startclass=" + encodeURIComponent(startclass) 
     124    //                                      + "&endclass="   + encodeURIComponent(endclass); 
     125    var self = this; 
     126    self.loadIcon("view"); 
     127    setTimeout(function(){ 
     128 
     129        $.ajax({ 
     130            type : "GET", 
     131            url : url, 
     132            async : false, 
     133            timeout : 1000000, 
     134            success : function(data) { 
     135                var width = $(".SparqlBuilderContent").width(); 
     136                self.drawGraph = new SPARQLBuilderDrawGraph(data, width, 10); 
     137                self.loadIcon("hide"); 
     138                self.drawGraph.view_map(); 
     139                $('select[name="selectendpoint"]').val('http://www.ebi.ac.uk/rdf/services/reactome/sparql'); 
     140            }, 
     141            error: function(data){ 
     142                self.loadIcon("hide"); 
     143                alert("error: ", data); 
     144            } 
     145        }); 
     146    }, 100) 
    117147}; 
    118148 
     
    184214    this.pathlimit = pathlimit; 
    185215    this.pathobj = null; 
    186     this.NODEHEIGHT = 50; 
    187     this.MOUSEMOVED = 0; 
    188216}; 
    189217 
     
    196224    // make_data繝。繧ス繝�ラ縺ョ邨先棡繧貞叙蠕� 
    197225    var json = this.make_data(0); 
    198  
    199     // SVG縺悟ュ伜惠縺吶k縺ェ繧峨�蜑企勁 
    200     if (d3.select("#sparqlBuilderGraph").select("svg")) { 
    201         d3.select("#sparqlBuidlerGraph").select("svg").remove(); 
    202     } 
    203226 
    204227    if(json['nodes'].length != 0){ 
     
    214237        var color = d3.scale.category20(); 
    215238 
     239        // SVG縺ョ蜑企勁 
     240        d3.select("#sparqlBuilderGraph").html(""); 
    216241        // 逕サ髱「繧オ繧、繧コ縺ォ蜷医o縺婀VG縺ョ霑ス蜉 
    217242        var svg = d3.select("#sparqlBuilderGraph").append("svg") 
     
    272297            .style("text-anchor", function(d) { return 'middle'; }); 
    273298 
     299        // 繝槭え繧ケ縺ョ蜍輔″繧ォ繧ヲ繝ウ繝医r繝ォ繝シ繝医↓謖√◆縺帙k 
     300        node.data()[0].mousemoved = 0; 
     301 
    274302        // 繝弱�繝峨∈縺ョ繧ェ繝ウ繝槭え繧ケ縺ァ繝代せ謗「邏「縲√ヱ繧ケ荳ュ縺ョ繝ェ繝ウ繧ッ譁�ュ励r陦ィ遉コ 
    275303        var self = this; 
     
    277305 
    278306            // 繝槭え繧ケ縺ョ蜍輔″繧ォ繧ヲ繝ウ繝医r繝ェ繧サ繝�ヨ 
    279             this.MOUSEMOVED = 0; 
     307            node.data()[0].mousemoved = 0; 
    280308 
    281309            // 陦ィ遉コ縺吶k繝代せ菫晏ュ倡畑驟榊� 
     
    701729        bg.on("mousemove", function(){ 
    702730            // MOUSEMOVED繧定ソス蜉�医ヮ繝シ繝峨↓繧ェ繝ウ繝槭え繧ケ縺輔l繧句コヲ縺ォ繧ォ繧ヲ繝ウ繝医Μ繧サ繝�ヨ�� 
    703             this.MOUSEMOVED++; 
     731            node.data()[0].mousemoved++; 
    704732            // 30繧定カ�∴縺溘i 
    705             if(this.MOUSEMOVED > 30){ 
     733            if(node.data()[0].mousemoved > 30){ 
    706734                // 繝��繝ォ繝√ャ繝励r髱櫁。ィ遉コ縺ォ縺励※繧ォ繧ヲ繝ウ繝医Μ繧サ繝�ヨ 
    707735                document.getElementById("sparqlBuilderShowpath").style.display = "none"; 
    708                 this.MOUSEMOVED = 0; 
     736                node.data()[0].mousemoved = 0; 
    709737            } 
    710738        }); 
     
    727755    this.MAXDEPTH = 0; 
    728756    this.TREESPACE = 0; 
     757    this.NODEHEIGHT = 50; 
    729758    this.DRAWHEIGHT = this.NODEHEIGHT; 
    730759