Changeset 29890

Show
Ignore:
Timestamp:
18.05.2015 00:46:55 (4 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 modified

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>