Changeset 36010 for main/trunk


Ignore:
Timestamp:
2022-01-14T17:01:55+13:00 (2 years ago)
Author:
davidb
Message:

Expansion of metadata displayed; improvements to layout

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r35994 r36010  
    2727      </gsf:switch>
    2828    </span>
    29 
     29    <div style="clear:both;"><xsl:text> </xsl:text></div>
     30   
    3031    <div>
    3132     <style>
    … …  
    3839   
    3940      table.esc-metadata {
    40         margin-top: 20px;
     41        margin-top: 5px;
    4142        min-width: 650px;
    4243        padding: 10px;
    … …  
    7071     </div>
    7172     
    72      <table class="esc-metadata" style="float: left;">
     73     <table
     74     prefix="mo: http://purl.org/ontology/mo/
     75              dc: http://purl.org/dc/elements/1.1/
     76              xsd: http://www.w3.org/2001/XMLSchema#
     77              tl: http://purl.org/NET/c4dm/timeline.owl#
     78              event: http://purl.org/NET/c4dm/event.owl#
     79              foaf: http://xmlns.com/foaf/0.1/
     80              rdfs: http://www.w3.org/2000/01/rdf-schema#"
     81         
     82     class="esc-metadata" style="float: left;">
    7383     
    7484      <gsf:switch>
    … …  
    145155      </tr>
    146156    </gsf:when>
     157
    147158    <gsf:otherwise>
    148 <!--     
    149       </gsf:switch>
    150      
    151       <gsf:switch>
    152         <gsf:metadata name='Title'/>
    153         <gsf:when test='exists'>
    154 -->
    155159      <tr>
    156160        <td>
    … …  
    169173              <gsf:metadata name="WikipediaURL_uri" />
    170174            </xsl:attribute>
    171             <gsf:metadata name="Title" highlight="highlight" /> @ Wikipedia
     175
     176            <span typeof="mo:Track" about="#track-1">
     177              <span property="dc:title"><gsf:metadata name="Title" highlight="highlight" /></span>
     178            </span>
     179            @ Wikipedia
    172180            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
    173181          </a>
    174182        </gsf:when>
    175183        <gsf:otherwise>
    176           <gsf:metadata name="Title" highlight="highlight" />
     184          <span typeof="mo:Track" about="#track-1">
     185            <span property="dc:title"><gsf:metadata name="Title" highlight="highlight" /></span>
     186          </span>
    177187        </gsf:otherwise>
    178188          </gsf:switch>
    179189        </td>
    180190      </tr>
    181 <!--     
    182     </gsf:when>
    183 -->
    184191    </gsf:otherwise>
    185192      </gsf:switch>
    … …  
    193200        </td>
    194201        <td>
    195           <gsf:metadata name="Creator" highlight="highlight" />
     202          <span property="foaf:name"><gsf:metadata name="Creator" highlight="highlight" /></span>         
    196203        </td>
    197204      </tr>
    … …  
    230237        </td>
    231238        <td>
    232           <gsf:metadata name="Year" highlight="highlight" />
     239          <gsf:variable name="Year"><gsf:metadata name="Year"/></gsf:variable>       
     240          <span property="dc:coverage" datatype="xsd:date" content="{$Year}"><gsf:metadata name="Year" highlight="highlight" /></span>
     241                 
    233242          <!--
    234243          <a target="_blank" href="https://en.wikipedia.org/wiki/Eurovision_Song_Contest_{$escyear}">
    … …  
    252261          Beats per minute (bpm):
    253262        </td>
    254         <td id="essentia-rhythm_bpm">
     263        <td>
     264          <gsf:variable name="BPM"><gsf:metadata name="essentia.rhythm_bpm" /></gsf:variable>
     265          <span property="mo:bpm" datatype="xsd:float" content="{$BPM}" id="essentia-rhythm_bpm"></span>       
    255266          <gsf:script>
    256267        $( document ).ready(function() {
    … …  
    279290      </gsf:switch>
    280291
    281       <gsf:switch>
    282         <gsf:metadata name='lyrics'/>
    283         <gsf:when test='exists'>
    284       <tr>
    285         <td>
    286           Lyrics:
    287         </td>
    288         <td>
    289           <tt id="lyrics"></tt>
    290           <gsf:script>
    291         $( document ).ready(function() {
    292           var lyrics = gs.documentMetadata["lyrics"]
    293           lyrics = lyrics.replace(/\n/g,"⏎")
    294           lyrics = lyrics.replace(/⏎⏎/g,"&lt;hr class=\"verse-divider\"/&gt;")
    295           lyrics = lyrics.replace(/⏎/g," ⏎ ")
    296        
    297           $("#lyrics").html(lyrics)
    298         })
    299           </gsf:script>
    300         </td>
    301         <!--
    302         <td>
    303           <tt><gsf:metadata name="lyrics" highlight="highlight" /></tt>
    304         </td>
    305         -->
    306       </tr>
    307     </gsf:when>
    308       </gsf:switch>
    309 
    310292
    311293     
    312294     </table>
    313295
    314     <div style="clear:both;"><xsl:text> </xsl:text></div>
    315   </div>
     296     <div style="clear:both;"><xsl:text> </xsl:text></div>
     297
     298       <gsf:switch>
     299         <gsf:metadata name='lyrics'/>
     300         <gsf:when test='exists'>
     301       <div style="padding-top: 10px; padding-bottom: 0px;">
     302         <hr />
     303         <span>
     304           <b>Lyrics:</b>
     305         </span>
     306         <br />
     307
     308         <div id="lyrics-div" style="display: none;">
     309           <span property="mo:lyrics" datatype="xsd:string" id="lyrics"><gsf:metadata name="lyrics" highlight="highlight" pos="first"/></span>
     310         </div>
     311         
     312         <gsf:script>
     313           $( document ).ready(function() {
     314             var lyrics = $('#lyrics').html();
     315             lyrics = lyrics.replace(/\\\\n\\n/g,"⏎⏎")
     316             lyrics = lyrics.replace(/\\\\n/g,"⏎")
     317             lyrics = lyrics.replace(/⏎⏎/g,"&lt;hr class=\"verse-divider\"/&gt;")
     318             lyrics = lyrics.replace(/⏎/g," ⏎ ")
     319         
     320             $("#lyrics").html(lyrics)
     321             $("#lyrics-div").show()
     322           })
     323         </gsf:script>
     324         <hr />
     325       </div>
     326     </gsf:when>
     327       </gsf:switch>
     328     </div>
     329     
    316330
    317331  </xsl:template>
    … …  
    364378    <div id="find-more-content">
    365379      Find more content about this Eurovision entry on-line:
     380
    366381      <ul>
    367     <li>
    368       <a target="_blank">
    369         <xsl:attribute name="href">
    370           //www.google.com/search?q=Eurovision+<gsf:metadata name="Title"/>+<gsf:metadata name="Country"/>
    371         </xsl:attribute>
    372         @ Google Web Search (including <img src="sites/{$site_name}/collect/{$collName}/images/yt_logo_rgb_dark75.png"/>)
    373         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
    374       </a>
    375       <gsf:space/>
    376       <!--
    377       <a target="_blank">
    378         <xsl:attribute name="href">
    379           //www.google.com/search?q=Eurovision+<gsf:metadata name="Title"/>+<gsf:metadata name="Country"/>
    380         </xsl:attribute>
    381         and Google Web Search
    382       </a>
    383       -->
    384     </li>
    385 
    386     <li>
    387       <a target="_blank">
    388         <xsl:attribute name="href">
    389           //www.google.com/search?q=<gsf:metadata name="Creator"/>+<gsf:metadata name="Title"/>+site:genius.com
    390         </xsl:attribute>
    391         @ Genius.com (lyrics)
    392         <gsf:space/>
    393         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
    394       </a>
    395     </li>
    396 
    397     <li>
    398       <a target="_blank">
    399         <xsl:attribute name="href">
    400           //www.google.com/search?q=<gsf:metadata name="Creator"/>+<gsf:metadata name="Title"/>+site:ultimate-guitar.com
    401         </xsl:attribute>
    402         @ Ultimate-Guitar (chords/tab)
    403         <gsf:space/>
    404         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
    405       </a>
    406     </li>
    407    
    408     <li>
    409       <a target="_blank">
    410         <xsl:attribute name="href">
    411           //www.google.com/search?q=&quot;<gsf:metadata name="Title"/>&quot; site:musicbrainz.org
    412         </xsl:attribute>
    413         @ MusicBrainz (music-oriented linked data about the song)
    414         <gsf:space/>
    415         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
    416       </a>
    417     </li>
    418382
    419383    <gsf:switch>
    … …  
    433397      </gsf:when>
    434398    </gsf:switch>
     399
     400
     401    <gsf:switch>
     402        <gsf:metadata name='youtube_url'/>
     403        <gsf:when test='exists'>
     404          <li>
     405        <a target="_blank">
     406          <xsl:attribute name="href"><gsf:metadata name="youtube_url"/></xsl:attribute>
     407          @ <img src="sites/{$site_name}/collect/{$collName}/images/yt_logo_rgb_dark75.png"/>
     408          <gsf:space/>
     409          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
     410        </a>
     411          </li>
     412          <li>
     413        <a target="_blank">
     414          <xsl:attribute name="href">
     415            //www.google.com/search?q=Eurovision+<gsf:metadata name="Title"/>+<gsf:metadata name="Country"/>
     416          </xsl:attribute>
     417          Google Web Search
     418          <gsf:space/>
     419          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
     420        </a>
     421          </li>
     422        </gsf:when>
     423        <gsf:otherwise>
     424          <li>
     425        <a target="_blank">
     426          <xsl:attribute name="href">
     427            //www.google.com/search?q=Eurovision+<gsf:metadata name="Title"/>+<gsf:metadata name="Country"/>
     428          </xsl:attribute>
     429          Google Web Search (including <img src="sites/{$site_name}/collect/{$collName}/images/yt_logo_rgb_dark75.png"/>)
     430          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
     431        </a>
     432        <gsf:space/>
     433        <!--
     434            <a target="_blank">
     435              <xsl:attribute name="href">
     436                //www.google.com/search?q=Eurovision+<gsf:metadata name="Title"/>+<gsf:metadata name="Country"/>
     437              </xsl:attribute>
     438              and Google Web Search
     439            </a>
     440        -->
     441          </li>
     442        </gsf:otherwise>
     443    </gsf:switch>
     444     
     445
     446    <!--
     447    <li>
     448      <a target="_blank">
     449        <xsl:attribute name="href">
     450          //www.google.com/search?q=<gsf:metadata name="Creator"/>+<gsf:metadata name="Title"/>+site:genius.com
     451        </xsl:attribute>
     452        @ Genius.com (lyrics search)
     453        <gsf:space/>
     454        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
     455      </a>
     456    </li>
     457    -->
     458   
     459    <li>
     460      <a target="_blank">
     461        <xsl:attribute name="href">
     462          //www.google.com/search?q=<gsf:metadata name="Creator"/>+<gsf:metadata name="Title"/>+site:ultimate-guitar.com
     463        </xsl:attribute>
     464        Chord/Tab search @ Ultimate-Guitar
     465        <gsf:space/>
     466        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
     467      </a>
     468    </li>
     469   
     470    <li>
     471      <a target="_blank">
     472        <xsl:attribute name="href">
     473          //www.google.com/search?q=&quot;<gsf:metadata name="Title"/>&quot; site:musicbrainz.org
     474        </xsl:attribute>
     475        Linked Open Data song title search @ MusicBrainz
     476        <gsf:space/>
     477        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=" alt="external link" />
     478      </a>
     479    </li>
     480
     481    <gsf:switch>
     482      <gsf:metadata name="json.-AssocEssentia" />
     483      <gsf:when test="exists"> 
     484        <li>
     485          <xsl:variable name="httpCollection"><xsl:value-of select="$library_name"/>/sites/<xsl:value-of select="$site_name"/>/collect/<xsl:value-of select="/page/pageResponse/collection/@name"/></xsl:variable>
     486               <xsl:variable name="assocFilePath"><gsf:metadata name="assocfilepath" select="root"/></xsl:variable>
     487          <gsf:variable name="AssocEssentiaJSON"><gsf:OID/>-AssocEssentia.json</gsf:variable>
     488          <a download="{$AssocEssentiaJSON}" href="{$httpCollection}/index/assoc/{$assocFilePath}/{$AssocEssentiaJSON}">Download Audio Features</a>
     489        </li>
     490      </gsf:when>
     491    </gsf:switch>
    435492   
    436493      </ul>
Note: See TracChangeset for help on using the changeset viewer.