Changeset 36295 for documented-examples


Ignore:
Timestamp:
2022-07-21T19:43:19+12:00 (21 months ago)
Author:
anupama
Message:

Added final functionality to lomdemo-e Documented Example Collection for GS3

Location:
documented-examples/trunk/lomdemo-e
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • documented-examples/trunk/lomdemo-e/etc/collectionConfig.xml

    r36292 r36295  
    189189      <xsl:call-template name="wrappedSectionImage"/>
    190190      <div id="gs-document-text">
    191         <gsf:metadata name="MetadataTable"/>
     191        <p>
     192          <center>
     193            <table class="lom">
     194              <tr>
     195                <td class="mdtabdip"> </td>
     196                <td class="mdhreftab mdtabtabbg">
     197                  <a class="mdtablink" href="javascript:doShowHide('metatablediv', 'xmlrecordarea');">Metadata</a>
     198                </td>
     199                <td class="mdtabdip"> </td>
     200                <td class="mdtexttab mdtabtabbg">
     201                  <a class="mdtablink" href="javascript:doShowHide('xmlrecordarea', 'metatablediv');">XML record</a>
     202                </td>
     203                <gsf:switch>
     204                  <gsf:metadata name="Plugin"/>
     205                  <gsf:when test="notEquals" test-value="LOMPlugin">
     206                    <td class="mdtabdip"> </td>
     207                    <td class="mdhreftab">
     208                      <a class="mdtablink" href="javascript:;">Document</a>
     209                    </td>
     210                  </gsf:when>
     211                  <gsf:otherwise>
     212                    <td class="mdtabdip"> </td>
     213                    <td class="mdtabblank"> </td>
     214                    <td class="mdtabdip"> </td>
     215                  </gsf:otherwise>
     216                </gsf:switch>
     217                <td class="mdtabfill"> </td>
     218              </tr>
     219            </table>
     220            <textarea cols="80" id="xmlrecordarea" rows="25" style="display:none"><gsf:switch><gsf:metadata name="Plugin"/><gsf:when test="equals" test-value="LOMPlugin"><xsl:value-of disable-output-escaping="yes" select="nodeContent"/></gsf:when><gsf:otherwise><gsf:metadata name="rawtext"/></gsf:otherwise></gsf:switch> </textarea>
     221            <div id="metatablediv">
     222              <gsf:metadata name="MetadataTable"/>
     223            </div>
     224          </center>
     225        </p>
    192226<!--
    193227<xsl:call-template name="documentNodeText"/>

  • documented-examples/trunk/lomdemo-e/script/lomscript.js

    r36292 r36295  
    1 /*
    2 function openWindow(url) {
    3 
    4   window.open(url,"berry","width=400,height=300,toolbar=no");
    5 
    6 }
    7 */
    81
    92var parenttbody = new Array();
    … …  
    114var aftertbody  = new Array();
    125
     6/*
     7function makeToggleItems() {
     8
     9    console.log("In makeToggleItems");
     10
     11    var metatablelink=document.getElementById("metatablelink");
     12    var xmlrecordlink=document.getElementById("xmlrecordlink"); 
     13   
     14    var metatablediv=document.getElementById("metatablediv");
     15    var xmlrecordarea=document.getElementById("xmlrecordarea");
     16   
     17    metatablelink.onclick = function() {
     18        metatablediv.style.display = "block";
     19        xmlrecordarea.style.display = "none";
     20    };
     21   
     22    xmlrecordlink.onclick = function() {
     23        xmlrecordarea.style.display = "block";
     24        metatablediv.style.display = "none";
     25    };     
     26}*/
     27
     28function doShowHide(showItemID, hideItemID) {
     29
     30    //console.log("In makeToggleItems");
     31   
     32    var showItem=document.getElementById(showItemID);
     33    var hideItem=document.getElementById(hideItemID);   
     34   
     35    showItem.style.display = "block";
     36    hideItem.style.display = "none";
     37   
     38}
    1339
    1440function showTBodyArea(category) {
    15     console.log("In showTBodyArea");
     41    //console.log("In showTBodyArea");
    1642   
    1743    parenttbody[category].insertBefore(tbody[category],aftertbody[category]);
    … …  
    3359
    3460function hideTBodyArea(category) {
    35     console.log("In hideTBodyArea");
     61    //console.log("In hideTBodyArea");
    3662        tbody[category] = document.getElementById(category);
    3763        parenttbody[category] = tbody[category].parentNode;

  • documented-examples/trunk/lomdemo-e/style/lom-style.css

    r36292 r36295  
    1 :root {
    2   --mdtabtabbg : #f0fff0;
     1:root { --pagewidth : 537px; }
     2.mdtabtabbg { background-color: #f0fff0; }
     3
     4table.lom {
     5    border-bottom: 4px solid #f0fff0;
     6    /*border-bottom: 1px solid black;*/
     7    border-spacing: 0px; /*cellspacing: 0;*/
     8    width: var(--pagewidth);
    39}
    410
    5 
    6 .mdtexttab {width: 100px;
     11.mdtexttab {
     12    width: 100px;
    713    text-align: center;
    814    border-left:  1px solid black;
    … …  
    1218
    1319.mdtabdip {width: 10px;
    14     border-bottom: 1px solid black;
    15     background-color: white;
     20    border-bottom: 1px solid black;
    1621}
    1722
    1823.mdtabblank {width: 100px;
    19     border-bottom: 1px solid black;
    20     background-color: white;
     24    border-bottom: 1px solid black;
    2125}
    2226
    2327.mdtabfill {
    24     border-bottom: 1px solid black;
    25     background-color: white;
     28    border-bottom: 1px solid black;
    2629}
    2730
    … …  
    3336}
    3437
     38textarea {
     39    cols: 80;
     40    rows: 25;
     41    width: var(--pagewidth);
     42}
    3543
    3644table.metadata
    3745{
     46width: var(--pagewidth);
    3847border-spacing: 0px
    3948}
Note: See TracChangeset for help on using the changeset viewer.