github.com/web-platform-tests/wpt.fyi@v0.0.0-20240530210107-70cf978996f1/webapp/templates/admin_upload.html (about) 1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Results upload</title> 4 <script type="module" src="/node_modules/@polymer/iron-input/iron-input.js"></script> 5 <script type="module" src="/node_modules/@polymer/paper-button/paper-button.js"></script> 6 <script type="module" src="/node_modules/@polymer/paper-input/paper-input.js"></script> 7 <script type="module" src="/node_modules/@polymer/paper-styles/color.js"></script> 8 9 <style> 10 h2 { clear: both; } 11 div.row { display: flex; } 12 div.column { margin-right: 100px; } 13 div.note { 14 background-color: var(--paper-blue-100); 15 padding: 5px; 16 } 17 form { 18 max-width: 100%; 19 width: 480px; 20 } 21 button[type="submit"] { 22 float: right; 23 background: none; 24 border: none; 25 } 26 paper-button.blue { 27 background: var(--paper-blue-500); 28 color: white; 29 } 30 </style> 31 <custom-style> 32 <style is="custom-style"> 33 input.paper-input { 34 @apply --paper-input-container-shared-input-style; 35 } 36 </style> 37 </custom-style> 38 39 40 <div class="row"> 41 42 <div class="column"> 43 <h2>File payload</h2> 44 <form method="POST" action="/api/results/upload" enctype="multipart/form-data"> 45 {{if .Data.CallbackURL}}<input type="hidden" name="callback_url" value="{{.Data.CallbackURL}}">{{end}} 46 <paper-input-container auto-validate> 47 <label slot="label">Uploader</label> 48 <iron-input slot="input" required> 49 <input class="paper-input" name="user"> 50 </iron-input> 51 </paper-input-container> 52 <paper-input-container always-float-label auto-validate> 53 <label slot="label">Results file(s)</label> 54 <iron-input slot="input" required> 55 <input class="paper-input" name="result_file" type="file" multiple accept=".gz"> 56 </iron-input> 57 </paper-input-container> 58 <paper-input-container always-float-label> 59 <label slot="label">Screenshots file(s)</label> 60 <iron-input slot="input"> 61 <input class="paper-input" name="screenshot_file" type="file" multiple accept=".gz"> 62 </iron-input> 63 </paper-input-container> 64 <paper-input-container> 65 <label slot="label">Labels (comma-separated)</label> 66 <iron-input slot="input"> 67 <input class="paper-input" name="labels"> 68 </iron-input> 69 </paper-input-container> 70 71 <div class="note"> 72 The following fields override the metadata included in the report. Generally 73 speaking, you should only fill these fields if the report doesn't have them. 74 </div> 75 <paper-input-container> 76 <label slot="label">Revision</label> 77 <iron-input slot="input"> 78 <input class="paper-input" name="revision"> 79 </iron-input> 80 </paper-input-container> 81 <paper-input-container> 82 <label slot="label">Browser name</label> 83 <iron-input slot="input"> 84 <input class="paper-input" name="browser_name"> 85 </iron-input> 86 </paper-input-container> 87 <paper-input-container> 88 <label slot="label">Browser version</label> 89 <iron-input slot="input"> 90 <input class="paper-input" name="browser_version"> 91 </iron-input> 92 </paper-input-container> 93 <paper-input-container> 94 <label slot="label">OS name</label> 95 <iron-input slot="input"> 96 <input class="paper-input" name="os_name"> 97 </iron-input> 98 </paper-input-container> 99 <paper-input-container> 100 <label slot="label">OS version</label> 101 <iron-input slot="input"> 102 <input class="paper-input" name="os_version"> 103 </iron-input> 104 </paper-input-container> 105 106 <button type="submit"> 107 <paper-button class="blue" raised>Submit</paper-button> 108 </button> 109 </form> 110 </div> 111 112 <div class="column"> 113 <h2>URL payload</h2> 114 <form method="POST" action="/api/results/upload"> 115 {{if .Data.CallbackURL}}<input type="hidden" name="callback_url" value="{{.Data.CallbackURL}}">{{end}} 116 <paper-input-container auto-validate> 117 <label slot="label">Uploader</label> 118 <iron-input slot="input" required> 119 <input class="paper-input" name="user"> 120 </iron-input> 121 </paper-input-container> 122 <paper-input-container auto-validate> 123 <label slot="label">Results URL</label> 124 <iron-input slot="input" required> 125 <input class="paper-input" name="result_url" type="url"> 126 </iron-input> 127 </paper-input-container> 128 <paper-input-container> 129 <label slot="label">Screenshots URL</label> 130 <iron-input slot="input"> 131 <input class="paper-input" name="screenshot_url" type="url"> 132 </iron-input> 133 </paper-input-container> 134 <paper-input-container> 135 <label slot="label">Labels (comma-separated)</label> 136 <iron-input slot="input"> 137 <input class="paper-input" name="labels"> 138 </iron-input> 139 </paper-input-container> 140 141 <div class="note"> 142 The following fields override the metadata included in the report. Generally 143 speaking, you should only fill these fields if the report doesn't have them. 144 </div> 145 <paper-input-container> 146 <label slot="label">Revision</label> 147 <iron-input slot="input"> 148 <input class="paper-input" name="revision"> 149 </iron-input> 150 </paper-input-container> 151 <paper-input-container> 152 <label slot="label">Browser name</label> 153 <iron-input slot="input"> 154 <input class="paper-input" name="browser_name"> 155 </iron-input> 156 </paper-input-container> 157 <paper-input-container> 158 <label slot="label">Browser version</label> 159 <iron-input slot="input"> 160 <input class="paper-input" name="browser_version"> 161 </iron-input> 162 </paper-input-container> 163 <paper-input-container> 164 <label slot="label">OS name</label> 165 <iron-input slot="input"> 166 <input class="paper-input" name="os_name"> 167 </iron-input> 168 </paper-input-container> 169 <paper-input-container> 170 <label slot="label">OS version</label> 171 <iron-input slot="input"> 172 <input class="paper-input" name="os_version"> 173 </iron-input> 174 </paper-input-container> 175 176 <button type="submit"> 177 <paper-button class="blue" raised>Submit</paper-button> 178 </button> 179 </form> 180 </div>