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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/extensions_ui.html

Issue 329039: Prep the management page for localization.... (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: '' Created 11 years, 1 month 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 | Annotate | Revision Log
« no previous file with comments | « chrome/browser/extensions/extensions_ui.cc ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title i18n-content="title"></title> 5 <title i18n-content="title"></title>
6 <style> 6 <style>
7 body { 7 body {
8 font-size: 87%; 8 font-size: 87%;
9 font-family: Helvetica, Arial, sans-serif; 9 font-family: Helvetica, Arial, sans-serif;
10 margin: 0; 10 margin: 0;
(...skipping 296 matching lines...) Expand 10 before | Expand all | Expand 10 after
307 ] 307 ]
308 } 308 }
309 ] 309 ]
310 }; 310 };
311 311
312 // Keeps track of whether the developer tools subsection has been made visible 312 // Keeps track of whether the developer tools subsection has been made visible
313 // (expanded) or not. 313 // (expanded) or not.
314 var devToolsExpanded = false; 314 var devToolsExpanded = false;
315 315
316 /** 316 /**
317 * Toggles the devToolsExpanded, and notifies the c++ dom_ui to toggle the 317 * Toggles the devToolsExpanded, and notifies the c++ dom_ui to toggle the
318 * extensions.ui.developer_mode which saved in the preferences. 318 * extensions.ui.developer_mode which saved in the preferences.
319 */ 319 */
320 function toggleDevToolsExpanded() { 320 function toggleDevToolsExpanded() {
321 devToolsExpanded = !devToolsExpanded; 321 devToolsExpanded = !devToolsExpanded;
322 chrome.send('toggleDeveloperMode', []); 322 chrome.send('toggleDeveloperMode', []);
323 } 323 }
324 324
325 /** 325 /**
326 * Takes the |extensionsData| input argument which represents data about the 326 * Takes the |extensionsData| input argument which represents data about the
327 * currently installed/running extensions and populates the html jstemplate with 327 * currently installed/running extensions and populates the html jstemplate with
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
359 window.domui_responded_ = true; 359 window.domui_responded_ = true;
360 360
361 devToolsExpanded = extensionsData.developerMode; 361 devToolsExpanded = extensionsData.developerMode;
362 362
363 showExtensionsData(extensionsData); 363 showExtensionsData(extensionsData);
364 364
365 // We are currently hiding the body because the first call to jstProcess() to 365 // We are currently hiding the body because the first call to jstProcess() to
366 // insert localized strings happens prior to this call which runs during the 366 // insert localized strings happens prior to this call which runs during the
367 // body.onload event, causes a flickering. 367 // body.onload event, causes a flickering.
368 document.getElementById('body-container').style.display = "inline"; 368 document.getElementById('body-container').style.display = "inline";
369 369
370 // Explicitly set the height for each element that wants to be "slid" in and 370 // Explicitly set the height for each element that wants to be "slid" in and
371 // out when the devToolsExpanded is toggled. 371 // out when the devToolsExpanded is toggled.
372 var slidables = document.getElementsByClassName('showInDevMode'); 372 var slidables = document.getElementsByClassName('showInDevMode');
373 for (var i = 0; i < slidables.length; i++) { 373 for (var i = 0; i < slidables.length; i++) {
374 slidables[i].style.height = slidables[i].offsetHeight + "px"; 374 slidables[i].style.height = slidables[i].offsetHeight + "px";
375 } 375 }
376 376
377 // If not in developer mode, hide the developer mode elements without the 377 // If not in developer mode, hide the developer mode elements without the
378 // slide/fade transition. 378 // slide/fade transition.
379 if (!devToolsExpanded) { 379 if (!devToolsExpanded) {
380 document.getElementsByTagName('body')[0].className = "hideDevModeInitial"; 380 document.getElementsByTagName('body')[0].className = "hideDevModeInitial";
381 } else { 381 } else {
382 document.getElementById('collapse').style.display = "inline"; 382 document.getElementById('collapse').style.display = "inline";
383 document.getElementById('expand').style.display = "none"; 383 document.getElementById('expand').style.display = "none";
384 } 384 }
385 } 385 }
386 386
387 /** 387 /**
(...skipping 127 matching lines...) Expand 10 before | Expand all | Expand 10 after
515 function autoUpdate() { 515 function autoUpdate() {
516 chrome.send('autoupdate', []); 516 chrome.send('autoupdate', []);
517 } 517 }
518 518
519 </script> 519 </script>
520 </head> 520 </head>
521 <body onload="requestExtensionsData();"> 521 <body onload="requestExtensionsData();">
522 <div id="dialogBackground"> 522 <div id="dialogBackground">
523 <div id="dialogHBackground"> 523 <div id="dialogHBackground">
524 <div id="dialog"> 524 <div id="dialog">
525 <div id="dialogHeader"> 525 <div id="dialogHeader" i18n-content="packDialogTitle">
526 Pack Extension 526 PACK EXTENSION
527 </div> 527 </div>
528 <div id="dialogBody"> 528 <div id="dialogBody">
529 <div id="dialogContentHeader" i18n-content="packDialogHeading"> 529 <div id="dialogContentHeader" i18n-content="packDialogHeading">
530 HEADING 530 HEADING
531 </div> 531 </div>
532 <div class="dialogBrowseRow"> 532 <div class="dialogBrowseRow">
533 <div i18n-content="rootDirectoryLabel"> 533 <div i18n-content="rootDirectoryLabel">
534 ROOT_DIR 534 ROOT_DIR
535 </div> 535 </div>
536 <div> 536 <div>
(...skipping 13 matching lines...) Expand all
550 <input type="text" id="privateKeyPath"> 550 <input type="text" id="privateKeyPath">
551 </div> 551 </div>
552 <div> 552 <div>
553 <input type="button" value="BROWSE" 553 <input type="button" value="BROWSE"
554 i18n-values="value:packDialogBrowse" 554 i18n-values="value:packDialogBrowse"
555 onclick="selectPrivateKeyPath();"> 555 onclick="selectPrivateKeyPath();">
556 </div> 556 </div>
557 </div> 557 </div>
558 <div class="dialogBrowseRow" id="dialogContentFooter"> 558 <div class="dialogBrowseRow" id="dialogContentFooter">
559 <div> 559 <div>
560 <input type="button" value="OK" onclick="packExtension();"> 560 <input type="button" value="OK"
561 i18n-values="value:okButton" onclick="packExtension();">
561 </div> 562 </div>
562 <div> 563 <div>
563 <input type="button" value="Cancel" onclick="hidePackDialog();"> 564 <input type="button" value="CANCEL"
565 i18n-values="value:cancelButton" onclick="hidePackDialog();">
564 </div> 566 </div>
565 </div> 567 </div>
566 </div> 568 </div>
567 </div> 569 </div>
568 </div> 570 </div>
569 </div> 571 </div>
570 572
571 <div id="body-container" style="display:none;"> 573 <div id="body-container" style="display:none;">
572 574
573 <div id="header"><h1>Installed Extensions</h1></div> 575 <div id="header"><h1 i18n-content="title">TITLE</h1></div>
574 576
575 <div id="extensionTemplate"> 577 <div id="extensionTemplate">
576 578
577 <div id="container" class="vbox-container"> 579 <div id="container" class="vbox-container">
578 <div id="top" class="wbox" style="padding-right: 10px"> 580 <div id="top" class="wbox" style="padding-right: 10px">
579 581
580 <div class="section-header"> 582 <div class="section-header">
581 <table cellpadding="0" cellspacing="0" width="100%"> 583 <table cellpadding="0" cellspacing="0" width="100%">
582 <tr valign="center"> 584 <tr valign="center">
583 <td> 585 <td>
584 <span class="section-header-title">Installed Extensions 586 <span class="section-header-title" i18n-content="title"
585 <span jsdisplay="extensions.length > 0">(<span 587 >TITLE</span>
588 <span class="section-header-title"
589 jsdisplay="extensions.length > 0">(<span
586 jscontent="extensions.length"></span>)</span> 590 jscontent="extensions.length"></span>)</span>
587 </span>
588 </td> 591 </td>
589 <td width="14" padding=""> 592 <td width="14" padding="">
590 <img id="collapse" class="developer-tools-image" 593 <img id="collapse" class="developer-tools-image"
591 style="display:none" onclick="toggleDeveloperTools();" 594 style="display:none" onclick="toggleDeveloperTools();"
592 src="minus.png" /> 595 src="minus.png" />
593 <img id="expand" class="developer-tools-image" 596 <img id="expand" class="developer-tools-image"
594 onclick="toggleDeveloperTools();" src="plus.png" /> 597 onclick="toggleDeveloperTools();" src="plus.png" />
595 </td> 598 </td>
596 <td width="50" align="right"> 599 <td width="50" align="right">
597 <div class="developer-tools-link"> 600 <div class="developer-tools-link">
598 <a onclick="toggleDeveloperTools();">Developer tools</a> 601 <a onclick="toggleDeveloperTools();" i18n-content="devToolsLink"
602 >DEVTOOLS</a>
599 </div> 603 </div>
600 </td> 604 </td>
601 </tr> 605 </tr>
602 </table> 606 </table>
603 </div> 607 </div>
604 608
605 </div> 609 </div>
606 <div id="developer_tools" class="wbox-dev-tools showInDevMode"> 610 <div id="developer_tools" class="wbox-dev-tools showInDevMode">
607 <div class="developer-tools"> 611 <div class="developer-tools">
608 Developer Tools: 612 <span i18n-content="devToolsPrefix">DEVELOPER_TOOLS:</span>
609 <button onclick="loadExtension()">Load unpacked Extension...</button> 613 <button onclick="loadExtension()"
610 <button onclick="showPackDialog()">Pack Extension...</button> 614 i18n-content="loadUnpackedButton">LOAD</button>
611 <button onclick="autoUpdate()">Update Extensions now</button> 615 <button onclick="showPackDialog()"
616 i18n-content="packButton">PACK</button>
617 <button onclick="autoUpdate()"
618 i18n-content="updateButton">UPDATE</button>
612 </div> 619 </div>
613 </div> 620 </div>
614 </div> 621 </div>
615 622
616 <div class="content"> 623 <div class="content">
617 <div class="extension-name" jsdisplay="extensions.length === 0"> 624 <div class="extension-name" jsdisplay="extensions.length === 0"
618 No extensions installed</div> 625 i18n-content="noExtensions">NO_EXTENSIONS_ARE_INSTALLED</div>
619 626
620 <div jsdisplay="extensions.length > 0"> 627 <div jsdisplay="extensions.length > 0">
621 <div class="extension" jsselect="extensions"> 628 <div class="extension" jsselect="extensions">
622 <table width="100%" cellpadding="0" cellspacing="0"> 629 <table width="100%" cellpadding="0" cellspacing="0">
623 <tr> 630 <tr>
624 <td width="62" align="center" valign="top"> 631 <td width="62" align="center" valign="top">
625 <span jsdisplay="icon" 632 <span jsdisplay="icon"
626 ><img 633 ><img
627 jsvalues=".src:'chrome-extension://' + id + '/' + icon" 634 jsvalues=".src:'chrome-extension://' + id + '/' + icon"
628 width="48" height="48" /> 635 width="48" height="48" />
629 </span> 636 </span>
630 <span jsdisplay="icon == ''" 637 <span jsdisplay="icon == ''"
631 ><img 638 ><img
632 width="48" height="48" 639 width="48" height="48"
633 src="../../app/theme/infobar_plugin.png" /></span> 640 src="../../app/theme/infobar_plugin.png" /></span>
634 </td> 641 </td>
635 <td valign="top"> 642 <td valign="top">
636 <div> 643 <div>
637 <span class="extension-name" 644 <span class="extension-name"
638 jscontent="name">Extension Name</span> 645 jscontent="name">EXTENSION NAME</span>
639 <span>Version <span jscontent="version">x.x.x.x</span></span> 646 <span i18n-content="extensionVersion">VERSION</span>
640 <span jsdisplay="!enabled">(Disabled)</span> 647 <span jscontent="version">x.x.x.x</span>
648 <span jsdisplay="!enabled"
649 i18n-content="extensionDisabled">(DISABLED)</span>
641 </div> 650 </div>
642 651
643 <div class="extension-description" jscontent="description"></div> 652 <div class="extension-description" jscontent="description"></div>
644 <div class="showInDevMode"> 653 <div class="showInDevMode">
645 <div class="extension-details">ID: <span jscontent="id"></span> 654 <div class="extension-details">
655 <span i18n-content="extensionId">ID_LABEL: </span>
656 <span jscontent="id"></span>
646 </div> 657 </div>
647 <div class="extension-details"> 658 <div class="extension-details">
648 <span jsdisplay="views.length > 0"> 659 <span jsdisplay="views.length > 0" i18n-content="inspectViews">
649 Inspect active views: 660 INSPECT ACTIVE VIEWS:
650 </span> 661 </span>
651 <ul class="extension-views"> 662 <ul class="extension-views">
652 <li jsselect="views"> 663 <li jsselect="views">
653 <a jsvalues=".extensionView:$this" href="#" 664 <a jsvalues=".extensionView:$this" href="#"
654 onclick="sendInspectMessage(this.extensionView); return f alse;"> 665 onclick="sendInspectMessage(this.extensionView); return f alse;">
655 <span jscontent="path"></span> 666 <span jscontent="path"></span>
656 </a> 667 </a>
657 </li> 668 </li>
658 </ul> 669 </ul>
659 </div> 670 </div>
660 </div> 671 </div>
661 </td> 672 </td>
662 <td width="300"> 673 <td width="300">
663 <div align="right"> 674 <div align="right">
664 <span class="extension-actions"> 675 <span class="extension-actions">
665 <a 676 <a
666 jsvalues=".extensionId:id" 677 jsvalues=".extensionId:id"
667 jsdisplay="enabled" 678 jsdisplay="enabled"
668 onclick="handleEnableExtension(this, false)" 679 onclick="handleEnableExtension(this, false)"
669 href="javascript:void();" 680 href="javascript:void();"
670 >Disable</a> 681 i18n-content="disable"
682 >DISABLE</a>
671 <a 683 <a
672 jsvalues=".extensionId:id" 684 jsvalues=".extensionId:id"
673 jsdisplay="!enabled" 685 jsdisplay="!enabled"
674 onclick="handleEnableExtension(this, true)" 686 onclick="handleEnableExtension(this, true)"
675 href="javascript:void();" 687 href="javascript:void();"
676 >Enable</a> - 688 i18n-content="enable"
689 >ENABLE</a> -
677 <a 690 <a
678 jsvalues=".extensionId:id" 691 jsvalues=".extensionId:id"
679 jsdisplay="enabled" 692 jsdisplay="enabled"
680 onclick="handleReloadExtension(this)" 693 onclick="handleReloadExtension(this)"
681 href="javascript:void();" 694 href="javascript:void();"
682 >Reload</a> 695 i18n-content="reload"
696 >RELOAD</a>
683 <span jsdisplay="enabled">-</span> 697 <span jsdisplay="enabled">-</span>
684 <a 698 <a
685 jsvalues=".extensionId:id" 699 jsvalues=".extensionId:id"
686 onclick="handleUninstallExtension(this)" 700 onclick="handleUninstallExtension(this)"
687 href="javascript:void();" 701 href="javascript:void();"
688 >Uninstall</a> 702 i18n-content="uninstall"
703 >UNINSTALL</a>
689 </span> 704 </span>
690 </div> 705 </div>
691 </td> 706 </td>
692 <td align="right" valign="center" width="90"> 707 <td align="right" valign="center" width="90">
693 <button 708 <button
694 jsdisplay="options_url" 709 jsdisplay="options_url"
695 jsvalues=".extensionId:id" 710 jsvalues=".extensionId:id"
696 onclick="handleOptions(this)" 711 onclick="handleOptions(this)"
697 >Options</button> 712 i18n-content="options"
713 >OPTIONS</button>
698 <button 714 <button
699 jsdisplay="typeof(options_url) == 'undefined' || 715 jsdisplay="typeof(options_url) == 'undefined' ||
700 options_url.length == 0" 716 options_url.length == 0"
701 disabled="true" 717 disabled="true"
702 >Options</button> 718 i18n-content="options"
719 >OPTIONS</button>
703 </td> 720 </td>
704 </tr> 721 </tr>
705 </table> 722 </table>
706 </div> 723 </div>
707 </div> 724 </div>
708 </div> 725 </div>
709 </div> 726 </div>
710 </div> 727 </div>
711 </body> 728 </body>
712 </html> 729 </html>
OLDNEW
« no previous file with comments | « chrome/browser/extensions/extensions_ui.cc ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698