<commit_before><link rel="import" href="../lib/polymer/polymer.html">
<link rel='import' href='../lib/paper-button/paper-button.html'>
<link rel='import' href='../lib/paper-input/paper-input-decorator.html'>
<link rel='import' href='../lib/core-icons/core-icons.html'>
<link rel="import" href='description.html'>
<link rel="import" href="faq-link.html">
<link rel='import' href='link.html'>

<polymer-element name='uproxy-settings'>

  <template>
    <style>
    :host {
      position: absolute;
      display: inline-block;
      box-sizing: border-box;
      -webkit-transition: all 0.23s !important;
      -moz-transition: all 0.23s !important;
      transition: all 0.23s !important;
      min-width: 300px;
      height: 100%;
      background-color: #ffffff;
      font-size: 14px;
    }
    .userInfo {
      background-color: #009688;  /* dark green */
      color: white;
      padding: 28px;
      line-height: 24px;
    }
    .userInfoName, .userInfoIDWithoutName {
      font-size: 16px;
    }
    .userInfoID {
      font-size: 14px;
      opacity: 0.54;
    }
    .networkName {
      padding-top: 0.5em;
      opacity: 0.54;
    }
    .userImage {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      margin-left: -6px;
    }
    #settingsLinks {
      padding: 24px 28px;
      color: rgb(112, 112, 112);
      background-color: #fff;
    }
    uproxy-link,
    uproxy-faq-link {
      display: block;
      padding: 10px 0px;
    }
    #descriptionWrapper {
      font-size: 12px;
      padding: 0;
      color: rgb(180, 180, 180);
    }
    uproxy-description::shadow paper-input-decorator {
      font-size: 14px;
      padding: 0;
      margin: 0;
      color: rgb(112, 112, 112);
    }
    #advancedSettings paper-input-decorator {
      padding: 0;
      margin-bottom: 5px;
    }
    paper-button {
      background: #009688;  /* dark green */
      color: white;
      width: 70px;
      margin-left: 0px;
      margin-right: 5px;
      font-size: 10px;
    }
    paper-input-decorator /deep/ .unfocused-underline,
    paper-input-decorator /deep/ .focused-underline,
    paper-input-decorator /deep/ .cursor {
        background-color: #009688;
    }
    core-icon[icon=announcement],
    core-icon[icon=help],
    core-icon[icon=settings],
    core-icon[icon=refresh],
    core-icon[icon=settings-power] {
      height: 20px;
      width: 20px;
      margin-right: 5px;
    }
    #advancedSettings {
      padding-left: 28px;
      padding-right: 28px;
    }
    .advancedSettingsText {
      font-size: 12px;
      padding-top: 0px;
      color: rgb(112, 112, 112);
    }
    hr {
      border: 0;
      margin: 20px -28px;
      border-bottom: solid 1px;
      border-color: rgb(238, 238, 238);
    }
    </style>

    <div hidden?='{{model.onlineNetwork==null}}' vertical layout>
      <div class='userInfo'>
        <img class='userImage' hidden?='{{model.onlineNetwork.imageData==null}}'
            src='{{model.onlineNetwork.imageData}}'>
        <div class='networkName'>Connected with {{model.onlineNetwork.name}}</div>
        <!-- show userName and userId if both are available -->
        <div hidden?='{{!model.onlineNetwork.userName}}'>
          <div class='userInfoName'>{{model.onlineNetwork.userName}}</div>
          <div class='userInfoID'>{{model.onlineNetwork.userId}}</div>
        </div>
        <!-- otherwise show only userId -->
        <div hidden?='{{model.onlineNetwork.userName}}'>
          <div class='userInfoIDWithoutName'>{{model.onlineNetwork.userId}}</div>
        </div>
      </div>

      <div id='settingsLinks'>
        <div id='descriptionWrapper'>
          Device description
          <uproxy-description></uproxy-description>
        </div>

        <hr></hr>

        <uproxy-link on-tap='{{ openFeedbackForm }}' role='button'>
          <core-icon icon="announcement"></core-icon>
          Submit Feedback
        </uproxy-link>

        <uproxy-faq-link>
          <core-icon icon="help"></core-icon>
          Get Help
        </uproxy-faq-link>

        <uproxy-link on-tap='{{ toggleAdvancedSettings }}' role='button'>
          <core-icon icon="settings"></core-icon>
          Advanced Settings
          <!--<core-icon icon="expand-more" hidden?='{{displayAdvancedSettings}}'></core-icon>
          <core-icon icon="expand-less" hidden?='{{!displayAdvancedSettings}}'></core-icon>-->
        </uproxy-link>
        <div id='advancedSettings' hidden?='{{!displayAdvancedSettings}}'>
          <paper-input-decorator label="Custom STUN server">
            <input is="core-input" value='{{stunServer}}'>
          </paper-input-decorator>
          <paper-button raised on-tap="{{setStunServer}}">Update</paper-button>
          <paper-button raised on-tap="{{resetStunServers}}">Reset</paper-button>
          <p id='confirmNewServer' class='advancedSettingsText' hidden>STUN server updated. New server will be used for future connections.</p>
          <p id='confirmResetServers' class='advancedSettingsText' hidden>STUN servers reset. Default servers will be used for future connections.</p>
        </div>

        <hr></hr>

        <uproxy-link on-tap='{{ restart }}' hidden?='{{ browser !== "chrome" }}' role='button'>
          <core-icon icon="refresh"></core-icon>
          Restart
        </uproxy-link>

        <uproxy-link on-tap='{{ logOut }}' role='button'>
          <core-icon icon="settings-power"></core-icon>
          Log-out of uProxy
        </uproxy-link>
      </div>
    </div>
<commit_msg>remove comment<commit_after><link rel="import" href="../lib/polymer/polymer.html">
<link rel='import' href='../lib/paper-button/paper-button.html'>
<link rel='import' href='../lib/paper-input/paper-input-decorator.html'>
<link rel='import' href='../lib/core-icons/core-icons.html'>
<link rel="import" href='description.html'>
<link rel="import" href="faq-link.html">
<link rel='import' href='link.html'>

<polymer-element name='uproxy-settings'>

  <template>
    <style>
    :host {
      position: absolute;
      display: inline-block;
      box-sizing: border-box;
      -webkit-transition: all 0.23s !important;
      -moz-transition: all 0.23s !important;
      transition: all 0.23s !important;
      min-width: 300px;
      height: 100%;
      background-color: #ffffff;
      font-size: 14px;
    }
    .userInfo {
      background-color: #009688;  /* dark green */
      color: white;
      padding: 28px;
      line-height: 24px;
    }
    .userInfoName, .userInfoIDWithoutName {
      font-size: 16px;
    }
    .userInfoID {
      font-size: 14px;
      opacity: 0.54;
    }
    .networkName {
      padding-top: 0.5em;
      opacity: 0.54;
    }
    .userImage {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      margin-left: -6px;
    }
    #settingsLinks {
      padding: 24px 28px;
      color: rgb(112, 112, 112);
      background-color: #fff;
    }
    uproxy-link,
    uproxy-faq-link {
      display: block;
      padding: 10px 0px;
    }
    #descriptionWrapper {
      font-size: 12px;
      padding: 0;
      color: rgb(180, 180, 180);
    }
    uproxy-description::shadow paper-input-decorator {
      font-size: 14px;
      padding: 0;
      margin: 0;
      color: rgb(112, 112, 112);
    }
    #advancedSettings paper-input-decorator {
      padding: 0;
      margin-bottom: 5px;
    }
    paper-button {
      background: #009688;  /* dark green */
      color: white;
      width: 70px;
      margin-left: 0px;
      margin-right: 5px;
      font-size: 10px;
    }
    paper-input-decorator /deep/ .unfocused-underline,
    paper-input-decorator /deep/ .focused-underline,
    paper-input-decorator /deep/ .cursor {
        background-color: #009688;
    }
    core-icon[icon=announcement],
    core-icon[icon=help],
    core-icon[icon=settings],
    core-icon[icon=refresh],
    core-icon[icon=settings-power] {
      height: 20px;
      width: 20px;
      margin-right: 5px;
    }
    #advancedSettings {
      padding-left: 28px;
      padding-right: 28px;
    }
    .advancedSettingsText {
      font-size: 12px;
      padding-top: 0px;
      color: rgb(112, 112, 112);
    }
    hr {
      border: 0;
      margin: 20px -28px;
      border-bottom: solid 1px;
      border-color: rgb(238, 238, 238);
    }
    </style>

    <div hidden?='{{model.onlineNetwork==null}}' vertical layout>
      <div class='userInfo'>
        <img class='userImage' hidden?='{{model.onlineNetwork.imageData==null}}'
            src='{{model.onlineNetwork.imageData}}'>
        <div class='networkName'>Connected with {{model.onlineNetwork.name}}</div>
        <!-- show userName and userId if both are available -->
        <div hidden?='{{!model.onlineNetwork.userName}}'>
          <div class='userInfoName'>{{model.onlineNetwork.userName}}</div>
          <div class='userInfoID'>{{model.onlineNetwork.userId}}</div>
        </div>
        <!-- otherwise show only userId -->
        <div hidden?='{{model.onlineNetwork.userName}}'>
          <div class='userInfoIDWithoutName'>{{model.onlineNetwork.userId}}</div>
        </div>
      </div>

      <div id='settingsLinks'>
        <div id='descriptionWrapper'>
          Device description
          <uproxy-description></uproxy-description>
        </div>

        <hr></hr>

        <uproxy-link on-tap='{{ openFeedbackForm }}' role='button'>
          <core-icon icon="announcement"></core-icon>
          Submit Feedback
        </uproxy-link>

        <uproxy-faq-link>
          <core-icon icon="help"></core-icon>
          Get Help
        </uproxy-faq-link>

        <uproxy-link on-tap='{{ toggleAdvancedSettings }}' role='button'>
          <core-icon icon="settings"></core-icon>
          Advanced Settings
        </uproxy-link>
        <div id='advancedSettings' hidden?='{{!displayAdvancedSettings}}'>
          <paper-input-decorator label="Custom STUN server">
            <input is="core-input" value='{{stunServer}}'>
          </paper-input-decorator>
          <paper-button raised on-tap="{{setStunServer}}">Update</paper-button>
          <paper-button raised on-tap="{{resetStunServers}}">Reset</paper-button>
          <p id='confirmNewServer' class='advancedSettingsText' hidden>STUN server updated. New server will be used for future connections.</p>
          <p id='confirmResetServers' class='advancedSettingsText' hidden>STUN servers reset. Default servers will be used for future connections.</p>
        </div>

        <hr></hr>

        <uproxy-link on-tap='{{ restart }}' hidden?='{{ browser !== "chrome" }}' role='button'>
          <core-icon icon="refresh"></core-icon>
          Restart
        </uproxy-link>

        <uproxy-link on-tap='{{ logOut }}' role='button'>
          <core-icon icon="settings-power"></core-icon>
          Log-out of uProxy
        </uproxy-link>
      </div>
    </div>

{'fraction_non_alphanumeric': 0.15703621786010505, 'fraction_numerical': 0.026357017786379135, 'mean_word_length': 2.3743781094527363, 'pattern_counts': {'":': 0, '<': 154, '<?xml version=': 0, '>': 154, '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': '3852204', 'n_tokens_mistral': 3749, 'n_tokens_neox': 3422, 'n_words': 681}