<commit_before><jqxWindow #settingsWindow
           [autoOpen]="false"
           [isModal]="true"
           [resizable]="false"
           [width]="600"
           [height]="400"
           [initContent]="initContent"
           (onOpen)="isSaving = false"
>

  <div>
    <img src="/nexl/site/images/settings.png" style="margin-left: 5px;">
    <span style="position: relative; top: -5px;margin-left: 3px;">nexl settings</span>
  </div>

  <div class="container">

    <jqxValidator #validator [rules]="rules"
                  [animationDuration]="0"
                  [hintType]="'label'"
                  (onValidationSuccess)="onValidationSuccess($event)"
                  (onValidationError)="onValidationError($event)"
    >
      <form id='settingsForm' action="./">

        <jqxRibbon #ribbon
                   [width]="'100%'"
                   [height]="'315px'"
                   [auto-create]="false"
                   [animationType]="'none'"
                   [selectionMode]="'click'"
                   [position]="'left'"
                   (onSelect)="validate()"
        >
          <ul id="header" style="width: 150px;">
            <li>General</li>
            <li>Bindings & SSL</li>
            <li>Logger</li>
            <li>Callbacks</li>
            <li>UI</li>
          </ul>

          <div>
            <!-- ------------------------------------------------------------------------------ -->
            <!--General-->
            <div>
              <div style="margin-top: 5px;"></div>
              <!--nexl home dir-->
              <div class="item">
                <label>nexl home dir</label>
                <jqxInput
                  [disabled]="true"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'>nexl home directory contains nexl settings, authentication data and log file(s)<br/> nexl home directory can be specified as a run argument to nexl server in the following way:<br/> <span style=\'margin-left:30px; font-style: italic\'>nexl --nexl-home=/path/to/nexl/home/dir</span><br/> This argument might be usefull if you need to start multiple nexl server instances<br/> By default nexl server uses a [${HOME}/.nexl] directory </p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--nexl sources dir-->
              <div class="item">
                <label>nexl sources dir</label>
                <jqxInput
                  id="nexlSourcesDir"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'>nexl sources directory contains JavaScript files to be exposed by nexl server via REST<br/> Those files appear in [nexl sources explorer] window<br/> For example, the [weight] variable from [examples.js] file located in the nexl sources dir<br/> will be exposed via REST in the following way :<br/> <span style=\'margin-left:30px; font-style: italic\'>http://your-nexl-server:3000/examples.js?expression=${weight}</span> </p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--nexl sources path-->
              <div class="item" style="margin-top: 13px;">
                <label>nexl sources path</label>
                <jqxButton [height]='28'
                           [width]='40'
                           #openPathButton
                           [auto-create]="false"
                           [textPosition]='"center"'
                           (click)="path.open()"
                           style="position: relative; top: -3px;"
                           #nexlSourcesPath>
                  ...
                </jqxButton>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'>Directories listed in nexl sources path will be also exposed by nexl server via REST ( similarly to nexl sources dir )<br/> Files from those directories can be included to another nexl sources with @ directive </p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--nexl sources encoding-->
              <div class="item" style="margin-top: 5px;">
                <label>nexl sources encoding</label>
                <jqxDropDownList
                  [width]="width"
                  [height]="25"
                  [dropDownHeight]="53"
                  [source]="encodings"
                  [selectedIndex]="0">
                </jqxDropDownList>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--HTTP timeout-->
              <div class="item">
                <label>HTTP timeout</label>
                <jqxInput
                  #httpTimeout
                  id="httpTimeout"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--LDAP auth-->
              <div class="item">
                <label>LDAP authentication</label>
                <jqxInput
                  id="ldapAuthentiction"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
            </div>

            <!-- ------------------------------------------------------------------------------ -->
            <!--Bindings & SSL-->
            <div>
              <div style="margin-top: 5px;"></div>
              <!--HTTP binding-->
              <div class="item">
                <label>HTTP binding</label>
                <jqxInput
                  #httpBinding
                  id="httpBinding"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--HTTP port-->
              <div class="item">
                <label>HTTP port</label>
                <jqxInput
                  #httpPort
                  id="httpPort"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <hr/>

              <!--HTTPS binding-->
              <div class="item">
                <label>HTTPS binding</label>
                <jqxInput
                  #httpsPort
                  id="httpsBinding"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--HTTPS port-->
              <div class="item">
                <label>HTTPS port</label>
                <jqxInput
                  #httpsPort
                  id="httpsPort"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--SSL key location-->
              <div class="item">
                <label>SSL key location</label>
                <jqxInput
                  #sslKeyLocation
                  id="sslKeyLocation"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--SSL cert location-->
              <div class="item">
                <label>SSL cert location</label>
                <jqxInput
                  #sslCertLocation
                  id="sslCertLocation"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

            </div>
            <div>
              <div>Logger</div>
            </div>
            <div>
              <div>Callbacks</div>
            </div>
            <div>
              <div>UI</div>
            </div>
          </div>
        </jqxRibbon>

      </form>
    </jqxValidator>

    <div class="buttons">
      <div class="button">
        <jqxButton [height]='32'
                   [width]="94"
                   [textImageRelation]='"imageBeforeText"'
                   [textPosition]='"center"'
                   (click)="save()"
                   [auto-create]="false"
                   [imgSrc]='"./nexl/site/images/save.png"'
                   #saveButton>
          Save
        </jqxButton>
      </div>
      <div class="button">
        <jqxButton [height]='32'
                   [width]="94"
                   [textImageRelation]='"imageBeforeText"'
                   [textPosition]='"center"'
                   (click)="settingsWindow.close()"
                   [imgSrc]='"./nexl/site/images/close.png"'
                   [auto-create]="false"
                   #cancelButton>
          Cancel
        </jqxButton>
      </div>

    </div>

  </div>
</jqxWindow>
<commit_msg>- settings -> general ( UI )<commit_after><jqxWindow #settingsWindow
           [autoOpen]="false"
           [isModal]="true"
           [resizable]="false"
           [width]="600"
           [height]="400"
           [initContent]="initContent"
           (onOpen)="isSaving = false"
>

  <div>
    <img src="/nexl/site/images/settings.png" style="margin-left: 5px;">
    <span style="position: relative; top: -5px;margin-left: 3px;">nexl settings</span>
  </div>

  <div class="container">

    <jqxValidator #validator [rules]="rules"
                  [animationDuration]="0"
                  [hintType]="'label'"
                  (onValidationSuccess)="onValidationSuccess($event)"
                  (onValidationError)="onValidationError($event)"
    >
      <form id='settingsForm' action="./">

        <jqxRibbon #ribbon
                   [width]="'100%'"
                   [height]="'315px'"
                   [auto-create]="false"
                   [animationType]="'none'"
                   [selectionMode]="'click'"
                   [position]="'left'"
                   (onSelect)="validate()"
        >
          <ul id="header" style="width: 150px;">
            <li>General</li>
            <li>Bindings & SSL</li>
            <li>Logger</li>
            <li>Callbacks</li>
            <li>UI</li>
          </ul>

          <div>
            <!-- ------------------------------------------------------------------------------ -->
            <!--General-->
            <div>
              <div style="margin-top: 5px;"></div>
              <!--nexl home dir-->
              <div class="item">
                <label>nexl home dir</label>
                <jqxInput
                  [disabled]="true"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'>nexl home directory contains nexl settings, authentication data and log file(s)<br/> nexl home directory can be specified as a run argument to nexl server in the following way:<br/> <span style=\'margin-left:30px; font-style: italic\'>nexl --nexl-home=/path/to/nexl/home/dir</span><br/> This argument might be usefull if you need to start multiple nexl server instances<br/> By default nexl server uses a [${HOME}/.nexl] directory </p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--nexl sources dir-->
              <div class="item">
                <label>nexl sources dir</label>
                <jqxInput
                  id="nexlSourcesDir"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'>nexl sources directory contains JavaScript files to be exposed by nexl server via REST<br/> Those files appear in [nexl sources explorer] window<br/> For example, the [weight] variable from [examples.js] file located in the nexl sources dir<br/> will be exposed via REST in the following way :<br/> <span style=\'margin-left:30px; font-style: italic\'>http://your-nexl-server:3000/examples.js?expression=${weight}</span> </p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--nexl sources path-->
              <div class="item" style="margin-top: 13px;">
                <label>nexl sources path</label>
                <jqxButton [height]='28'
                           [width]='40'
                           #openPathButton
                           [auto-create]="false"
                           [textPosition]='"center"'
                           (click)="path.open()"
                           style="position: relative; top: -3px;"
                           #nexlSourcesPath>
                  ...
                </jqxButton>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'>Directories listed in nexl sources path will be also exposed by nexl server via REST ( similarly to nexl sources dir )<br/> Files from those directories can be included to another nexl sources with @ directive </p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--nexl sources encoding-->
              <div class="item" style="margin-top: 5px;">
                <label>nexl sources encoding</label>
                <jqxDropDownList
                  [width]="width - 50"
                  [height]="25"
                  [dropDownHeight]="53"
                  [source]="encodings"
                  [selectedIndex]="0">
                </jqxDropDownList>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--HTTP timeout-->
              <div class="item">
                <label>HTTP timeout</label>
                <jqxInput
                  #httpTimeout
                  id="httpTimeout"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

              <div style="clear: both"></div>

              <!--LDAP auth-->
              <div class="item">
                <label>LDAP authentication</label>
                <jqxInput
                  id="ldapAuthentiction"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
            </div>

            <!-- ------------------------------------------------------------------------------ -->
            <!--Bindings & SSL-->
            <div>
              <div style="margin-top: 5px;"></div>
              <!--HTTP binding-->
              <div class="item">
                <label>HTTP binding</label>
                <jqxInput
                  #httpBinding
                  id="httpBinding"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--HTTP port-->
              <div class="item">
                <label>HTTP port</label>
                <jqxInput
                  #httpPort
                  id="httpPort"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <hr/>

              <!--HTTPS binding-->
              <div class="item">
                <label>HTTPS binding</label>
                <jqxInput
                  #httpsPort
                  id="httpsBinding"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--HTTPS port-->
              <div class="item">
                <label>HTTPS port</label>
                <jqxInput
                  #httpsPort
                  id="httpsPort"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--SSL key location-->
              <div class="item">
                <label>SSL key location</label>
                <jqxInput
                  #sslKeyLocation
                  id="sslKeyLocation"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>
              <div style="clear: both"></div>

              <!--SSL cert location-->
              <div class="item">
                <label>SSL cert location</label>
                <jqxInput
                  #sslCertLocation
                  id="sslCertLocation"
                  [width]="width"
                  [height]="25">
                </jqxInput>
              </div>
              <div class="tooltip">
                <jqxTooltip
                  [position]="'mouse'"
                  [autoHideDelay]="100000"
                  [content]="'<p style=\'text-align: left;\'></p>'">
                  <img src='/nexl/site/images/tooltip.png'/>
                </jqxTooltip>
              </div>

            </div>
            <div>
              <div>Logger</div>
            </div>
            <div>
              <div>Callbacks</div>
            </div>
            <div>
              <div>UI</div>
            </div>
          </div>
        </jqxRibbon>

      </form>
    </jqxValidator>

    <div class="buttons">
      <div class="button">
        <jqxButton [height]='32'
                   [width]="94"
                   [textImageRelation]='"imageBeforeText"'
                   [textPosition]='"center"'
                   (click)="save()"
                   [auto-create]="false"
                   [imgSrc]='"./nexl/site/images/save.png"'
                   #saveButton>
          Save
        </jqxButton>
      </div>
      <div class="button">
        <jqxButton [height]='32'
                   [width]="94"
                   [textImageRelation]='"imageBeforeText"'
                   [textPosition]='"center"'
                   (click)="settingsWindow.close()"
                   [imgSrc]='"./nexl/site/images/close.png"'
                   [auto-create]="false"
                   #cancelButton>
          Cancel
        </jqxButton>
      </div>

    </div>

  </div>
</jqxWindow>

{'fraction_non_alphanumeric': 0.1595155161494617, 'fraction_numerical': 0.011320455984800507, 'mean_word_length': 1.1121049991640195, 'pattern_counts': {'":': 0, '<': 533, '<?xml version=': 0, '>': 534, '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': '7244718', 'n_tokens_mistral': 7181, 'n_tokens_neox': 6399, 'n_words': 1217}