blob: 4f2f097bbe784e50469f88ce52449f263ba25f3c [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="about_page_browser_proxy.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../icons.html">
<link rel="import" href="../lifetime_browser_proxy.html">
<link rel="import" href="../route.html">
<link rel="import" href="../settings_page/main_page_behavior.html">
<link rel="import" href="../settings_page/settings_animated_pages.html">
<link rel="import" href="../settings_page/settings_section.html">
<link rel="import" href="../settings_page_css.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="chrome://resources/cr_elements/icons.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<if expr="chromeos">
<link rel="import" href="detailed_build_info.html">
<link rel="import" href="update_warning_dialog.html">
<link rel="import" href="../settings_page/settings_subpage.html">
<link rel="import" href="../reset_page/powerwash_dialog.html">
</if>
<if expr="_google_chrome and is_macosx">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
</if>
<dom-module id="settings-about-page">
<template>
<style include="settings-shared settings-page-styles">
:host {
--about-page-image-space: 10px;
}
.info-section {
margin-bottom: 12px;
}
.padded {
padding-bottom: 10px;
padding-top: 10px;
}
.product-title {
font-size: 153.85%; /* 20px / 13px */
margin-bottom: auto;
margin-top: auto;
}
img {
-webkit-margin-end: var(--about-page-image-space);
}
iron-icon {
-webkit-margin-end: var(--about-page-image-space);
min-width: 32px; /* The width of the product-logo img. */
}
iron-icon[icon='settings:check-circle'] {
fill: var(--google-blue-500);
}
iron-icon[icon='settings:error'] {
fill: var(--google-red-700);
}
.settings-box .start {
overflow-x: auto;
}
#regulatoryInfo img {
width: 330px;
}
<if expr="_google_chrome and is_macosx">
#promoteUpdater[disabled] {
@apply(--cr-secondary-text);
}
</if>
</style>
<div>
<settings-section page-title="$i18n{aboutPageTitle}" section="about">
<settings-animated-pages id="pages" section="about"
focus-config="[[focusConfig_]]">
<neon-animatable route-path="default">
<div class="settings-box two-line">
<img id="product-logo" on-tap="onProductLogoTap_"
srcset="chrome://theme/current-channel-logo@1x 1x,
chrome://theme/current-channel-logo@2x 2x"
alt="$i18n{aboutProductLogoAlt}">
<span class="product-title">$i18n{aboutProductTitle}</span>
</div>
<div class="settings-box two-line">
<!-- TODO(dpapad): Investigate why vulcanize does not handle well
a new line after "getThrobberSrcIfUpdating_(", causes incorrect
src URL -->
<!-- Set the icon from the iconset (when it's obsolete/EOL and
when update is done) or set the src (when it's updating). -->
<iron-icon
hidden="[[!shouldShowIcons_(showUpdateStatus_)]]"
<if expr="not chromeos">
icon$="[[getUpdateStatusIcon_(
obsoleteSystemInfo_, currentUpdateStatusEvent_)]]"
src="[[getThrobberSrcIfUpdating_(obsoleteSystemInfo_, currentUpdateStatusEvent_)]]">
</if>
<if expr="chromeos">
icon$="[[getUpdateStatusIcon_(
hasEndOfLife_, currentUpdateStatusEvent_)]]"
src="[[getThrobberSrcIfUpdating_(hasEndOfLife_, currentUpdateStatusEvent_)]]">
</if>
</iron-icon>
<div class="start padded">
<div id="updateStatusMessage" hidden="[[!showUpdateStatus_]]">
<div
<if expr="not chromeos">
inner-h-t-m-l="[[getUpdateStatusMessage_(
currentUpdateStatusEvent_)]]">
</if>
<if expr="chromeos">
inner-h-t-m-l="[[getUpdateStatusMessage_(
currentUpdateStatusEvent_, targetChannel_)]]">
</if>
</div>
<a hidden$="[[!shouldShowLearnMoreLink_(
currentUpdateStatusEvent_)]]" target="_blank"
href="https://support.google.com/chrome?p=update_error">
$i18n{learnMore}
</a>
</div>
<if expr="not chromeos">
<span id="deprecationWarning"
hidden="[[!obsoleteSystemInfo_.obsolete]]">
$i18n{aboutObsoleteSystem}
<a href="$i18n{aboutObsoleteSystemURL}" target="_blank">
$i18n{learnMore}
</a>
</span>
</if>
<if expr="chromeos">
<div id="endOfLifeMessageContainer" hidden="[[!hasEndOfLife_]]">
$i18n{endOfLifeMessage}
<a href="$i18n{endOfLifeLearnMoreURL}" target="_blank">
$i18n{learnMore}
</a>
</div>
</if>
<div class="secondary">$i18n{aboutBrowserVersion}</div>
</div>
<div class="separator" hidden="[[!showButtonContainer_]]"></div>
<span id="buttonContainer" hidden="[[!showButtonContainer_]]">
<paper-button id="relaunch" class="secondary-button"
hidden="[[!showRelaunch_]]" on-tap="onRelaunchTap_">
$i18n{aboutRelaunch}
</paper-button>
<if expr="chromeos">
<paper-button id="relaunchAndPowerwash" class="secondary-button"
hidden="[[!showRelaunchAndPowerwash_]]"
on-tap="onRelaunchAndPowerwashTap_">
$i18n{aboutRelaunchAndPowerwash}
</paper-button>
<paper-button id="checkForUpdates" class="secondary-button"
hidden="[[!showCheckUpdates_]]"
on-tap="onCheckUpdatesTap_">
$i18n{aboutCheckForUpdates}
</paper-button>
</if>
</span>
</div>
<if expr="chromeos">
<div id="aboutTPMFirmwareUpdate" class="settings-box two-line"
hidden$="[[!showTPMFirmwareUpdateLineItem_]]"
on-tap="onTPMFirmwareUpdateTap_" actionable>
<div class="start">
<div>$i18n{aboutTPMFirmwareUpdateTitle}</div>
<div class="secondary">
$i18n{aboutTPMFirmwareUpdateDescription}
<a href="$i18n{aboutTPMFirmwareUpdateLearnMoreURL}"
target="_blank" on-tap="onLearnMoreTap_">
$i18n{learnMore}
</a>
</div>
</div>
<button class="subpage-arrow" is="paper-icon-button-light"
aria-labelledby="aboutTPMFirmwareUpdate">
</button>
</div>
</if>
<if expr="_google_chrome and is_macosx">
<template is="dom-if" if="[[!promoteUpdaterStatus_.hidden]]">
<div id="promoteUpdater" class="settings-box"
disabled$="[[promoteUpdaterStatus_.disabled]]"
actionable$="[[promoteUpdaterStatus_.actionable]]"
on-tap="onPromoteUpdaterTap_">
<div class="start">
[[promoteUpdaterStatus_.text]]
<a href="https://support.google.com/chrome/answer/95414"
target="_blank" id="updaterLearnMore"
on-tap="onLearnMoreTap_">
$i18n{learnMore}
</a>
</div>
<button class="subpage-arrow" is="paper-icon-button-light"
disabled="[[promoteUpdaterStatus_.disabled]]"
hidden="[[!promoteUpdaterStatus_.actionable]]"
aria-label$="[[promoteUpdaterStatus_.text]]">
</button>
</div>
</template>
</if>
<div id="help" class="settings-box" on-tap="onHelpTap_" actionable>
<div class="start">$i18n{aboutGetHelpUsingChrome}</div>
<button class="icon-external" is="paper-icon-button-light"
aria-labelledby="help"></button>
</div>
<if expr="_google_chrome">
<div id="reportIssue" class="settings-box" actionable
on-tap="onReportIssueTap_">
<div class="start">$i18n{aboutReportAnIssue}</div>
<button class="subpage-arrow" is="paper-icon-button-light"
aria-labelledby="reportIssue"></button>
</div>
</if>
<if expr="chromeos">
<div class="settings-box" on-tap="onDetailedBuildInfoTap_"
actionable>
<div class="start">$i18n{aboutDetailedBuildInfo}</div>
<button id="detailed-build-info-trigger" class="subpage-arrow"
is="paper-icon-button-light"
aria-label="$i18n{aboutDetailedBuildInfo}">
</button>
</div>
</if>
</neon-animatable>
<if expr="chromeos">
<template is="dom-if" route-path="/help/details">
<settings-subpage page-title="$i18n{aboutDetailedBuildInfo}">
<settings-detailed-build-info></settings-detailed-build-info>
</settings-subpage>
</template>
</if>
</settings-animated-pages>
</settings-section>
<settings-section>
<div class="settings-box padded block">
<div class="info-section">
<div class="secondary">$i18n{aboutProductTitle}</div>
<div class="secondary">$i18n{aboutProductCopyright}</div>
</div>
<div class="info-section">
<div class="secondary">$i18nRaw{aboutProductLicense}</div>
<if expr="chromeos">
<div class="secondary">$i18nRaw{aboutProductOsLicense}</div>
</if>
</div>
<if expr="_google_chrome">
<div class="secondary">$i18nRaw{aboutProductTos}</div>
</if>
</div>
<if expr="chromeos">
<div class="settings-box padded block" id="regulatoryInfo"
hidden$="[[!shouldShowRegulatoryInfo_(regulatoryInfo_)]]">
<img src="[[regulatoryInfo_.url]]" alt="[[regulatoryInfo_.text]]">
</div>
</if>
</settings-section>
</div>
<if expr="chromeos">
<template is="dom-if" if="[[showUpdateWarningDialog_]]" restamp>
<settings-update-warning-dialog update-info="[[updateInfo_]]"
on-close="onUpdateWarningDialogClose_">
</settings-update-warning-dialog>
</template>
<template is="dom-if" if="[[showTPMFirmwareUpdateDialog_]]"
restamp>
<settings-powerwash-dialog request-tpm-firmware-update
on-close="onPowerwashDialogClose_">
</settings-powerwash-dialog>
</template>
</if>
</template>
<script src="about_page.js"></script>
</dom-module>