OLD | NEW |
1 <html> | 1 <html> |
2 </html> | 2 </html> |
3 <html id="t"> | 3 <html id="t"> |
4 <head> | 4 <head> |
5 <title>About Sync</title> | 5 <title>About Sync</title> |
6 | 6 |
7 <style type="text/css"> | 7 <style type="text/css"> |
8 body { | 8 body { |
9 font-size: 84%; | 9 font-size: 84%; |
10 font-family: Arial, Helvetica, sans-serif; | 10 font-family: Arial, Helvetica, sans-serif; |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
56 color: white; | 56 color: white; |
57 text-shadow: 0 0 2px black; | 57 text-shadow: 0 0 2px black; |
58 } | 58 } |
59 div#header h1 { | 59 div#header h1 { |
60 padding-left: 37px; | 60 padding-left: 37px; |
61 margin: 0; | 61 margin: 0; |
62 display: inline; | 62 display: inline; |
63 background: url('gear.png') 12px 60% no-repeat; | 63 background: url('gear.png') 12px 60% no-repeat; |
64 color: white; | 64 color: white; |
65 } | 65 } |
| 66 |
| 67 .desc { |
| 68 font-size: 84%; |
| 69 } |
| 70 |
| 71 .err { |
| 72 color: red; |
| 73 } |
| 74 |
66 div#header p { | 75 div#header p { |
67 font-size: 84%; | 76 font-size: 84%; |
68 font-style: italic; | 77 font-style: italic; |
69 padding: 0; | 78 padding: 0; |
70 margin: 0; | 79 margin: 0; |
71 color: white; | 80 color: white; |
72 padding-left: 0.4em; | 81 padding-left: 0.4em; |
73 display: inline; | 82 display: inline; |
74 } | 83 } |
75 | 84 |
76 table.list { | 85 table.list { |
77 line-height: 200%; | 86 line-height: 200%; |
78 border-collapse: collapse; | 87 border-collapse: collapse; |
79 font-size: 84%; | 88 font-size: 84%; |
80 table-layout: fixed; | 89 table-layout: fixed; |
81 } | 90 } |
82 table.list:not([class*='filtered']) tr:nth-child(odd) td { | 91 table.list:not([class*='filtered']) tr:nth-child(odd) td { |
83 background: #eff3ff; | 92 background: #eff3ff; |
84 } | 93 } |
| 94 table.list#details2 tr:nth-child(odd) td { |
| 95 background: #ccffcc |
| 96 } |
85 | 97 |
86 table.list td { | 98 table.list td { |
87 padding: 0 0.5em; | 99 padding: 0 0.5em; |
88 vertical-align: top; | 100 vertical-align: top; |
89 line-height: 1.4em; | 101 line-height: 1.4em; |
90 padding-top: 0.35em; | 102 padding-top: 0.35em; |
91 } | 103 } |
92 table.list tr td:nth-last-child(1), | 104 table.list tr td:nth-last-child(1), |
93 table.list tr th:nth-last-child(1) { | 105 table.list tr th:nth-last-child(1) { |
94 padding-right: 1em; | 106 padding-right: 1em; |
(...skipping 10 matching lines...) Expand all Loading... |
105 overflow: hidden; | 117 overflow: hidden; |
106 white-space: nowrap; | 118 white-space: nowrap; |
107 text-overflow: ellipsis; | 119 text-overflow: ellipsis; |
108 } | 120 } |
109 | 121 |
110 table.list .number { | 122 table.list .number { |
111 width: 7em; | 123 width: 7em; |
112 text-align: right; | 124 text-align: right; |
113 } | 125 } |
114 | 126 |
115 table.list#details tr:not([class*='firstRow']) > *:nth-child(1), | 127 table.list tr:not([class*='firstRow']) > *:nth-child(1), |
116 table.list#details tr:not([class*='firstRow']) > *:nth-child(4), | 128 table.list tr:not([class*='firstRow']) > *:nth-child(4), |
117 table.list#details tr.firstRow th:nth-child(1), | 129 table.list tr.firstRow th:nth-child(1), |
118 table.list#details tr.firstRow th:nth-child(2) { | 130 table.list tr.firstRow th:nth-child(2) { |
119 border-right: 1px solid #b5c6de; | 131 border-right: 1px solid #b5c6de; |
120 } | 132 } |
121 table.list#details .name { | 133 table.list#details .name { |
122 padding-left: 25px; | 134 padding-left: 25px; |
123 background-position: 5px center; | 135 background-position: 5px center; |
124 background-repeat: no-repeat; | 136 background-repeat: no-repeat; |
125 } | 137 } |
126 </style> | 138 </style> |
127 </head> | 139 </head> |
128 <body> | 140 <body> |
129 <div id='header'> | 141 <div id='header'> |
130 <h1>About Sync</h1> | 142 <h1>About Sync</h1> |
131 <p> Sync engine diagnostic data</p> | 143 <p> Sync engine diagnostic data</p> |
132 </div> | 144 </div> |
133 <div id='content'> | 145 <div id='content'> |
134 <h2> Summary </h2> | 146 <table width="100%"> |
135 <strong jscontent="summary"></strong> | |
136 <br /><br /><br /> | |
137 <h2> Details </h2> | |
138 <table class='list' id='details'> | |
139 <tr> | 147 <tr> |
140 <td class='name'> Authenticated </td> | 148 <td width="20%"> |
141 <td class='number'> | 149 <span class="desc"><h2> Summary </h2></span> |
142 <div jscontent="authenticated"> </div> | 150 <strong jscontent="summary"></strong> |
143 <div jsdisplay="!authenticated" | 151 </td> |
144 style="color:red" | 152 <td> |
145 jscontent="auth_problem"></div> | 153 <div class="desc" jsdisplay="unrecoverable_error_detected"> |
| 154 <span class="err">Unrecoverable Error Detected!</span> |
| 155 <div jscontent="unrecoverable_error_message"></div> |
| 156 <div jscontent="unrecoverable_error_location"></div> |
| 157 </div> |
146 </td> | 158 </td> |
147 </tr> | 159 </tr> |
148 </tr> | 160 </table> |
| 161 <br /><br /><br /> |
| 162 <h2> </h2> |
| 163 <table> |
149 <tr> | 164 <tr> |
150 <td class='name'>Last Synced</td> | 165 <td> |
151 <td class='number' jscontent="time_since_sync"> </td> | 166 <div class="desc"><h2> Details </h2></div> |
152 </tr> | 167 <table class='list' id='details'> |
153 <tr jsselect="details"> | 168 <tr> |
154 <td class='name'> | 169 <td class='name'> Authenticated </td> |
155 » <div jscontent="stat_name"></div> | 170 <td class='number'> |
156 </td> | 171 <div jscontent="authenticated"> </div> |
157 » <td class='number'> | 172 <div jsdisplay="!authenticated" |
158 » <div jscontent="stat_value"></div> | 173 style="color:red" |
159 » </td> | 174 jscontent="auth_problem"></div> |
160 </tr> | 175 </td> |
| 176 </tr> |
| 177 </tr> |
| 178 <tr> |
| 179 <td class='name'>Last Synced</td> |
| 180 <td class='number' jscontent="time_since_sync"> </td> |
| 181 </tr> |
| 182 <tr jsselect="details"> |
| 183 <td class='name'> |
| 184 <div jscontent="stat_name"></div> |
| 185 </td> |
| 186 <td class='number'> |
| 187 <div jscontent="stat_value"></div> |
| 188 </td> |
| 189 </tr> |
| 190 </table> |
| 191 </td> |
| 192 <td valign="top"> |
| 193 <div class="desc"><h2> Routing Info </h2></div> |
| 194 <table class='list' id='details2'> |
| 195 <tr jsselect="routing_info"> |
| 196 <td class ='name'> |
| 197 <div jscontent="model_type"></div> |
| 198 </td> |
| 199 <td class='number'> |
| 200 <div jscontent="group"></div> |
| 201 </td> |
| 202 </tr> |
| 203 </table> |
| 204 </td> |
161 </table> | 205 </table> |
162 </div> | 206 </div> |
163 </body> | 207 </body> |
164 </html> | 208 </html> |
OLD | NEW |