Ignore:
Timestamp:
08/19/14 15:31:00 (10 years ago)
Author:
Twan Goosen
Message:

Styling of the VC details page
Refs #594

File:
1 edited

Legend:

Unmodified
Added
Removed
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/pages/VirtualCollectionDetailsPage.html

    r5478 r5573  
    11<?xml version="1.0" encoding="UTF-8"?>
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    3                       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     3    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    44<html xmlns="http://www.w3.org/1999/xhtml"
    55      xmlns:wicket="http://wicket.apache.org/">
    6 <head />
    7 <body>
    8 <wicket:extend>
    9   <div wicket:id="generalBorder">
    10     <div class="property">
    11       <label>Name</label>
    12       <div wicket:id="name"></div>
    13     </div>
    14     <div class="property">
    15        <label>Type</label>
    16        <div wicket:id="type"></div>
    17     </div>
    18     <div class="property">
    19       <label>Creation Date</label>
    20       <div wicket:id="creationDate"></div>
    21     </div>
    22     <wicket:enclosure child="description">
    23       <div class="property">
    24         <label>Description</label>
    25         <div wicket:id="description"></div>
    26       </div>
    27     </wicket:enclosure>
    28     <wicket:enclosure child="purpose">
    29       <div class="property">
    30         <label>Purpose</label>
    31         <div wicket:id="purpose"></div>
    32       </div>
    33     </wicket:enclosure>
    34     <wicket:enclosure child="reproducibility">
    35       <div class="property">
    36         <label>Reproducibility</label>
    37         <div wicket:id="reproducibility"></div>
    38       </div>
    39     </wicket:enclosure>
    40     <wicket:enclosure child="reproducibilityNotice">
    41       <div class="property">
    42         <label>Reproducibility Notice</label>
    43         <div wicket:id="reproducibilityNotice"></div>
    44       </div>
    45     </wicket:enclosure>
    46     <wicket:enclosure child="pidLink">
    47       <div class="property">
    48         <label>Persistent identifier</label>
    49         <div>
    50             <a wicket:id="pidLink"><wicket:container wicket:id="persistentIdentifier.URI">1234/5678</wicket:container></a>
    51         </div>
    52       </div>
    53     </wicket:enclosure>     
    54     <wicket:enclosure child="keywords">
    55       <div class="property">
    56         <label>Keywords</label>
    57         <div>
    58           <ul class="keywords"><li wicket:id="keywords"><span wicket:id="keyword"></span></li></ul>
    59         </div>
    60       </div>
    61     </wicket:enclosure>
    62   </div>
     6    <head />
     7    <body>
     8        <wicket:extend>
     9            <h2 wicket:id="name">Title</h2>
     10            <div wicket:id="generalBorder">
     11                <div class="property">
     12                    <label>Name</label>
     13                    <div wicket:id="name"></div>
     14                </div>
     15                <div class="property">
     16                    <label>Type</label>
     17                    <div wicket:id="type"></div>
     18                </div>
     19                <div class="property">
     20                    <label>Creation Date</label>
     21                    <div wicket:id="creationDate"></div>
     22                </div>
     23                <wicket:enclosure child="description">
     24                    <div class="property">
     25                        <label>Description</label>
     26                        <div wicket:id="description"></div>
     27                    </div>
     28                </wicket:enclosure>
     29                <wicket:enclosure child="purpose">
     30                    <div class="property">
     31                        <label>Purpose</label>
     32                        <div wicket:id="purpose"></div>
     33                    </div>
     34                </wicket:enclosure>
     35                <wicket:enclosure child="reproducibility">
     36                    <div class="property">
     37                        <label>Reproducibility</label>
     38                        <div wicket:id="reproducibility"></div>
     39                    </div>
     40                </wicket:enclosure>
     41                <wicket:enclosure child="reproducibilityNotice">
     42                    <div class="property">
     43                        <label>Reproducibility Notice</label>
     44                        <div wicket:id="reproducibilityNotice"></div>
     45                    </div>
     46                </wicket:enclosure>
     47                <wicket:enclosure child="pidLink">
     48                    <div class="property">
     49                        <label>Persistent identifier</label>
     50                        <div>
     51                            <a wicket:id="pidLink"><wicket:container wicket:id="persistentIdentifier.URI">1234/5678</wicket:container></a>
     52                        </div>
     53                    </div>
     54                </wicket:enclosure>     
     55                <wicket:enclosure child="keywords">
     56                    <div class="property">
     57                        <label>Keywords</label>
     58                        <div>
     59                            <ul class="keywords"><li wicket:id="keywords"><span wicket:id="keyword"></span></li></ul>
     60                        </div>
     61                    </div>
     62                </wicket:enclosure>
     63            </div>
    6364
    64   <div wicket:id="creatorsBorder">
    65     <ul class="creators">
    66       <li wicket:id="creators">
    67         <div class="property">
    68           <label>Person</label>
    69           <div wicket:id="person"></div>
    70         </div>
    71         <wicket:enclosure child="address">
    72           <div class="property">
    73             <label>Address</label>
    74             <div wicket:id="address"></div>
    75           </div>
    76         </wicket:enclosure>
    77         <wicket:enclosure child="email">
    78           <div class="property">
    79             <label>Email</label>
    80             <div wicket:id="email"></div>
    81           </div>
    82         </wicket:enclosure>
    83         <wicket:enclosure child="organisation">
    84           <div class="property">
    85             <label>Organisation</label>
    86             <div wicket:id="organisation"></div>
    87           </div>
    88         </wicket:enclosure>
    89         <wicket:enclosure child="telephone">
    90           <div class="property">
    91             <label>Telephone</label>
    92             <div wicket:id="telephone"></div>
    93           </div>
    94         </wicket:enclosure>
    95         <wicket:enclosure child="website">
    96           <div class="property">
    97             <label>Website</label>
    98             <div><a wicket:id="website"></a></div>
    99           </div>
    100         </wicket:enclosure>
    101         <wicket:enclosure child="role">
    102           <div class="property">
    103             <label>Role</label>
    104             <div wicket:id="role"></div>
    105           </div>
    106         </wicket:enclosure>
    107       </li>
    108     </ul>
    109   </div>
     65            <div wicket:id="creatorsBorder">
     66                <ul class="creators">
     67                    <li wicket:id="creators">
     68                        <div class="property">
     69                            <label>Person</label>
     70                            <div wicket:id="person"></div>
     71                        </div>
     72                        <wicket:enclosure child="address">
     73                            <div class="property">
     74                                <label>Address</label>
     75                                <div wicket:id="address"></div>
     76                            </div>
     77                        </wicket:enclosure>
     78                        <wicket:enclosure child="email">
     79                            <div class="property">
     80                                <label>Email</label>
     81                                <div wicket:id="email"></div>
     82                            </div>
     83                        </wicket:enclosure>
     84                        <wicket:enclosure child="organisation">
     85                            <div class="property">
     86                                <label>Organisation</label>
     87                                <div wicket:id="organisation"></div>
     88                            </div>
     89                        </wicket:enclosure>
     90                        <wicket:enclosure child="telephone">
     91                            <div class="property">
     92                                <label>Telephone</label>
     93                                <div wicket:id="telephone"></div>
     94                            </div>
     95                        </wicket:enclosure>
     96                        <wicket:enclosure child="website">
     97                            <div class="property">
     98                                <label>Website</label>
     99                                <div><a wicket:id="website"></a></div>
     100                            </div>
     101                        </wicket:enclosure>
     102                        <wicket:enclosure child="role">
     103                            <div class="property">
     104                                <label>Role</label>
     105                                <div wicket:id="role"></div>
     106                            </div>
     107                        </wicket:enclosure>
     108                    </li>
     109                </ul>
     110            </div>
    110111
    111   <div wicket:id="resourcesBorder">
    112     <table wicket:id="resourcesTable"></table>
    113   </div>
     112            <div wicket:id="resourcesBorder">
     113                <table wicket:id="resourcesTable" class="display resources"></table>
     114            </div>
    114115
    115   <div wicket:id="generatedByBorder">
    116     <div class="property">
    117       <label>Description</label>
    118       <div wicket:id="generatedBy.description"></div>
    119     </div>
    120     <wicket:enclosure child="generatedBy.uri">
    121       <div class="property">
    122         <label>URI</label>
    123         <div wicket:id="generatedBy.uri"></div>
    124       </div>
    125     </wicket:enclosure>
    126     <wicket:enclosure child="generatedBy.query.profile">
    127       <div class="property">
    128         <label>Profile</label>
    129         <div wicket:id="generatedBy.query.profile"></div>
    130       </div>
    131     </wicket:enclosure>
    132     <wicket:enclosure child="generatedBy.query.value">
    133       <div class="property">
    134         <label>Value</label>
    135         <div wicket:id="generatedBy.query.value"></div>
    136       </div>
    137     </wicket:enclosure>
    138   </div>
     116            <div wicket:id="generatedByBorder">
     117                <div class="property">
     118                    <label>Description</label>
     119                    <div wicket:id="generatedBy.description"></div>
     120                </div>
     121                <wicket:enclosure child="generatedBy.uri">
     122                    <div class="property">
     123                        <label>URI</label>
     124                        <div wicket:id="generatedBy.uri"></div>
     125                    </div>
     126                </wicket:enclosure>
     127                <wicket:enclosure child="generatedBy.query.profile">
     128                    <div class="property">
     129                        <label>Profile</label>
     130                        <div wicket:id="generatedBy.query.profile"></div>
     131                    </div>
     132                </wicket:enclosure>
     133                <wicket:enclosure child="generatedBy.query.value">
     134                    <div class="property">
     135                        <label>Value</label>
     136                        <div wicket:id="generatedBy.query.value"></div>
     137                    </div>
     138                </wicket:enclosure>
     139            </div>
    139140
    140   <div class="collectionDetails buttons">
    141     <a wicket:id="back" href="#">[return to previous page]</a>
    142   </div>
    143 </wicket:extend>
    144 </body>
     141            <div class="collectionDetails buttons">
     142                <a wicket:id="back" href="#">[return to previous page]</a>
     143            </div>
     144        </wicket:extend>
     145    </body>
    145146</html>
Note: See TracChangeset for help on using the changeset viewer.