Ignore:
Timestamp:
2021-04-22T14:50:00+12:00 (3 years ago)
Author:
davidb
Message:

General text update; auto-focus param added into ssv_execute()

File:
1 edited

Legend:

Unmodified
Added
Removed

  • main/trunk/model-sites-dev/eurovision-lod/collect/eurovision/transform/pages/sgvizler.xsl

    r35089 r35093  
    5252      <link rel="stylesheet" href="sites/{$site_name}/collect/{$collName}/style/fuseki.css" type="text/css" />
    5353      -->
     54      <gsf:script src="sites/{$site_name}/collect/{$collName}/js/jquery.show-more.js"/>   
    5455      <gsf:script src="sites/{$site_name}/collect/{$collName}/js/eurovision.js"/>
    5556      <gsf:script src="sites/{$site_name}/collect/{$collName}/js/dataviz.js"/>
    … …  
    5859      <link rel="stylesheet" href="sites/{$site_name}/collect/{$collName}/css/dataviz.css" type="text/css" />
    5960      <style>
    60         div.page { margin-left: 12px; margin-right: 12px; margin-top: 6px; margin-bottom: 6px;}
    61 
    62         p  { padding-top: 6px; padding-bottom: 6px;}
    63         a  { text-decoration: underline; }
    64         li { padding-bottom: 6px; margin-bottom: 6px; }
     61        #gs_content div.page     { margin-left: 12px; margin-right: 12px; margin-top: 6px; margin-bottom: 6px;}
     62        #gs_content div.showmore { padding-left:  0px; padding-right:  0px; padding-top: 0px; padding-bottom: 0px;}
     63       
     64        #gs_content p  { padding-top: 6px; padding-bottom: 6px;}
     65        #gs_content a  { text-decoration: underline; }
     66        #gs_content li { padding-bottom: 6px; margin-bottom: 6px; }
    6567      </style>
    6668
    … …  
    9193        </p>
    9294
    93         <p>
    94           We use this two-step process so it is possible to
    95           change what query is run, and how the resulting data is visualized.
    96           The first text-box below is for the SPARQL query.  The following
    97           3 text-boxes control aspects of the visualization.
    98           If you haven't worked with the underlying tools before,
    99           we suggest you work your way through the sample visualizations
    100           provided, trying out small edits to see how that affects
    101           what is produced.
    102         </p>
    103         <p>
    104           Rather than visualize results, if you would like to
    105           directly access and/or export the data to peroforms
    106           other forms of analysis, then you'll probably want to
    107           use the:
    108           <ul>
    109         <li>
    110           <a href="{$library_name}/collection/{$collName}/page/sparql">Data Analysis page</a>
    111         </li>
    112           </ul>
    113         </p>
     95        <div id="sgvizler-show-more" class="showmore">
     96          <p>
     97        We use this two-step process so it is possible to
     98        change what query is run, and how the resulting data is visualized.
     99        The first text-box below is for the SPARQL query.  The following
     100        3 text-boxes control aspects of the visualization.
     101        If you haven't worked with the underlying tools before,
     102        we suggest you work your way through the sample visualizations
     103        provided, trying out small edits to see how that affects
     104        what is produced.
     105          </p>
     106          <p>
     107        Rather than visualize results, if you would like to
     108        directly access and/or export the data to peroforms
     109        other forms of analysis, then you'll probably want to
     110        use the:
     111        <ul>
     112          <li>
     113            <a href="{$library_name}/collection/{$collName}/page/sparql">Data Analysis page</a>
     114          </li>
     115        </ul>
     116          </p>
     117        </div>
     118        <gsf:script>
     119          $('#sgvizler-show-more').showMore({
     120            minheight: 0,
     121        buttontxtmore:"show more ...",
     122        buttontxtless:"... show less"
     123          });
     124        </gsf:script>       
    114125       
    115126      </div>     
    … …  
    183194      <script type="text/javascript">
    184195        <xsl:text disable-output-escaping="yes">
    185           $(document).ready(   
    186                 function() {
     196          $(document).ready(
     197              function() {
    187198              ssv_load("ssv-orig");
    188               ssv_execute();
     199              ssv_execute(ssv_no_auto_focus);
    189200            }
    190201              );
    … …  
    275286        <b>Number of times entered, sorted by frequency:</b><br/>
    276287        <button type="button" class="load-ssq" id="load-ssv-orig" onclick="ssv_load('ssv-orig')">Load query above</button>
    277         <button type="button" class="exec-ssq" id="exec-ssv-orig" onclick="ssv_execute()">Visualize Results</button><br/>
     288        <button type="button" class="exec-ssq" id="exec-ssv-orig" onclick="ssv_execute(ssv_auto_focus)">Visualize Results</button><br/>
    278289        <p>
    279290          Plot as a bar graph the number of times each country has competed in the
    … …  
    285296        <b>Made the Finals:</b><br/>
    286297        <button type="button" class="load-ssq" id="load-ssv-made-the-final" onclick="ssv_load('ssv-made-the-final')">Load query above</button>
    287         <button type="button" class="exec-ssq" id="exec-ssv-made-the-final" onclick="ssv_execute()">Visualize Results</button><br/>
     298        <button type="button" class="exec-ssq" id="exec-ssv-made-the-final" onclick="ssv_execute(ssv_auto_focus)">Visualize Results</button><br/>
    288299        <p>Plot as a bar graph the number of times each country has made it to the finals.</p>
    289300          </li>
    … …  
    292303        <b>List of Winners:</b><br/>
    293304        <button type="button" class="load-ssq" id="load-ssv-list-of-winners" onclick="ssv_load('ssv-list-of-winners')">Load query above</button>
    294         <button type="button" class="exec-ssq" id="exec-ssv-list-of-winners" onclick="ssv_execute()">Visualize Tabulated Results</button><br/>
     305        <button type="button" class="exec-ssq" id="exec-ssv-list-of-winners" onclick="ssv_execute(ssv_auto_focus)">Visualize Tabulated Results</button><br/>
    295306        <p>The songs that have won through the ages.</p>
    296307          </li>
    … …  
    299310        <b>List of Last Place Entrants:</b><br/>
    300311        <button type="button" class="load-ssq" id="load-ssv-list-of-losers" onclick="ssv_load('ssv-list-of-losers')">Load query above</button>
    301         <button type="button" class="exec-ssq" id="exec-ssv-list-of-losers" onclick="ssv_execute()">Visualize Tabulated Results</button><br/>
     312        <button type="button" class="exec-ssq" id="exec-ssv-list-of-losers" onclick="ssv_execute(ssv_auto_focus)">Visualize Tabulated Results</button><br/>
    302313        <p>The songs that have won through the ages.</p>
    303314          </li>
    … …  
    306317        <b>Top 3 Acts per Year with (where available) Details of Musical Content:</b><br/>
    307318        <button type="button" class="load-ssq" id="load-ssv-top-3-with-mir-content" onclick="ssv_load('ssv-top-3-with-mir-content')">Load query above</button>
    308         <button type="button" class="exec-ssq" id="exec-ssv-top-3-with-mir-content" onclick="ssv_execute()">Visualize Tabulated Results</button><br/>
     319        <button type="button" class="exec-ssq" id="exec-ssv-top-3-with-mir-content" onclick="ssv_execute(ssv_auto_focus)">Visualize Tabulated Results</button><br/>
    309320        <p>List the Top 3 entries per year, including musical details such as tempo, time-signature, and key where alignment with content in MusicBrainz was possible.</p>
    310321          </li>
    … …  
    313324        <b>The ignominy of &quot;nul point&quot;:</b><br/>
    314325        <button type="button" class="load-ssq" id="load-ssv-got-nul-point" onclick="ssv_load('ssv-got-nul-point')">Load query above</button>
    315         <button type="button" class="exec-ssq" id="exec-ssv-got-nul-point" onclick="ssv_execute()">Visualize Results</button><br/>
     326        <button type="button" class="exec-ssq" id="exec-ssv-got-nul-point" onclick="ssv_execute(ssv_auto_focus)">Visualize Results</button><br/>
    316327        <p>
    317328          Plot a bar graph showing which countries, and how
    … …  
    324335        <b>The even more galling circumstance of getting &quot;nul point&quot; having won the previous year:</b><br/>
    325336        <button type="button" class="load-ssq" id="load-ssv-got-nul-point-after-winning" onclick="ssv_load('ssv-got-nul-point-after-winning')">Load query above</button>
    326         <button type="button" class="exec-ssq" id="exec-ssv-got-nul-point-after-winning" onclick="ssv_execute()">Visualize Results</button><br/>
     337        <button type="button" class="exec-ssq" id="exec-ssv-got-nul-point-after-winning" onclick="ssv_execute(ssv_auto_focus)">Visualize Results</button><br/>
    327338        <p>
    328339          Have any countries ever been in the situation of going from Hero (i.e., winning) to Zero (nul point) in back to back years in
    … …  
    342353            <input type="text" id="ssv-voting-dataflow-jury-endyear"   value="2019" style="width: 80px; padding-left: 6px"/>
    343354          </div>
    344           <button type="button" class="exec-ssq" id="exec-ssv-voting-dataflow-jury" onclick="ssv_execute('ssv-voting-dataflow-jury')">Visualize Results</button>
     355          <button type="button" class="exec-ssq" id="exec-ssv-voting-dataflow-jury" onclick="ssv_execute(ssv_auto_focus,'ssv-voting-dataflow-jury')">Visualize Results</button>
    345356        </div>
    346357        <p>
    … …  
    374385          </span>
    375386       
    376           <button type="button" class="exec-ssq" id="exec-ssv-voting-dataflow-tele" onclick="ssv_execute('ssv-voting-dataflow-tele')">Visualize Results</button><br/>
     387          <button type="button" class="exec-ssq" id="exec-ssv-voting-dataflow-tele" onclick="ssv_execute(ssv_auto_focus,'ssv-voting-dataflow-tele')">Visualize Results</button><br/>
    377388        </div>
    378389        <p>
    … …  
    397408          </span>
    398409       
    399           <button type="button" class="exec-ssq" id="exec-ssv-jury-tele-diff" onclick="ssv_execute('ssv-jury-tele-diff')">Visualize Results</button><br/>
     410          <button type="button" class="exec-ssq" id="exec-ssv-jury-tele-diff" onclick="ssv_execute(ssv_auto_focus,'ssv-jury-tele-diff')">Visualize Results</button><br/>
    400411        </div>
    401412        <p>
    … …  
    417428        <b>The Curse of Being the Second Performer in the Lineup?</b><br/>
    418429        <button type="button" class="load-ssq" id="load-ssv-draw-bias" onclick="ssv_load('ssv-draw-bias')">Load query above</button>
    419         <button type="button" class="exec-ssq" id="exec-ssv-draw-bias" onclick="ssv_execute()">Visualize Results</button><br/>
     430        <button type="button" class="exec-ssq" id="exec-ssv-draw-bias" onclick="ssv_execute(ssv_auto_focus)">Visualize Results</button><br/>
    420431        <p>
    421432          Plot as a bar graph how many times an entrant
    … …  
    432443        <b>Normalized Plot of ... The Curse of Being the Second Performer in the Lineup?</b><br/>
    433444        <button type="button" class="load-ssq" id="load-ssv-draw-bias-normalized" onclick="ssv_load('ssv-draw-bias-normalized')">Load query above</button>
    434         <button type="button" class="exec-ssq" id="exec-ssv-draw-bias-normalized" onclick="ssv_execute()">Visualize Results</button><br/>
     445        <button type="button" class="exec-ssq" id="exec-ssv-draw-bias-normalized" onclick="ssv_execute(ssv_auto_focus)">Visualize Results</button><br/>
    435446        <p>
    436447          Same as the above, only to better take account of
Note: See TracChangeset for help on using the changeset viewer.