ui/webui/resources/cr_components/chromeos/network/network_proxy_input.html

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

<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-container.html">
<link rel="import" href="network_shared_css.html">

<dom-module id="network-proxy-input">
  <template>
    <style include="network-shared">
      paper-input-container {
        -webkit-margin-start: 10px;
        margin-bottom: -12px;
        margin-top: -8px;
      }

      #container {
        align-items: center;
        display: flex;
        flex: 0 1 auto;
        flex-direction: row;
      }

      #label {
        flex: 1;
      }

      #host {
        width: 200px;
      }

      #port {
        width: 50px;
      }
    </style>
    <div id="container">
      <div id="label">[[label]]</div>
      <paper-input-container id="host" no-label-float>
        <input is="iron-input" bind-value="{{value.Host}}"
            disabled="[[!editable]]" on-change="onValueChange_">
      </paper-input-container>
      <div>[[i18n('networkProxyPort')]]</div>
      <paper-input-container id="port" no-label-float>
        <input is="iron-input" bind-value="{{value.Port}}"
            disabled="[[!editable]]" on-change="onValueChange_">
      </paper-input-container>
    </div>
  </template>
  <script src="network_proxy_input.js"></script>
</dom-module>