1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   62
   63
   64
   65
   66
   67
   68
   69
   70
   71
   72
   73
   74
   75
   76


ash / webui / diagnostics_ui / resources / system_page.html [blame]

<style include="cr-shared-style diagnostics-shared">
 :host-context(body.jelly-enabled) #header {
   font: var(--cros-title-1-font);
 }

 #diagnosticsContainer {
   align-items: center;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   height: inherit;
   position: relative;
 }

 #download-icon {
   --iron-icon-fill-color: currentColor;
   --iron-icon-height: 20px;
   --iron-icon-width: 20px;
   right: 4px;
 }

 #header {
   align-self: flex-start;
   color: var(--cros-text-color-primary);
   font-family: var(--diagnostics-roboto-font-family);
   font-size: 16px;
   font-weight: var(--diagnostics-medium-font-weight);
   margin-bottom: 10px;
   margin-inline-start: 22px;
 }

 .overview-container {
   margin-bottom: 10px;
 }

 .session-log-container {
   display: flex;
   justify-content: center;
   margin: 20px 0;
 }

 #toast {
   bottom: 0;
   left: 0;
 }
</style>
<div id="diagnosticsContainer" hidden="[[!systemInfoReceived]]">
  <div class="overview-container">
    <overview-card id="overviewCard"></overview-card>
  </div>
  <div class$="diagnostics-cards-container-nav">
    <template is="dom-if" if="[[showBatteryStatusCard]]" restamp>
      <div class="card-width">
        <battery-status-card id="batteryStatusCard"
            test-suite-status="{{testSuiteStatus}}"
            is-active="[[isActive]]">
        </battery-status-card>
      </div>
    </template>
    <div class="card-width">
      <cpu-card id="cpuCard"
          test-suite-status="{{testSuiteStatus}}"
          is-active="[[isActive]]">
      </cpu-card>
    </div>
    <div class="card-width">
      <memory-card id="memoryCard"
          test-suite-status="{{testSuiteStatus}}"
          is-active="[[isActive]]">
      </memory-card>
    </div>
  </div>
  <cr-toast id="toast" duration="2500">
    <span>[[toastText]]</span>
  </cr-toast>
</div>