<commit_before><div class="page-container">
    <div class="cr-page-header">
      <h1>{{ 'NAVIGATION.CONSOLE' | translate }}</h1>
    </div>

    <div class="cr-console" console>
        <div>
          <div class="cr-console-header">
            <div class="cr-console-header__tip">{{ 'CONSOLE.TIP' | translate }}</div>

            <div class="cr-console-header__options__item--btn cr-button hide-gt-xs" ng-click="toggleOptions()">
                <i class="fa fa-cog"></i>
            </div>

            <div class="cr-console-header__options" ng-class="showOptions ? 'show-console-options' : 'hide-console-options'">
              <div class="cr-console-header__options__item">
                  <input id="format-results" type="checkbox" ng-model="formatResults" ng-change="formatReturnedResults()">
                  <label for="format-results">{{:: 'CONSOLE.FORMAT_RESULTS' | translate }}</label>
              </div>
              <div class="cr-console-header__options__item">
                  <input id="use-local-storage" type="checkbox" ng-model="useLocalStorage" ng-change="storeInLocalStorageChanged()">
                  <label for="use-local-storage">{{:: 'CONSOLE.STORE_CONSOLE' | translate }}</label>
              </div>
              <div class="cr-console-header__options__item">
                <input id="show-error-trace" type="checkbox" ng-model="showErrorTrace" ng-change="showErrorTraceChanged()">
                <label for="show-error-trace" >{{:: 'CONSOLE.SHOW_ERROR_TRACE' | translate }} </label>
              </div>

              <div class="cr-console-header__options__item--btn cr-button" ng-click="clearLocalStorage()">
                <i class="fa fa-trash-o"></i>
                {{:: 'CONSOLE.CLEAR_HISTORY' | translate }}
              </div>
            </div>
          </div>

          <div id="cr-console-query">
            <cli id="console-editor" mime-type="text/x-cratedb" theme="monokai"></cli>
          </div>

          <div class="cr-console-header">
            <div class="cr-console-header__tip" ng-class="queryStatusClass(status)"> {{ status }}</div>

            <div class="cr-console-header__options">
              <div class="cr-console-header__options__item--hint">{{:: 'CONSOLE.HINT' | translate }}</div>
              <div id="execute-btn" class="cr-console-header__options__item--btn cr-button cr-button--console" ng-click="execute()">
                <div ng-class="loading ? 'faded-text' : ''" translate>{{:: 'CONSOLE.EXCUTE_QUERY' }}</div>
                <div ng-if="loading" class="cr-loading-indicator"><i class="fa fa-spinner pulse fa-2x fa-fw cr-loading-indicator-icon"></i></div>
              </div>
              <div id="share-btn" class="cr-console-header__options__item--btn cr-button cr-button--console" ng-click="share()" data-original-title="Copy query link to clipboard" cr-tooltip cr-tooltip-position="bottom">
                <img src="static/assets/icon-share.svg"/>
              </div>
            </div>
          </div>
      </div>

      <div ng-hide="error.hide" class="cr-error-header query-status--error">
        <p>{{:: 'CONSOLE.ERROR' | translate }}</p>
        <p>{{ error.message }}</p>
      </div>

      <div ng-hide="error.hide || !showErrorTrace" class="cr-error-header--error-trace">
        <h4> {{:: 'CONSOLE.ERROR_TRACE' | translate }} </h4>
      </div>

      <div ng-hide="error.hide || !showErrorTrace">
        <pre id="error-trace"><code>{{ error.error_trace }}</code></pre>
      </div>
    </div>

    <div ng-if="renderTable" class="query-result-container" ng-class="{colourised: formatResults}">

      <div class="query-result-container__header">

      <div class="query-result-container__header--title">{{:: 'CONSOLE.RESULT_FROM_QUERY' | translate }}</div>
      <div id="previous" class="cr-console-header__options__item--btn cr-button cr-button--console query-result-container__header--previous" ng-click="previous()" ng-class="page === 1 ?  'cr-button--disabled':'' "><i class="fa fa-angle-left" aria-hidden="true"></i></div>
      <div class="query-result-container__header--page" ng-click="previous()">{{ page }} / {{ numberOfPages }}</div>
      <div id="next" class="cr-console-header__options__item--btn cr-button cr-button--console query-result-container__header--next" ng-class="page === numberOfPages ?  'cr-button--disabled':'' " ng-click="next()"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
      </div>
      <div class="table-responsive" id="console-table">

        <table class="table table-console"><commit_msg>update progress indicator in the console view<commit_after><div class="page-container">
    <div class="cr-page-header">
      <h1>{{ 'NAVIGATION.CONSOLE' | translate }}</h1>
    </div>

    <div class="cr-console" console>
        <div>
          <div class="cr-console-header">
            <div class="cr-console-header__tip">{{ 'CONSOLE.TIP' | translate }}</div>

            <div class="cr-console-header__options__item--btn cr-button hide-gt-xs" ng-click="toggleOptions()">
                <i class="fa fa-cog"></i>
            </div>

            <div class="cr-console-header__options" ng-class="showOptions ? 'show-console-options' : 'hide-console-options'">
              <div class="cr-console-header__options__item">
                  <input id="format-results" type="checkbox" ng-model="formatResults" ng-change="formatReturnedResults()">
                  <label for="format-results">{{:: 'CONSOLE.FORMAT_RESULTS' | translate }}</label>
              </div>
              <div class="cr-console-header__options__item">
                  <input id="use-local-storage" type="checkbox" ng-model="useLocalStorage" ng-change="storeInLocalStorageChanged()">
                  <label for="use-local-storage">{{:: 'CONSOLE.STORE_CONSOLE' | translate }}</label>
              </div>
              <div class="cr-console-header__options__item">
                <input id="show-error-trace" type="checkbox" ng-model="showErrorTrace" ng-change="showErrorTraceChanged()">
                <label for="show-error-trace" >{{:: 'CONSOLE.SHOW_ERROR_TRACE' | translate }} </label>
              </div>

              <div class="cr-console-header__options__item--btn cr-button" ng-click="clearLocalStorage()">
                <i class="fa fa-trash-o"></i>
                {{:: 'CONSOLE.CLEAR_HISTORY' | translate }}
              </div>
            </div>
          </div>

          <div id="cr-console-query">
            <cli id="console-editor" mime-type="text/x-cratedb" theme="monokai"></cli>
          </div>

          <div class="cr-console-header">
            <div class="cr-console-header__tip" ng-class="queryStatusClass(status)"> {{ status }}</div>

            <div class="cr-console-header__options">
              <div class="cr-console-header__options__item--hint">{{:: 'CONSOLE.HINT' | translate }}</div>
              <div id="execute-btn" class="cr-console-header__options__item--btn cr-button cr-button--console" ng-click="execute()">
                <div ng-class="loading ? 'faded-text' : ''" translate>{{:: 'CONSOLE.EXCUTE_QUERY' }}</div>
              </div>
              <div id="share-btn" class="cr-console-header__options__item--btn cr-button cr-button--console" ng-click="share()" data-original-title="Copy query link to clipboard" cr-tooltip cr-tooltip-position="bottom">
                <img src="static/assets/icon-share.svg"/>
              </div>
            </div>
          </div>
      </div>

      <div ng-hide="error.hide" class="cr-error-header query-status--error">
        <p>{{:: 'CONSOLE.ERROR' | translate }}</p>
        <p>{{ error.message }}</p>
      </div>

      <div ng-hide="error.hide || !showErrorTrace" class="cr-error-header--error-trace">
        <h4> {{:: 'CONSOLE.ERROR_TRACE' | translate }} </h4>
      </div>

      <div ng-hide="error.hide || !showErrorTrace">
        <pre id="error-trace"><code>{{ error.error_trace }}</code></pre>
      </div>
    </div>
    <div class="progress"  ng-if="loading">
        <div class="indeterminate"></div>
    </div>



    <div ng-if="renderTable" class="query-result-container" ng-class="{colourised: formatResults}">

      <div class="query-result-container__header">

      <div class="query-result-container__header--title">{{:: 'CONSOLE.RESULT_FROM_QUERY' | translate }}</div>
      <div id="previous" class="cr-console-header__options__item--btn cr-button cr-button--console query-result-container__header--previous" ng-click="previous()" ng-class="page === 1 ?  'cr-button--disabled':'' "><i class="fa fa-angle-left" aria-hidden="true"></i></div>
      <div class="query-result-container__header--page" ng-click="previous()">{{ page }} / {{ numberOfPages }}</div>
      <div id="next" class="cr-console-header__options__item--btn cr-button cr-button--console query-result-container__header--next" ng-class="page === numberOfPages ?  'cr-button--disabled':'' " ng-click="next()"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
      </div>
      <div class="table-responsive" id="console-table">

        <table class="table table-console">
{'fraction_non_alphanumeric': 0.18600065724613868, 'fraction_numerical': 0.0012049512542447146, 'mean_word_length': 2.718940936863544, 'pattern_counts': {'":': 0, '<': 191, '<?xml version=': 0, '>': 191, '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': '78237', 'n_tokens_mistral': 2850, 'n_tokens_neox': 2753, 'n_words': 460}