chrome/browser/resources/settings/about_page/detailed_build_info.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/cr/ui/focus_without_ink.html">
<link rel="import" href="about_page_browser_proxy.html">
<link rel="import" href="channel_switcher_dialog.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicator.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">

<dom-module id="settings-detailed-build-info">
  <template>
    <style include="settings-shared">
      cr-policy-indicator {
        margin-inline-start: var(--cr-controlled-by-spacing);
      }

      /* The command line string can contain very long substrings that
       * don't have any spaces, need to force a line break in such cases. */
      #command-line {
        overflow-wrap: break-word;
        width: 100%;
      }
    </style>
    <div class="settings-box two-line">
      <div class="start">
        <div>$i18n{aboutChannelLabel}</div>
        <div class="secondary">[[currentlyOnChannelText_]]</div>
      </div>
      <div class="separator"></div>
      <cr-button on-click="onChangeChannelTap_"
          disabled="[[!canChangeChannel_]]">
        $i18n{aboutChangeChannel}
      </cr-button>
      <template is="dom-if" if="[[!canChangeChannel_]]">
        <cr-policy-indicator
            indicator-source-name="[[getChangeChannelIndicatorSourceName_(
                canChangeChannel_)]]"
            indicator-type="[[getChangeChannelIndicatorType_(
                canChangeChannel_)]]">
        </cr-policy-indicator>
      </template>
      <template is="dom-if" if="[[showChannelSwitcherDialog_]]" restamp>
        <settings-channel-switcher-dialog
            on-close="onChannelSwitcherDialogClosed_">
        </settings-channel-switcher-dialog>
      </template>
    </div>
    <div id="endOfLifeSectionContainer"
        class="settings-box two-line single-column"
        hidden="[[!eolMessageWithMonthAndYear]]">
      <div>$i18n{aboutEndOfLifeTitle}</div>
      <div class="secondary" inner-h-t-m-l="[[eolMessageWithMonthAndYear]]">
      </div>
    </div>
    <cr-link-row class="hr" label="$i18n{aboutBuildDetailsTitle}"
        on-click="onBuildDetailsTap_" external>
    </cr-link-row>
    <div class="hr"></div>
  </template>
  <script src="detailed_build_info.js"></script>
</dom-module>