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


ash / webui / connectivity_diagnostics / resources / connectivity_diagnostics.html [blame]

<style include="cr-shared-style">
  :host {
   font-family: Roboto, sans-serif;
   font-size: 75%;
   font-weight: 500;
  }

  #appTitle {
    font-family: 'Google Sans'
  }

  .app {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .button-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 5px;
  }

  .button-group > cr-button {
    margin-inline-start: 10px;
  }

  .content {
    height: 100%;
    overflow: scroll;
  }

  .section {
    margin-bottom: 25px;
  }
</style>

<div class="app">
  <h1 id="appTitle">[[i18n('appTitle')]]</h1>
  <div id="container" class="content" show-bottom-shadow>
    <div class="section">
      <h3>[[i18n('networkDevicesLabel')]]</h3>
      <network-health-summary id="networkHealth"></network-health-summary>
    </div>
    <div class="section">
      <h3>[[i18n('diagnosticRoutinesLabel')]]</h3>
      <network-diagnostics id="networkDiagnostics"></network-diagnostics>
    </div>
  </div>
  <div class="button-group">
    <cr-button on-click="onCloseClick_">[[i18n('closeBtn')]]</cr-button>
    <cr-button on-click="onRunAllRoutinesClick_">
      [[i18n('rerunRoutinesBtn')]]
    </cr-button>
    <template is="dom-if" if="[[showFeedbackBtn_]]">
      <cr-button on-click="onSendFeedbackClick_">
        [[i18n('sendFeedbackBtn')]]
      </cr-button>
    </template>
  </div>
</div>