| OLD | NEW |
|---|
| 1 <html i18n-values="dir:textdirection;"> | 1 <html i18n-values="dir:textdirection;"> |
| 2 <head> | 2 <head> |
| 3 <title></title> | 3 <title></title> |
| 4 <link rel="stylesheet" type="text/css" href="remoting_setup_flow.css" /> | 4 <link rel="stylesheet" type="text/css" href="remoting_setup_flow.css" /> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 #throb { | 6 #throbber { |
| 7 background-image: url("../../../../app/resources/throbber.png"); | |
| 8 width: 16px; | |
| 9 height: 16px; | |
| 10 background-position: 0px; | |
| 11 margin: -3px 10px; | 7 margin: -3px 10px; |
| 12 display: inline-block; | |
| 13 } | 8 } |
| 14 #setting_up { | 9 #setting_up { |
| 15 margin: 100px; | 10 margin: 100px; |
| 16 text-align: center; | 11 text-align: center; |
| 17 } | 12 } |
| 18 #setting_up_label { | 13 #setting_up_label { |
| 19 margin: 15px; | 14 margin: 15px; |
| 20 font-weight: bold; | 15 font-weight: bold; |
| 21 font-size: 125%; | 16 font-size: 125%; |
| 22 } | 17 } |
| 23 </style> | 18 </style> |
| 19 <link rel="stylesheet" href="chrome://resources/css/throbber.css"> |
| 24 <script src="chrome://resources/js/cr.js"></script> | 20 <script src="chrome://resources/js/cr.js"></script> |
| 25 <script> | 21 <script src="chrome://resources/js/cr/ui.js"></script> |
| 26 function advanceThrobber() { | 22 <script src="chrome://resources/js/cr/ui/throbber.js"></script> |
| 27 var throbber = document.getElementById('throb'); | 23 <script src="chrome://resources/js/util.js"></script> |
| 28 throbber.style.backgroundPositionX = | |
| 29 ((parseInt(getComputedStyle(throbber).backgroundPositionX) - 16) % | |
| 30 576) + 'px'; | |
| 31 } | |
| 32 setInterval(advanceThrobber, 30); | |
| 33 </script> | |
| 34 </head> | 24 </head> |
| 35 <body i18n-values=".style.fontFamily:fontfamily"> | 25 <body i18n-values=".style.fontFamily:fontfamily"> |
| 36 <form id="settingUpForm" onSubmit="return false;"> | 26 <form id="settingUpForm" onSubmit="return false;"> |
| 37 <div id="setting_up"> | 27 <div id="setting_up"> |
| 38 <span id="throbber_container"> | 28 <div id="throbber" class="throbber"></div> |
| 39 <span id="throb"></span> | |
| 40 </span> | |
| 41 <div id="setting_up_label" i18n-content="settingup"></div> | 29 <div id="setting_up_label" i18n-content="settingup"></div> |
| 42 </div> | 30 </div> |
| 43 <div class="remoting-footer"> | 31 <div class="remoting-footer"> |
| 44 <input id="cancelButton" type="button" i18n-values="value:cancel" | 32 <input id="cancelButton" type="button" i18n-values="value:cancel" |
| 45 onclick='chrome.send("DialogClose", [""])' /> | 33 onclick='chrome.send("DialogClose", [""])' /> |
| 46 </div> | 34 </div> |
| 47 </form> | 35 </form> |
| 36 <script> |
| 37 cr.ui.Throbber.decorate($('throbber')); |
| 38 </script> |
| 48 </body> | 39 </body> |
| 49 </html> | 40 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 6378006:
Add Throbber control for DOMUI. Use it everywhere in options and in Sync setup UI. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src