Modified the ruleset names to open the elements within them, and we added an 'edit' link to allow editing the rulesets. 'A commit message (from Bruce).'

Author: JSBach-BYU

packages/pico-engine/public/index.html

@@ -197,7 +197,9 @@ <h2>Children</h2>
 Pico Rulesets
 <ul id="ruleset-list" style="list-style: none;padding:0">
 {{#each installed}}
-<li><input type="checkbox"><span class="krlrid">{{@key}}</span>
+<li><input type="checkbox" id="installed-{{@index}}">
+<label for="installed-{{@index}}">{{@key}}</label>
+<a href="javascript:window.open('ruleset.html#{{@key}}','ruleset');void 0">edit</a>
 {{#if canDel}}
 <a class="js-ajax-link" href="/api/pico/{{../pico_id}}/rm-ruleset/{{@key}}">del</a>
 {{/if}}
@@ -310,7 +312,9 @@ <h2>Children</h2>
 Testing
 <ul class="testing-rids">
 {{#each testing}}
-<li><input type="checkbox"><span class="krlrid">{{this.rid}}</span>
+<li><input type="checkbox" id="testing-{{@index}}">
+<label class="krlrid" for="testing-{{@index}}">{{this.rid}}</label>
+<a href="javascript:window.open('ruleset.html#{{this.rid}}','ruleset');void 0">edit</a>
 </li>
 {{/each}}
 <li class="legend">Legend

packages/pico-engine/public/js/index.js

@@ -243,7 +243,6 @@ $.getJSON("/api/db-dump?legacy=true", function(db_dump){
       $theSection.html(tabTemplate(theDB));
       var d = "";
       if(liContent === "rulesets") {
-        $(".pico-edit .krlrid").click(displayKrl);
         d = theDB.pico_id+"-Rulesets";
         location.hash = d;
         $theSection.find('.rulesetFromURL').submit(function(e){
@@ -296,18 +295,18 @@ $.getJSON("/api/db-dump?legacy=true", function(db_dump){
         $(".testing-rids li input").change(function(e){
           $("#test-results pre").html("");
           if(this.checked){
-            var $span = $(this).next(".krlrid");
-            if($span.next().length==0){
-              var rid = $span.text();
+            var $label = $(this).next(".krlrid");
+            let $editAnchor = $label.next("a");
+            if($editAnchor.next('ul').length==0){
+              var rid = $label.text();
               var eci = theDB.eci;
               $.getJSON("/sky/cloud/"+eci+"/"+rid+"/__testing",function(c){
-                $span.after(capTemplate({eci:eci,rid:rid,capabilities:c}));
-              }).fail(function(){$span.after("<ul></ul>");
+                $editAnchor.after(capTemplate({eci:eci,rid:rid,capabilities:c}));
+              }).fail(function(){$editAnchor.after("<ul></ul>");
               });
             }
           }
         });
-        $(".pico-edit .krlrid").click(displayKrl);
         location.hash = theDB.pico_id+"-Testing";
       } else if(liContent === "about") {
         $theSection.find('.use-minicolors').minicolors(