| OLD | NEW |
| 1 // Copyright 2013 The Chromium Authors. All rights reserved. | 1 // Copyright 2013 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 (function() { | 5 (function() { |
| 6 'use strict'; | 6 'use strict'; |
| 7 | 7 |
| 8 cr.define('cr.translateInternals', function() { | 8 cr.define('cr.translateInternals', function() { |
| 9 | 9 |
| 10 var detectionLogs_ = null; | 10 var detectionLogs_ = null; |
| (...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 ul = document.querySelector('#prefs-blocked-languages ul'); | 150 ul = document.querySelector('#prefs-blocked-languages ul'); |
| 151 ul.innerHTML = ''; | 151 ul.innerHTML = ''; |
| 152 | 152 |
| 153 if ('translate_blocked_languages' in detail) { | 153 if ('translate_blocked_languages' in detail) { |
| 154 var langs = detail['translate_blocked_languages']; | 154 var langs = detail['translate_blocked_languages']; |
| 155 | 155 |
| 156 langs.forEach(function(langCode) { | 156 langs.forEach(function(langCode) { |
| 157 var text = formatLanguageCode(langCode); | 157 var text = formatLanguageCode(langCode); |
| 158 | 158 |
| 159 var li = createLIWithDismissingButton(text, function() { | 159 var li = createLIWithDismissingButton(text, function() { |
| 160 chrome.send('removePrefItem', | 160 chrome.send('removePrefItem', ['blocked_languages', langCode]); |
| 161 ['blocked_languages', langCode]); | |
| 162 }); | 161 }); |
| 163 ul.appendChild(li); | 162 ul.appendChild(li); |
| 164 }); | 163 }); |
| 165 } | 164 } |
| 166 | 165 |
| 167 ul = document.querySelector('#prefs-language-blacklist ul'); | 166 ul = document.querySelector('#prefs-language-blacklist ul'); |
| 168 ul.innerHTML = ''; | 167 ul.innerHTML = ''; |
| 169 | 168 |
| 170 if ('translate_language_blacklist' in detail) { | 169 if ('translate_language_blacklist' in detail) { |
| 171 var langs = detail['translate_language_blacklist']; | 170 var langs = detail['translate_language_blacklist']; |
| 172 | 171 |
| 173 langs.forEach(function(langCode) { | 172 langs.forEach(function(langCode) { |
| 174 var text = formatLanguageCode(langCode); | 173 var text = formatLanguageCode(langCode); |
| 175 | 174 |
| 176 var li = createLIWithDismissingButton(text, function() { | 175 var li = createLIWithDismissingButton(text, function() { |
| 177 chrome.send('removePrefItem', | 176 chrome.send('removePrefItem', ['language_blacklist', langCode]); |
| 178 ['language_blacklist', langCode]); | |
| 179 }); | 177 }); |
| 180 ul.appendChild(li); | 178 ul.appendChild(li); |
| 181 }); | 179 }); |
| 182 } | 180 } |
| 183 | 181 |
| 184 ul = document.querySelector('#prefs-site-blacklist ul'); | 182 ul = document.querySelector('#prefs-site-blacklist ul'); |
| 185 ul.innerHTML = ''; | 183 ul.innerHTML = ''; |
| 186 | 184 |
| 187 if ('translate_site_blacklist' in detail) { | 185 if ('translate_site_blacklist' in detail) { |
| 188 var sites = detail['translate_site_blacklist']; | 186 var sites = detail['translate_site_blacklist']; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 200 | 198 |
| 201 if ('translate_whitelists' in detail) { | 199 if ('translate_whitelists' in detail) { |
| 202 var pairs = detail['translate_whitelists']; | 200 var pairs = detail['translate_whitelists']; |
| 203 | 201 |
| 204 Object.keys(pairs).forEach(function(fromLangCode) { | 202 Object.keys(pairs).forEach(function(fromLangCode) { |
| 205 var toLangCode = pairs[fromLangCode]; | 203 var toLangCode = pairs[fromLangCode]; |
| 206 var text = formatLanguageCode(fromLangCode) + ' \u2192 ' + | 204 var text = formatLanguageCode(fromLangCode) + ' \u2192 ' + |
| 207 formatLanguageCode(toLangCode); | 205 formatLanguageCode(toLangCode); |
| 208 | 206 |
| 209 var li = createLIWithDismissingButton(text, function() { | 207 var li = createLIWithDismissingButton(text, function() { |
| 210 chrome.send('removePrefItem', | 208 chrome.send( |
| 211 ['whitelists', fromLangCode, toLangCode]); | 209 'removePrefItem', ['whitelists', fromLangCode, toLangCode]); |
| 212 }); | 210 }); |
| 213 ul.appendChild(li); | 211 ul.appendChild(li); |
| 214 }); | 212 }); |
| 215 } | 213 } |
| 216 | 214 |
| 217 var p = $('prefs-too-often-denied'); | 215 var p = $('prefs-too-often-denied'); |
| 218 p.classList.toggle('prefs-setting-disabled', | 216 p.classList.toggle( |
| 219 !detail['translate_too_often_denied']); | 217 'prefs-setting-disabled', !detail['translate_too_often_denied']); |
| 220 p.appendChild(createDismissingButton( | 218 p.appendChild(createDismissingButton( |
| 221 chrome.send.bind(null, 'removePrefItem', ['too_often_denied']))); | 219 chrome.send.bind(null, 'removePrefItem', ['too_often_denied']))); |
| 222 | 220 |
| 223 p = document.querySelector('#prefs-dump p'); | 221 p = document.querySelector('#prefs-dump p'); |
| 224 var content = JSON.stringify(detail, null, 2); | 222 var content = JSON.stringify(detail, null, 2); |
| 225 p.textContent = content; | 223 p.textContent = content; |
| 226 } | 224 } |
| 227 | 225 |
| 228 /** | 226 /** |
| 229 * Handles the message of 'supportedLanguagesUpdated' from the browser. | 227 * Handles the message of 'supportedLanguagesUpdated' from the browser. |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 261 function onCountryUpdated(details) { | 259 function onCountryUpdated(details) { |
| 262 var p; | 260 var p; |
| 263 p = $('country-override'); | 261 p = $('country-override'); |
| 264 | 262 |
| 265 p.innerHTML = ''; | 263 p.innerHTML = ''; |
| 266 | 264 |
| 267 if ('country' in details) { | 265 if ('country' in details) { |
| 268 var country = details['country']; | 266 var country = details['country']; |
| 269 | 267 |
| 270 var h2 = $('override-variations-country'); | 268 var h2 = $('override-variations-country'); |
| 271 h2.title = ( | 269 h2.title = |
| 272 'Changing this value will override the permanent country stored ' + | 270 ('Changing this value will override the permanent country stored ' + |
| 273 'by variations. Normally, this value gets automatically updated ' + | 271 'by variations. Normally, this value gets automatically updated ' + |
| 274 'with a new value received from the variations server when ' + | 272 'with a new value received from the variations server when ' + |
| 275 'Chrome is updated.'); | 273 'Chrome is updated.'); |
| 276 | 274 |
| 277 var input = document.createElement('input'); | 275 var input = document.createElement('input'); |
| 278 input.type = 'text'; | 276 input.type = 'text'; |
| 279 input.value = country; | 277 input.value = country; |
| 280 | 278 |
| 281 var button = document.createElement('button'); | 279 var button = document.createElement('button'); |
| 282 button.textContent = 'update'; | 280 button.textContent = 'update'; |
| 283 button.addEventListener('click', function() { | 281 button.addEventListener('click', function() { |
| 284 chrome.send('overrideCountry', [input.value]); | 282 chrome.send('overrideCountry', [input.value]); |
| 285 }, false); | 283 }, false); |
| 286 p.appendChild(input); | 284 p.appendChild(input); |
| 287 p.appendChild(document.createElement('br')); | 285 p.appendChild(document.createElement('br')); |
| 288 p.appendChild(button); | 286 p.appendChild(button); |
| 289 | 287 |
| 290 if ('update' in details && details['update']) { | 288 if ('update' in details && details['update']) { |
| 291 var div1 = document.createElement('div'); | 289 var div1 = document.createElement('div'); |
| 292 div1.textContent = 'Permanent stored country updated.'; | 290 div1.textContent = 'Permanent stored country updated.'; |
| 293 var div2 = document.createElement('div'); | 291 var div2 = document.createElement('div'); |
| 294 div2.textContent = ('You will need to restart your browser ' + | 292 div2.textContent = |
| 295 'for the changes to take effect.'); | 293 ('You will need to restart your browser ' + |
| 294 'for the changes to take effect.'); |
| 296 p.appendChild(div1); | 295 p.appendChild(div1); |
| 297 p.appendChild(div2); | 296 p.appendChild(div2); |
| 298 } | 297 } |
| 299 } else { | 298 } else { |
| 300 p.textContent = 'Could not load country info from Variations.'; | 299 p.textContent = 'Could not load country info from Variations.'; |
| 301 } | 300 } |
| 302 } | 301 } |
| 303 | 302 |
| 304 /** | 303 /** |
| 305 * Adds '0's to |number| as a string. |width| is length of the string | 304 * Adds '0's to |number| as a string. |width| is length of the string |
| (...skipping 27 matching lines...) Expand all Loading... |
| 333 var minute = date.getMinutes(); | 332 var minute = date.getMinutes(); |
| 334 var second = date.getSeconds(); | 333 var second = date.getSeconds(); |
| 335 | 334 |
| 336 var yearStr = padWithZeros(year, 4); | 335 var yearStr = padWithZeros(year, 4); |
| 337 var monthStr = padWithZeros(month, 2); | 336 var monthStr = padWithZeros(month, 2); |
| 338 var dayStr = padWithZeros(day, 2); | 337 var dayStr = padWithZeros(day, 2); |
| 339 var hourStr = padWithZeros(hour, 2); | 338 var hourStr = padWithZeros(hour, 2); |
| 340 var minuteStr = padWithZeros(minute, 2); | 339 var minuteStr = padWithZeros(minute, 2); |
| 341 var secondStr = padWithZeros(second, 2); | 340 var secondStr = padWithZeros(second, 2); |
| 342 | 341 |
| 343 var str = yearStr + '-' + monthStr + '-' + dayStr + ' ' + | 342 var str = yearStr + '-' + monthStr + '-' + dayStr + ' ' + hourStr + ':' + |
| 344 hourStr + ':' + minuteStr + ':' + secondStr; | 343 minuteStr + ':' + secondStr; |
| 345 | 344 |
| 346 return str; | 345 return str; |
| 347 } | 346 } |
| 348 | 347 |
| 349 /** | 348 /** |
| 350 * Appends a new TD element to the specified element. | 349 * Appends a new TD element to the specified element. |
| 351 * | 350 * |
| 352 * @param {string} parent The element to which a new TD element is appended. | 351 * @param {string} parent The element to which a new TD element is appended. |
| 353 * @param {string} content The text content of the element. | 352 * @param {string} content The text content of the element. |
| 354 * @param {string} className The class name of the element. | 353 * @param {string} className The class name of the element. |
| (...skipping 11 matching lines...) Expand all Loading... |
| 366 * | 365 * |
| 367 * @param {Object} detail The object which represents the logs. | 366 * @param {Object} detail The object which represents the logs. |
| 368 */ | 367 */ |
| 369 function onLanguageDetectionInfoAdded(detail) { | 368 function onLanguageDetectionInfoAdded(detail) { |
| 370 cr.translateInternals.detectionLogs().push(detail); | 369 cr.translateInternals.detectionLogs().push(detail); |
| 371 | 370 |
| 372 var tr = document.createElement('tr'); | 371 var tr = document.createElement('tr'); |
| 373 | 372 |
| 374 appendTD(tr, formatDate(new Date(detail['time'])), 'detection-logs-time'); | 373 appendTD(tr, formatDate(new Date(detail['time'])), 'detection-logs-time'); |
| 375 appendTD(tr, detail['url'], 'detection-logs-url'); | 374 appendTD(tr, detail['url'], 'detection-logs-url'); |
| 376 appendTD(tr, formatLanguageCode(detail['content_language']), | 375 appendTD( |
| 377 'detection-logs-content-language'); | 376 tr, formatLanguageCode(detail['content_language']), |
| 378 appendTD(tr, formatLanguageCode(detail['cld_language']), | 377 'detection-logs-content-language'); |
| 379 'detection-logs-cld-language'); | 378 appendTD( |
| 379 tr, formatLanguageCode(detail['cld_language']), |
| 380 'detection-logs-cld-language'); |
| 380 appendTD(tr, detail['is_cld_reliable'], 'detection-logs-is-cld-reliable'); | 381 appendTD(tr, detail['is_cld_reliable'], 'detection-logs-is-cld-reliable'); |
| 381 appendTD(tr, detail['has_notranslate'], 'detection-logs-has-notranslate'); | 382 appendTD(tr, detail['has_notranslate'], 'detection-logs-has-notranslate'); |
| 382 appendTD(tr, formatLanguageCode(detail['html_root_language']), | 383 appendTD( |
| 383 'detection-logs-html-root-language'); | 384 tr, formatLanguageCode(detail['html_root_language']), |
| 384 appendTD(tr, formatLanguageCode(detail['adopted_language']), | 385 'detection-logs-html-root-language'); |
| 385 'detection-logs-adopted-language'); | 386 appendTD( |
| 386 appendTD(tr, formatLanguageCode(detail['content']), | 387 tr, formatLanguageCode(detail['adopted_language']), |
| 387 'detection-logs-content'); | 388 'detection-logs-adopted-language'); |
| 389 appendTD( |
| 390 tr, formatLanguageCode(detail['content']), 'detection-logs-content'); |
| 388 | 391 |
| 389 // TD (and TR) can't use the CSS property 'max-height', so DIV | 392 // TD (and TR) can't use the CSS property 'max-height', so DIV |
| 390 // in the content is needed. | 393 // in the content is needed. |
| 391 var contentTD = tr.querySelector('.detection-logs-content'); | 394 var contentTD = tr.querySelector('.detection-logs-content'); |
| 392 var div = document.createElement('div'); | 395 var div = document.createElement('div'); |
| 393 div.textContent = contentTD.textContent; | 396 div.textContent = contentTD.textContent; |
| 394 contentTD.textContent = ''; | 397 contentTD.textContent = ''; |
| 395 contentTD.appendChild(div); | 398 contentTD.appendChild(div); |
| 396 | 399 |
| 397 var tabpanel = $('tabpanel-detection-logs'); | 400 var tabpanel = $('tabpanel-detection-logs'); |
| (...skipping 23 matching lines...) Expand all Loading... |
| 421 } | 424 } |
| 422 | 425 |
| 423 /** | 426 /** |
| 424 * Handles the message of 'translateEventDetailsAdded' from the browser. | 427 * Handles the message of 'translateEventDetailsAdded' from the browser. |
| 425 * | 428 * |
| 426 * @param {Object} details The object which contains event information. | 429 * @param {Object} details The object which contains event information. |
| 427 */ | 430 */ |
| 428 function onTranslateEventDetailsAdded(details) { | 431 function onTranslateEventDetailsAdded(details) { |
| 429 var tr = document.createElement('tr'); | 432 var tr = document.createElement('tr'); |
| 430 appendTD(tr, formatDate(new Date(details['time'])), 'event-logs-time'); | 433 appendTD(tr, formatDate(new Date(details['time'])), 'event-logs-time'); |
| 431 appendTD(tr, details['filename'] + ': ' + details['line'], | 434 appendTD( |
| 432 'event-logs-place'); | 435 tr, details['filename'] + ': ' + details['line'], 'event-logs-place'); |
| 433 appendTD(tr, details['message'], 'event-logs-message'); | 436 appendTD(tr, details['message'], 'event-logs-message'); |
| 434 | 437 |
| 435 var tbody = $('tabpanel-event-logs').getElementsByTagName('tbody')[0]; | 438 var tbody = $('tabpanel-event-logs').getElementsByTagName('tbody')[0]; |
| 436 tbody.appendChild(tr); | 439 tbody.appendChild(tr); |
| 437 } | 440 } |
| 438 | 441 |
| 439 /** | 442 /** |
| 440 * The callback entry point from the browser. This function will be | 443 * The callback entry point from the browser. This function will be |
| 441 * called by the browser. | 444 * called by the browser. |
| 442 * | 445 * |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 476 var data = JSON.stringify(cr.translateInternals.detectionLogs()); | 479 var data = JSON.stringify(cr.translateInternals.detectionLogs()); |
| 477 var blob = new Blob([data], {'type': 'text/json'}); | 480 var blob = new Blob([data], {'type': 'text/json'}); |
| 478 var url = URL.createObjectURL(blob); | 481 var url = URL.createObjectURL(blob); |
| 479 var filename = 'translate_internals_detect_logs_dump.json'; | 482 var filename = 'translate_internals_detect_logs_dump.json'; |
| 480 | 483 |
| 481 var a = document.createElement('a'); | 484 var a = document.createElement('a'); |
| 482 a.setAttribute('href', url); | 485 a.setAttribute('href', url); |
| 483 a.setAttribute('download', filename); | 486 a.setAttribute('download', filename); |
| 484 | 487 |
| 485 var event = document.createEvent('MouseEvent'); | 488 var event = document.createEvent('MouseEvent'); |
| 486 event.initMouseEvent('click', true, true, window, 0, | 489 event.initMouseEvent( |
| 487 0, 0, 0, 0, 0, 0, 0, 0, 0, null); | 490 'click', true, true, window, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, null); |
| 488 a.dispatchEvent(event); | 491 a.dispatchEvent(event); |
| 489 } | 492 } |
| 490 | 493 |
| 491 return { | 494 return { |
| 492 detectionLogs: detectionLogs, | 495 detectionLogs: detectionLogs, |
| 493 initialize: initialize, | 496 initialize: initialize, |
| 494 messageHandler: messageHandler, | 497 messageHandler: messageHandler, |
| 495 }; | 498 }; |
| 496 }); | 499 }); |
| 497 | 500 |
| 498 /** | 501 /** |
| 499 * The entry point of the UI. | 502 * The entry point of the UI. |
| 500 */ | 503 */ |
| 501 function main() { | 504 function main() { |
| 502 cr.doc.addEventListener('DOMContentLoaded', | 505 cr.doc.addEventListener( |
| 503 cr.translateInternals.initialize); | 506 'DOMContentLoaded', cr.translateInternals.initialize); |
| 504 } | 507 } |
| 505 | 508 |
| 506 main(); | 509 main(); |
| 507 })(); | 510 })(); |
| OLD | NEW |