Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(10)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: heuristics/distillable/index.html

Issue 1620043002: Add scripts for distillability modelling (Closed) Base URL: git@github.com:chromium/dom-distiller.git@master
Patch Set: set upstream patchset, identical to patch set 2 Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « heuristics/distillable/get_screenshots.py ('k') | heuristics/distillable/index.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> </script> 3 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> </script>
4 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min .js"></script> 4 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min .js"></script>
5 <style> 5 <style>
6 6
7 table { 7 table {
8 border-collapse: collapse; 8 border-collapse: collapse;
9 } 9 }
10 10
11 table, tr, td { 11 table, tr, td {
12 border: 1px solid black; 12 border: 1px solid black;
13 } 13 }
14 14
15 tr.error { 15 .error {
16 background-color: #aaaaaa; 16 background-color: #aaaaaa;
17 } 17 }
18 18
19 tr.good { 19 .good {
20 background-color: #aaffaa; 20 background-color: #aaffaa;
21 } 21 }
22 22
23 tr.poor { 23 .poor {
24 background-color: #aaaaff; 24 background-color: #aaaaff;
25 } 25 }
26 26
27 tr.bad { 27 .bad {
28 background-color: #ffaaaa; 28 background-color: #ffaaaa;
29 } 29 }
30 30
31 tr.active { 31 tr.active {
32 border: 3px solid blue; 32 border: 3px solid blue;
33 } 33 }
34 34
35 #image-holder { 35 #image-holder {
36 width: 90%; 36 width: 90%;
37 margin: 0 auto; 37 margin: 0 auto;
38 } 38 }
39 39
40 #image-holder img { 40 #image-holder img {
41 width: 49%; 41 vertical-align: text-top;
42 }
43
44 #base-img {
45 width: 66%;
46 }
47
48 #distilled-img {
49 width: 33%;
50 }
51
52 .hidden {
53 display: none;
42 } 54 }
43 55
44 #image-holder.error { 56 #image-holder.error {
45 border: 5px solid #aaaaaa; 57 border: 5px solid #aaaaaa;
46 } 58 }
47 59
48 #image-holder.good { 60 #image-holder.good {
49 border: 5px solid green; 61 border: 5px solid green;
50 } 62 }
51 63
52 #image-holder.poor { 64 #image-holder.poor {
53 border: 5px solid blue; 65 border: 5px solid blue;
54 } 66 }
55 67
56 #image-holder.bad { 68 #image-holder.bad {
57 border: 5px solid red; 69 border: 5px solid red;
58 } 70 }
59 71
60 72
61 .content { 73 .content {
62 background-color: #e0e0e0; 74 background-color: #e0e0e0;
63 } 75 }
64 76
77 #data-viewer {
78 background-color: white;
79 }
80
65 .content-holder { 81 .content-holder {
66 height: 100%; 82 height: 100%;
67 background-color: #e0e0e0; 83 background-color: #e0e0e0;
68 float: left; 84 float: left;
69 overflow: hidden; 85 overflow: hidden;
70 overflow-y: scroll; 86 overflow-y: scroll;
71 } 87 }
72 88
73 .content-holder.active { 89 .content-holder.active {
74 display: block 90 display: block
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
128 144
129 </style> 145 </style>
130 </head> 146 </head>
131 <div class="content"> 147 <div class="content">
132 <div class="content-holder" id="data-viewer" style="width:25%"> 148 <div class="content-holder" id="data-viewer" style="width:25%">
133 <table id="data-table"> 149 <table id="data-table">
134 </table> 150 </table>
135 </div> 151 </div>
136 <div class="content-holder" id="image-viewer" style="width:75%"> 152 <div class="content-holder" id="image-viewer" style="width:75%">
137 <div class="button-row"> 153 <div class="button-row">
138 <button id="bad" style="width:200px"><font style="color:red">bad</font></b utton> 154 <button id="bad" class="bad" style="width:200px">Bad <br/>hotkey: -</butto n>
139 <button id="good" style="width:200px"><font style="color:green">good</font ></button> 155 <button id="good" class="good" style="width:200px">Good <br/>hotkey: + or =</button>
140 <button id="poor" style="width:200px"><font style="color:blue">good w/mist akes</font></button> 156 <button id="poor" class="poor" style="width:200px">Good w/ mistakes <br/>h otkey: / or ]</button>
141 <button id="error" style="width:200px"><font style="">error</font></button > 157 <button id="error" class="error" style="width:200px">Error <br/>hotkey: * or 0</button>
142 <button id="reset" style="width:200px"><font style="">reset</font></button > 158 <button id="reset" style="width:200px">Reset</button>
143 <span style="float: right"> 159 <div style="float: right">
160 <input type="checkbox" id="auto-advance" checked="true"/>Jump to next un rated item<br>
161 Label stats:
162 <span class="bad"><span id="bad-count"></span> bad</span>,
163 <span class="good"><span id="good-count"></span> good</span>,
164 <span class="poor"><span id="poor-count"></span> poor</span>,
165 <span class="error"><span id="error-count""></span> error</span>
166 </div>
167 <div style="float: right">
144 <span class="left-caret"><b></b></span> 168 <span class="left-caret"><b></b></span>
145 <span id="position" style="float:left; position:relative; top:12px; widt h:100px"> 169 <span id="position" style="float:left; position:relative; top:12px;">
146 <span class="current-position"></span> 170 <span class="current-position"></span>
147 / 171 /
148 <span class="total-entries"></span> 172 <span class="total-entries"></span>
149 </span> 173 </span>
150 <span class="right-caret"><b></b></span> 174 <span class="right-caret"><b></b></span>
151 </span> 175 </div>
152 </div> 176 </div>
153 177
154 <h1><a id="url-holder" target="_blank"></a></h1> 178 <h1><a id="url-holder" target="_blank"></a></h1>
155 <div id="image-holder"> 179 <div id="image-holder">
156 <div> 180 <div>
157 <img id="base-img"></img> 181 <img id="base-img"></img>
158 <img id="distilled-img"></img> 182 <img id="distilled-img"></img>
183 <img id="base-img-next" class="hidden"></img>
184 <img id="distilled-img-next" class="hidden"></img>
185 <img id="base-img-next2" class="hidden"></img>
186 <img id="distilled-img-next2" class="hidden"></img>
159 </div> 187 </div>
160 </div> 188 </div>
161 </div> 189 </div>
162 </div> 190 </div>
163 <script src="test.js"></script> 191 <script src="index.js"></script>
164 </html> 192 </html>
OLDNEW
« no previous file with comments | « heuristics/distillable/get_screenshots.py ('k') | heuristics/distillable/index.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698