Add data to the DetailsView using a hard-coded primary key value.
[online-glom:gwt-glom.git] / mockups / details-projects.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
4
5 <head>
6         <title>Database: Table</title>
7         <link href="style.css" rel="stylesheet" type="text/css" />
8 </head>
9
10 <body>
11
12         <div id="headbox">
13                 <div class="backlink">
14                         <a href="listview-projects.html">Back to List</a>
15                 </div>
16                 
17                 <form  class="tablechooser" action="">
18                         <label>Table: </label>
19                         <select>
20                                 <option>Contacts</option>
21                                 <option selected="selected">Projects</option>
22                                 <option>Teams</option>
23                         </select>
24                         <input class="tablechooser-submit" type="submit" value="Go"/>
25                 </form>
26                 
27                 <div style="clear: both"></div>
28         </div>
29
30         <div class="group">
31                 <h2 class="group-title">Overview</h2>
32                 <div class="group-contents">
33                         <table class="columns"><tr>
34                                 <td>
35                                         <p class="details-cell">
36                                                 <span class="details-label">Project ID:</span>
37                                                 <span class="details-data">0</span>
38                                         </p>
39                                 </td>
40                                 <td>
41                                         <p class="details-cell">
42                                                 <span class="details-label">Name:</span>
43                                                 <span class="details-data">Project Big X</span>
44                                         </p>
45                                 </td>
46                         </tr></table>
47                 </div>
48         </div>
49         
50         <div class="group">
51                 <h2 class="group-title">Details</h2>
52                 <div class="group-contents">
53                         <p class="details-cell">
54                                 <span class="details-label">Description:</span>
55                                 <span class="details-data">Sample Description</span>
56                         </p>
57                 
58                         <p class="details-cell">
59                                 <span class="details-label">Comments:</span>
60                                 <span class="details-data">Sample Comments</span>
61                         </p>
62                 </div>
63         </div>
64         
65         <div class="group">
66                 <h2 class="group-title">Teams</h2>
67                 <div class="group-contents">
68                         <table class="data-list">
69                                 <tr class="header-row">
70                                         <th>Team ID</th>
71                                         <th>Name</th>
72                                         <th>Comments</th>
73                                 </tr>
74                                 <tr class="data-row">
75                                         <td>0</td>
76                                         <td>Quality Assurance</td>
77                                         <td></td>
78                                 </tr>
79                         </table>
80                 </div>
81         </div>
82         
83         <div id="footbox">
84                 <span class="records">Displaying record 1 of 1</span>
85         
86                 <span class="details-navigation">
87                         <a href="">First</a>
88                         <a href="">Back</a>
89                         <a href="">Forward</a>
90                         <a href="">Last</a>
91                 </span>
92                 
93                 <div style="clear: both"></div>
94         </div>
95 </body>
96
97 </html>