Changeset 4347


Ignore:
Timestamp:
01/27/14 13:44:49 (10 years ago)
Author:
twagoo
Message:

added completet cmdi view to record mockup

Location:
vlo/branches/vlo-3.0/vlo-web-app/src/main/html
Files:
2 added
2 edited

Legend:

Unmodified
Added
Removed

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/html/record1.html

    r4345 r4347  
    3636        <!-- **** VLO extensions stylesheet **** -->
    3737        <link rel="stylesheet" type="text/css" href="style/vlo.css" />
     38        <!-- **** VLO extensions stylesheet **** -->
     39        <link rel="stylesheet" type="text/css" href="style/cmdi.css" />
    3840    </head>
    3941
    4042    <body>
    4143        <script src="js/jquery-1.10.2.js" type="text/javascript"></script>
     44        <script src="js/vlo-record.js" type="text/javascript"></script>
    4245
    4346        <div id="main">
    … …  
    171174                </div>
    172175
    173             </div>
    174 
    175             <div class="sidebar">
    176 
    177             </div>
     176                <div id="recordcmdi">
     177                    <h2>CMDI Metadata</h2>
     178                    <p><a href="#" id="recordcmditoggle">View/Hide CMDI metadata</a></p>
     179                    <article xmlns:cmd="http://www.clarin.eu/cmd/" xmlns:fn="http://www.w3.org/2005/xpath-functions" style="background-color:#EEEEEE">
     180                        <div class="endgame">
     181                            <p>
     182                                <h1>Resources</h1>
     183                                <table>
     184                                    <caption>Resources</caption>
     185                                    <thead>
     186                                        <tr>
     187                                            <th class="attribute">Reference to resource</th>
     188                                            <th class="attribute">Resource description</th>
     189                                            <th class="attribute">Resource MIME type</th>
     190                                            <th class="attribute">Resource Proxy ID</th>
     191                                        </tr>
     192                                    </thead>
     193                                    <tbody class="attributesTbody">
     194                                        <tr>
     195                                            <td class="attributeValue"><a href="http://dspace.library.uu.nl/handle/1874/205294">http://dspace.library.uu.nl/handle/1874/205294</a></td>
     196                                            <td class="attributeValue">LandingPage</td>
     197                                            <td class="attributeValue">text/html</td>
     198                                            <td class="attributeValue">h.1874.205294</td>
     199                                        </tr>
     200                                        <tr>
     201                                            <td class="attributeValue"><a href="http://dspace.library.uu.nl/bitstream/1874/205294/1/Masterthesis+Carolyn+van+de+Wall.docx">http://dspace.library.uu.nl/bitstream/1874/205294/1/Masterthesis+Carolyn+van+de+Wall.docx</a></td>
     202                                            <td class="attributeValue">Resource</td>
     203                                            <td class="attributeValue">application/octet-stream</td>
     204                                            <td class="attributeValue">h.1874.205294.1</td>
     205                                        </tr>
     206                                    </tbody>
     207                                </table>
     208                            </p>
     209                        </div>
     210                        <p>
     211                            <h1>Metadata content</h1>
     212                            <ul>
     213                                <li><code class="node">mods
     214                                        <div class="attributes">version="3.2"
     215
     216                                        </div></code><ul>
     217                                        <ul>
     218                                            <li><code class="node">edboOverlap </code><div class="Component_tree_node_content"><code class="leaf">no</code></div>
     219                                            </li>
     220                                            <li><code class="node">machineReadable </code><div class="Component_tree_node_content"><code class="leaf">unknown</code></div>
     221                                            </li>
     222                                            <li><code class="node">typeOfResource </code><div class="Component_tree_node_content"><code class="leaf">text</code></div>
     223                                            </li>
     224                                            <li><code class="node">genre </code><div class="Component_tree_node_content"><code class="leaf">info:eu-repo/semantics/masterThesis</code></div>
     225                                            </li>
     226                                            <li><code class="node">titleInfo </code><ul>
     227                                                    <ul>
     228                                                        <li><code class="node">title </code><div class="Component_tree_node_content"><code class="leaf">" De professionaliteit van medisch specialisten onder de loep"</code></div>
     229                                                        </li>
     230                                                    </ul>
     231                                                </ul>
     232                                            </li>
     233                                            <li><code class="node">name
     234                                                    <div class="attributes">ID="n205294_aut_1"
     235                                                        type="personal"
     236
     237                                                    </div></code><ul>
     238                                                    <ul>
     239                                                        <li><code class="node">namePart
     240                                                                <div class="attributes">type="family"
     241
     242                                                                </div></code><div class="Component_tree_node_content"><code class="leaf">Wall</code></div>
     243                                                        </li>
     244                                                        <li><code class="node">namePart
     245                                                                <div class="attributes">type="given"
     246
     247                                                                </div></code><div class="Component_tree_node_content"><code class="leaf"> C.J. van de</code></div>
     248                                                        </li>
     249                                                        <li><code class="node">role </code><ul>
     250                                                                <ul>
     251                                                                    <li><code class="node">roleTerm
     252                                                                            <div class="attributes">authority="marcrelator"
     253                                                                                type="code"
     254
     255                                                                            </div></code><div class="Component_tree_node_content"><code class="leaf">aut</code></div>
     256                                                                    </li>
     257                                                                </ul>
     258                                                            </ul>
     259                                                        </li>
     260                                                    </ul>
     261                                                </ul>
     262                                            </li>
     263                                            <li><code class="node">name
     264                                                    <div class="attributes">ID="n205294_ths_1"
     265                                                        type="personal"
     266
     267                                                    </div></code><ul>
     268                                                    <ul>
     269                                                        <li><code class="node">namePart
     270                                                                <div class="attributes">type="family"
     271
     272                                                                </div></code><div class="Component_tree_node_content"><code class="leaf">Knies</code></div>
     273                                                        </li>
     274                                                        <li><code class="node">namePart
     275                                                                <div class="attributes">type="given"
     276
     277                                                                </div></code><div class="Component_tree_node_content"><code class="leaf"> E.</code></div>
     278                                                        </li>
     279                                                        <li><code class="node">role </code><ul>
     280                                                                <ul>
     281                                                                    <li><code class="node">roleTerm
     282                                                                            <div class="attributes">authority="marcrelator"
     283                                                                                type="code"
     284
     285                                                                            </div></code><div class="Component_tree_node_content"><code class="leaf">ths</code></div>
     286                                                                    </li>
     287                                                                </ul>
     288                                                            </ul>
     289                                                        </li>
     290                                                    </ul>
     291                                                </ul>
     292                                            </li>
     293                                            <li><code class="node">originInfo </code><ul>
     294                                                    <ul>
     295                                                        <li><code class="node">dateCreated
     296                                                                <div class="attributes">encoding="iso8601"
     297
     298                                                                </div></code><div class="Component_tree_node_content"><code class="leaf">2011-03-31</code></div>
     299                                                        </li>
     300                                                        <li><code class="node">dateCreated
     301                                                                <div class="attributes">encoding="iso8601"
     302
     303                                                                </div></code><div class="Component_tree_node_content"><code class="leaf">2011-05-31</code></div>
     304                                                        </li>
     305                                                    </ul>
     306                                                </ul>
     307                                            </li>
     308                                            <li><code class="node">language </code><ul>
     309                                                    <ul>
     310                                                        <li><code class="node">languageTerm
     311                                                                <div class="attributes">authority="rfc3066"
     312                                                                    type="code"
     313
     314                                                                </div></code><div class="Component_tree_node_content"><code class="leaf">nl</code></div>
     315                                                        </li>
     316                                                    </ul>
     317                                                </ul>
     318                                            </li>
     319                                            <li><code class="node">subject </code><ul>
     320                                                    <ul>
     321                                                        <li><code class="node">topic </code><div class="Component_tree_node_content"><code class="leaf">professionaliteit, ziekenhuis, medisch specialisten, management, Klink, loondienst,
     322                                                                    maatschappen, autonomie, kwaliteit zorg, motivatie, ondersteunend personeel</code></div>
     323                                                        </li>
     324                                                    </ul>
     325                                                </ul>
     326                                            </li>
     327                                        </ul>
     328                                    </ul>
     329                                </li>
     330                            </ul>
     331                        </p>
     332                    </article>
     333                </div> <!-- recordcmdi -->
     334
     335            </div> <!-- content -->
    178336
    179337            <div id="footer">

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-record.css

    r4345 r4347  
    4646}
    4747
     48#recordreferences div div a, #recordreferences div div a:hover {
     49    display: inline-block;
     50    padding-top: .5em;
     51}
     52
    4853/* icons for record references */
    4954#recordlandingpage div {
    … …  
    6671    background: url('text-x-log.png') no-repeat;
    6772}
     73
     74#recordcmdi {
     75    margin-top: 2em;
     76}
     77
     78#recordcmdi article {
     79    position: relative;
     80    left: -80px;  /* sidebar */
     81    width: 720px;
     82}
Note: See TracChangeset for help on using the changeset viewer.