| 1 |
|
|---|
| 2 | // API逕ｨ繝励Ξ繝輔ぅ繝�け繧ｹ謖�ｮ� |
|---|
| 3 | var prefix = 'http://www.sparqlbuilder.org/api';
|
|---|
| 4 |
|
|---|
| 5 |
|
|---|
| 6 | // 謠冗判邉ｻ螳壽焚
|
|---|
| 7 | var PATHNUM = 0;
|
|---|
| 8 | var MAXDEPTH = 0;
|
|---|
| 9 | var TREESPACE = 0;
|
|---|
| 10 | var NODEHEIGHT = 50;
|
|---|
| 11 | var DRAWHEIGHT = 0;
|
|---|
| 12 |
|
|---|
| 13 | // 繝代せ謗｢邏｢縺ｫ菴ｿ縺�お繝ｳ繝峨�繧､繝ｳ繝医�繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繝ｻ繧ｨ繝ｳ繝峨け繝ｩ繧ｹ
|
|---|
| 14 | var endpoint = "";
|
|---|
| 15 | var startclass= "";
|
|---|
| 16 | var endclass = "";
|
|---|
| 17 |
|
|---|
| 18 | // GET繝｡繧ｽ繝�ラ縺ｧ謖�ｮ壹＆繧後※縺�◆蝣ｴ蜷医�蛟､蜿門ｾ礼畑
|
|---|
| 19 | var defendpoint = "";
|
|---|
| 20 | var defstartclass= "";
|
|---|
| 21 | var defendclass = "";
|
|---|
| 22 |
|
|---|
| 23 | // 蜿門ｾ励＠縺殍son菫晏ｭ倡畑
|
|---|
| 24 | var jsontext = "";
|
|---|
| 25 | // 謠冗判縺ｫ蛻ｩ逕ｨ縺吶ｋ繧ｪ繝悶ず繧ｧ繧ｯ繝� |
|---|
| 26 | var pathobj = "";
|
|---|
| 27 |
|
|---|
| 28 | // 蛻昴ａ縺ｫ陦ｨ遉ｺ縺吶ｋ繝代せ謨ｰ縺ｮ荳企剞
|
|---|
| 29 | var pathlimit = 10;
|
|---|
| 30 |
|
|---|
| 31 |
|
|---|
| 32 | // 繝壹�繧ｸ隱ｭ縺ｿ霎ｼ縺ｿ縺悟ｮ御ｺ�ｬ｡隨ｬ螳溯｡� |
|---|
| 33 | $(function(){
|
|---|
| 34 |
|
|---|
| 35 | // 繝壹�繧ｸ縺ｮ繝代�繝�Κ蛻�ｒ霑ｽ蜉
|
|---|
| 36 | initparts();
|
|---|
| 37 |
|
|---|
| 38 | // GET繝｡繧ｽ繝�ラ縺ｧ謖�ｮ壹＆繧後◆蛟､縺後≠繧後�蜿門ｾ� |
|---|
| 39 | getParameter();
|
|---|
| 40 |
|
|---|
| 41 | // 謖�ｮ壹′縺ゅｌ縺ｰ
|
|---|
| 42 | if(defendpoint != "" && defstartclass != "" && defendclass != ""){
|
|---|
| 43 | // 謖�ｮ壹＆繧後◆蜀�ｮｹ繧剃ｽｿ縺ТPARQLbuilder繧帝幕縺� |
|---|
| 44 | openSPARQLBuilder();
|
|---|
| 45 | }
|
|---|
| 46 |
|
|---|
| 47 | });
|
|---|
| 48 |
|
|---|
| 49 | // 繝代�繝��蛻晄悄蛹� |
|---|
| 50 | function initparts(){
|
|---|
| 51 | // SPARQLbuilder逕ｨ隕∫ｴ繧貞叙蠕� |
|---|
| 52 | var sbdiv = $('div#SPARQLBUILDER');
|
|---|
| 53 | // 荳ｭ縺ｫdiv隕∫ｴ縺後↑縺代ｌ縺ｰ
|
|---|
| 54 | if(sbdiv.find('div').length == 0){
|
|---|
| 55 | // 繝医ャ繝励�SPARQLbuilder逕ｻ髱｢繧剃ｽ懈�
|
|---|
| 56 | var sbtop = '<div class="SBTopItems"><input type="button" class="SBTopButton" value="Open SPARQLBuilder" onclick="openSPARQLBuilder()"><input type="button" class="SBTopButton" value="Try with Sample" onclick="openSample(\'http://www.ebi.ac.uk/rdf/services/reactome/sparql\', \'http://www.biopax.org/release/biopax-level3.owl#Protein\', \'http://www.biopax.org/release/biopax-level3.owl#Pathway\')"><br><textarea class="SBSparqlArea" rows="10"></textarea><br><input type="button" class="SBTopButton" value="Send SPARQL" onclick="sendSPARQL()"><input type="button" class="SBTopButton" value="Download Result" onclick="downloadResult()"></div><div class="SBTutorialLink">Tutorial for SPARQL Builder GUI is <a href="http://www.sparqlbuilder.org/doc/how-to-use-sparql-builder-gui/" target="_blank">here</a>.</div>';
|
|---|
| 57 | // 繝代せ陦ｨ遉ｺ逕ｻ髱｢縺ｮ繝｢繝ｼ繝繝ｫ繧剃ｽ懈�
|
|---|
| 58 | var sbmodal = '<div class="SBModalView"><div class="SBModalContents"><div class="SBForms"><div class="SBSelects"><select class="SBEndPointSelect"></select><select class="SBStartClassSelect"></select><select class="SBEndClassSelect"></select></div><div class="SBPermaLink"><input type="button" class="SBPermaLinkButton" value="Permalink" onclick="openPermalink()" disabled="disabled"></div></div><div class="SBMessage"><div class="SBResult"><span class="SBPathnum"></span> Path<span class="SBPlural"></span> found.</div><input type="button" class="SBViewAll" value="View All Path" onclick="viewAll()"></div><div class="SBGraph"><div class="SBAjaxLoad" style="display: none;"><div class="SBLoadIcon"><img src="images/ajax-loader.gif"></div></div></div><div class="SBPath"><div class="SBSelectedPath"></div></div><div class="SBModalButtons"><input type="button" class="SBModalButton" value="Close" onclick="closeSPARQLBuilder()"></div></div></div>';
|
|---|
| 59 |
|
|---|
| 60 | // SPARQLbuilder逕ｨ隕∫ｴ縺ｫ繝医ャ繝礼畑逕ｻ髱｢繧定ｿｽ蜉
|
|---|
| 61 | sbdiv.html(sbtop);
|
|---|
| 62 | // body隕∫ｴ譛ｫ蟆ｾ縺ｫ繝｢繝ｼ繝繝ｫ逕ｻ髱｢繧定ｿｽ蜉
|
|---|
| 63 | $('body').append(sbmodal);
|
|---|
| 64 | }
|
|---|
| 65 |
|
|---|
| 66 | // 繝｢繝ｼ繝繝ｫ逕ｻ髱｢縺ｮ繧ｯ繝ｪ繝�け繧､繝吶Φ繝� |
|---|
| 67 | $('.SBModalView').click(function(){
|
|---|
| 68 | // 繝｢繝ｼ繝繝ｫ逕ｻ髱｢繧偵ヵ繧ｧ繝ｼ繝峨い繧ｦ繝医＠髱櫁｡ｨ遉ｺ縺ｫ
|
|---|
| 69 | $(this).fadeOut(700);
|
|---|
| 70 | });
|
|---|
| 71 |
|
|---|
| 72 | // 繝｢繝ｼ繝繝ｫ蜀��繧ｳ繝ｳ繝�Φ繝�Κ蛻��繧ｯ繝ｪ繝�け繧､繝吶Φ繝� |
|---|
| 73 | $('.SBModalContents').click(function(event){
|
|---|
| 74 | // 繝励Ο繝代ご繝ｼ繧ｷ繝ｧ繝ｳ繧呈ｭ｢繧√さ繝ｳ繝�Φ繝�Κ蛻��繧ｯ繝ｪ繝�け縺ｧ縺ｯ繝輔ぉ繝ｼ繝峨い繧ｦ繝医＠縺ｪ縺�ｈ縺�↓縺吶ｋ
|
|---|
| 75 | event.stopPropagation();
|
|---|
| 76 | });
|
|---|
| 77 |
|
|---|
| 78 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医Μ繧ｹ繝医�蜿門ｾ� |
|---|
| 79 | loadEndPointList();
|
|---|
| 80 |
|
|---|
| 81 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医′螟画峩縺輔ｌ縺溘ｉ
|
|---|
| 82 | $(".SBEndPointSelect").change(function() {
|
|---|
| 83 | // 繝�ヵ繧ｩ繝ｫ繝医〒縺ｪ縺代ｌ縺ｰ
|
|---|
| 84 | if($(".SBEndPointSelect").val() != "SBDefault"){
|
|---|
| 85 | // 驕ｸ謚槭＆繧後※縺�ｋ繧ｨ繝ｳ繝峨�繧､繝ｳ繝医�URL繧貞叙蠕� |
|---|
| 86 | endpoint = $(".SBEndPointSelect").val();
|
|---|
| 87 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繧貞�隱ｭ縺ｿ霎ｼ縺ｿ
|
|---|
| 88 | loadStartClassList();
|
|---|
| 89 | }
|
|---|
| 90 | });
|
|---|
| 91 |
|
|---|
| 92 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺悟､画峩縺輔ｌ縺溘ｉ
|
|---|
| 93 | $(".SBStartClassSelect").change(function() {
|
|---|
| 94 | // 繝�ヵ繧ｩ繝ｫ繝医〒縺ｪ縺代ｌ縺ｰ
|
|---|
| 95 | if($(".SBStartClassSelect").val() != "SBDefault"){
|
|---|
| 96 | // 驕ｸ謚槭＆繧後※縺�ｋ繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮURI繧貞叙蠕� |
|---|
| 97 | startClass = $(".SBStartClassSelect").val();
|
|---|
| 98 | // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ繧貞�隱ｭ縺ｿ霎ｼ縺ｿ
|
|---|
| 99 | loadEndClassList();
|
|---|
| 100 | }
|
|---|
| 101 | });
|
|---|
| 102 |
|
|---|
| 103 | // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ縺悟､画峩縺輔ｌ縺溘ｉ
|
|---|
| 104 | $(".SBEndClassSelect").change(function() {
|
|---|
| 105 | // 繝�ヵ繧ｩ繝ｫ繝医〒縺ｪ縺代ｌ縺ｰ
|
|---|
| 106 | if($(".SBEndClassSelect").val() != "SBDefault"){
|
|---|
| 107 | // 驕ｸ謚槭＆繧後※縺�ｋ繧ｨ繝ｳ繝峨け繝ｩ繧ｹ縺ｮURI繧貞叙蠕� |
|---|
| 108 | endClass = $(".SBEndClassSelect").val();
|
|---|
| 109 | // 蜿門ｾ励＠縺滓ュ蝣ｱ繧帝√ｊ繝代せ繧貞�隱ｭ縺ｿ霎ｼ縺ｿ
|
|---|
| 110 | loadPathList();
|
|---|
| 111 | }
|
|---|
| 112 | });
|
|---|
| 113 |
|
|---|
| 114 | }
|
|---|
| 115 |
|
|---|
| 116 | // GET繝｡繧ｽ繝�ラ縺ｧ騾√ｉ繧後◆繝代Λ繝｡繝ｼ繧ｿ縺ｮ繝√ぉ繝�け
|
|---|
| 117 | function getParameter(){
|
|---|
| 118 | if( 1 < window.location.search.length ){
|
|---|
| 119 | var query = window.location.search.substring( 1 );
|
|---|
| 120 | var parameters = query.split( '&' );
|
|---|
| 121 |
|
|---|
| 122 | for( var i = 0; i < parameters.length; i++ ){
|
|---|
| 123 | var element = parameters[ i ].split( '=' );
|
|---|
| 124 | if(decodeURIComponent( element[ 0 ] ) == "ep"){
|
|---|
| 125 | defendpoint = decodeURIComponent( element[ 1 ] )
|
|---|
| 126 | }else if(decodeURIComponent( element[ 0 ] ) == "st"){
|
|---|
| 127 | defstartclass = decodeURIComponent( element[ 1 ] )
|
|---|
| 128 | }else if(decodeURIComponent( element[ 0 ] ) == "en"){
|
|---|
| 129 | defendclass = decodeURIComponent( element[ 1 ] )
|
|---|
| 130 | }
|
|---|
| 131 | }
|
|---|
| 132 | }
|
|---|
| 133 | }
|
|---|
| 134 |
|
|---|
| 135 |
|
|---|
| 136 | function openSPARQLBuilder(){
|
|---|
| 137 |
|
|---|
| 138 | $('.SBModalView').css('top', $(window).scrollTop()).css('height', window.innerHeight).fadeIn();
|
|---|
| 139 |
|
|---|
| 140 | resizeModalView();
|
|---|
| 141 |
|
|---|
| 142 | $(".SBEndPointSelect").select2();
|
|---|
| 143 | $(".SBStartClassSelect").select2();
|
|---|
| 144 | $(".SBEndClassSelect").select2();
|
|---|
| 145 |
|
|---|
| 146 | if(defendpoint != "" && defstartclass != "" && defendclass != ""){
|
|---|
| 147 |
|
|---|
| 148 | $('.SBStartClassSelect').on('lsccomplete', function(){
|
|---|
| 149 | $('.SBStartClassSelect').val(defstartclass);
|
|---|
| 150 | defstartclass = "";
|
|---|
| 151 |
|
|---|
| 152 | $(".SBEndPointSelect").select2();
|
|---|
| 153 | $(".SBStartClassSelect").select2();
|
|---|
| 154 | $(".SBEndClassSelect").select2();
|
|---|
| 155 |
|
|---|
| 156 | $('.SBStartClassSelect').unbind('lsccomplete');
|
|---|
| 157 | loadEndClassList();
|
|---|
| 158 | });
|
|---|
| 159 |
|
|---|
| 160 | $('.SBEndClassSelect').on('leccomplete', function(){
|
|---|
| 161 | $('.SBEndClassSelect').val(defendclass);
|
|---|
| 162 | defendclass = "";
|
|---|
| 163 |
|
|---|
| 164 | $(".SBEndPointSelect").select2();
|
|---|
| 165 | $(".SBStartClassSelect").select2();
|
|---|
| 166 | $(".SBEndClassSelect").select2();
|
|---|
| 167 |
|
|---|
| 168 | $('.SBEndClassSelect').unbind('leccomplete');
|
|---|
| 169 | });
|
|---|
| 170 |
|
|---|
| 171 | loadPathList();
|
|---|
| 172 |
|
|---|
| 173 | var eplist = $('.SBEndPointSelect option');
|
|---|
| 174 |
|
|---|
| 175 | if(eplist.length == 0){
|
|---|
| 176 | $('.SBEndPointSelect').on('epcomplete', function(){
|
|---|
| 177 | $('.SBEndPointSelect option').each(function(){
|
|---|
| 178 | if($(this).text() == defendpoint){
|
|---|
| 179 | $(this).attr('selected', 'selected');
|
|---|
| 180 | }
|
|---|
| 181 | });
|
|---|
| 182 | defendpoint = "";
|
|---|
| 183 | loadStartClassList();
|
|---|
| 184 | $('.SBEndPointSelect').unbind('epcomplete');
|
|---|
| 185 | });
|
|---|
| 186 | }else{
|
|---|
| 187 | $('.SBEndPointSelect option').each(function(){
|
|---|
| 188 | if($(this).text() == defendpoint){
|
|---|
| 189 | $(this).attr('selected', 'selected');
|
|---|
| 190 | }
|
|---|
| 191 | });
|
|---|
| 192 | defendpoint = "";
|
|---|
| 193 | loadStartClassList();
|
|---|
| 194 | }
|
|---|
| 195 | }
|
|---|
| 196 | }
|
|---|
| 197 |
|
|---|
| 198 | function resizeModalView(){
|
|---|
| 199 |
|
|---|
| 200 | if($('.SBModalView').css('display') == 'block'){
|
|---|
| 201 | var mvw = $('.SBModalContents').width();
|
|---|
| 202 | var mvh = $('.SBModalContents').height();
|
|---|
| 203 | $('.SBModalContents .SBForms').css('width', (mvw - 201) + 'px').css('height', 56 + 'px');
|
|---|
| 204 | $('.SBModalContents .SBMessage').css('width', 200 + 'px').css('height', 56 + 'px');
|
|---|
| 205 | $('.SBModalContents .SBGraph').css('width', (mvw - 201) + 'px').css('height', (mvh - 57) + 'px');
|
|---|
| 206 | $('.SBModalContents .SBPath').css('width', 180 + 'px').css('height', (mvh - 77 - 26) + 'px');
|
|---|
| 207 | $('.SBModalContents .SBModalButtons').css('width', 200 + 'px').css('height', '26px');
|
|---|
| 208 |
|
|---|
| 209 | var formw = $('.SBModalContents .SBForms').width();
|
|---|
| 210 | var selw = Math.floor(formw - 120);
|
|---|
| 211 |
|
|---|
| 212 | if(selw % 2 == 1){
|
|---|
| 213 | selw--;
|
|---|
| 214 | }
|
|---|
| 215 | $('.SBModalContents .SBSelects').css('width', selw);
|
|---|
| 216 | $('.SBModalContents .SBPermaLink').css('width', Math.floor(formw - selw));
|
|---|
| 217 | }
|
|---|
| 218 | }
|
|---|
| 219 |
|
|---|
| 220 | function openSample(ep, st, en){
|
|---|
| 221 | defendpoint = ep;
|
|---|
| 222 | defstartclass = st;
|
|---|
| 223 | defendclass = en;
|
|---|
| 224 |
|
|---|
| 225 | openSPARQLBuilder();
|
|---|
| 226 | }
|
|---|
| 227 |
|
|---|
| 228 | function openPermalink(){
|
|---|
| 229 | var baseurl = location.href;
|
|---|
| 230 | var spliturl = baseurl.split('?');
|
|---|
| 231 | var url = spliturl[0] + "?ep=" + encodeURIComponent(endpoint) + "&st=" + encodeURIComponent(startclass) + "&en=" + encodeURIComponent(endclass);
|
|---|
| 232 |
|
|---|
| 233 | window.open(url);
|
|---|
| 234 | }
|
|---|
| 235 |
|
|---|
| 236 | function closeSPARQLBuilder(){
|
|---|
| 237 | $('.SBModalView').fadeOut();
|
|---|
| 238 | }
|
|---|
| 239 |
|
|---|
| 240 | function switchLoadIcon(mode) {
|
|---|
| 241 | if(mode == "view"){
|
|---|
| 242 | $('.SBAjaxLoad').show();
|
|---|
| 243 | }else{
|
|---|
| 244 | $('.SBAjaxLoad').hide();
|
|---|
| 245 | }
|
|---|
| 246 | };
|
|---|
| 247 |
|
|---|
| 248 |
|
|---|
| 249 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医Μ繧ｹ繝医�蜿門ｾ� |
|---|
| 250 | function loadEndPointList(){
|
|---|
| 251 | // 繝代�繝槭Μ繝ｳ繧ｯ繝懊ち繝ｳ繧堤┌蜉ｹ蛹� |
|---|
| 252 | $('.SBPermaLinkButton').attr('disabled', true);
|
|---|
| 253 | // 諠�ｱ蜿門ｾ礼畑API縺ｮURL繧剃ｽ懈��医�繝ｬ繝輔ぅ繝�け繧ｹ�菊plist�� |
|---|
| 254 | // ds=true縺ｫ繧医▲縺ｦ繝��繧ｿ繧ｻ繝�ヨ繝｢繝ｼ繝峨↓縺ｪ繧翫お繝ｳ繝峨�繧､繝ｳ繝医�繧ｿ繧､繝医Ν縺ｨURL縺檎ｵ�〒蜿門ｾ励＆繧後ｋ
|
|---|
| 255 | var url = prefix + '/eplist?ds=true';
|
|---|
| 256 |
|
|---|
| 257 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医�繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繝ｻ繧ｨ繝ｳ繝峨け繝ｩ繧ｹ繧偵◎繧後◇繧檎ｩｺ縺ｫ縺礼┌蜉ｹ蛹� |
|---|
| 258 | $(".SBEndPointSelect").empty();
|
|---|
| 259 | $(".SBEndPointSelect").attr("disabled", "disabled");
|
|---|
| 260 | $(".SBStartClassSelect").empty();
|
|---|
| 261 | $(".SBStartClassSelect").attr("disabled", "disabled");
|
|---|
| 262 | $(".SBEndClassSelect").empty();
|
|---|
| 263 | $(".SBEndClassSelect").attr("disabled", "disabled");
|
|---|
| 264 |
|
|---|
| 265 | // ajax縺ｧ諠�ｱ蜿門ｾ� |
|---|
| 266 | $.ajax({
|
|---|
| 267 | // url繧偵そ繝�ヨ
|
|---|
| 268 | url: url,
|
|---|
| 269 | // 諠�ｱ縺悟叙蠕励〒縺阪◆繧� |
|---|
| 270 | success: function(data) {
|
|---|
| 271 | // 蜿門ｾ励＠縺殍son縺ｮ繝�く繧ｹ繝医ｒ繧ｪ繝悶ず繧ｧ繧ｯ繝医↓螟画鋤
|
|---|
| 272 | var list = eval(data);
|
|---|
| 273 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医Μ繧ｹ繝医ｒ遨ｺ縺ｫ
|
|---|
| 274 | $(".SBEndPointSelect").empty();
|
|---|
| 275 | // 繝�ヵ繧ｩ繝ｫ繝医ｒ霑ｽ蜉
|
|---|
| 276 | $(".SBEndPointSelect").append('<option value="SBDefault">SELECT Endpoint</option>');
|
|---|
| 277 | // 蜿門ｾ励＠縺溘Μ繧ｹ繝医�謨ｰ縺縺醍ｹｰ繧願ｿ斐＠
|
|---|
| 278 | for (var i = 0; i < list.length; ++i) {
|
|---|
| 279 | // 蜿門ｾ励＠縺殷rl縺ｨ繝ｩ繝吶Ν繧偵そ繝�ヨ縺熔ption隕∫ｴ繧定ｿｽ蜉
|
|---|
| 280 | $(".SBEndPointSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + '</option>');
|
|---|
| 281 | }
|
|---|
| 282 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医′謖�ｮ壽ｸ医∩縺ｧ縺ｪ縺代ｌ縺ｰ
|
|---|
| 283 | if(defendpoint == ''){
|
|---|
| 284 | // 繝ｭ繝ｼ繝峨い繧､繧ｳ繝ｳ繧帝撼陦ｨ遉ｺ
|
|---|
| 285 | switchLoadIcon("hide");
|
|---|
| 286 | }
|
|---|
| 287 | // 繝｢繝ｼ繝繝ｫ繝薙Η繝ｼ縺瑚｡ｨ遉ｺ迥ｶ諷九↑繧� |
|---|
| 288 | if($('.SBModalView').attr('display') == 'block'){
|
|---|
| 289 | // 蜷�そ繝ｬ繧ｯ繝医�繝�け繧ｹ繧呈､懃ｴ｢蜿ｯ閭ｽ縺ｫ
|
|---|
| 290 | $(".SBEndPointSelect").select2();
|
|---|
| 291 | $(".SBStartClassSelect").select2();
|
|---|
| 292 | $(".SBEndClassSelect").select2();
|
|---|
| 293 | }
|
|---|
| 294 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医�驕ｸ謚槭ｒ譛牙柑蛹� |
|---|
| 295 | $(".SBEndPointSelect").removeAttr("disabled");
|
|---|
| 296 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医�隱ｭ縺ｿ霎ｼ縺ｿ螳御ｺ�ｒ騾夂衍
|
|---|
| 297 | $(".SBEndPointSelect").trigger(new $.Event('epcomplete'));
|
|---|
| 298 | },
|
|---|
| 299 | });
|
|---|
| 300 | }
|
|---|
| 301 |
|
|---|
| 302 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮ蜿門ｾ� |
|---|
| 303 | function loadStartClassList() {
|
|---|
| 304 | // 繝代�繝槭Μ繝ｳ繧ｯ繝懊ち繝ｳ繧堤┌蜉ｹ蛹� |
|---|
| 305 | $('.SBPermaLinkButton').attr('disabled', true);
|
|---|
| 306 | // 諠�ｱ蜿門ｾ礼畑API縺ｮURL繧剃ｽ懈��医�繝ｬ繝輔ぅ繝�け繧ｹ�議list�矩∈謚槭＆繧後◆繧ｨ繝ｳ繝峨�繧､繝ｳ繝�RL�� |
|---|
| 307 | var url = prefix + "/clist?ep=" + encodeURIComponent(endpoint);
|
|---|
| 308 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繝ｻ繧ｨ繝ｳ繝峨け繝ｩ繧ｹ繧偵◎繧後◇繧檎ｩｺ縺ｫ縺礼┌蜉ｹ蛹� |
|---|
| 309 | $(".SBStartClassSelect").empty();
|
|---|
| 310 | $(".SBStartClassSelect").attr("disabled", "disabled");
|
|---|
| 311 | $(".SBEndClassSelect").empty();
|
|---|
| 312 | $(".SBEndClassSelect").attr("disabled", "disabled");
|
|---|
| 313 | // ajax縺ｧ諠�ｱ蜿門ｾ� |
|---|
| 314 | $.ajax({
|
|---|
| 315 | // 繝｡繧ｽ繝�ラ繧ｿ繧､繝玲欠螳� |
|---|
| 316 | type : "GET",
|
|---|
| 317 | // url繧偵そ繝�ヨ
|
|---|
| 318 | url : url,
|
|---|
| 319 | // 諠�ｱ縺悟叙蠕励〒縺阪◆繧� |
|---|
| 320 | success : function(data) {
|
|---|
| 321 | // 蜿門ｾ励＠縺殍son縺ｮ繝�く繧ｹ繝医ｒ繧ｪ繝悶ず繧ｧ繧ｯ繝医↓螟画鋤
|
|---|
| 322 | var list = eval(data);
|
|---|
| 323 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繧堤ｩｺ縺ｫ
|
|---|
| 324 | $(".SBStartClassSelect").empty();
|
|---|
| 325 | // 繝�ヵ繧ｩ繝ｫ繝医ｒ霑ｽ蜉
|
|---|
| 326 | $(".SBStartClassSelect").append('<option value="SBDefault">SELECT StartClass (From ' + list.length + ' classes below)</option>');
|
|---|
| 327 | // 蜿門ｾ励＠縺溘Μ繧ｹ繝医�謨ｰ縺縺醍ｹｰ繧願ｿ斐＠
|
|---|
| 328 | for (var i = 0; i < list.length; ++i) {
|
|---|
| 329 | // 蜿門ｾ励＠縺殷ri繝ｻ繝ｩ繝吶Ν繝ｻ繧ｯ繝ｩ繧ｹ謨ｰ繧偵そ繝�ヨ縺熔ption隕∫ｴ繧定ｿｽ蜉
|
|---|
| 330 | $(".SBStartClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
|
|---|
| 331 | }
|
|---|
| 332 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮ驕ｸ謚槭ｒ譛牙柑蛹� |
|---|
| 333 | $(".SBStartClassSelect").removeAttr("disabled");
|
|---|
| 334 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繝ｻ繧ｨ繝ｳ繝峨け繝ｩ繧ｹ繧呈､懃ｴ｢蜿ｯ閭ｽ縺ｫ
|
|---|
| 335 | $(".SBStartClassSelect").select2();
|
|---|
| 336 | $(".SBEndClassSelect").select2();
|
|---|
| 337 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮ隱ｭ縺ｿ霎ｼ縺ｿ螳御ｺ�ｒ騾夂衍
|
|---|
| 338 | $(".SBStartClassSelect").trigger(new $.Event('lsccomplete'));
|
|---|
| 339 | }
|
|---|
| 340 | });
|
|---|
| 341 | };
|
|---|
| 342 |
|
|---|
| 343 | // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ縺ｮ蜿門ｾ� |
|---|
| 344 | function loadEndClassList() {
|
|---|
| 345 | // 繝代�繝槭Μ繝ｳ繧ｯ繝懊ち繝ｳ繧堤┌蜉ｹ蛹� |
|---|
| 346 | $('.SBPermaLinkButton').attr('disabled', true);
|
|---|
| 347 | // 諠�ｱ蜿門ｾ礼畑API縺ｮURL繧剃ｽ懈��医�繝ｬ繝輔ぅ繝�け繧ｹ�議list�矩∈謚槭＆繧後◆繧ｨ繝ｳ繝峨�繧､繝ｳ繝茨ｼ矩∈謚槭＆繧後◆繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ�� |
|---|
| 348 | var url = prefix + "/clist?ep=" + encodeURIComponent(endpoint) + '&class=' + encodeURIComponent(startClass);
|
|---|
| 349 | // ajax縺ｧ諠�ｱ蜿門ｾ� |
|---|
| 350 | $.ajax({
|
|---|
| 351 | // 繝｡繧ｽ繝�ラ繧ｿ繧､繝玲欠螳� |
|---|
| 352 | type : "GET",
|
|---|
| 353 | // url繧偵そ繝�ヨ
|
|---|
| 354 | url : url,
|
|---|
| 355 | // 諠�ｱ縺悟叙蠕怜�譚･縺溘ｉ
|
|---|
| 356 | success : function(data) {
|
|---|
| 357 | // 蜿門ｾ励＠縺殍son縺ｮ繝�く繧ｹ繝医ｒ繧ｪ繝悶ず繧ｧ繧ｯ繝医↓螟画鋤
|
|---|
| 358 | var list = eval(data);
|
|---|
| 359 | // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝医ｒ遨ｺ縺ｫ
|
|---|
| 360 | $(".SBEndClassSelect").empty();
|
|---|
| 361 | // 繝�ヵ繧ｩ繝ｫ繝医ｒ霑ｽ蜉
|
|---|
| 362 | $(".SBEndClassSelect").append('<option value="SBDefault">SELECT EndClass (From ' + list.length + ' classes below)</option>');
|
|---|
| 363 | // 蜿門ｾ励＠縺溘Μ繧ｹ繝医�謨ｰ縺縺醍ｹｰ繧願ｿ斐＠
|
|---|
| 364 | for (var i = 0; i < list.length; ++i) {
|
|---|
| 365 | // 蜿門ｾ励＠縺殷ri繝ｻ繝ｩ繝吶Ν繝ｻ繧ｯ繝ｩ繧ｹ謨ｰ繧偵そ繝�ヨ縺熔ption隕∫ｴ繧定ｿｽ蜉
|
|---|
| 366 | $(".SBEndClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
|
|---|
| 367 | }
|
|---|
| 368 | // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ縺ｮ驕ｸ謚槭ｒ譛牙柑蛹� |
|---|
| 369 | $(".SBEndClassSelect").removeAttr("disabled");
|
|---|
| 370 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繝ｻ繧ｨ繝ｳ繝峨け繝ｩ繧ｹ繧呈､懃ｴ｢蜿ｯ閭ｽ縺ｫ
|
|---|
| 371 | $(".SBStartClassSelect").select2();
|
|---|
| 372 | $(".SBEndClassSelect").select2();
|
|---|
| 373 | // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ縺ｮ隱ｭ縺ｿ霎ｼ縺ｿ螳御ｺ�ｒ騾夂衍
|
|---|
| 374 | $(".SBEndClassSelect").trigger(new $.Event('leccomplete'));
|
|---|
| 375 | }
|
|---|
| 376 | });
|
|---|
| 377 | };
|
|---|
| 378 |
|
|---|
| 379 | // 繝代せ繝ｪ繧ｹ繝医�蜿門ｾ� |
|---|
| 380 | function loadPathList() {
|
|---|
| 381 | // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繝ｻ繧ｨ繝ｳ繝峨け繝ｩ繧ｹ繧貞叙蠕� |
|---|
| 382 | startclass = $(".SBStartClassSelect").val();
|
|---|
| 383 | endclass = $(".SBEndClassSelect").val();
|
|---|
| 384 |
|
|---|
| 385 | // GET繝｡繧ｽ繝�ラ縺ｧ縺昴ｌ縺槭ｌ謖�ｮ壹＆繧後※縺�ｌ縺ｰ荳頑嶌縺� |
|---|
| 386 | if(defendpoint != "" && defstartclass != "" && defendclass != ""){
|
|---|
| 387 | endpoint = defendpoint;
|
|---|
| 388 | startclass = defstartclass;
|
|---|
| 389 | endclass = defendclass;
|
|---|
| 390 | }
|
|---|
| 391 |
|
|---|
| 392 | // 繝代�繝槭Μ繝ｳ繧ｯ繝懊ち繝ｳ繧堤┌蜉ｹ蛹� |
|---|
| 393 | $('.SBPermaLinkButton').attr('disabled', true);
|
|---|
| 394 | // URI縺檎ｩｺ繧�ョ繝輔か繝ｫ繝医↑繧臥ｵゆｺ� |
|---|
| 395 | if (startclass == null || endclass == null || startclass == "SBDefault" || endclass == "SBDefault"){
|
|---|
| 396 | return;
|
|---|
| 397 | }
|
|---|
| 398 |
|
|---|
| 399 | // 隕∝�讀懆ｨ� |
|---|
| 400 | // 繝代せ謨ｰ荳企剞繧偵Μ繧ｻ繝�ヨ
|
|---|
| 401 | pathlimit = 10;
|
|---|
| 402 |
|
|---|
| 403 | // 蜷�ｨｮ蛻晄悄蛹� |
|---|
| 404 | $('.SBResult').hide();
|
|---|
| 405 | $('.SBViewAll').hide();
|
|---|
| 406 | $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and click to generate a SPARQL</h1><img src=\"images/pathline.png\" style="display:none;">');
|
|---|
| 407 |
|
|---|
| 408 | // 諠�ｱ蜿門ｾ礼畑API縺ｮURL繧剃ｽ懈��医�繝ｬ繝輔ぅ繝�け繧ｹ�却list�句推遞ｮ驕ｸ謚樒ｵ先棡�� |
|---|
| 409 | var url = prefix + "/plist?ep=" + encodeURIComponent(endpoint)
|
|---|
| 410 | + "&startclass=" + encodeURIComponent(startclass)
|
|---|
| 411 | + "&endclass=" + encodeURIComponent(endclass);
|
|---|
| 412 |
|
|---|
| 413 | // 隱ｭ縺ｿ霎ｼ縺ｿ繧｢繧､繧ｳ繝ｳ繧定｡ｨ遉ｺ
|
|---|
| 414 | switchLoadIcon("view");
|
|---|
| 415 | // GET繝｡繧ｽ繝�ラ縺ｧ謖�ｮ壹＆繧後◆蝣ｴ蜷郁｡ｨ遉ｺ縺ｫ蝠城｡後′襍ｷ縺阪ｋ縺ｮ縺ｧ荳迸ｬ蠕�▲縺ｦ縺九ｉ螳溯｡� |
|---|
| 416 | setTimeout(function(){
|
|---|
| 417 | // ajax縺ｧ諠�ｱ蜿門ｾ� |
|---|
| 418 | $.ajax({
|
|---|
| 419 | // 繝｡繧ｽ繝�ラ繧ｿ繧､繝玲欠螳� |
|---|
| 420 | type : "GET",
|
|---|
| 421 | // url繧偵そ繝�ヨ
|
|---|
| 422 | url : url,
|
|---|
| 423 | // 繧ｿ繧､繝繧｢繧ｦ繝医ｒ繧ｻ繝�ヨ
|
|---|
| 424 | timeout : 1000000,
|
|---|
| 425 | // 諠�ｱ縺悟叙蠕励〒縺阪◆繧� |
|---|
| 426 | success : function(data) {
|
|---|
| 427 | // 邨先棡繝�く繧ｹ繝医ｒ繧ｻ繝�ヨ
|
|---|
| 428 | jsontext = data;
|
|---|
| 429 | // 繝代せ縺ｮ謠冗判
|
|---|
| 430 | view_map();
|
|---|
| 431 | // 隱ｭ縺ｿ霎ｼ縺ｿ繧｢繧､繧ｳ繝ｳ繧帝撼陦ｨ遉ｺ
|
|---|
| 432 | switchLoadIcon("hide");
|
|---|
| 433 | // 繝代�繝槭Μ繝ｳ繧ｯ繝懊ち繝ｳ繧呈怏蜉ｹ蛹� |
|---|
| 434 | $('.SBPermaLinkButton').attr('disabled', false);
|
|---|
| 435 | },
|
|---|
| 436 | // 蜿門ｾ励↓螟ｱ謨励＠縺溘ｉ
|
|---|
| 437 | error: function(data){
|
|---|
| 438 | // 隱ｭ縺ｿ霎ｼ縺ｿ繧｢繧､繧ｳ繝ｳ繧帝撼陦ｨ遉ｺ
|
|---|
| 439 | switchLoadIcon("hide");
|
|---|
| 440 | // 繧ｨ繝ｩ繝ｼ蜀�ｮｹ繧偵い繝ｩ繝ｼ繝� |
|---|
| 441 | alert("error: ", data);
|
|---|
| 442 | }
|
|---|
| 443 | });
|
|---|
| 444 | }, 100);
|
|---|
| 445 | };
|
|---|
| 446 |
|
|---|
| 447 | // 隕九▽縺九▲縺溘ヱ繧ｹ繧貞�縺ｦ謠冗判
|
|---|
| 448 | function viewAll(){
|
|---|
| 449 | // 繝代せ謨ｰ荳企剞繧�縺ｫ
|
|---|
| 450 | pathlimit = 0;
|
|---|
| 451 | // 蜀肴緒逕ｻ
|
|---|
| 452 | view_map();
|
|---|
| 453 | }
|
|---|
| 454 |
|
|---|
| 455 | // SPARQL縺ｮ逕滓�
|
|---|
| 456 | generateSPARQL = function() {
|
|---|
| 457 | // 驕ｸ謚槭＆繧後◆繝代せ縺ｮ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒjson譁�ｭ怜�縺ｫ
|
|---|
| 458 | var path = JSON.stringify(pathobj);
|
|---|
| 459 | // 諠�ｱ蜿門ｾ礼畑API縺ｮURL繧剃ｽ懈��医�繝ｬ繝輔ぅ繝�け繧ｹ�虐parql�九ヱ繧ｹ諠�ｱ�� |
|---|
| 460 | var url = prefix + '/sparql?path=' + encodeURIComponent(path);
|
|---|
| 461 | // ajax縺ｧ諠�ｱ蜿門ｾ� |
|---|
| 462 | $.ajax({
|
|---|
| 463 | // 繝｡繧ｽ繝�ラ繧ｿ繧､繝玲欠螳� |
|---|
| 464 | type: "GET",
|
|---|
| 465 | // url繧偵そ繝�ヨ
|
|---|
| 466 | url : url,
|
|---|
| 467 | // 繝��繧ｿ繧ｿ繧､繝励ｒ謖�ｮ� |
|---|
| 468 | dataType: 'text',
|
|---|
| 469 | // 諠�ｱ縺悟叙蠕励〒縺阪◆繧� |
|---|
| 470 | success : function(data) {
|
|---|
| 471 | // 邨先棡繧担PARQL陦ｨ遉ｺ逕ｨ繧ｨ繝ｪ繧｢縺ｫ謖ｿ蜈･
|
|---|
| 472 | $(".SBSparqlArea").val(data);
|
|---|
| 473 | // SPARQLbuilder繧帝哩縺倥ｋ
|
|---|
| 474 | closeSPARQLBuilder();
|
|---|
| 475 | }
|
|---|
| 476 | });
|
|---|
| 477 | };
|
|---|
| 478 |
|
|---|
| 479 | function sendSPARQL(){
|
|---|
| 480 | var sendep = $(".SBEndPointSelect").val();
|
|---|
| 481 |
|
|---|
| 482 | var query = $(".SBSparqlArea").val();
|
|---|
| 483 |
|
|---|
| 484 | if(sendep == "SBDefault" || query == ""){
|
|---|
| 485 | return;
|
|---|
| 486 | }
|
|---|
| 487 |
|
|---|
| 488 | query = encodeURIComponent(query);
|
|---|
| 489 |
|
|---|
| 490 | openpage = sendep + "?format=text%2Fhtml&query=" + query;
|
|---|
| 491 |
|
|---|
| 492 | window.open(openpage);
|
|---|
| 493 | }
|
|---|
| 494 |
|
|---|
| 495 | function downloadResult(){
|
|---|
| 496 |
|
|---|
| 497 | var sendep = $(".SBEndPointSelect").val();
|
|---|
| 498 |
|
|---|
| 499 | var query = $(".SBSparqlArea").val();
|
|---|
| 500 |
|
|---|
| 501 | if(sendep == "SBDefault" || query == ""){
|
|---|
| 502 | return;
|
|---|
| 503 | }
|
|---|
| 504 |
|
|---|
| 505 | qr = sendQuery(sendep,query);
|
|---|
| 506 |
|
|---|
| 507 | qr.fail(
|
|---|
| 508 | function (xhr, textStatus, thrownError) {
|
|---|
| 509 | alert("Error: A '" + textStatus+ "' occurred.");
|
|---|
| 510 | }
|
|---|
| 511 | );
|
|---|
| 512 | qr.done(
|
|---|
| 513 | function (d) {
|
|---|
| 514 | downloadCSV(d.results.bindings);
|
|---|
| 515 | }
|
|---|
| 516 | );
|
|---|
| 517 | }
|
|---|
| 518 |
|
|---|
| 519 | function downloadCSV(data){
|
|---|
| 520 |
|
|---|
| 521 | if (data instanceof Array) {
|
|---|
| 522 | var result_txt ="";
|
|---|
| 523 |
|
|---|
| 524 | var i=0;
|
|---|
| 525 | for ( var key in data[0]) {
|
|---|
| 526 | if(i>0){result_txt +=",";}
|
|---|
| 527 | result_txt += key;
|
|---|
| 528 | i++;
|
|---|
| 529 | }
|
|---|
| 530 |
|
|---|
| 531 | result_txt += "\n";
|
|---|
| 532 |
|
|---|
| 533 | for (var d = 0; d < data.length; d++) {
|
|---|
| 534 | var i = 0;
|
|---|
| 535 | for ( var key in data[d]) {
|
|---|
| 536 | if(i>0){result_txt +=",";}
|
|---|
| 537 | result_txt += data[d][key].value;
|
|---|
| 538 | i++;
|
|---|
| 539 | }
|
|---|
| 540 | result_txt += '\n';
|
|---|
| 541 | }
|
|---|
| 542 |
|
|---|
| 543 | var blob = new Blob( [result_txt], {type: 'text/plain'} )
|
|---|
| 544 |
|
|---|
| 545 | var link = document.createElement('a')
|
|---|
| 546 | link.href = URL.createObjectURL(blob)
|
|---|
| 547 | link.download = 'result' + '.csv'
|
|---|
| 548 |
|
|---|
| 549 | document.body.appendChild(link) // for Firefox
|
|---|
| 550 | link.click()
|
|---|
| 551 | document.body.removeChild(link) // for Firefox
|
|---|
| 552 | }
|
|---|
| 553 | };
|
|---|
| 554 |
|
|---|
| 555 |
|
|---|
| 556 | // 繧ｰ繝ｩ繝墓緒逕ｻ驛ｨ蛻� |
|---|
| 557 | view_map = function(){
|
|---|
| 558 |
|
|---|
| 559 | // make_data繝｡繧ｽ繝�ラ縺ｮ邨先棡繧貞叙蠕� |
|---|
| 560 | var json = make_data();
|
|---|
| 561 |
|
|---|
| 562 | // 繝代せ謨ｰ縺�縺ｧ縺ｪ縺代ｌ縺ｰ
|
|---|
| 563 | if(json['nodes'].length != 0){
|
|---|
| 564 |
|
|---|
| 565 | // 蜃ｺ譚･荳翫′縺｣縺溽ｵ先棡繧呈ｸ｡縺励※繝槭ャ繝嶺ｸ翫�蠎ｧ讓吶ｒ繧ｻ繝�ヨ
|
|---|
| 566 | set_map_location(0, json['nodes'], json['links']);
|
|---|
| 567 |
|
|---|
| 568 | // SVG縺ｮ蟷�→鬮倥＆逕ｨ縺ｫ謠冗判鬆伜沺縺ｮ繧ｵ繧､繧ｺ繧貞叙蠕� |
|---|
| 569 | var width = $('.SBGraph').width();
|
|---|
| 570 | var height = $('.SBGraph').height();
|
|---|
| 571 | // SVG蜀��繧ｰ繝ｩ繝暮Κ蛻�ｫ倥＆�医ヱ繧ｹ謨ｰ縺ｫ蠢懊§繧具ｼ峨ｒ繧ｻ繝�ヨ
|
|---|
| 572 | var graphheight = ((NODEHEIGHT * 1.5) * PATHNUM) + (NODEHEIGHT / 2);
|
|---|
| 573 |
|
|---|
| 574 | // 繧ｹ繧ｳ繧｢陦ｨ遉ｺ縺ｮ繝槭�繧ｸ繝ｳ
|
|---|
| 575 | var scoreleftmargin = NODEHEIGHT * 1.5;
|
|---|
| 576 |
|
|---|
| 577 | var scrollsvg = function(delta){
|
|---|
| 578 | // 迴ｾ蝨ｨ縺ｮ繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ迥ｶ諷九ｒ蜿門ｾ� |
|---|
| 579 | var vb = svg.attr("viewBox");
|
|---|
| 580 | // 繧ｹ繝壹�繧ｹ縺ｧ蛹ｺ蛻�ｊ蜷�､縺ｫ蛻�ｧ｣
|
|---|
| 581 | var spvb = vb.split(" ");
|
|---|
| 582 |
|
|---|
| 583 | // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮy縺ｮ蛟､縺九ｉ莉雁屓縺ｮ繝帙う繝ｼ繝ｫ繧､繝吶Φ繝医�蟾ｮ蛻�ｒ蠑輔￥
|
|---|
| 584 | var vby = (parseInt(spvb[1]) - parseInt(delta));
|
|---|
| 585 |
|
|---|
| 586 | // 0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ
|
|---|
| 587 | if(vby < 0){
|
|---|
| 588 | vby = 0;
|
|---|
| 589 | // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ荳企剞�医げ繝ｩ繝輔し繧､繧ｺ蠑輔￥陦ｨ遉ｺ鬆伜沺繧ｵ繧､繧ｺ�峨ｒ雜�∴縺ｦ縺�◆繧芽｣懈ｭ｣
|
|---|
| 590 | }else if(vby > (graphheight - height)){
|
|---|
| 591 | vby = (graphheight - height);
|
|---|
| 592 | // 陬懈ｭ｣縺励◆邨先棡0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ
|
|---|
| 593 | if(vby < 0){
|
|---|
| 594 | vby = 0;
|
|---|
| 595 | }
|
|---|
| 596 | }
|
|---|
| 597 |
|
|---|
| 598 | // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆y繧偵そ繝�ヨ縺励ン繝･繝ｼ繝懊ャ繧ｯ繧ｹ繧呈峩譁ｰ
|
|---|
| 599 | svg.attr("viewBox", "0 " + vby + " " + width + " " + height);
|
|---|
| 600 | }
|
|---|
| 601 |
|
|---|
| 602 | // SVG縺ｮ蜑企勁
|
|---|
| 603 | d3.select(".SBGraph svg").remove();
|
|---|
| 604 | // 逕ｻ髱｢繧ｵ繧､繧ｺ縺ｫ蜷医ｏ縺婀VG縺ｮ霑ｽ蜉
|
|---|
| 605 | var svg = d3.select(".SBGraph").append("svg")
|
|---|
| 606 | .attr("width", width)
|
|---|
| 607 | .attr("height", height)
|
|---|
| 608 | // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ繧ｻ繝�ヨ
|
|---|
| 609 | .attr("viewBox", "0 0 " + width + " " + height);
|
|---|
| 610 |
|
|---|
| 611 | // SVG縺後せ繧ｯ繝ｭ繝ｼ繝ｫ縺輔ｌ縺滓凾縺ｮ繧､繝吶Φ繝医ｒ繝悶Λ繧ｦ繧ｶ縺ｫ蠢懊§縺ｦ繧ｻ繝�ヨ
|
|---|
| 612 | var mousewheelevent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
|
|---|
| 613 | $(".SBGraph svg").on(mousewheelevent,function(e){
|
|---|
| 614 | // 繝悶Λ繧ｦ繧ｶ縺ｫ蠢懊§縺ｦ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｮ蛟､繧貞叙蠕� |
|---|
| 615 | var delta = e.originalEvent.deltaY ? -(e.originalEvent.deltaY) : e.originalEvent.wheelDelta ? e.originalEvent.wheelDelta : -(e.originalEvent.detail);
|
|---|
| 616 | // FireFox縺縺ｨ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ騾溷ｺｦ縺碁撼蟶ｸ縺ｫ驕�＞蝣ｴ蜷医′縺ゅｋ縺ｮ縺ｧ陬懈ｭ｣
|
|---|
| 617 | if(delta < 0 && delta > -100){
|
|---|
| 618 | delta = -100;
|
|---|
| 619 | }else if(0 < delta && delta < 100){
|
|---|
| 620 | delta = 100;
|
|---|
| 621 | }
|
|---|
| 622 |
|
|---|
| 623 | // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｮ繝�ヵ繧ｩ繝ｫ繝医�蜍穂ｽ懊→繝舌ヶ繝ｪ繝ｳ繧ｰ繧偵く繝｣繝ｳ繧ｻ繝ｫ
|
|---|
| 624 | e.preventDefault();
|
|---|
| 625 | e.stopPropagation();
|
|---|
| 626 | // 蛟､繧呈ｸ｡縺励※繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ
|
|---|
| 627 | scrollsvg(delta);
|
|---|
| 628 | });
|
|---|
| 629 |
|
|---|
| 630 | // 閭梧勹縺ｮ霑ｽ蜉�磯ｫ倥＆莉･螟悶�謠冗判鬆伜沺縺昴�縺ｾ縺ｾ�� |
|---|
| 631 | var bg = svg
|
|---|
| 632 | .append("rect")
|
|---|
| 633 | .attr("x", 0)
|
|---|
| 634 | .attr("y", 0)
|
|---|
| 635 | .attr("width", width)
|
|---|
| 636 | .attr("height", function(){
|
|---|
| 637 | // 繧ｰ繝ｩ繝暮Κ蛻��鬮倥＆縺梧緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧貞牡縺｣縺ｦ縺�◆繧会ｼ医ヱ繧ｹ縺悟ｰ代↑縺代ｌ縺ｰ�画緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧定ｿ斐☆
|
|---|
| 638 | if(graphheight < height){
|
|---|
| 639 | return height;
|
|---|
| 640 | }else{
|
|---|
| 641 | return graphheight;
|
|---|
| 642 | }
|
|---|
| 643 | })
|
|---|
| 644 | // 閭梧勹繧定埋縺�げ繝ｬ繝ｼ縺ｫ
|
|---|
| 645 | .attr("fill", "#fafafa");
|
|---|
| 646 |
|
|---|
| 647 | // links驟榊�繧呈ｸ｡縺励Μ繝ｳ繧ｯ縺ｮ菴懈�
|
|---|
| 648 | var link = svg.selectAll(".link")
|
|---|
| 649 | .data(json.links)
|
|---|
| 650 | .enter().append("line")
|
|---|
| 651 | .attr("class", "link")
|
|---|
| 652 | .style("stroke", "#999")
|
|---|
| 653 | .style("stroke-opacity", 0.6)
|
|---|
| 654 | .style("stroke-width", 2);
|
|---|
| 655 |
|
|---|
| 656 | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨�菴懈�
|
|---|
| 657 | var node = svg.selectAll(".node")
|
|---|
| 658 | .data(json.nodes)
|
|---|
| 659 | .enter().append("circle")
|
|---|
| 660 | .attr("class", "node")
|
|---|
| 661 | .attr("r", (NODEHEIGHT / 2))
|
|---|
| 662 | .attr("cx", function(d) { return d.x;} )
|
|---|
| 663 | .attr("cy", function(d) { return d.y; })
|
|---|
| 664 | .style("fill", function(d) { return d.nodecolor; })
|
|---|
| 665 | .style("stroke", '#fafafa')
|
|---|
| 666 | .style("stroke-width", '1.5px')
|
|---|
| 667 | // 譛ｫ遶ｯ繝弱�繝峨�縺ｿ繝槭え繧ｹ繧｢繧､繧ｳ繝ｳ繧偵�繧､繝ｳ繧ｿ繝ｼ縺ｫ
|
|---|
| 668 | .style("cursor", function(d){
|
|---|
| 669 | if(d.path == "notend"){
|
|---|
| 670 | return 'normal';
|
|---|
| 671 | }else{
|
|---|
| 672 | return 'pointer';
|
|---|
| 673 | }
|
|---|
| 674 | });
|
|---|
| 675 |
|
|---|
| 676 | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医�菴懈�
|
|---|
| 677 | var tnode = svg.selectAll("text.node")
|
|---|
| 678 | .data(json.nodes)
|
|---|
| 679 | .enter().append("svg:text")
|
|---|
| 680 | .attr("class", "tnode")
|
|---|
| 681 | .attr("x", function(d) { return d.x; })
|
|---|
| 682 | .attr("y", function(d) { return d.y; })
|
|---|
| 683 | .text(function(d) { return d.name; })
|
|---|
| 684 | .style("fill", '#000000')
|
|---|
| 685 | .style("text-anchor", 'middle')
|
|---|
| 686 | .style("pointer-events", "none");
|
|---|
| 687 |
|
|---|
| 688 | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医�菴懈�
|
|---|
| 689 | var tlink = svg.selectAll("text.link")
|
|---|
| 690 | .data(json.links)
|
|---|
| 691 | .enter().append("svg:text")
|
|---|
| 692 | .attr("class", "tlink")
|
|---|
| 693 | .attr("x", function(d) { return (json.nodes[d.source].x + json.nodes[d.target].x) / 2; })
|
|---|
| 694 | .attr("y", function(d) { return (json.nodes[d.source].y + json.nodes[d.target].y) / 2; })
|
|---|
| 695 | .style("fill", '#000000')
|
|---|
| 696 | .style("text-anchor", 'middle');
|
|---|
| 697 |
|
|---|
| 698 | // 繧ｹ繧ｳ繧｢繝�く繧ｹ繝医�菴懈�
|
|---|
| 699 | var tscore = svg.selectAll("text.score")
|
|---|
| 700 | .data(json.nodes)
|
|---|
| 701 | .enter().append("svg:text")
|
|---|
| 702 | .attr("class", "tscore")
|
|---|
| 703 | .attr("x", function(d) { return (d.x + scoreleftmargin); })
|
|---|
| 704 | .attr("y", function(d) { return d.y + 4; })
|
|---|
| 705 | .text(function(d) { return d.score; })
|
|---|
| 706 | .style("fill", 'hsl(0, 50%, 75%)')
|
|---|
| 707 | .style("text-anchor", 'middle')
|
|---|
| 708 | .style("pointer-events", "none");
|
|---|
| 709 |
|
|---|
| 710 | // 繝弱�繝峨∈縺ｮ繧ｪ繝ｳ繝槭え繧ｹ縺ｧ繝代せ謗｢邏｢縲√ヱ繧ｹ荳ｭ縺ｮ繝ｪ繝ｳ繧ｯ譁�ｭ励ｒ陦ｨ遉ｺ
|
|---|
| 711 | node.on("mouseover", function(d){
|
|---|
| 712 |
|
|---|
| 713 | // 陦ｨ遉ｺ縺吶ｋ繝代せ菫晏ｭ倡畑驟榊�
|
|---|
| 714 | var path = [];
|
|---|
| 715 | // 繝代せ陦ｨ遉ｺ諠�ｱ菫晏ｭ倡畑驟榊�
|
|---|
| 716 | var pathname = [];
|
|---|
| 717 |
|
|---|
| 718 | // 縺ｾ縺壹が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�id縺ｨ蜷榊燕繧偵◎繧後◇繧瑚ｿｽ蜉
|
|---|
| 719 | path.push(d.nodeid);
|
|---|
| 720 | pathname.push(d.name);
|
|---|
| 721 |
|
|---|
| 722 | // 繝代せ謗｢邏｢
|
|---|
| 723 | do{
|
|---|
| 724 | // 繝ｪ繝ｳ繧ｯ縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠
|
|---|
| 725 | for(var i = 0; i < link.data().length; i++){
|
|---|
| 726 | // 迴ｾ蝨ｨ縺ｮ譛蠕悟ｰｾ縺ｫ郢九′繧九Μ繝ｳ繧ｯ縺後≠繧後�
|
|---|
| 727 | if(path[(path.length-1)] == link.data()[i].target){
|
|---|
| 728 | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�id繧定ｿｽ蜉
|
|---|
| 729 | path.push(link.data()[i].source);
|
|---|
| 730 | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕縺ｨ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�蜷榊燕繧定ｿｽ蜉
|
|---|
| 731 | pathname.push(link.data()[i].property);
|
|---|
| 732 | pathname.push(node.data()[link.data()[i].source].name);
|
|---|
| 733 | }
|
|---|
| 734 | }
|
|---|
| 735 | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨↓霎ｿ繧顔捩縺上∪縺ｧ郢ｰ繧願ｿ斐☆
|
|---|
| 736 | }while(path[(path.length-1)] != 0);
|
|---|
| 737 |
|
|---|
| 738 | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨∪縺溘�騾比ｸｭ繝弱�繝峨↑繧� |
|---|
| 739 | if(d.nodeid == 0 || d.path == "notend"){
|
|---|
| 740 | // 繝代せ陦ｨ遉ｺ鬆伜沺繧偵ョ繝輔か繝ｫ繝医↓
|
|---|
| 741 | $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and click to generate a SPARQL</h1>');
|
|---|
| 742 | // 譛ｫ遶ｯ繝弱�繝峨↑繧� |
|---|
| 743 | }else{
|
|---|
| 744 |
|
|---|
| 745 | // 繝代せ陦ｨ遉ｺ鬆伜沺逕ｨ譁�ｭ怜�
|
|---|
| 746 | var resultText = '';
|
|---|
| 747 | // 繝代せ縺ｮ蜷榊燕驟榊�蛻�ｾ後ｍ縺九ｉ郢ｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 748 | for (var i = pathname.length;i > 0; i--){
|
|---|
| 749 | // 螂�焚逡ｪ逶ｮ�医ヮ繝ｼ繝会ｼ峨↑繧� |
|---|
| 750 | if(i % 2 == 1){
|
|---|
| 751 | // 繝ｫ繝ｼ繝医°騾比ｸｭ縺区忰遶ｯ縺九↓蠢懊§縺ｦ繧ｯ繝ｩ繧ｹ繧呈欠螳壹＠霑ｽ險� |
|---|
| 752 | if(i == 1){
|
|---|
| 753 | resultText = resultText + "<div class=\"SBLeafNode\">" + pathname[i - 1] + "</div>";
|
|---|
| 754 | }else if(i == pathname.length){
|
|---|
| 755 | resultText = resultText + "<div class=\"SBRootNode\">" + pathname[i - 1] + "</div>";
|
|---|
| 756 | }else{
|
|---|
| 757 | resultText = resultText + "<div class=\"SBPathNode\">" + pathname[i - 1] + "</div>";
|
|---|
| 758 | }
|
|---|
| 759 | // 蛛ｶ謨ｰ逡ｪ逶ｮ�医Μ繝ｳ繧ｯ�峨�繝ｪ繝ｳ繧ｯ逕ｻ蜒上ｒ蜑榊ｾ後↓縺､縺題ｿｽ險� |
|---|
| 760 | }else{
|
|---|
| 761 | resultText = resultText + "<img src=\"images/pathline.png\"><div class=\"SBPathProperty\">" + pathname[i - 1] + "</div><img src=\"images/pathline.png\">";
|
|---|
| 762 | }
|
|---|
| 763 | }
|
|---|
| 764 |
|
|---|
| 765 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ蜀�ｮｹ繧呈嶌縺肴鋤縺� |
|---|
| 766 | $('.SBSelectedPath').html(resultText);
|
|---|
| 767 |
|
|---|
| 768 | // 繧ｵ繝ｼ繝悶Ξ繝�ヨ縺ｫ騾√ｊ霑斐☆繝代せ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ菫晏ｭ� |
|---|
| 769 | pathobj = d.path;
|
|---|
| 770 |
|
|---|
| 771 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒvisivle縺ｫ
|
|---|
| 772 | $('.SBPath').css('overflow-y', 'visible');
|
|---|
| 773 |
|
|---|
| 774 | // 繝代せ蜀�ｮｹ縺ｮ鬮倥＆縺後ヱ繧ｹ陦ｨ遉ｺ鬆伜沺繧定ｶ�∴縺ｦ縺�◆繧� |
|---|
| 775 | if($('.SBPath').height() < $('.SBSelectedPath').innerHeight()){
|
|---|
| 776 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｫ
|
|---|
| 777 | $('.SBPath').css('overflow-y', 'scroll');
|
|---|
| 778 | }
|
|---|
| 779 | }
|
|---|
| 780 |
|
|---|
| 781 | // 繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�鬮倥＆縺ｫ隕ｪ繧貞粋繧上○繧九◆繧√↓蜷医ｏ縺帙ｋ鬮倥＆繧剃ｿ晏ｭ� |
|---|
| 782 | var movey = d.y;
|
|---|
| 783 |
|
|---|
| 784 | // 蜷�ヮ繝ｼ繝峨↓蟇ｾ縺� |
|---|
| 785 | node
|
|---|
| 786 | // 霈ｪ驛ｭ邱壹�濶ｲ繧定ｨｭ螳� |
|---|
| 787 | .style("stroke", function(d){
|
|---|
| 788 | // 縺ｾ縺壹�閭梧勹濶ｲ�医ョ繝輔か繝ｫ繝茨ｼ峨ｒ謖�ｮ� |
|---|
| 789 | var strokecolor = "#fafafa";
|
|---|
| 790 |
|
|---|
| 791 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 792 | for(var n = 0; n < path.length; n++){
|
|---|
| 793 | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ
|
|---|
| 794 | if(path[n] == d.nodeid){
|
|---|
| 795 | // 霈ｪ驛ｭ邱壹ｒ襍､縺ｫ
|
|---|
| 796 | strokecolor = "#ffaaaa";
|
|---|
| 797 | }
|
|---|
| 798 | }
|
|---|
| 799 |
|
|---|
| 800 | // 縺薙％縺ｾ縺ｧ縺ｧ蠕励ｉ繧後◆霈ｪ驛ｭ邱壹�濶ｲ繧定ｿ斐☆
|
|---|
| 801 | return strokecolor;
|
|---|
| 802 | })
|
|---|
| 803 | // 鬮倥＆縺ｮ蛟､
|
|---|
| 804 | .attr("cy", function(d){
|
|---|
| 805 |
|
|---|
| 806 | // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧貞叙蠕� |
|---|
| 807 | var currenty = d.y
|
|---|
| 808 |
|
|---|
| 809 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 810 | for(var n = 0; n < path.length; n++){
|
|---|
| 811 | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ
|
|---|
| 812 | if(path[n] == d.nodeid){
|
|---|
| 813 | // 蜀�Κ縺ｧ謖√▽鬮倥＆繧偵が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨→蜷後§縺ｫ�亥�謠冗判譎ゅ↓蜿肴丐�� |
|---|
| 814 | d.y = movey;
|
|---|
| 815 | }
|
|---|
| 816 | }
|
|---|
| 817 |
|
|---|
| 818 | // 莉翫�迴ｾ譎らせ縺ｮ鬮倥＆繧定ｿ斐☆
|
|---|
| 819 | return currenty;
|
|---|
| 820 | });
|
|---|
| 821 |
|
|---|
| 822 | // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓蟇ｾ縺� |
|---|
| 823 | tlink
|
|---|
| 824 | // 繝�く繧ｹ繝郁｡ｨ遉ｺ蛻､螳� |
|---|
| 825 | .text(function(d) {
|
|---|
| 826 | // 繝�ヵ繧ｩ繝ｫ繝医〒遨ｺ繧偵そ繝�ヨ
|
|---|
| 827 | var linktext = "";
|
|---|
| 828 |
|
|---|
| 829 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 830 | for(var t = 0; t < path.length; t++){
|
|---|
| 831 | // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ縺ｪ繧峨�
|
|---|
| 832 | if(path[t] == d.target){
|
|---|
| 833 | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ
|
|---|
| 834 | linktext = d.property
|
|---|
| 835 | }
|
|---|
| 836 | }
|
|---|
| 837 |
|
|---|
| 838 | // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医ｒ霑斐☆
|
|---|
| 839 | return linktext;
|
|---|
| 840 | });
|
|---|
| 841 |
|
|---|
| 842 | // 蜷�Μ繝ｳ繧ｯ縺ｫ蟇ｾ縺� |
|---|
| 843 | link
|
|---|
| 844 | // 邱壹�濶ｲ蛻､螳� |
|---|
| 845 | .style("stroke", function(d){
|
|---|
| 846 |
|
|---|
| 847 | var strokecolor = "#999";
|
|---|
| 848 |
|
|---|
| 849 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 850 | for(var t = 0; t < path.length; t++){
|
|---|
| 851 | // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ縺ｪ繧峨�
|
|---|
| 852 | if(path[t] == d.target){
|
|---|
| 853 | // 繝ｪ繝ｳ繧ｯ縺ｮ濶ｲ縺ｫ襍､繧偵そ繝�ヨ
|
|---|
| 854 | strokecolor = "#ffaaaa"
|
|---|
| 855 | }
|
|---|
| 856 | }
|
|---|
| 857 |
|
|---|
| 858 | // 邱壹�濶ｲ繧定ｿ斐☆
|
|---|
| 859 | return strokecolor;
|
|---|
| 860 | });
|
|---|
| 861 |
|
|---|
| 862 | // 縺薙％縺ｾ縺ｧ縺ｮ險ｭ螳壹ｒ蜈�↓蜀肴緒逕ｻ
|
|---|
| 863 | redraw();
|
|---|
| 864 |
|
|---|
| 865 | // 繧ｯ繝ｪ繝�け縺輔ｌ縺溘→縺� |
|---|
| 866 | }).on("click", function(d){
|
|---|
| 867 | // 譛ｫ遶ｯ繝弱�繝峨↑繧峨せ繝代�繧ｯ繝ｫ逋ｺ陦� |
|---|
| 868 | if(d.path != "notend"){
|
|---|
| 869 | generateSPARQL();
|
|---|
| 870 | }
|
|---|
| 871 | });
|
|---|
| 872 |
|
|---|
| 873 | // 蜀肴緒逕ｻ髢｢謨ｰ
|
|---|
| 874 | var redraw = function (duration){
|
|---|
| 875 |
|
|---|
| 876 | // 縺九￠繧区凾髢薙′譛ｪ謖�ｮ壹↑繧峨�
|
|---|
| 877 | if(duration == undefined){
|
|---|
| 878 | // 0.5遘偵°縺代※繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
|
|---|
| 879 | duration = 500;
|
|---|
| 880 | }
|
|---|
| 881 |
|
|---|
| 882 | // 蜷�Μ繝ｳ繧ｯ縺ｫ縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
|
|---|
| 883 | link
|
|---|
| 884 | .transition()
|
|---|
| 885 | .duration(duration)
|
|---|
| 886 | .attr("x1", function(d) {return node.data()[d.source].x;})
|
|---|
| 887 | .attr("y1", function(d) {return node.data()[d.source].y;})
|
|---|
| 888 | .attr("x2", function(d) {return node.data()[d.target].x;})
|
|---|
| 889 | .attr("y2", function(d) {return node.data()[d.target].y;});
|
|---|
| 890 |
|
|---|
| 891 | // 蜷�ヮ繝ｼ繝峨↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
|
|---|
| 892 | node
|
|---|
| 893 | .transition()
|
|---|
| 894 | .duration(duration)
|
|---|
| 895 | .attr("cx", function(d) {return d.x;})
|
|---|
| 896 | .attr("cy", function(d) {return d.y;});
|
|---|
| 897 |
|
|---|
| 898 | // 蜷�ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ縲√ユ繧ｭ繧ｹ繝域緒逕ｻ菴咲ｽｮ繧剃ｸ贋ｸ九↓謖ｯ繧� |
|---|
| 899 | tnode
|
|---|
| 900 | .transition()
|
|---|
| 901 | .duration(duration)
|
|---|
| 902 | .attr("x", function(d) {return d.x;})
|
|---|
| 903 | .attr("y", function(d) {
|
|---|
| 904 | // 繝�ヵ繧ｩ繝ｫ繝医〒蟆代＠荳九￡繧� |
|---|
| 905 | var updown = (NODEHEIGHT * 0.4);
|
|---|
| 906 | // 螂�焚逡ｪ逶ｮ縺ｮ豺ｱ縺輔↑繧牙ｰ代＠荳翫￡繧� |
|---|
| 907 | if(d.group % 2 == 1){
|
|---|
| 908 | updown = -(NODEHEIGHT * 0.2);
|
|---|
| 909 | }
|
|---|
| 910 | // 縺昴�蛟､繧帝ｫ倥＆縺ｫ霑斐☆縺薙→縺ｧ繝�く繧ｹ繝域緒逕ｻ菴咲ｽｮ縺御ｺ偵＞驕輔＞縺ｫ縺ｪ繧� |
|---|
| 911 | return d.y + updown;
|
|---|
| 912 | });
|
|---|
| 913 |
|
|---|
| 914 | // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
|
|---|
| 915 | tlink
|
|---|
| 916 | .transition()
|
|---|
| 917 | .duration(duration)
|
|---|
| 918 | .attr("x", function(d) {return (node.data()[d.source].x + node.data()[d.target].x) / 2;})
|
|---|
| 919 | .attr("y", function(d) {return ((node.data()[d.source].y + node.data()[d.target].y) / 2) + 4;});
|
|---|
| 920 |
|
|---|
| 921 | };
|
|---|
| 922 |
|
|---|
| 923 | // 蛻晏屓縺ｮ縺ｿduration繧�縺ｨ謖�ｮ壹＠蜀肴緒逕ｻ�医い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｪ縺暦ｼ� |
|---|
| 924 | redraw(0);
|
|---|
| 925 |
|
|---|
| 926 | }else{
|
|---|
| 927 | // SVG縺ｮ蜑企勁
|
|---|
| 928 | d3.select(".SBGraph svg").remove();
|
|---|
| 929 | }
|
|---|
| 930 | };
|
|---|
| 931 |
|
|---|
| 932 |
|
|---|
| 933 | // 繝��繧ｿ菴懈�繝｡繧ｽ繝�ラ
|
|---|
| 934 | make_data = function(){
|
|---|
| 935 |
|
|---|
| 936 | // 邨先棡逕ｨ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ蛻晄悄蛹� |
|---|
| 937 | ret = new Object();
|
|---|
| 938 | ret['nodes'] = new Array();
|
|---|
| 939 | ret['links'] = new Array();
|
|---|
| 940 |
|
|---|
| 941 | // 蜷�ｨｮ螟画焚縺ｮ蛻晄悄蛹� |
|---|
| 942 | PATHNUM = 0;
|
|---|
| 943 | MAXDEPTH = 0;
|
|---|
| 944 | TREESPACE = 0;
|
|---|
| 945 | DRAWHEIGHT = NODEHEIGHT;
|
|---|
| 946 |
|
|---|
| 947 | // 陦ｨ遉ｺ縺吶ｋ繝代せ謨ｰ
|
|---|
| 948 | var viewnum;
|
|---|
| 949 |
|
|---|
| 950 | // jsontext繧貞叙蠕� |
|---|
| 951 | var obj = jsontext;
|
|---|
| 952 |
|
|---|
| 953 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧偵Μ繧ｻ繝�ヨ
|
|---|
| 954 | $('.SBResult').css('color', 'black').css('font-weight', 'normal').css('margin-top', '4px');
|
|---|
| 955 |
|
|---|
| 956 | // 隍�焚蠖｢縺ｮs繧偵▽縺代ｋ
|
|---|
| 957 | $('.SBPlural').text('s');
|
|---|
| 958 |
|
|---|
| 959 | // 繝代せ縺ｮ謨ｰ縺�縺縺｣縺溘ｉ
|
|---|
| 960 | if(obj.length == 0){
|
|---|
| 961 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧定ｵ､縺ｮ螟ｪ蟄励↓縺鈴伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
|
|---|
| 962 | $('.SBResult').css('color', 'red').css('font-weight', 'bold').css('margin-top', '20px');
|
|---|
| 963 | // 隍�焚蠖｢縺ｮs繧貞炎髯､
|
|---|
| 964 | $('.SBPlural').text('');
|
|---|
| 965 | // 繝代せ謨ｰ縺�縺ｪ繧� |
|---|
| 966 | }else if(obj.length == 1){
|
|---|
| 967 | // 隍�焚蠖｢縺ｮs繧貞炎髯､
|
|---|
| 968 | $('.SBPlural').text('');
|
|---|
| 969 | }
|
|---|
| 970 |
|
|---|
| 971 | // 繝代せ縺ｮ謨ｰ縺悟香莉･荳九↑繧� |
|---|
| 972 | if(obj.length <= 10){
|
|---|
| 973 | // 陦ｨ遉ｺ謨ｰ繧偵ヱ繧ｹ謨ｰ縺ｫ
|
|---|
| 974 | viewnum = obj.length;
|
|---|
| 975 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧帝伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
|
|---|
| 976 | $('.SBResult').css('margin-top', '20px');
|
|---|
| 977 | // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧帝國縺� |
|---|
| 978 | $('.SBViewAll').hide();
|
|---|
| 979 | // 繝ｪ繝溘ャ繝医′10縺ｪ繧峨�
|
|---|
| 980 | }else if(pathlimit == 10){
|
|---|
| 981 | // 陦ｨ遉ｺ繝代せ謨ｰ繧�0縺ｫ
|
|---|
| 982 | viewnum = 10;
|
|---|
| 983 | // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧貞�縺� |
|---|
| 984 | $('.SBViewAll').show();
|
|---|
| 985 | // 繝ｪ繝溘ャ繝医′縺ｪ縺代ｌ縺ｰ
|
|---|
| 986 | }else{
|
|---|
| 987 | // 陦ｨ遉ｺ繝代せ謨ｰ繧貞�繝代せ謨ｰ縺ｫ
|
|---|
| 988 | viewnum = obj.length;
|
|---|
| 989 | // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧帝伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
|
|---|
| 990 | $('.SBResult').css('margin-top', '20px');
|
|---|
| 991 | // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧帝國縺� |
|---|
| 992 | $('.SBViewAll').hide();
|
|---|
| 993 | }
|
|---|
| 994 |
|
|---|
| 995 | // 邨先棡繝代せ謨ｰ縺ｮ蛟､繧呈峩譁ｰ
|
|---|
| 996 | $('.SBPathnum').text(obj.length);
|
|---|
| 997 | // 邨先棡繝代せ謨ｰ繧定｡ｨ遉ｺ
|
|---|
| 998 | $('.SBResult').show();
|
|---|
| 999 |
|
|---|
| 1000 | // obj繝医ャ繝鈴嚴螻､縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 1001 | for(var i = 0; i < viewnum; i++){
|
|---|
| 1002 | if(i == 0){
|
|---|
| 1003 | // 蛻晏屓縺縺代Ν繝ｼ繝医ヮ繝ｼ繝峨ｒ繝励ャ繧ｷ繝･
|
|---|
| 1004 | ret['nodes'].push({'name': obj[0]['label'], 'uri': obj[0]['startClass'], 'group': 0, 'x':50, 'y':50, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': 'hsl(40, 50%, 75%)'});
|
|---|
| 1005 | }
|
|---|
| 1006 | // 蜈医↓source縺ｫ0�医Ν繝ｼ繝茨ｼ峨ｒ莉｣蜈･
|
|---|
| 1007 | var source = 0;
|
|---|
| 1008 | // 蜈ｱ騾壹Ν繝ｼ繝亥愛螳壹ｒtrue縺ｫ
|
|---|
| 1009 | var isCommon = true;
|
|---|
| 1010 |
|
|---|
| 1011 | // 縺薙�繝代せ縺ｮ繧ｹ繧ｳ繧｢繧貞叙蠕� |
|---|
| 1012 | var score = obj[i]['score'];
|
|---|
| 1013 |
|
|---|
| 1014 | // classLinks縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 1015 | for(var j = 0;j < obj[i]['classLinks'].length; j++){
|
|---|
| 1016 |
|
|---|
| 1017 | // 繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕繧旦RL譛ｫ蟆ｾ縺九ｉ蜿門ｾ� |
|---|
| 1018 | var propertytext = obj[i]['classLinks'][j]['predicate'];
|
|---|
| 1019 | var propertysplit1 = propertytext.split("/");
|
|---|
| 1020 | var propertysplit2 = propertysplit1[propertysplit1.length - 1];
|
|---|
| 1021 | var propertysplit3 = propertysplit2.split("#");
|
|---|
| 1022 | propertytext = propertysplit3[propertysplit3.length - 1];
|
|---|
| 1023 |
|
|---|
| 1024 | // 豺ｱ縺輔′譛螟ｧ繧医ｊ螟ｧ縺阪￠繧後�譖ｴ譁ｰ
|
|---|
| 1025 | if(MAXDEPTH < j+1){
|
|---|
| 1026 | MAXDEPTH = j+1;
|
|---|
| 1027 | }
|
|---|
| 1028 | // 縺薙％縺ｾ縺ｧ蜈ｱ騾壹Ν繝ｼ繝医↑繧� |
|---|
| 1029 | if(isCommon){
|
|---|
| 1030 | // 莉雁屓繧ょ�騾壹°遒ｺ隱阪☆繧九◆繧√�繝輔Λ繧ｰ
|
|---|
| 1031 | var isCommonNow = false;
|
|---|
| 1032 | // nodes驟榊�縺ｫ蜷後§linkedClass縺梧里縺ｫ縺ゅｋ縺狗｢ｺ隱� |
|---|
| 1033 | var targets = [];
|
|---|
| 1034 | for(var k = 0; k < ret['nodes'].length; k++){
|
|---|
| 1035 | // 蜷碁嚴螻､縺九▽蜷後§蜷榊燕縺ｮ繧ゅ�縺後≠縺｣縺溘ｉtargets驟榊�縺ｫ逡ｪ蜿ｷ繧定ｿｽ蜉
|
|---|
| 1036 | if(ret['nodes'][k]['group'] == (j+1) && obj[i]['classLinks'][j]['linkedClass'] == ret['nodes'][k]['uri']){
|
|---|
| 1037 | targets.push(k);
|
|---|
| 1038 | }
|
|---|
| 1039 | }
|
|---|
| 1040 |
|
|---|
| 1041 | // 譌｢縺ｫ縺ゅ▲縺溷ｴ蜷医�links驟榊�縺ｫ蜷後§link縺悟ｭ伜惠縺吶ｋ縺狗｢ｺ隱� |
|---|
| 1042 | if(targets.length != 0){
|
|---|
| 1043 | // 蜈医⊇縺ｩ隕九▽縺代◆targets縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 1044 | for(var l = 0; l <targets.length; l++){
|
|---|
| 1045 | // links驟榊�縺ｫ蜈ｨ縺丞酔縺俶擅莉ｶ縺ｮ繧ゅ�縺後≠繧九°遒ｺ隱� |
|---|
| 1046 | for(var m = 0; m < ret['links'].length; m++){
|
|---|
| 1047 | // 縺ゅ▲縺溷ｴ蜷井ｻ雁屓縺ｮ繧ゅ�縺ｯ霑ｽ蜉縺帙★source繧呈峩譁ｰ縺励※谺｡縺ｸ
|
|---|
| 1048 | if(ret['links'][m]['source'] == source && ret['links'][m]['target'] == targets[l] && ret['links'][m]['uri'] == obj[i]['classLinks'][j]['predicate'] && !isCommonNow){
|
|---|
| 1049 | // 蜈ｱ騾壹Ν繝ｼ繝医ヵ繝ｩ繧ｰ繧偵が繝ｳ
|
|---|
| 1050 | isCommonNow = true;
|
|---|
| 1051 | source = targets[l];
|
|---|
| 1052 | }
|
|---|
| 1053 | }
|
|---|
| 1054 | }
|
|---|
| 1055 |
|
|---|
| 1056 | // 蜷дarget繧堤｢ｺ隱阪＠縺ｦ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｯ縺ｪ縺九▲縺溷ｴ蜷域眠隕剰ｿｽ蜉
|
|---|
| 1057 | if(!isCommonNow){
|
|---|
| 1058 | isCommon = false;
|
|---|
| 1059 | ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
|
|---|
| 1060 | ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
|
|---|
| 1061 | source = ret['nodes'].length - 1;
|
|---|
| 1062 | }
|
|---|
| 1063 |
|
|---|
| 1064 | // 縺ｪ縺九▲縺溷ｴ蜷医�蛻･譚｡莉ｶ縺ｪ縺ｮ縺ｧ譁ｰ隕剰ｿｽ蜉縺励※谺｡縺ｸ
|
|---|
| 1065 | }else{
|
|---|
| 1066 |
|
|---|
| 1067 | isCommon = false;
|
|---|
| 1068 | ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
|
|---|
| 1069 | ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
|
|---|
| 1070 | source = ret['nodes'].length - 1;
|
|---|
| 1071 | }
|
|---|
| 1072 | // 譌｢縺ｫ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｪ縺�↑繧画眠隕剰ｿｽ蜉縺励※谺｡縺ｸ
|
|---|
| 1073 | }else{
|
|---|
| 1074 | ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
|
|---|
| 1075 | ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
|
|---|
| 1076 | source = ret['nodes'].length - 1;
|
|---|
| 1077 | }
|
|---|
| 1078 |
|
|---|
| 1079 | }
|
|---|
| 1080 | // 譛蠕鯉ｼ域忰遶ｯ繝弱�繝会ｼ峨↓蜷�ｨｮ蛟､繧定ｿｽ蜉
|
|---|
| 1081 | ret['nodes'][ret['nodes'].length - 1]['path'] = obj[i];
|
|---|
| 1082 | ret['nodes'][ret['nodes'].length - 1]['score'] = score;
|
|---|
| 1083 | ret['nodes'][ret['nodes'].length - 1]['nodecolor'] = 'hsl(150, 50%, 75%)';
|
|---|
| 1084 | // 繝代せ謨ｰ繧定ｿｽ蜉
|
|---|
| 1085 | PATHNUM++;
|
|---|
| 1086 | }
|
|---|
| 1087 | // 繝弱�繝蛾俣縺ｮ繧ｹ繝壹�繧ｹ繧定ｨ育ｮ� |
|---|
| 1088 | TREESPACE = $('.SBGraph').width() / (MAXDEPTH + 1);
|
|---|
| 1089 |
|
|---|
| 1090 | // 縺ｧ縺阪◆邨先棡繧定ｿ斐☆
|
|---|
| 1091 | return ret;
|
|---|
| 1092 | };
|
|---|
| 1093 |
|
|---|
| 1094 | set_map_location = function(myNodeIndex, nodes, links, depth, fromAngle, toAngle){
|
|---|
| 1095 |
|
|---|
| 1096 | // depth縺梧悴螳夂ｾｩ縺ｪ繧峨�0繧偵そ繝�ヨ
|
|---|
| 1097 | if (depth == undefined){
|
|---|
| 1098 | depth = 0;
|
|---|
| 1099 | }
|
|---|
| 1100 |
|
|---|
| 1101 | // 蜷�ｨｮ蛻晄悄蛹� |
|---|
| 1102 | var children = undefined;
|
|---|
| 1103 | var parent = undefined;
|
|---|
| 1104 | var parentsChildren = undefined;
|
|---|
| 1105 |
|
|---|
| 1106 | // links驟榊�縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
|
|---|
| 1107 | for (var i=0; i<links.length; i++){
|
|---|
| 1108 | // 縺昴�links縺ｮtarget縺稽yNodeIndex縺ｪ繧英arent繧偵そ繝�ヨ
|
|---|
| 1109 | if (links[i].target == myNodeIndex){
|
|---|
| 1110 | parent = links[i].source;
|
|---|
| 1111 | }
|
|---|
| 1112 | }
|
|---|
| 1113 |
|
|---|
| 1114 | // parent縺瑚ｦ九▽縺九▲縺ｦ縺�◆縺ｪ繧峨�
|
|---|
| 1115 | if (parent != undefined){
|
|---|
| 1116 | // parent縺ｨlinks繧呈ｸ｡縺揚et_children繝｡繧ｽ繝�ラ繧貞ｮ溯｡� |
|---|
| 1117 | parentsChildren = get_children(parent, links);
|
|---|
| 1118 | }
|
|---|
| 1119 |
|
|---|
| 1120 | if(myNodeIndex != 0){
|
|---|
| 1121 | DRAWHEIGHT += (NODEHEIGHT * 1.5);
|
|---|
| 1122 | var x = (depth * TREESPACE) + (TREESPACE / 3);
|
|---|
| 1123 | var y = DRAWHEIGHT;
|
|---|
| 1124 | nodes[myNodeIndex].x = x;
|
|---|
| 1125 | nodes[myNodeIndex].y = y;
|
|---|
| 1126 | }else{
|
|---|
| 1127 | var x = TREESPACE / 3;
|
|---|
| 1128 | var y = (NODEHEIGHT * 1.5) * ((PATHNUM - 1) / 2) + NODEHEIGHT;
|
|---|
| 1129 | nodes[myNodeIndex].x = x;
|
|---|
| 1130 | nodes[myNodeIndex].y = y;
|
|---|
| 1131 | }
|
|---|
| 1132 |
|
|---|
| 1133 | children = get_children(myNodeIndex, links);
|
|---|
| 1134 |
|
|---|
| 1135 | for (var i=0; i<children.length; i++){
|
|---|
| 1136 | if(i == 0){
|
|---|
| 1137 | DRAWHEIGHT -= (NODEHEIGHT * 1.5);
|
|---|
| 1138 | }
|
|---|
| 1139 | var child = children[i];
|
|---|
| 1140 | set_map_location(child, nodes, links, depth+1, fromAngle + ((toAngle - fromAngle) / children.length) * i, fromAngle + ((toAngle - fromAngle) / children.length) * (i+1));
|
|---|
| 1141 | }
|
|---|
| 1142 |
|
|---|
| 1143 | };
|
|---|
| 1144 |
|
|---|
| 1145 | // 謖�ｮ壹＆繧後◆隕ｪ縺梧戟縺､蟄舌ｒ霑斐☆
|
|---|
| 1146 | get_children = function(index, links){
|
|---|
| 1147 | var children = new Array();
|
|---|
| 1148 | // links縺ｮ謨ｰ縺縺醍｢ｺ隱阪＠縺ｪ縺後ｉ
|
|---|
| 1149 | for (var i=0; i<links.length; i++){
|
|---|
| 1150 | // 隕ｪ縺梧ｸ｡縺輔ｌ縺溯ｦｪ縺ｨ荳閾ｴ縺吶ｋ譎ゅ�蟄舌ｒ霑ｽ蜉
|
|---|
| 1151 | if (links[i].source == index){
|
|---|
| 1152 | children.push(links[i].target);
|
|---|
| 1153 | }
|
|---|
| 1154 | }
|
|---|
| 1155 | return children;
|
|---|
| 1156 | };
|
|---|
