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


ash / webui / status_area_internals / resources / privacy_indicator_app.html [blame]

<!-- Copyright 2023 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->

<style>
  :host {
    display: flex;
    flex: 1 0 100%;
    padding: 10px;
    width: 100%;
    align-items: center;
  }

  #appContainer {
    display: flex;
    flex: 1 0 100%;
    background-color: lightgrey;
  }

  cr-input {
    padding: 5px;
  }

  cr-button {
    padding: 25px;
    background-color: royalblue;
    color: white;
  }

  .padded-text {
    margin-inline: 5px;
  }
</style>

<div id="appContainer">
  <cr-input label="App Name" aria-label="app-name" value="{{name}}">
  </cr-input>

  <cr-toggle aria-label="use-camera" checked="{{useCamera}}"></cr-toggle>
  <span aria-hidden="true" class="padded-text">
    Use camera
  </span>

  <cr-toggle aria-label="use-microphone" checked="{{useMicrophone}}">
  </cr-toggle>
  <span aria-hidden="true" class="padded-text">
    Use microphone
  </span>

  <cr-button on-click="onTriggerPrivacyIndicators">
    <span class="emphasize">Add/Update App</span>
  </cr-button>
</div>