Changeset 820


Ignore:
Timestamp:
10/27/10 20:48:07 (14 years ago)
Author:
oschonef
Message:
  • wizard markup changes
  • many CSS changes
Location:
VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main
Files:
3 added
13 edited

Legend:

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

    r805 r820  
    1111  <body>
    1212    <noscript>
    13         <div id="noscript-space" />
    14         <div id="noscript-warning">Virtual Collection Registry requires JavaScript to be enabled!</div>
     13      <div id="noscript-warning">Virtual Collection Registry requires JavaScript to be enabled!</div>
    1514    </noscript>
    1615    <div id="container">
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/pages/HomePage.html

    r805 r820  
    77<body>
    88<wicket:extend>
    9   <p style="font-size: 120%; margin: 8px 2px 0px 2px;">Welcome to the CLARIN Virtual Collection registry!</p>
     9  <p style="font-size: 120%">Welcome to the CLARIN Virtual Collection registry!</p>
    1010</wicket:extend>
    1111</body>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/AddResourcesDialog$Content.html

    r806 r820  
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    33                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
     4<html xmlns="http://www.w3.org/1999/xhtml"
     5      xmlns:wicket="http://wicket.apache.org/">
    56<head />
    67<body>
    78<wicket:panel>
    89<form wicket:id="addResourcesForm">
    9 <!--  FIXME: use proper CSS, not table! -->
    10 <table>
    11   <tr>
    12     <td>Type</td>
    13     <td><select wicket:id="type"></select></td>
    14   </tr>
    15   <tr>
    16     <td>References</td>
    17     <td><textarea wicket:id="references"></textarea></td>
    18   </tr>
    19   <tr>
    20     <td colspan="2"><div wicket:id="feedback"></div></td>
    21   </tr>
    22   <tr>
    23     <td colspan="2">
    24         <button type="button" wicket:id="add">Add</button>
    25         <button type="button" wicket:id="cancel">Cancel</button>
    26     </td>
    27   </tr>
    28 </table>
     10<fieldset>
     11  <div class="required">
     12    <label for="add_resources_type">Type</label>
     13    <select wicket:id="type" id="add_resources_type"></select>
     14  </div>
     15  <div class="required">
     16    <label for="add_resources_refs">References</label>
     17    <textarea wicket:id="references"
     18              id="add_resources_refs" rows="5" cols="30"></textarea>
     19  </div>
     20</fieldset>
     21<div wicket:id="feedback"></div>
     22<div class="buttons">
     23  <button type="button" wicket:id="add">Add</button>
     24  <button type="button" wicket:id="cancel">Cancel</button>
     25</div>
    2926</form>
    3027</wicket:panel>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/CreateVirtualCollectionWizard$CreatorsStep$ActionsPanel.html

    r805 r820  
    66<body>
    77<wicket:panel>
    8 <a href="#" wicket:id="edit">edit</a>
    9 <a href="#" wicket:id="remove">remove</a>
     8<a wicket:id="edit" href="#" class="edit"><span>[edit]</span></a>
     9<a wicket:id="remove" href="#" class="remove"><span>[remove]</span></a>
    1010</wicket:panel>
    1111</body>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/CreateVirtualCollectionWizard$CreatorsStep.html

    r805 r820  
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    33                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
     4<html xmlns="http://www.w3.org/1999/xhtml"
     5      xmlns:wicket="http://wicket.apache.org/">
    56<head />
    67<body>
    78<wicket:panel>
    8 <!--  FIXME: use proper CSS, not table! -->
    99<div style="display: none" wicket:id="editCreatorDialog"></div>
    1010<div style="display: none" wicket:id="deleteCreatorDialog"></div>
    11 <table>
    12   <tr style="vertical-align: top">
    13     <td>Creators</td>
    14     <td><table wicket:id="creatorsTable"></table></td>
    15   </tr>
    16   <tr>
    17     <td colspan="2"><a href="#" wicket:id="add">add creator</a></td>
    18   </tr>
    19 </table>
     11<div class="fieldset">
     12  <label>Creators<br /><a href="#" wicket:id="add" class="add"><span>[add]</span></a></label>
     13  <table wicket:id="creatorsTable" class="creatorsTable"></table>
     14</div>
    2015</wicket:panel>
    2116</body>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/CreateVirtualCollectionWizard$GeneralStep.html

    r817 r820  
    66<body>
    77<wicket:panel>
    8 <!--  FIXME: use proper CSS, not table! -->
    9 <table>
    10   <tr>
    11     <td>Name</td>
    12     <td><input type="text" wicket:id="vc.name" /></td>
    13   </tr>
    14   <tr>
    15     <td>Type</td>
    16     <td><select wicket:id="vc.type"></select></td>
    17   </tr>
    18   <tr>
    19     <td>Description</td>
    20     <td><textarea wicket:id="vc.description"></textarea></td>
    21   </tr>
    22   <!--
    23   <tr>
    24     <td>Creation Date</td>
    25     <td><input type="text"  /></td>
    26   </tr>
    27   -->
    28   <tr>
    29     <td>Purpose</td>
    30     <td><select wicket:id="vc.purpose"></select></td>
    31   </tr>
    32   <tr>
    33     <td>Reproducibility</td>
    34     <td><select wicket:id="vc.reproducibility"></select></td>
    35   </tr>
    36   <tr>
    37     <td>Reproducibility Notice</td>
    38     <td><textarea wicket:id="vc.reproducibilityNotice"></textarea></td>
    39   </tr>
    40   <!--
    41   <tr>
    42     <td>Keywords</td>
    43     <td><textarea></textarea></td>
    44   </tr>
    45   -->
    46 </table>
     8<fieldset>
     9  <div class="notes">
     10    <h4>Some Notes</h4>
     11    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
     12    <p class="last">Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
     13  </div>
     14  <div class="required">
     15    <label for="gen_vc_name">Name</label>
     16    <input wicket:id="vc.name"
     17           id="gen_vc_name" type="text" size="64" maxlength="255"/>
     18  </div>
     19  <div class="required">
     20    <label for="gen_vc_type">Type</label>
     21    <select wicket:id="vc.type" id="gen_vc_type"></select>
     22  </div>
     23  <div class="optional">
     24    <label for="gen_vc_desc">Description</label>
     25    <textarea wicket:id="vc.description"
     26              id="gen_vc_desc" cols="80" rows="8"></textarea>
     27  </div>
     28  <div class="optional">
     29    <label for="gen_vc_purpose">Purpose</label>
     30    <select wicket:id="vc.purpose" id="gen_vc_purpose"></select>
     31  </div>
     32  <div class="optional">
     33    <label for="gen_vc_reproducibility">Reproducibility</label>
     34    <select wicket:id="vc.reproducibility"
     35            id="gen_vc_reproducibility"></select>
     36  </div>
     37  <div class="optional">
     38    <label for="gen_vc_reproducibility_notice">Reproducibility Notice</label>
     39    <textarea wicket:id="vc.reproducibilityNotice"
     40              id="gen_vc_reproducibility_notice" cols="80" rows="5"></textarea>
     41  </div>
     42  <div class="optional">
     43    <label for="gen_vc_reproducibility_keywords">Keywords</label>
     44    <textarea id="gen_vc_reproducibility_keywords"
     45              cols="40" rows="5"></textarea>
     46  </div>
     47</fieldset>
    4748</wicket:panel>
    4849</body>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/CreateVirtualCollectionWizard$GeneratedByStep.html

    r808 r820  
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    33                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
     4<html xmlns="http://www.w3.org/1999/xhtml"
     5      xmlns:wicket="http://wicket.apache.org/">
    56<head />
    67<body>
    78<wicket:panel>
    89<form wicket:id="generatedByForm">
    9 <!--  FIXME: use proper CSS, not table! -->
    10 <table>
    11   <tr>
    12     <td>Description</td>
    13     <td><textarea wicket:id="description"></textarea></td>
    14   </tr>
    15   <tr>
    16     <td>URI</td>
    17     <td><input type="text" wicket:id="uri" /></td>
    18   </tr>
    19 </table>
     10<fieldset>
     11  <div class="required">
     12     <label for="gen_desc">Description</label>
     13     <textarea wicket:id="description"
     14               id="gen_desc" rows="5" cols="80"></textarea>
     15  </div>
     16  <div class="optional">
     17     <label for="gen_uri">URI</label>
     18     <input wicket:id="uri" id="gen_uri" type="text" />
     19  </div>
     20</fieldset>
    2021</form>
    2122</wicket:panel>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/CreateVirtualCollectionWizard$ResourcesStep$ActionsPanel.html

    r806 r820  
    66<body>
    77<wicket:panel>
    8 <a href="#" wicket:id="edit">edit</a>
    9 <a href="#" wicket:id="remove">remove</a>
     8<a wicket:id="edit" href="#" class="edit"><span>[edit]</span></a>
     9<a wicket:id="remove" href="#" class="remove"><span>[remove]</span></a>
    1010</wicket:panel>
    1111</body>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/CreateVirtualCollectionWizard$ResourcesStep.html

    r806 r820  
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    33                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
     4<html xmlns="http://www.w3.org/1999/xhtml"
     5      xmlns:wicket="http://wicket.apache.org/">
    56<head />
    67<body>
    78<wicket:panel>
    8 <!--  FIXME: use proper CSS, not table! -->
    99<div style="display: none" wicket:id="editResourceDialog"></div>
    1010<div style="display: none" wicket:id="deleteResourceDialog"></div>
    1111<div style="display: none" wicket:id="addResourcesDialog"></div>
    12 <table>
    13   <tr style="vertical-align: top">
    14     <td>Resources</td>
    15     <td><table wicket:id="resourcesTable"></table></td>
    16   </tr>
    17   <tr>
    18     <td colspan="2">
    19       <a href="#" wicket:id="add">add resource</a>
    20       <a href="#" wicket:id="addMore">add more resource</a>
    21     </td>
    22   </tr>
    23 </table>
     12<div class="fieldset">
     13  <label class="required">Resources<br /><a wicket:id="add" href="#" class="add"><span>[add]</span></a><br /><a wicket:id="addMore" href="#" class="addMore"><span>[add more]</span></a></label>
     14  <table wicket:id="resourcesTable" class="resourcesTable"></table>
     15</div>
    2416</wicket:panel>
    2517</body>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/CreateVirtualCollectionWizard.java

    r817 r820  
    1414import org.apache.wicket.extensions.markup.html.repeater.data.table.PropertyColumn;
    1515import org.apache.wicket.extensions.markup.html.repeater.util.SortableDataProvider;
    16 import org.apache.wicket.extensions.wizard.Wizard;
    1716import org.apache.wicket.extensions.wizard.dynamic.DynamicWizardModel;
    1817import org.apache.wicket.extensions.wizard.dynamic.DynamicWizardStep;
     
    4241
    4342@SuppressWarnings("serial")
    44 public class CreateVirtualCollectionWizard extends Wizard {
     43public class CreateVirtualCollectionWizard extends WizardBase {
    4544    private final class GeneralStep extends DynamicWizardStep {
    4645        public GeneralStep() {
     
    9594            public ActionsPanel(String id, final IModel<Creator> model) {
    9695                super(id, model);
    97                 final AjaxLink<Creator> editLink = new AjaxLink<Creator>("edit") {
     96                final AjaxLink<Creator> editLink =
     97                    new AjaxLink<Creator>("edit") {
    9898                    @Override
    9999                    public void onClick(AjaxRequestTarget target) {
     
    106106                };
    107107                add(editLink);
    108                 final AjaxLink<Creator> removeLink = new AjaxLink<Creator>(
    109                         "remove") {
     108                final AjaxLink<Creator> removeLink =
     109                    new AjaxLink<Creator>("remove") {
    110110                    @Override
    111111                    public void onClick(AjaxRequestTarget target) {
     
    148148            public void onCancel(AjaxRequestTarget target) {
    149149            }
    150         } // class
    151           // CreateVirtualCollectionWizard.CreatorsStep.DeleteCreatorDialog
     150        } // class CreateVirtualCollectionWizard.CreatorsStep.DeleteCreatorDialog
    152151
    153152        private final EditCreatorDialog editCreatorDialog;
     
    156155        public CreatorsStep(IDynamicWizardStep previousStep) {
    157156            super(previousStep, "Creators", "Yada yada yada ...");
    158             final DataTable<Creator> creatorsTable = new AjaxFallbackDefaultDataTable<Creator>(
    159                     "creatorsTable", createColumns(),
    160                     new SortableDataProvider<Creator>() {
    161                         @Override
    162                         public Iterator<? extends Creator> iterator(int first,
    163                                 int count) {
    164                             // XXX: hack
    165                             Iterator<Creator> i = vc.getCreators().iterator();
    166                             while (first-- > 0) {
    167                                 i.next();
    168                             }
    169                             return i;
    170                         }
    171 
    172                         @Override
    173                         public IModel<Creator> model(Creator creator) {
    174                             return new Model<Creator>(creator);
    175                         }
    176 
    177                         @Override
    178                         public int size() {
    179                             return vc.getCreators().size();
    180                         }
    181                     }, 8);
     157            final DataTable<Creator> creatorsTable =
     158                new AjaxFallbackDefaultDataTable<Creator>("creatorsTable",
     159                        createColumns(),
     160                        new SortableDataProvider<Creator>() {
     161                            @Override
     162                            public Iterator<? extends Creator>
     163                                iterator(int first, int count) {
     164                                // XXX: hack
     165                                Iterator<Creator> i =
     166                                    vc.getCreators().iterator();
     167                                while (first-- > 0) {
     168                                    i.next();
     169                                }
     170                                return i;
     171                            }
     172
     173                            @Override
     174                            public IModel<Creator> model(Creator creator) {
     175                                return new Model<Creator>(creator);
     176                            }
     177                            @Override
     178                            public int size() {
     179                                return vc.getCreators().size();
     180                            }
     181                        },
     182                        8);
     183            creatorsTable.setOutputMarkupId(true);
    182184            add(creatorsTable);
    183185
    184186            editCreatorDialog = new EditCreatorDialog("editCreatorDialog") {
    185187                @Override
    186                 public void onSubmit(AjaxRequestTarget target, Creator creator) {
     188                public void onSubmit(AjaxRequestTarget target,
     189                        Creator creator) {
    187190                    if (creator != null) {
    188191                        if (!vc.getCreators().contains(creator)) {
     
    195198            add(editCreatorDialog);
    196199
    197             deleteCreatorDialog = new DeleteCreatorDialog(
    198                     "deleteCreatorDialog", creatorsTable);
     200            deleteCreatorDialog =
     201                new DeleteCreatorDialog("deleteCreatorDialog", creatorsTable);
    199202            add(deleteCreatorDialog);
    200203
     
    241244                            item.add(new ActionsPanel(compontentId, model));
    242245                        }
    243                     } };
     246
     247                        @Override
     248                        public String getCssClass() {
     249                            return "action";
     250                        }
     251                    }
     252            };
    244253            return (IColumn<Creator>[]) columns;
    245254        }
     
    250259            public ActionsPanel(String id, final IModel<Resource> model) {
    251260                super(id, model);
    252                 final AjaxLink<Resource> editLink = new AjaxLink<Resource>(
    253                         "edit") {
     261                final AjaxLink<Resource> editLink =
     262                    new AjaxLink<Resource>("edit") {
    254263                    @Override
    255264                    public void onClick(AjaxRequestTarget target) {
     
    262271                };
    263272                add(editLink);
    264                 final AjaxLink<Resource> removeLink = new AjaxLink<Resource>(
    265                         "remove") {
     273                final AjaxLink<Resource> removeLink =
     274                    new AjaxLink<Resource>("remove") {
    266275                    @Override
    267276                    public void onClick(AjaxRequestTarget target) {
     
    304313            public void onCancel(AjaxRequestTarget target) {
    305314            }
    306         } // class
    307           // CreateVirtualCollectionWizard.CreatorsStep.DeleteResourceDialog
     315        } // class CreateVirtualCollectionWizard.CreatorsStep.DeleteResourceDialog
    308316
    309317        private final EditResourceDialog editResourceDialog;
     
    312320        public ResourcesStep(IDynamicWizardStep previousStep) {
    313321            super(previousStep, "Resources", "Yada yada yada ...");
    314             final DataTable<Resource> resourcesTable = new AjaxFallbackDefaultDataTable<Resource>(
    315                     "resourcesTable", createColumns(),
    316                     new SortableDataProvider<Resource>() {
    317                         @Override
    318                         public Iterator<? extends Resource> iterator(int first,
    319                                 int count) {
    320                             // XXX: hack
    321                             Iterator<Resource> i = vc.getResources().iterator();
    322                             while (first-- > 0) {
    323                                 i.next();
    324                             }
    325                             return i;
    326                         }
    327 
    328                         @Override
    329                         public IModel<Resource> model(Resource resource) {
    330                             return new Model<Resource>(resource);
    331                         }
    332 
    333                         @Override
    334                         public int size() {
    335                             return vc.getResources().size();
    336                         }
    337                     }, 8);
     322            final DataTable<Resource> resourcesTable =
     323                new AjaxFallbackDefaultDataTable<Resource>("resourcesTable",
     324                        createColumns(),
     325                        new SortableDataProvider<Resource>() {
     326                            @Override
     327                            public Iterator<? extends Resource>
     328                                iterator(int first, int count) {
     329                                // XXX: hack
     330                                Iterator<Resource> i =
     331                                    vc.getResources().iterator();
     332                                while (first-- > 0) {
     333                                    i.next();
     334                                }
     335                                return i;
     336                            }
     337
     338                            @Override
     339                            public IModel<Resource> model(Resource resource) {
     340                                return new Model<Resource>(resource);
     341                            }
     342
     343                            @Override
     344                            public int size() {
     345                                return vc.getResources().size();
     346                            }
     347                        },
     348                        16);
     349            resourcesTable.setOutputMarkupId(true);
    338350            add(resourcesTable);
    339351
    340352            editResourceDialog = new EditResourceDialog("editResourceDialog") {
    341353                @Override
    342                 public void onSubmit(AjaxRequestTarget target, Resource resource) {
     354                public void onSubmit(AjaxRequestTarget target,
     355                        Resource resource) {
    343356                    if (resource != null) {
    344357                        if (!vc.getResources().contains(resource)) {
     
    355368            add(deleteResourceDialog);
    356369
    357             final AddResourcesDialog addResourcesDialog = new AddResourcesDialog(
    358                     "addResourcesDialog") {
     370            final AddResourcesDialog addResourcesDialog =
     371                new AddResourcesDialog("addResourcesDialog") {
    359372                @Override
    360373                public void onSubmit(AjaxRequestTarget target,
     
    431444                            }
    432445                        }
     446
     447                        @Override
     448                        public String getCssClass() {
     449                            return "type";
     450                        }
    433451                    },
    434452                    new PropertyColumn<Resource>(
     
    441459                            item.add(new ActionsPanel(compontentId, model));
    442460                        }
    443                     } };
     461
     462                        @Override
     463                        public String getCssClass() {
     464                            return "action";
     465                        }
     466                    }
     467            };
    444468            return (IColumn<Resource>[]) columns;
    445469        }
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/EditCreatorDialog$Content.html

    r805 r820  
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    33                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
     4<html xmlns="http://www.w3.org/1999/xhtml"
     5      xmlns:wicket="http://wicket.apache.org/">
    56<head />
    67<body>
    78<wicket:panel>
    89<form wicket:id="newCreatorForm">
    9 <!--  FIXME: use proper CSS, not table! -->
    10 <table>
    11   <tr>
    12     <td>Name</td>
    13     <td><input type="text" wicket:id="name" /></td>
    14   </tr>
    15   <tr>
    16     <td>E-mail-Address</td>
    17     <td><input type="text" wicket:id="email" /></td>
    18   </tr>
    19   <tr>
    20     <td>Organisation</td>
    21     <td><input type="text" wicket:id="organisation" /></td>
    22   </tr>
    23   <tr>
    24   <td colspan="2"><div wicket:id="feedback"></div></td>
    25   </tr>
    26   <tr>
    27     <td colspan="2">
    28         <button type="button" wicket:id="add">Add</button>
    29         <button type="button" wicket:id="cancel">Cancel</button>
    30     </td>
    31   </tr>
    32 </table>
     10<fieldset>
     11  <div class="requierd">
     12    <label for="edit_creator_name">Name</label>
     13    <input wicket:id="name" id="edit_creator_name" type="text" />
     14  </div>
     15  <div class="optional">
     16    <label for="edit_creator_email">E-Mail</label>
     17    <input wicket:id="email" id="edit_creator_email" type="text" />
     18  </div>
     19  <div class="optional">
     20    <label for="edit_creator_org">Organisation</label>
     21    <input wicket:id="organisation" id="edit_creator_org" type="text" />
     22  </div>
     23</fieldset>
     24<div wicket:id="feedback"></div>
     25<div class="buttons">
     26  <button type="button" wicket:id="add">Add</button>
     27  <button type="button" wicket:id="cancel">Cancel</button>
     28</div>
    3329</form>
    3430</wicket:panel>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/java/eu/clarin/cmdi/virtualcollectionregistry/gui/wizard/EditResourceDialog$Content.html

    r806 r820  
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    33                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
     4<html xmlns="http://www.w3.org/1999/xhtml"
     5      xmlns:wicket="http://wicket.apache.org/">
    56<head />
    67<body>
    78<wicket:panel>
    89<form wicket:id="editResourceForm">
    9 <!--  FIXME: use proper CSS, not table! -->
    10 <table>
    11   <tr>
    12     <td>Type</td>
    13     <td><select wicket:id="type"></select></td>
    14   </tr>
    15   <tr>
    16     <td>Reference</td>
    17     <td><input type="text" wicket:id="ref" /></td>
    18   </tr>
    19   <tr>
    20     <td colspan="2"><div wicket:id="feedback"></div></td>
    21   </tr>
    22   <tr>
    23     <td colspan="2">
    24         <button type="button" wicket:id="add">Add</button>
    25         <button type="button" wicket:id="cancel">Cancel</button>
    26     </td>
    27   </tr>
    28 </table>
     10<fieldset>
     11  <div class="requierd">
     12    <label for="edit_resource_type">Type</label>
     13    <select wicket:id="type" id="edit_resource_type"></select>
     14  </div>
     15  <div class="required">
     16    <label for="edit_resource_ref">Reference</label>
     17    <input wicket:id="ref" id="edit_resource_ref" type="text" />
     18  </div>
     19</fieldset>
     20<div wicket:id="feedback"></div>
     21<div class="buttons">
     22  <button type="button" wicket:id="add">Add</button>
     23  <button type="button" wicket:id="cancel">Cancel</button>
     24</div>
    2925</form>
    3026</wicket:panel>
  • VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/vcr.css

    r805 r820  
    11* {
    22    margin: 0;
    3     padding: 0;
     3/*    padding: 0; */   
    44}
    55
    66html, body {
    7         font-family: Verdana;
     7        font-family: Verdana, sans-serif;
    88        font-size: 12px;
    9         margin: 0;
     9        margin: 0 auto;
    1010        padding: 0;
    1111        line-height: 1;
    1212    height: 100%;
    13 }
    14 
    15 #noscript-space {
    16         height: 24px;
    17     margin: 0;
    18     padding: 0;
     13    color: #000000;
     14/*    background-color: #E9EEFA; */
     15    width: 1024px;
     16    min-width: 1024px;
     17    height: 100%;
     18}
     19
     20noscript {
     21        margin: 0 auto;
     22        padding: 0;
     23        width: 1024px;
    1924}
    2025
    2126#noscript-warning {
     27    color: #FFFFFF;
    2228    background-color: #AE0000;
    23     color: #FFFFFF;
    2429    font-size: 13px;
    2530    font-weight: bold;
    2631    text-align: center;
    2732    line-height: 24px;
    28     margin: 0;
     33    margin: 0 auto;
    2934    padding: 0;
    3035    text-align: center;
     
    3742}
    3843
     44#header {
     45    border-top: 2px solid #D4DEEF;
     46}
     47       
    3948#header-logo {
    4049        margin: 0;
     
    132141    height: auto !important;
    133142    height: 100%;
    134     margin: 0 auto -18px; /* the bottom margin is the negative value of the footer's height */
    135 }
    136 
    137 #footer, .push {
    138         height: 18px;
     143    margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
     144    color: #000000;
     145    background-color: #FFFFFF;
     146    border-left: 2px solid #D4DEEF;
     147    border-right: 2px solid #D4DEEF;
     148}
     149
     150#content {
     151        padding: 0;
     152    margin: 2px 4px 2px 4px;
     153}
     154
     155#container .push {
     156        height: 20px;
     157    width: auto;
    139158}
    140159
    141160#footer {
    142161        padding: 0 4px;
     162        margin: 0 auto;
     163        height: 18px;
    143164    line-height: 18px;
    144165    text-align: right;
    145     color: #000000;
     166    color: #004071;
    146167    background-color: #D4DEEF;
    147 }
    148 
     168    border-left: 2px solid #D4DEEF;
     169    border-right: 2px solid #D4DEEF;
     170    border-bottom: 2px solid #D4DEEF;
     171}
     172
     173/*
     174 * wizard
     175 */
     176div.wizard .wicketExtensionsWizardHeaderTitle {
     177        padding: 0px 10px;
     178        font-size: 16px;
     179        font-weight: bold;
     180}
     181
     182div.wizard .wicketExtensionsWizardHeaderSummary {
     183        padding: 5px 10px 0 10px;
     184        font-style: italics;
     185}
     186
     187div.wizard .wizardHeader {
     188        border-bottom: 1px solid #000000;
     189    padding: 0 0 10px 0;
     190        margin: 10px 0 10px 0;
     191}
     192
     193form.wizard {
     194  margin: 0;
     195  padding: 0;
     196  font-size: 100%;
     197  min-width: 1012px;
     198  max-width: 1012px;
     199  width: 1012px;
     200}
     201
     202form.wizard fieldset, div.wizard div.fieldset {
     203  clear: both;
     204  font-size: 100%;
     205  border: none;
     206  padding: 0 10px 0 10px;
     207  margin: 0 0 0 0;
     208}
     209
     210/*
     211form.wizard fieldset legend {
     212  font-size: 150%;
     213  font-weight: normal;
     214  color: #000000;
     215  margin: 0 0 0 0;
     216  padding: 0 5px;
     217}
     218
     219div.wizard label {
     220  font-size: 100%;
     221}
     222
     223div.wizard label u {
     224  font-style: normal;
     225  text-decoration: underline;
     226}
     227
     228div.wizard input, div.wizard select, div.wizard textarea {
     229  font-family: Tahoma, Arial, sans-serif;
     230  font-size: 100%;
     231  color: #000000;
     232}
     233
     234div.wizard textarea {
     235  overflow: auto;
     236}
     237*/
     238
     239form.wizard div {
     240  clear: left;
     241  display: block;
     242/*  width: 354px;
     243  zoom: 1;
     244  margin: 5px 0 0 0;
     245  padding: 1px 3px;
     246  */
     247}
     248
     249form.wizard div.notes {
     250  float: right;
     251  width: 198px;
     252  height: auto;
     253  margin: 0 0 10px 10px;
     254  padding: 5px;
     255  border: 1px solid #666666;
     256  background-color: #ffffe1;
     257  color: #666666;
     258  font-size: 10px;
     259}
     260
     261form.wizard div.notes h4 {
     262  /*
     263  background-image: url(/images/icon_info.gif);
     264  background-repeat: no-repeat;
     265  background-position: top left;
     266  */
     267  text-align: center;
     268  padding: 3px 0 3px 0; /*27px; */
     269  margin: 0 0 3px 0;
     270  border-width: 0 0 1px 0;
     271  border-style: solid;
     272  border-color: #666666;
     273  color: #666666;
     274  font-size: 12px;
     275}
     276
     277form.wizard div.notes p {
     278  margin: 0em 0em 0.5em 0em;
     279  color: #666666;
     280}
     281
     282form.wizard div.notes p.last {
     283  margin: 0em;
     284}
     285
     286form.wizard div label {
     287  display: block;
     288  float: left;
     289  width: 150px;
     290  padding: 3px 5px;
     291  margin: 0 0 5px 0;
     292  text-align: right;
     293}
     294
     295form.wizard div.optional label, label.optional {
     296  font-weight: normal;
     297}
     298
     299form.wizard div.required label, label.required {
     300  font-weight: bold;
     301}
     302
     303div.optional label:after {
     304  content: ':';
     305}
     306
     307div.required label:after {
     308  content: ':';
     309}
     310
     311form.wizard textarea {
     312        font-family: Verdana, sans-serif;
     313        font-size: 12px;
     314        width: 602px;
     315        overflow: auto;
     316}
     317
     318/*
     319form.wizard div label.labelCheckbox, form div label.labelRadio {
     320  float: none;
     321  display: block;
     322  width: 200px;
     323  zoom: 1;
     324  padding: 0;
     325  margin: 0 0 5px 142px;
     326  text-align: left;
     327}
     328
     329form.wizard div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
     330  margin: 0 0 5px 0;
     331  width: 170px;
     332}
     333
     334form.wizard div img {
     335  float: left;
     336  border: 1px solid #000000;
     337  margin: 0 0 5px 0;
     338}
     339
     340p.error {
     341  background-color: #ff0000;
     342  background-image: url(/images/icon_error.gif);
     343  background-repeat: no-repeat;
     344  background-position: 3px 3px;
     345  color: #ffffff;
     346  padding: 3px 3px 5px 27px;
     347  border: 1px solid #000000;
     348  margin: auto 100px;
     349}
     350
     351form.wizard div.error {
     352  background-color: #ffffe1;
     353  background-image: url(/images/required_bg.gif);
     354  background-repeat: no-repeat;
     355  background-position: top left;
     356  color: #666666;
     357  border: 1px solid #ff0000;
     358}
     359
     360form.wizard div.error p.error {
     361  background-image: url(/images/icon_error.gif);
     362  background-position: top left;
     363  background-color: transparent;
     364  border-style: none;
     365  font-size: 88%;
     366  font-weight: bold;
     367  margin: 0 0 0 118px;
     368  width: 200px;
     369  color: #ff0000;
     370}
     371
     372form.wizard div select, form div textarea {
     373  width: 200px;
     374  padding: 1px 3px;
     375  margin: 0 0 0 0;
     376}
     377
     378form.wizard div input.inputText, form div input.inputPassword {
     379  width: 200px;
     380  padding: 1px 3px;
     381  margin: 0 0 0 0;
     382}
     383
     384form.wizard div input.inputFile {
     385  width: 211px;
     386}
     387
     388form.wizard div select.selectOne, form div select.selectMultiple {
     389  width: 211px;
     390  padding: 1px 3px;
     391}
     392
     393form.wizard div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
     394  display: inline;
     395  height: auto;
     396  width: auto;
     397  background-color: transparent;
     398  border-width: 0;
     399  padding: 0;
     400  margin: 0 0 0 140px;
     401}
     402
     403form.wizard div.submit {
     404  width: 214px;
     405  padding: 0 0 0 146px;
     406}
     407
     408form.wizard div.submit div {
     409  display: inline;
     410  float: left;
     411  text-align: left;
     412  width: auto;
     413  padding: 0;
     414  margin: 0;
     415}
     416
     417form.wizard div input.inputSubmit,
     418form div input.inputButton, input.inputSubmit, input.inputButton {
     419  background-color: #cccccc;
     420  color: #000000;
     421  width: auto;
     422  padding: 0 6px;
     423  margin: 0;
     424}
     425
     426form.wizard div.submit div input.inputSubmit,
     427form div.submit div input.inputButton {
     428  float: right;
     429  margin: 0 0 0 5px;
     430}
     431
     432form.wizard div small {
     433  display: block;
     434  margin: 0 0 5px 142px;
     435  padding: 1px 3px;
     436  font-size: 88%;
     437  zoom: 1;
     438}
     439*/
     440
     441form.wizard .wizardButtons {
     442    border-top: 1px solid #000000;
     443    margin: 10px 0 0 0;
     444    clear: both;
     445}
     446       
     447form.wizard .buttonbar {
     448        margin: 10px 220px 0 0;
     449        padding: 0 10px 0 0;
     450        text-align: right;
     451}
     452
     453form.wizard .buttonbar input.button {
     454        padding: 1px 4px;
     455        margin: 0 2px;
     456        color: #000000;
     457        background-color: #E9EEF7;
     458        border: 2px solid #D4DEEF;
     459        border-radius: 4px;
     460    -moz-border-radius: 4px;
     461}
     462
     463form.wizard .buttonbar input.button:hover {
     464    color: #AE0000;
     465    background-color: #E9EEF7;
     466}
     467
     468form.wizard .buttonbar  input.button[disabled],
     469form.wizard .buttonbar  input.button[disabled]:hover {
     470        color: #AFAFAF;
     471        border-color: #EFEFEF;
     472}
     473                       
     474/*
     475 * create virtual collection wizard
     476 */
     477div.wizard table {
     478        width: 832px;
     479    font-size: 100%;
     480        border-collapse: collapse;
     481}
     482
     483div.wizard table th,
     484div.wizard table td {
     485        padding: 2px;
     486        text-align: left;
     487}
     488
     489div.wizard table thead {
     490        color: inherit;
     491        background-color: #D4DEEF;
     492    border-top: 1px solid #000000;
     493        border-bottom: 1px solid #000000;
     494}
     495
     496div.wizard table td.action {
     497        width: 98px;
     498}
     499
     500div.wizard a.add,
     501div.wizard a.addMore,   
     502div.wizard table td.action a {
     503        color: #AE0000;
     504        background-color: inherit;
     505        text-decoration: none;
     506}
     507
     508div.wizard table tbody {
     509        border-bottom: 1px solid #000000;
     510}
     511
     512div.wizard table tr.even {
     513    color: inherit;
     514    background-color: #FFFFFF;
     515}
     516
     517div.wizard table tr.odd {
     518    color: inherit;
     519    background-color: #E9EEF7;
     520}
     521
     522div.wizard table td.norecords-td {
     523        text-align: center;
     524}
     525
     526table.creatorsTable td {
     527    width: 252px;
     528    overflow: hidden;
     529}
     530
     531table.resourcesTable td.type {
     532        width: 60px;
     533}
Note: See TracChangeset for help on using the changeset viewer.