Add document title (database name) to top of the browser page.
[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                 <form  class="tablechooser" action="">
22                         <select>
23                                 <option>Contacts</option>
24                                 <option selected="selected">Projects</option>
25                                 <option>Teams</option>
26                         </select>
27                         <input class="tablechooser-submit" type="submit" value="Go"/>
28                 </form>
29                 
30                 <div style="clear: both"></div>
31         </div>
32
33         <div class="group">
34                 <h2 class="group-title">Overview</h2>
35                 <div class="group-contents">
36                         <table class="columns"><tr>
37                                 <td>
38                                         <p class="details-cell">
39                                                 <span class="details-label">Project ID:</span>
40                                                 <span class="details-data">0</span>
41                                         </p>
42                                 </td>
43                                 <td>
44                                         <p class="details-cell">
45                                                 <span class="details-label">Name:</span>
46                                                 <span class="details-data">Project Big X</span>
47                                         </p>
48                                 </td>
49                         </tr></table>
50                 </div>
51         </div>
52         
53         <div class="group">
54                 <h2 class="group-title">Details</h2>
55                 <div class="group-contents">
56                         <p class="details-cell">
57                                 <span class="details-label">Description:</span>
58                                 <span class="details-data">Sample Description</span>
59                         </p>
60                 
61                         <p class="details-cell">
62                                 <span class="details-label">Comments:</span>
63                                 <span class="details-data">Sample Comments</span>
64                         </p>
65                 </div>
66         </div>
67         
68         <div class="group">
69                 <h2 class="group-title">Teams</h2>
70                 <div class="group-contents">
71                         <table class="data-list">
72                                 <tr class="header-row">
73                                         <th>Team ID</th>
74                                         <th>Name</th>
75                                         <th>Comments</th>
76                                 </tr>
77                                 <tr class="data-row">
78                                         <td>0</td>
79                                         <td>Quality Assurance</td>
80                                         <td></td>
81                                 </tr>
82                         </table>
83                 </div>
84         </div>
85         
86         <div id="footbox">
87                 <span class="records">Displaying record 1 of 1</span>
88         
89                 <span class="details-navigation">
90                         <a href="">First</a>
91                         <a href="">Back</a>
92                         <a href="">Forward</a>
93                         <a href="">Last</a>
94                 </span>
95                 
96                 <div style="clear: both"></div>
97         </div>
98 </body>
99
100 </html>