| 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 |