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

更新日時:

2015/03/24 10:29:12 (10 年 前)

更新者:

lenz

ログメッセージ:

クラス選択フローの変更
Macでクラスなどの選択肢部分のスクロールバーがデフォルトで非表示にされてしまう機能を無効化（要検証）

パス:

SPARQLBuilderWWW/web

ファイル:

• newsparqlbuilder.css (変更) (1 diff)
• newsparqlbuilder.js (変更) (8 diff)

SPARQLBuilderWWW/web/newsparqlbuilder.css

@@ +1 @@
+ul.select2-results__options{
+        -webkit-appearance: none;
+}
 #SPARQLBUILDER{
         width: 90%;

SPARQLBuilderWWW/web/newsparqlbuilder.js

@@ -60 +60 @@
         $(".SBStartClassSelect").change(function() {
                 startClass = $(".SBStartClassSelect").val();
-                loadPathList();
+                loadEndClassList();
         });
         $(".SBEndClassSelect").change(function() {
@@ -104 +104 @@
         if(defendpoint != "" && defstartclass != "" && defendclass != ""){
 
-                $('.SBStartClassSelect').on('lccomplete', function(){
+                $('.SBStartClassSelect').on('lsccomplete', function(){
                         $('.SBStartClassSelect').val(defstartclass);
                         defstartclass = "";
-                        $('.SBEndClassSelect').val(defendclass);
-                        defendclass = "";
 
                         $(".SBEndPointSelect").select2();
@@ -114 +112 @@
                         $(".SBEndClassSelect").select2();
 
-                        $('.SBStartClassSelect').unbind('lccomplete');
+                        $('.SBStartClassSelect').unbind('lsccomplete');
+                        loadEndClassList();
+                });
+
+                $('.SBEndClassSelect').on('leccomplete', function(){
+                        $('.SBEndClassSelect').val(defendclass);
+                        defendclass = "";
+
+                        $(".SBEndPointSelect").select2();
+                        $(".SBStartClassSelect").select2();
+                        $(".SBEndClassSelect").select2();
+
+                        $('.SBEndClassSelect').unbind('leccomplete');
                 });
 
@@ -125 +135 @@
                                 $('.SBEndPointSelect').val(defendpoint);
                                 defendpoint = "";
-                                loadClassList();
+                                loadStartClassList();
                                 $('.SBEndPointSelect').unbind('epcomplete');
                         });
@@ -131 +141 @@
                         $('.SBEndPointSelect').val(defendpoint);
                         defendpoint = "";
-                        loadClassList();
+                        loadStartClassList();
                 }
         }
@@ -212 +222 @@
         endpoint = $(".SBEndPointSelect").val();
         if(endpoint != "SBDefault"){
-                loadClassList();
+                loadStartClassList();
         }
 };
 
-loadClassList = function() {
+loadStartClassList = function() {
         $('.SBPermaLinkButton').attr('disabled', true);
         var url = "http://www.sparqlbuilder.org/api/clist?ep=" + encodeURIComponent(endpoint);
@@ -227 +237 @@
                         $(".SBStartClassSelect").empty();
                         $(".SBEndClassSelect").empty();
-                        $(".SBStartClassSelect").append('<option value="SBDefault">SELECT StartClass</option>');
-                        $(".SBEndClassSelect").append('<option value="SBDefault">SELECT EndClass</option>');
+                        $(".SBStartClassSelect").append('<option value="SBDefault">SELECT StartClass (From ' + list.length + ' below)</option>');
                         for (var i = 0; i < list.length; ++i) {
                                 $(".SBStartClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
-                                $(".SBEndClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
                         }
                         $(".SBStartClassSelect").select2();
                         $(".SBEndClassSelect").select2();
-                        $(".SBStartClassSelect").trigger(new $.Event('lccomplete'));
+                        $(".SBStartClassSelect").trigger(new $.Event('lsccomplete'));
+                }
+        });
+};
+
+loadEndClassList = function() {
+        $('.SBPermaLinkButton').attr('disabled', true);
+        var url = "http://www.sparqlbuilder.org/api/clist?ep=" + encodeURIComponent(endpoint) + '&class=' + encodeURIComponent($(".SBStartClassSelect").val());
+        $.ajax({
+                type : "GET",
+                url : url,
+                async : false,
+                success : function(data) {
+                        var list = eval(data);
+                        $(".SBEndClassSelect").empty();
+                        $(".SBEndClassSelect").append('<option value="SBDefault">SELECT EndClass (From ' + list.length + ' below)</option>');
+                        for (var i = 0; i < list.length; ++i) {
+                                $(".SBEndClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
+                        }
+                        $(".SBStartClassSelect").select2();
+                        $(".SBEndClassSelect").select2();
+                        $(".SBEndClassSelect").trigger(new $.Event('leccomplete'));
                 }
         });
@@ -533 +562 @@
                         .attr("y", function(d) { return d.y + 4; })
                         .text(function(d) { return d.score; })
-                        .style("fill", '#ff0000')
+                        .style("fill", 'hsl(0, 50%, 75%)')
                         .style("text-anchor", 'middle')
                         .style("pointer-events", "none");