<commit_before><template>
  <div class="Watch">
    <div class="wrapper">
      <headline>
        {{collection}}
        <collection-dropdown
          class="icon-medium icon-black"
          :index="index"
          :collection="collection">
        </collection-dropdown>
      </headline>

      <collection-tabs></collection-tabs>

      <div class="card-panel" v-if="!canSubscribe(index, collection)">
        <div class="row valign-bottom empty-set">
          <div class="col s1">
            <i class="fa fa-6x fa-lock grey-text text-lighten-1" aria-hidden="true"></i>
          </div>
          <div class="col s10">
            <p>
              You are not allowed to watch realtime messages on collection <strong>{{collection}}</strong> of index <strong>{{index}}</strong><br>
            </p>
            <p>
              <em>Learn more about security &amp; permissions on <a href="https://docs.kuzzle.io/guide/1/essentials/security/" target="_blank">Kuzzle guide</a></em>
            </p>
          </div>
        </div>
      </div>

      <div class="Watch-container" v-else>
        <filters
          submit-button-label="Subscribe"
          advanced-query-label="Click to open the filter builder"
          :action-buttons-visible="!subscribed"
          :current-filter="currentFilter"
          :available-operands="realtimeFilterOperands"
          :quick-filter-enabled="false"
          :sorting-enabled="false"
          :collection-mapping="collectionMapping"
          @filters-updated="onFiltersUpdated"
          @reset="onReset"
          >
        </filters>

        <div class="card-panel card-body" v-show="subscribed || notifications.length" ref="subscribeControl">
          <!-- subscription controls in page flow -->
          <subscription-controls
            @realtime-toggle-subscription="toggleSubscription"
            @realtime-clear-messages="clear"
            :index="index"
            :collection="collection"
            :subscribed="subscribed"
            :warning="warning"
            @scroll-down="setScrollDown">
          </subscription-controls>
          <!-- /subscription controls in page flow  -->
        </div>

        <div class="card-panel card-body" v-show="!subscribed && !notifications.length">
          <div class="row valign-bottom empty-set">
            <div class="col s1">
              <i class="fa fa-6x fa-paper-plane grey-text text-lighten-1" aria-hidden="true"></i>
            </div>
            <div class="col s8 m9 l10">
              <p>
                You did not subscribe yet to the collection <strong>{{collection}}</strong><br>
                <em>Learn more about real-time filtering syntax on <a href="https://docs.kuzzle.io/koncorde/" target="_blank">Kuzzle DSL</a></em>
              </p>
              <button class="btn primary waves-effect waves-light" @click="toggleSubscription()">
                <i class="fa left fa-play"></i>
                subscribe
              </button>
            </div>
          </div>
        </div>

        <div class="card-panel" v-show="subscribed && !notifications.length" id="wait-for-notif">
          <div class="row valign-center empty-set empty-set-condensed">
            <div class="col s1">
              <i class="fa fa-5x fa-hourglass-half grey-text text-lighten-1" aria-hidden="true"></i>
            </div>
            <div class="col s10">
              <p>
                Waiting for notifications matching your filters ...
              </p>
              <p>
                <em>Learn more about real-time filtering syntax on <a href="https://docs.kuzzle.io/koncorde/" target="_blank">Kuzzle DSL</a></em>
              </p>
            </div>
          </div>
        </div>

        <div class="row">
          <div :style="notifStyle" id="notification-container" ref="notificationContainer" class="col s8">
            <div v-if="notifications.length">
              <ul class="collapsible" v-collapsible data-collapsible="expandable">
                <notification
                  v-for="(notification, i) in notifications"
                  :key="i"
                  :notification="notification">
                </notification>
              </ul>
            </div><commit_msg>[KZL-1007] Rename link to koncorde documentation (#530)<commit_after><template>
  <div class="Watch">
    <div class="wrapper">
      <headline>
        {{collection}}
        <collection-dropdown
          class="icon-medium icon-black"
          :index="index"
          :collection="collection">
        </collection-dropdown>
      </headline>

      <collection-tabs></collection-tabs>

      <div class="card-panel" v-if="!canSubscribe(index, collection)">
        <div class="row valign-bottom empty-set">
          <div class="col s1">
            <i class="fa fa-6x fa-lock grey-text text-lighten-1" aria-hidden="true"></i>
          </div>
          <div class="col s10">
            <p>
              You are not allowed to watch realtime messages on collection <strong>{{collection}}</strong> of index <strong>{{index}}</strong><br>
            </p>
            <p>
              <em>Learn more about security &amp; permissions on <a href="https://docs.kuzzle.io/guide/1/essentials/security/" target="_blank">Kuzzle guide</a></em>
            </p>
          </div>
        </div>
      </div>

      <div class="Watch-container" v-else>
        <filters
          submit-button-label="Subscribe"
          advanced-query-label="Click to open the filter builder"
          :action-buttons-visible="!subscribed"
          :current-filter="currentFilter"
          :available-operands="realtimeFilterOperands"
          :quick-filter-enabled="false"
          :sorting-enabled="false"
          :collection-mapping="collectionMapping"
          @filters-updated="onFiltersUpdated"
          @reset="onReset"
          >
        </filters>
        <div class="card-panel card-body" v-show="subscribed || notifications.length" ref="subscribeControl">
          <!-- subscription controls in page flow -->
          <subscription-controls
            @realtime-toggle-subscription="toggleSubscription"
            @realtime-clear-messages="clear"
            :index="index"
            :collection="collection"
            :subscribed="subscribed"
            :warning="warning"
            @scroll-down="setScrollDown">
          </subscription-controls>
          <!-- /subscription controls in page flow  -->
        </div>

        <div class="card-panel card-body" v-show="!subscribed && !notifications.length">
          <div class="row valign-bottom empty-set">
            <div class="col s1">
              <i class="fa fa-6x fa-paper-plane grey-text text-lighten-1" aria-hidden="true"></i>
            </div>
            <div class="col s8 m9 l10">
              <p>
                You did not subscribe yet to the collection <strong>{{collection}}</strong><br>
                <em>Learn more about real-time filtering syntax on <a href="https://docs.kuzzle.io/koncorde/" target="_blank">Koncorde</a></em>
              </p>
              <button class="btn primary waves-effect waves-light" @click="toggleSubscription()">
                <i class="fa left fa-play"></i>
                subscribe
              </button>
            </div>
          </div>
        </div>

        <div class="card-panel" v-show="subscribed && !notifications.length" id="wait-for-notif">
          <div class="row valign-center empty-set empty-set-condensed">
            <div class="col s1">
              <i class="fa fa-5x fa-hourglass-half grey-text text-lighten-1" aria-hidden="true"></i>
            </div>
            <div class="col s10">
              <p>
                Waiting for notifications matching your filters ...
              </p>
              <p>
                <em>Learn more about real-time filtering syntax on <a href="https://docs.kuzzle.io/koncorde/" target="_blank">Koncorde</a></em>
              </p>
            </div>
          </div>
        </div>

        <div class="row">
          <div :style="notifStyle" id="notification-container" ref="notificationContainer" class="col s8">
            <div v-if="notifications.length">
              <ul class="collapsible" v-collapsible data-collapsible="expandable">
                <notification
                  v-for="(notification, i) in notifications"
                  :key="i"
                  :notification="notification">
                </notification>
              </ul>
            </div>
{'fraction_non_alphanumeric': 0.1425724000468988, 'fraction_numerical': 0.005276116778051354, 'mean_word_length': 1.8653006382264024, 'pattern_counts': {'":': 0, '<': 183, '<?xml version=': 0, '>': 183, 'https://': 6, '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': '6948278', 'n_tokens_mistral': 2380, 'n_tokens_neox': 2282, 'n_words': 501}