Add missing file.
[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 Name: Table Name</title>
7         <link href="style.css" rel="stylesheet" type="text/css" />
8 </head>
9
10 <body>
11
12         <div id="document-title">
13         Database Name
14         </div>
15
16         <div id="headbox">
17                 <div class="backlink">
18                         <a href="listview-projects.html">Back to List</a>
19                 </div>
20                 
21                 <select class="tablechooser">
22                         <option>Contacts</option>
23                         <option selected="selected">Projects</option>
24                         <option>Teams</option>
25                 </select>
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>