<commit_before><link rel='import' href='../../bower/polymer/polymer.html'>
<link rel='import' href='../../bower/paper-input/paper-input-decorator.html'>
<link rel='import' href='../../bower/paper-input/paper-autogrow-textarea.html'>
<link rel='import' href='../../bower/core-label/core-label.html'>
<link rel='import' href='../../bower/core-tooltip/core-tooltip.html'>
<link rel='import' href='../../bower/core-overlay/core-overlay.html'>
<link rel='import' href='../../bower/core-signals/core-signals.html'>

<polymer-element name='uproxy-advanced-settings'>
  <template>
    <style>
    :host {
      text-align: start;
      font-color: #009688;  /* dark green */
    }
    uproxy-app-bar {
      font-size: 18px;
    }
    #advancedSettingsPanel {
      height: 100%;
      width: 100%;
      background-color: white;
    }
    #container {
      height: 100%;
    }
    #formContainer {
      padding: 20px 30px 0px;
      text-align: start;
      color: #009688;
      overflow: auto;
    }
    .inputLabel {
      font-weight: bold;
      margin: 0;
    }
    #moreInfo {
      color: grey;
      margin-top: 1em;
    }
    #setAdvancedSettings {
      width: 100%;
      padding-top: 1.5em;
      padding-bottom: 1.5em;
      border-top: 1px solid rgb(221, 221, 221);
      color: #009688;
      font-weight: bold;
      cursor: pointer;
      text-align: center;
      background-color: #ffffff;
    }
    core-tooltip::shadow #tooltip {
      /* Without this, the first time you view the
         tooltip, it appears off center. */
      left: -64px !important;
    }
    paper-input-decorator[id=advancedSettingsDecorator] /deep/ .unfocused-underline,
    paper-input-decorator[id=advancedSettingsDecorator] /deep/ .focused-underline {
      /* Remove the underline from the advanced settings textbox. */
      height: 0px;
    }
    paper-input-decorator {
      font-size: 1.4em;
      background-color: rgb(240,240,240);
      padding-left: 10px;
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 0.75em;
      margin-top: 0.75em;
    }
    #advancedSettingsDecorator {
      height: 340px;
    }
    #advancedSettingsPaperTextarea {
      height: 340px;
      margin: 0em;
    }
    .advancedSettingsText {
      font-size: 12px;
      padding-top: 0px;
      color: rgb(112, 112, 112);
    }
    .error {
      color: rgb(200, 112, 112);
    }
    #portControlBox {
      border-bottom: 1px solid rgb(221, 221, 221);
      padding: 20px 30px;
      text-align: start;
      color: #009688;
      overflow: auto;
    }
    #portControlBox core-icon {
      height: 15px;
      color: grey;
      opacity: 0.6;
      margin-bottom: 2px;
      margin-right: 0px;
      -webkit-transition: all 0.23s !important;
      -moz-transition: all 0.23s !important;
      transition: all 0.23s !important;
    }
    #portControlBox core-icon:hover {
      opacity: 1;
    }
    #portControlBox .label {
      color: rgb(112, 112, 112);
    }
    #portControlBox uproxy-faq-link {
      color: rgb(0, 150, 136);
    }
    #portControlBox .info {
      margin-bottom: 0px;
    }
    </style>

    <!-- Listen for the 'open-advanced-settings' event, which is fired by the settings page. -->
    <core-signals on-core-signal-open-advanced-settings='{{ open }}'></core-signals>

    <core-overlay id='advancedSettingsPanel'>
      <div id='container' vertical layout>
        <uproxy-app-bar on-go-back='{{ close }}'>
          {{ "ADVANCED_SETTINGS_SENTENCE_CASE" | $$ }}
        </uproxy-app-bar>
        <div id='portControlBox'>
          <p class='inputLabel'>
            {{ 'PORT_CONTROL_TITLE' | $$ }}
            <uproxy-faq-link anchor='whatIsPortControl'>
              <core-icon icon='help'></core-icon>
            </uproxy-faq-link>
          </p>
          <span class='label' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.TRUE }}'>
            {{ 'PORT_CONTROL_SUPPORTED' | $$ }}
          </span>
          <span class='label' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.FALSE }}'>
            {{ 'PORT_CONTROL_NOT_SUPPORTED' | $$ }}
          </span>
          <span class='label' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.PENDING }}'>
            {{ 'PORT_CONTROL_PENDING' | $$ }}
          </span>
          <uproxy-link on-tap='{{ refreshPortControl }}' role='button'>
            <core-icon icon='refresh'></core-icon>
          </uproxy-link>
          <p class='label info' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.FALSE }}'>
            {{ 'PORT_CONTROL_NOT_SUPPORTED_INFO' | $$ }}
            <uproxy-faq-link anchor='whatIsPortControl'>
              {{ 'PORT_CONTROL_NOT_SUPPORTED_INFO_LINK' | $$ }}
            </uproxy-faq-link>
          </p>
        </div>
        <div id='formContainer' flex vertical layout>
          <p class='inputLabel'>{{ 'EDIT_ADVANCED_SETTINGS' | $$ }}</p>
          <paper-input-decorator id='advancedSettingsDecorator' label='{{ "EDIT_ADVANCED_SETTINGS_PLACEHOLDER" | $$ }}' flex>
            <textarea id='advancedSettingsInput' value='{{ settings }}' fit>
            </textarea><commit_msg>Fix the styling for advanced-setting on Firefox<commit_after><link rel='import' href='../../bower/polymer/polymer.html'>
<link rel='import' href='../../bower/paper-input/paper-input-decorator.html'>
<link rel='import' href='../../bower/core-label/core-label.html'>
<link rel='import' href='../../bower/core-tooltip/core-tooltip.html'>
<link rel='import' href='../../bower/core-overlay/core-overlay.html'>
<link rel='import' href='../../bower/core-signals/core-signals.html'>

<polymer-element name='uproxy-advanced-settings'>
  <template>
    <style>
    :host {
      text-align: start;
      font-color: #009688;  /* dark green */
    }
    uproxy-app-bar {
      font-size: 18px;
    }
    #advancedSettingsPanel {
      height: 100%;
      width: 100%;
      background-color: white;
    }
    #container {
      height: 100%;
    }
    #formContainer {
      padding: 20px 30px 0px;
      text-align: start;
      color: #009688;
      overflow: auto;
    }
    .inputLabel {
      font-weight: bold;
      margin: 0;
    }
    #moreInfo {
      color: grey;
      margin-top: 1em;
    }
    #setAdvancedSettings {
      width: 100%;
      padding-top: 1.5em;
      padding-bottom: 1.5em;
      border-top: 1px solid rgb(221, 221, 221);
      color: #009688;
      font-weight: bold;
      cursor: pointer;
      text-align: center;
      background-color: #ffffff;
    }
    core-tooltip::shadow #tooltip {
      /* Without this, the first time you view the
         tooltip, it appears off center. */
      left: -64px !important;
    }
    paper-input-decorator[id=advancedSettingsDecorator] /deep/ .unfocused-underline,
    paper-input-decorator[id=advancedSettingsDecorator] /deep/ .focused-underline {
      /* Remove the underline from the advanced settings textbox. */
      height: 0px;
    }
    paper-input-decorator {
      font-size: 1.4em;
      background-color: rgb(240,240,240);
      padding-left: 10px;
      padding-top: 0;
      margin-bottom: 0.75em;
      margin-top: 0.75em;
    }
    textarea[fit] {
      /* fit does not properly size textareas on Firefox */
      height: 100%;
    }
    .advancedSettingsText {
      font-size: 12px;
      padding-top: 0px;
      color: rgb(112, 112, 112);
    }
    .error {
      color: rgb(200, 112, 112);
    }
    #portControlBox {
      border-bottom: 1px solid rgb(221, 221, 221);
      padding: 20px 30px;
      text-align: start;
      color: #009688;
      overflow: auto;
    }
    #portControlBox core-icon {
      height: 15px;
      color: grey;
      opacity: 0.6;
      margin-bottom: 2px;
      margin-right: 0px;
      -webkit-transition: all 0.23s !important;
      -moz-transition: all 0.23s !important;
      transition: all 0.23s !important;
    }
    #portControlBox core-icon:hover {
      opacity: 1;
    }
    #portControlBox .label {
      color: rgb(112, 112, 112);
    }
    #portControlBox uproxy-faq-link {
      color: rgb(0, 150, 136);
    }
    #portControlBox .info {
      margin-bottom: 0px;
    }
    </style>

    <!-- Listen for the 'open-advanced-settings' event, which is fired by the settings page. -->
    <core-signals on-core-signal-open-advanced-settings='{{ open }}'></core-signals>

    <core-overlay id='advancedSettingsPanel'>
      <div id='container' vertical layout>
        <uproxy-app-bar on-go-back='{{ close }}'>
          {{ "ADVANCED_SETTINGS_SENTENCE_CASE" | $$ }}
        </uproxy-app-bar>
        <div id='portControlBox'>
          <p class='inputLabel'>
            {{ 'PORT_CONTROL_TITLE' | $$ }}
            <uproxy-faq-link anchor='whatIsPortControl'>
              <core-icon icon='help'></core-icon>
            </uproxy-faq-link>
          </p>
          <span class='label' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.TRUE }}'>
            {{ 'PORT_CONTROL_SUPPORTED' | $$ }}
          </span>
          <span class='label' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.FALSE }}'>
            {{ 'PORT_CONTROL_NOT_SUPPORTED' | $$ }}
          </span>
          <span class='label' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.PENDING }}'>
            {{ 'PORT_CONTROL_PENDING' | $$ }}
          </span>
          <uproxy-link on-tap='{{ refreshPortControl }}' role='button'>
            <core-icon icon='refresh'></core-icon>
          </uproxy-link>
          <p class='label info' hidden?='{{ ui.portControlSupport !== uproxy_core_api.PortControlSupport.FALSE }}'>
            {{ 'PORT_CONTROL_NOT_SUPPORTED_INFO' | $$ }}
            <uproxy-faq-link anchor='whatIsPortControl'>
              {{ 'PORT_CONTROL_NOT_SUPPORTED_INFO_LINK' | $$ }}
            </uproxy-faq-link>
          </p>
        </div>
        <div id='formContainer' flex vertical layout>
          <p class='inputLabel'>{{ 'EDIT_ADVANCED_SETTINGS' | $$ }}</p>
          <paper-input-decorator id='advancedSettingsDecorator' label='{{ "EDIT_ADVANCED_SETTINGS_PLACEHOLDER" | $$ }}' flex>
            <textarea value='{{ settings }}' fit>
            </textarea>
{'fraction_non_alphanumeric': 0.15405642878063067, 'fraction_numerical': 0.03036219857463634, 'mean_word_length': 2.304516129032258, 'pattern_counts': {'":': 0, '<': 94, '<?xml version=': 0, '>': 94, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7050209', 'n_tokens_mistral': 3646, 'n_tokens_neox': 3319, 'n_words': 642}