Ignore:
Timestamp:
2015-05-18T00:46:55+12:00 (9 years ago)
Author:
davidb
Message:

Basic popup functionality added in (hard-wired for now)

Location:
main/trunk/model-sites-dev/respooled/collect/popup-video-respooled
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/etc/collectionConfig.xml

    r29885 r29890  
    1717        <displayItem assigned="true" lang="en" name="section">section</displayItem>
    1818    </displayItemList>
    19     <format>
    20             <gsf:template name="choose-title">
    21                 <gsf:choose-metadata>
    22                     <gsf:metadata name="dc.Title"/>
    23                     <gsf:metadata name="exp.Title"/>
    24                     <gsf:metadata name="ex.dc.Title"/>
    25                     <gsf:metadata name="ex.ID3.Title"/>
    26                     <gsf:metadata name="ex.Title"/>
    27                     <gsf:metadata name="Title"/>
    28                     <gsf:default>Untitled</gsf:default>
    29                 </gsf:choose-metadata>
    30                 <gsf:switch>
    31                     <gsf:metadata name="dc.Creator"/>
    32                     <gsf:when test="exists">
    33                         <gsf:switch>
    34                           <gsf:metadata name="dc.Creator"/>
    35                             <gsf:when test="notEquals" test-value="Unknown">
    36                             by
    37                             <i><gsf:metadata name="dc.Creator"/></i>
    38                             </gsf:when>
    39                         </gsf:switch>
    40                     </gsf:when>
    41                 </gsf:switch>
    42             </gsf:template>
    43         </format>
     19    <format>  <gsf:template name="choose-title">
     20    <gsf:choose-metadata>
     21      <gsf:metadata name="dc.Title"/>
     22      <gsf:metadata name="exp.Title"/>
     23      <gsf:metadata name="ex.dc.Title"/>
     24      <gsf:metadata name="ex.ID3.Title"/>
     25      <gsf:metadata name="ex.Title"/>
     26      <gsf:metadata name="Title"/>
     27      <gsf:default>Untitled</gsf:default>
     28    </gsf:choose-metadata>
     29    <gsf:switch>
     30      <gsf:metadata name="dc.Creator"/>
     31      <gsf:when test="exists">
     32        <gsf:switch>
     33          <gsf:metadata name="dc.Description"/>
     34          <gsf:when test="notEquals" test-value="Unknown">
     35 
     36              <gsf:metadata name="dc.Description"/>
     37
     38          </gsf:when>
     39        </gsf:switch>
     40      </gsf:when>
     41    </gsf:switch>
     42  </gsf:template>
     43
     44</format>
    4445    <search type="lucene">
    4546        <level name="document">
    4647            <displayItem lang="en" name="name">document</displayItem>
    4748        </level>
    48 <!--
    49         <level name="section">
    50             <displayItem lang="en" name="name">section</displayItem>
    51         </level>
    52 -->
    5349        <defaultLevel name="document"/>
    5450        <index name="dc.Title,ex.dc.Title,ex.ID3.Title,Title">
    … …  
    108104                    <gsf:switch>
    109105                        <gsf:metadata name="artist"/>
    110                         <gsf:when test="exists">
    111                           by
    112                           <gsf:metadata name="artist"/>
    113                         </gsf:when>
     106                        <gsf:when test="exists">by<gsf:metadata name="artist"/></gsf:when>
    114107                    </gsf:switch>
    115108                    <gsf:switch>
    … …  
    129122            <plugin name="ZIPPlugin"/>
    130123            <plugin name="GreenstoneXMLPlugin"/>
    131 <!--
    132             <plugin name="EmbeddedMetadataPlugin">
    133                 <option name="-process_exp" value="(?i)\.mp4$"/>
    134             </plugin>
    135 -->
    136124            <plugin name="UnknownPlugin">
    137125                <option name="-process_exp" value="(i?)\.mp4$"/>
    138126                <option name="-OIDtype" value="hash_on_full_filename"/>
    139127                <option name="-file_rename_method" value="base64"/>
    140 
    141128            </plugin>
    142129            <plugin name="TextPlugin"/>
    … …  
    184171                </td>
    185172<!--
    186                 <td valign="top">
     173<td valign="top">
    187174                    <gsf:link type="source">
    188175                        <gsf:choose-metadata>
    … …  
    245232    </browse>
    246233    <display>
    247         <format>
    248             <gsf:option name="TOC" value="false"/>
     234        <format>  <gsf:option name="TOC" value="false"/>
    249235<!--
    250236Overwriting this template allows you to change the heading of the document.
    251237-->
    252             <gsf:template name="documentHeading">
    253               <gsf:metadata name="assocfilepath" select="root" hidden="true"/>
     238  <gsf:template name="documentHeading">
     239    <gsf:metadata hidden="true" name="assocfilepath" select="root"/>
     240    <xsl:variable name="httpCollection">
     241      <xsl:value-of select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>
     242    </xsl:variable>
     243<!--
     244Metadata derived from finger-printing
     245-->
     246<!--
     247<xsl:call-template name="discovery-block">
     248<xsl:with-param name="httpCollection" select="$httpCollection"/>
     249</xsl:call-template>
     250-->
     251    <h3>
     252      <xsl:call-template name="choose-title"/>
     253    </h3>
     254  </gsf:template>
     255<!--
     256Overwriting this template can be used to redefine the content of the whole document. This is useful for simple documents, but not recommended for more complex documents (e.g. hierachical and paged documents) as it can prevent any sub-sections from showing.
     257-->
     258<!--
     259<gsf:template name="documentContent">
     260<xsl:call-template name="wrappedSectionImage"/>
     261<xsl:call-template name="wrappedSectionText"/>
     262</gsf:template>
     263-->
     264<!--
     265Overwriting this template can be used to change the content of section headings.
     266-->
     267<!--
     268<gsf:template name="sectionHeading">
     269<xsl:call-template name="choose-title"/>
     270</gsf:template>
     271-->
     272<!--
     273Overwriting this template can be used to change the content of the top-level section.
     274-->
     275<!--
     276<gsf:template name="topLevelSectionContent">
     277<xsl:call-template name="wrappedSectionImage"/>
     278<xsl:call-template name="wrappedSectionText"/>
     279</gsf:template>
     280-->
     281<!--
     282Overwriting this template can be used to change the content of sections.
     283-->
     284<!--
     285<gsf:template name="sectionContent">
     286<xsl:call-template name="wrappedSectionImage"/>
     287<xsl:call-template name="wrappedSectionText"/>
     288</gsf:template>
     289-->
     290  <xsl:template name="additionalHeaderContent">
     291    <gsf:variable name="httpCollection">
     292      <xsl:value-of select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>
     293    </gsf:variable>
     294    <gsf:script src="{$httpCollection}/js/pep.js"/>
     295    <gsf:link src="{$httpCollection}/style/jtab-helper.css"/>
     296    <gsf:script src="{$httpCollection}/js/raphael.js"/>
     297    <gsf:script src="{$httpCollection}/js/jtab.js"/>
     298<!--
     299<xsl:call-template name="soundmanager2-header"/>
     300<xsl:call-template name="js-mad-header"/>
     301-->
     302<!--
     303Bespoke jquery-ui extension for turnstyle open/close blocks
     304-->
     305    <gsf:style src="ext/jquery-ui-extra/turnstyle-block.css"/>
     306    <gsf:script src="ext/jquery-ui-extra/turnstyle-block.js"/>
     307<!--
     308The Javascript DSP files for computing chroma features in the browser
     309-->
     310    <xsl:call-template name="javascript-dsp-header"/>
     311<!--
     312Javascript support for running, sending input into, monitoring, and stopping Meandre flows
     313-->
     314<!--
     315<gsf:script src="ext/meandre/meandre-controller.js"/>
     316<gsf:style src="ext/photo-notes/PhotoNotes-1.5.css"/>
     317<gsf:style src="ext/photo-notes/annotator.min.css"/>
     318<gsf:script src="ext/photo-notes/BrowserDetect.js"/>
     319<gsf:script src="ext/photo-notes/PhotoNotes-1.5.js"/>
     320<gsf:script src="ext/photo-notes/main-ingest.js"/>
     321<gsf:script src="ext/photo-notes/main-notes.js"/>
     322<gsf:script src="{$httpCollection}/script2/main-play-notes.js"/>
     323-->
     324    <gsf:style src="{$httpCollection}/style/media-player.css"/>
     325    <gsf:script src="{$httpCollection}/js/media-player.js"/>
     326    <gsf:style src="{$httpCollection}/style/audiosynth.css"/>
     327    <gsf:script src="{$httpCollection}/js/audiosynth.js"/>
     328    <gsf:script src="{$httpCollection}/js/audiosynth.view.js"/>
     329    <gsf:script src="{$httpCollection}/js/in-the-groove.js"/>
     330    <gsf:script src="{$httpCollection}/js/jquery-drums.js"/>
     331    <gsf:style src="{$httpCollection}/style/jam-guitar.css"/>
     332    <gsf:script src="{$httpCollection}/js/jam-guitar.js"/>
     333    <gsf:script src="{$httpCollection}/js/game-on.js"/>
    254334
    255               <xsl:variable name="httpCollection">
    256                 <xsl:value-of select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>
    257               </xsl:variable>
    258 <!--
    259 Metadata derived from finger-printing
    260 -->
    261 <!--
    262                 <xsl:call-template name="discovery-block">
    263                     <xsl:with-param name="httpCollection" select="$httpCollection"/>
    264                 </xsl:call-template>
    265 -->
    266                              <h3><xsl:call-template name="choose-title"/></h3>
     335    <gsf:style  src="{$httpCollection}/js/jquery.qtip.min.css"/>
     336    <gsf:script src="{$httpCollection}/js/jquery.qtip.min.js"/>
     337    <gsf:script src="{$httpCollection}/js/qtip-popups.js"/>
     338<!--
     339MIDI.js library
     340-->
     341    <gsf:script src="{$httpCollection}/js/midi/inc/shim/Base64.js"/>
     342    <gsf:script src="{$httpCollection}/js/midi/inc/shim/Base64binary.js"/>
     343    <gsf:script src="{$httpCollection}/js/midi/inc/shim/WebAudioAPI.js"/>
     344<!--
     345midi.js package
     346-->
     347    <gsf:script src="{$httpCollection}/js/midi/audioDetect.js"/>
     348    <gsf:script src="{$httpCollection}/js/midi/gm.js"/>
     349    <gsf:script src="{$httpCollection}/js/midi/loader.js"/>
     350    <gsf:script src="{$httpCollection}/js/midi/plugin.audiotag.js"/>
     351    <gsf:script src="{$httpCollection}/js/midi/plugin.webaudio.js"/>
     352    <gsf:script src="{$httpCollection}/js/midi/plugin.webmidi.js"/>
     353<!--
     354utils
     355-->
     356    <gsf:script src="{$httpCollection}/js/midi/util/dom_request_xhr.js"/>
     357    <gsf:script src="{$httpCollection}/js/midi/util/dom_request_script.js"/>
     358    <gsf:script src="{$httpCollection}/js/respool-midi.js"/>
     359    <gsf:style>.metadata-stripes td { padding: 4px; } .metadata-stripes tr:nth-child(odd) {background: #CCC} .metadata-stripes tr:nth-child(even) {background: #FFF} .vis-heading { font-style:italic; } #rightSidebar { display: none; } #gs_content { border: 0px; margin-top: 10px; min-height: 600px; padding: 0px 10px 10px; }</gsf:style>
     360  </xsl:template>
    267361
    268             </gsf:template>
    269 <!--
    270 Overwriting this template can be used to redefine the content of the whole document.
    271        This is useful for simple documents, but not recommended for more complex documents
    272        (e.g. hierachical and paged documents) as it can prevent any sub-sections from showing.
    273 -->
    274 <!--
    275 <gsf:template name="documentContent">
    276        <xsl:call-template name="wrappedSectionImage"/>
    277        <xsl:call-template name="wrappedSectionText"/>
    278        </gsf:template>
    279 -->
    280 <!--
    281 Overwriting this template can be used to change the content of section headings.
    282 -->
    283 <!--
    284 <gsf:template name="sectionHeading">
    285       <xsl:call-template name="choose-title"/>
    286       </gsf:template>
    287 -->
    288 <!--
    289 Overwriting this template can be used to change the content of the top-level section.
    290 -->
    291 <!--
    292 <gsf:template name="topLevelSectionContent">
    293       <xsl:call-template name="wrappedSectionImage"/>
    294       <xsl:call-template name="wrappedSectionText"/>
    295       </gsf:template>
    296 -->
    297 <!--
    298 Overwriting this template can be used to change the content of sections.
    299 -->
    300 <!--
    301 <gsf:template name="sectionContent">
    302       <xsl:call-template name="wrappedSectionImage"/>
    303       <xsl:call-template name="wrappedSectionText"/>
    304       </gsf:template>
    305 -->
    306             <xsl:template name="additionalHeaderContent">
    307                 <gsf:variable name="httpCollection">
    308                     <xsl:value-of select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>
    309                 </gsf:variable>
    310 
    311                                 <gsf:script src="{$httpCollection}/js/pep.js"/>
    312 
    313                 <gsf:link src="{$httpCollection}/style/jtab-helper.css"/>               
    314                                 <gsf:script src="{$httpCollection}/js/raphael.js"/>
    315                                 <gsf:script src="{$httpCollection}/js/jtab.js"/>
    316 <!--
    317                 <xsl:call-template name="soundmanager2-header"/>
    318                 <xsl:call-template name="js-mad-header"/>
    319 -->
    320                 <!--
    321                     Bespoke jquery-ui extension for turnstyle open/close blocks
    322                 -->
    323                 <gsf:style src="ext/jquery-ui-extra/turnstyle-block.css"/>
    324                 <gsf:script src="ext/jquery-ui-extra/turnstyle-block.js"/>
    325                 <!--
    326                     The Javascript DSP files for computing chroma features in the browser
    327                 -->
    328                 <xsl:call-template name="javascript-dsp-header"/>
    329                 <!--
    330                     Javascript support for running, sending input into, monitoring, and stopping Meandre flows
    331                 -->
    332 <!--
    333                 <gsf:script src="ext/meandre/meandre-controller.js"/>
    334                 <gsf:style src="ext/photo-notes/PhotoNotes-1.5.css"/>
    335                 <gsf:style src="ext/photo-notes/annotator.min.css"/>
    336                 <gsf:script src="ext/photo-notes/BrowserDetect.js"/>
    337                 <gsf:script src="ext/photo-notes/PhotoNotes-1.5.js"/>
    338                 <gsf:script src="ext/photo-notes/main-ingest.js"/>
    339                 <gsf:script src="ext/photo-notes/main-notes.js"/>
    340                 <gsf:script src="{$httpCollection}/script2/main-play-notes.js"/>
    341 -->
    342                 <gsf:style  src="{$httpCollection}/style/media-player.css" />               
    343                 <gsf:script src="{$httpCollection}/js/media-player.js"/>
    344 
    345                 <gsf:style  src="{$httpCollection}/style/audiosynth.css" />             
    346                 <gsf:script src="{$httpCollection}/js/audiosynth.js"/>
    347                 <gsf:script src="{$httpCollection}/js/audiosynth.view.js"/>
    348 
    349                 <gsf:script src="{$httpCollection}/js/in-the-groove.js" />
    350 
    351                 <gsf:script src="{$httpCollection}/js/jquery-drums.js" />
    352 
    353                 <gsf:style  src="{$httpCollection}/style/jam-guitar.css" />             
    354                 <gsf:script src="{$httpCollection}/js/jam-guitar.js"/>
    355 
    356                 <gsf:script src="{$httpCollection}/js/game-on.js"/>
    357 
    358 
    359                                 <!-- MIDI.js library -->
    360 
    361                                 <gsf:script src="{$httpCollection}/js/midi/inc/shim/Base64.js"/>
    362                 <gsf:script src="{$httpCollection}/js/midi/inc/shim/Base64binary.js"/>
    363                 <gsf:script src="{$httpCollection}/js/midi/inc/shim/WebAudioAPI.js"/>
    364                 <!-- midi.js package -->
    365                 <gsf:script src="{$httpCollection}/js/midi/audioDetect.js"/>
    366                 <gsf:script src="{$httpCollection}/js/midi/gm.js"/>
    367                 <gsf:script src="{$httpCollection}/js/midi/loader.js"/>
    368                 <gsf:script src="{$httpCollection}/js/midi/plugin.audiotag.js"/>
    369                 <gsf:script src="{$httpCollection}/js/midi/plugin.webaudio.js"/>
    370                 <gsf:script src="{$httpCollection}/js/midi/plugin.webmidi.js"/>
    371                 <!-- utils -->
    372                 <gsf:script src="{$httpCollection}/js/midi/util/dom_request_xhr.js"/>
    373                 <gsf:script src="{$httpCollection}/js/midi/util/dom_request_script.js"/>
    374 
    375                 <gsf:script src="{$httpCollection}/js/respool-midi.js"/>
    376 
    377                 <gsf:style>
    378                   .metadata-stripes td { padding: 4px; }
    379                   .metadata-stripes tr:nth-child(odd)  {background: #CCC}
    380                   .metadata-stripes tr:nth-child(even) {background: #FFF}     
    381                  
    382                   .vis-heading  { font-style:italic; }
    383 
    384                   #rightSidebar { display: none; }
    385 
    386                   #gs_content {
    387                     border: 0px;
    388                     margin-top: 10px;
    389                     min-height: 600px;
    390                     padding: 0px 10px 10px;
    391                   }
    392 
    393                 </gsf:style>
    394             </xsl:template>
    395 
    396         </format>
     362</format>
    397363    </display>
    398364    <replaceListRef id="gs2-standard"/>

  • main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/style/media-player.css

    r29888 r29890  
    7272    /* width:172px; */
    7373    height:26px;
    74     border:none;
    7574/*
    7675    margin-right:5px;
    … …  
    7877
    7978    background:#434343;
     79    margin: 0;
     80/*
    8081    padding: 0;
    81     margin: 0;
    8282    border: 0;
     83*/
     84    border: 2px solid black;
     85    padding: 2px;
     86    padding-left: 4px;
     87    padding-right: 4px;
     88
    8389}
    8490#progress::-moz-progress-bar { background:#2e52a4; }

  • main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/document.xsl

    r29888 r29890  
    13191319
    13201320    <div class="video-player-bar">
    1321       <div id="video-titlebar" style="background-image: none; background-color: #2E52A4; width: 97%; float: left; margin-bottom: 10px;">
     1321      <div id="video-titlebar" style="background-image: none; background-color: #2E52A4; width: 97%; float: left; margin-bottom: 10px; z-index: 4; position: relative;">
    13221322    Video Display
    13231323      </div>
    13241324
    13251325      <div id="video-area" class="documenttext"
    1326        style="display: none; position: absolute: left: 0px; top: 0px;">
     1326       style="display: none; position: absolute: left: 0px; top: 0px; z-index: 1;">
    13271327    <center>
    1328       <video id="video" width="60%" controls="true">
    1329         <source src="{$httpCollection}/index/assoc/{$assocFilePath}/{$streamablevideo}" />
    1330         Your browser does not support the video tag.
    1331       </video>
     1328
     1329
     1330      <style>
     1331        #video_box {position:relative; z-index: 1;}
     1332        #overlay {position: absolute; t: 0; left: 0; z-index: 2;}
     1333        #video_container {z-index: 1;}
     1334
     1335        #XXXvideo_container {position:absolute;top: 0px;left: 0px;}
     1336      </style>
     1337
     1338
     1339      <div id="video_box">
     1340        <div id="overlay"><xsl:comment>filler</xsl:comment></div>
     1341        <div id="video_container">
     1342
     1343          <video id="video" width="60%" controls="false">
     1344        <source src="{$httpCollection}/index/assoc/{$assocFilePath}/{$streamablevideo}" />
     1345        <track id="bubbles" label="Metadata" kind="metadata"
     1346               srclang="en" src="{$httpCollection}/tracks/land-down-under-metadata-en.vtt" default="default" />
     1347        Your browser does not support the video tag.
     1348          </video>
     1349
     1350        </div>
     1351      </div>
    13321352    </center>
    13331353      </div>
    … …  
    13381358    <input id="progress-bar" type="range"
    13391359           min='0' max='100' step='0.01' value='0'
    1340            style="width: 100%"/>
     1360           style="width: 98%"/> <!-- used to be 100% -->
    13411361
    13421362      </div>
    … …  
    14181438          <div style="color: white;">
    14191439
    1420         <form style="width: 99%; margin-top: 10px; margin-bottom: 10px;">
     1440        <form id="bubForm" style="width: 99%; margin-top: 10px; margin-bottom: 10px;">
    14211441          <fieldset>
    14221442        <legend id="mpm-legend">Popup Layers</legend>
Note: See TracChangeset for help on using the changeset viewer.