| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://md-settings/settings_page/main_page_behavior.h
tml"> |
| 3 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pa
ges.html"> |
| 2 <link rel="import" href="chrome://md-settings/settings_page/settings_section.htm
l"> | 4 <link rel="import" href="chrome://md-settings/settings_page/settings_section.htm
l"> |
| 3 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> | 5 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 5 | 8 |
| 9 <if expr="chromeos"> |
| 10 <link rel="import" href="chrome://md-settings/settings_page/settings_subpage.htm
l"> |
| 11 </if> |
| 12 |
| 6 <dom-module id="settings-about-page"> | 13 <dom-module id="settings-about-page"> |
| 7 <link rel="import" type="css" href="chrome://md-settings/settings_page.css"> | 14 <link rel="import" type="css" href="chrome://md-settings/settings_page.css"> |
| 8 <template> | 15 <template> |
| 9 <style include="settings-shared"> | 16 <style include="settings-shared main-page-styles"> |
| 10 span { | 17 span { |
| 11 font-size: 20px; | 18 font-size: 20px; |
| 12 margin-top: auto; | 19 margin-top: auto; |
| 13 margin-bottom: auto; | 20 margin-bottom: auto; |
| 14 } | 21 } |
| 15 | 22 |
| 16 img { | 23 img { |
| 17 -webkit-margin-end: 10px; | 24 -webkit-margin-end: 10px; |
| 18 } | 25 } |
| 19 </style> | 26 </style> |
| 20 <settings-section page-title="$i18n{aboutPageTitle}" | 27 <settings-section page-title="$i18n{aboutPageTitle}" |
| 21 current-route="[[currentRoute]]"> | 28 current-route="[[currentRoute]]" section="about"> |
| 22 <div class="settings-box"> | 29 <settings-animated-pages id="pages" current-route="{{currentRoute}}" |
| 23 <img id="product-logo" | 30 section="about"> |
| 24 srcset="chrome://theme/current-channel-logo@1x 1x, | 31 <neon-animatable id="main"> |
| 25 chrome://theme/current-channel-logo@2x 2x" alt=""> | 32 <div class="settings-box"> |
| 26 <span>$i18n{aboutProductTitle}</span> | 33 <img id="product-logo" |
| 27 </div> | 34 srcset="chrome://theme/current-channel-logo@1x 1x, |
| 28 <div class="settings-box two-line"> | 35 chrome://theme/current-channel-logo@2x 2x" alt=""> |
| 29 <!-- TODO(dpapad): Implement this. --> | 36 <span>$i18n{aboutProductTitle}</span> |
| 30 <div class="start"> | 37 </div> |
| 31 <div>Your device is up to date</div> | 38 <div class="settings-box two-line"> |
| 32 <div class="secondary">Version Foo.bar.baz</div> | 39 <!-- TODO(dpapad): Implement this. --> |
| 33 </div> | 40 <div class="start"> |
| 34 <paper-button class="secondary-action">Check for update</paper-button> | 41 <div>Your device is up to date</div> |
| 35 </div> | 42 <div class="secondary">Version Foo.bar.baz</div> |
| 36 <div class="settings-box two-line"> | 43 </div> |
| 37 <!-- TODO(dpapad): Implement this. --> | 44 <paper-button class="secondary-action">Check for update</paper-butto
n> |
| 38 <div class="start"> | 45 </div> |
| 39 <div>Get help with Chrome</div> | 46 <div class="settings-box two-line"> |
| 40 <div class="secondary">Open the Help Center</div> | 47 <!-- TODO(dpapad): Implement this. --> |
| 41 </div> | 48 <div class="start"> |
| 42 </div> | 49 <div>Get help with Chrome</div> |
| 43 <div class="settings-box"> | 50 <div class="secondary">Open the Help Center</div> |
| 44 <!-- TODO(dpapad): Implement this. --> | 51 </div> |
| 45 Report an issue | 52 </div> |
| 46 </div> | 53 <div class="settings-box"> |
| 47 <div class="settings-box"> | 54 <!-- TODO(dpapad): Implement this. --> |
| 48 <!-- TODO(dpapad): Implement this. --> | 55 Report an issue |
| 49 Other info here | 56 </div> |
| 50 </div> | 57 <if expr="chromeos"> |
| 58 <div class="settings-box" on-tap="onDetailedBuildInfoTap_"> |
| 59 <!-- TODO(dpapad): Localize string. --> |
| 60 Detailed build info |
| 61 </div> |
| 62 </if> |
| 63 </neon-animatable> |
| 64 <if expr="chromeos"> |
| 65 <template is="dom-if" name="detailed-build-info"> |
| 66 <settings-subpage page-title="Detailed build information"> |
| 67 <!-- TODO(dpapad): Implement this. --> |
| 68 <div>Detailed build info goes here</div> |
| 69 </settings-subpage> |
| 70 </template> |
| 71 </if> |
| 72 </settings-animated-pages> |
| 51 </settings-section> | 73 </settings-section> |
| 52 </template> | 74 </template> |
| 53 <script src="about_page.js"></script> | 75 <script src="about_page.js"></script> |
| 54 </dom-module> | 76 </dom-module> |
| OLD | NEW |