<commit_before><ng-include src="'/templates/alerts.html'"></ng-include>
<div class="container-fluid mt-4">
  <div class="row">
    <div class="col">
      <!-- This is the tagging sidebar -->
      <div class="sticky-top">
        <div class="d-none d-xl-block">
          <label for="addTagColumn" class="pt-2 mb-0"> <h4 translate>Tags</h4> </label>
          <br>

          <input class="mt-2" type="text" id="tag-search" ng-keyup="filterTags($event, smtcTags)" placeholder="Search tags" title="Type in a tag">
          <div id="addTagColumn" class="mt-2">
            <tags ng-if="currentUser.can('edit data')" class="tagify readonly" tabindex="-1">
              <tag ng-repeat="smtcTag in visibleSmtcTags" contenteditable="false" spellcheck="false" tabindex="-1"
                   class="tags__tag tagify__tag tagify--noAnim" __isvalid="true" value="bar" ng-style="{'--tag-bg': smtcTag.color}">
                <x title="Remove Tag from Selected" ng-click="removeTagFromSelected(smtcTag)" class="tagify__tag__removeBtn" role="button" aria-label="remove tag"></x>
                <div ng-click="addTagToSelected(smtcTag)">
                  <a>
                    <span class="tagify__tag-text">{{smtcTag.name}}</span>
                  </a>
                </div>
              </tag>
            </tags>
          </div>
        </div>
      </div>
    </div>
    <!--This is the centered card-->
    <div class="col-xl-10">
      <div class="card shadow-sm">
        <div class="card-header card__header batchcardheader--withSelect">
          <div class="cardheader__text">
            <div class="btn-toolbar flex-wrap justify-content-between" aria-label="Page title and Hate Speech Ranking">
              <h4 class="card-title" translate>Batch Mode</h4>
              <div ng-if="detectHateSpeech" class="pt-2 text-right text-secondary">
                <span ng-if="hateSpeechThreshold.enabled" class="badge badge-pill badge-danger mr-1"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></span>
                <span translate> Indicates a report that is likely to contain hate speech</span>
                <br>
                <br>
                <span translate>
                  Reports sorted by Hate Speech Score
                </span>
              </div>
            </div>
            <p class="" translate>batch.intro</p>
            <div ng-if="searchParams">
              <p translate>batch.reportsAreFiltered</p>
            </div>
          </div>
          <div class="dropdown-divider"></div>
          <div class="btn-toolbar flex-wrap justify-content-between" role="toolbar" aria-label="Toolbar with selection actions">
            <div role="group" aria-label="Read/Unread Buttons/Selection">
              <!-- Check all button -->
              <div class="btn-group mr-4" role="group" aria-label="Read/Unread Buttons">
                <div class="card">
                  <input class="checkbox__input" ng-select-all items="reports" title="Select All" type="checkbox"/>
                </div>
              </div>
              <div class="btn-group mr-3">
                <button ng-class="{highlight: someSelected()}" class="btn btn-default" ng-click="toggleSelectedRead()" translate>Read/Unread</button>
              </div>
              <div class="btn-group mr-3" role="group" aria-label="Incident Buttons">
                <button type="button" ng-disabled="{{someSelected()}}" ng-class="{highlight: someSelected()}" class="btn btn-default" ng-controller="IncidentSelectModalController" ng-click="(someSelected()? setIncident():null)" translate>
                  Edit Group
                </button>
              </div>
            </div>
            <div>
              <button class="btn btn-primary mr-3" ng-click="markAllReadAndGrabAnother()" translate>Mark All Read &amp; Grab Another</button>
              <button class="btn btn-secondary mr-3" ng-click="markAllReadAndDone()" translate>Mark All Read &amp; Done</button>
              <button class="btn btn-secondary mr-3" ng-click="cancelBatch()" translate>Cancel</button>
            </div>
          </div>
        </div>
        <p ng-hide="pagination.total > 0 " translate>batch.noReports</p>
        <div ng-include="'/templates/reports/tableBatch.html'"></div>
        <div class="card-footer text-muted card__footer">
          <div class="btn-toolbar flex-wrap justify-content-between" role="toolbar" aria-label="Toolbar with selection actions">
            <div role="group" aria-label="Read/Unread Buttons/Selection">
              <div class="btn-group mr-3">
                <button ng-class="{highlight: someSelected()}" class="btn btn-default" ng-click="toggleSelectedRead()" translate>Read/Unread</button>
              </div>
              <div class="btn-group mr-3" role="group" aria-label="Incident Buttons">
                <button type="button" ng-disabled="{{someSelected()}}" ng-class="{highlight: someSelected()}" class="btn btn-default" ng-controller="IncidentSelectModalController" ng-click="(someSelected()? setIncident():null)" translate>
                  Add to Group
                </button>
              </div>
            </div>
            <div>
              <button class="btn btn-primary mr-3" ng-click="markAllReadAndGrabAnother()" translate>Mark All Read &amp; Grab Another</button>
              <button class="btn btn-secondary mr-3" ng-click="markAllReadAndDone()" translate>Mark All Read &amp; Done</button>
              <button class="btn btn-secondary" ng-click="cancelBatch()" translate>Cancel</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col">
      <div class="sticky-top">
        <div class="d-none d-xl-block">
          <div ng-include="'/templates/side-statsbar.html'"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="row mt-4">
    <div class="col text-center">
      <div class="d-xl-none">
        <div ng-include="'/templates/bottom-statsbar.html'"></div>
      </div>
    </div>
  </div>
</div><commit_msg>Hover over visibility (#474)<commit_after><ng-include src="'/templates/alerts.html'"></ng-include>
<div class="container-fluid mt-4">
  <div class="row">
    <div class="col">
      <!-- This is the tagging sidebar -->
      <div class="sticky-top">
        <div class="d-none d-xl-block">
          <label for="addTagColumn" class="pt-2 mb-0"> <h4 translate>Tags</h4> </label>
          <br>

          <input class="mt-2" type="text" id="tag-search" ng-keyup="filterTags($event, smtcTags)" placeholder="Search tags" title="Type in a tag">
          <div id="addTagColumn" class="mt-2">
            <tags ng-if="currentUser.can('edit data')" class="tagify readonly" tabindex="-1">
              <tag ng-repeat="smtcTag in visibleSmtcTags" contenteditable="false" spellcheck="false" tabindex="-1"
                   class="tags__tag tagify__tag tagify--noAnim" __isvalid="true" value="bar" ng-style="{'--tag-bg': smtcTag.color}">
                <x title="Remove Tag from Selected" ng-click="removeTagFromSelected(smtcTag)" class="tagify__tag__removeBtn" role="button" aria-label="remove tag"></x>
                <div ng-click="addTagToSelected(smtcTag)">
                  <a>
                    <span class="tagify__tag-text">{{smtcTag.name}}</span>
                  </a>
                </div>
              </tag>
            </tags>
          </div>
        </div>
      </div>
    </div>
    <!--This is the centered card-->
    <div class="col-xl-10">
      <div class="card shadow-sm">
        <div class="card-header card__header batchcardheader--withSelect">
          <div class="cardheader__text">
            <div class="btn-toolbar flex-wrap justify-content-between" aria-label="Page title and Hate Speech Ranking">
              <h4 class="card-title" translate>Batch Mode</h4>
              <div ng-if="detectHateSpeech" class="pt-2 text-right text-secondary">
                <span ng-if="hateSpeechThreshold.enabled" class="badge badge-pill badge-danger mr-1"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></span>
                <span translate> Indicates a report that is likely to contain hate speech</span>
                <br>
                <br>
                <span translate>
                  Reports sorted by Hate Speech Score
                </span>
              </div>
            </div>
            <p class="" translate>batch.intro</p>
            <div ng-if="searchParams">
              <p translate>batch.reportsAreFiltered</p>
            </div>
          </div>
          <div class="dropdown-divider"></div>
          <div class="btn-toolbar flex-wrap justify-content-between" role="toolbar" aria-label="Toolbar with selection actions">
            <div role="group" aria-label="Read/Unread Buttons/Selection">
              <!-- Check all button -->
              <div class="btn-group mr-4" role="group" aria-label="Read/Unread Buttons">
                <div class="card">
                  <input class="checkbox__input" ng-select-all items="reports" title="Select All" type="checkbox"/>
                </div>
              </div>
              <div class="btn-group mr-3">
                <button ng-class="{highlight: someSelected()}" class="btn btn-default" ng-click="toggleSelectedRead()" translate>Read/Unread</button>
              </div>
            </div>
            <div>
              <button class="btn btn-primary mr-3" ng-click="markAllReadAndGrabAnother()" translate>Mark All Read &amp; Grab Another</button>
              <button class="btn btn-secondary mr-3" ng-click="markAllReadAndDone()" translate>Mark All Read &amp; Done</button>
              <button class="btn btn-secondary mr-3" ng-click="cancelBatch()" translate>Cancel</button>
            </div>
          </div>
        </div>
        <p ng-hide="pagination.total > 0 " translate>batch.noReports</p>
        <div ng-include="'/templates/reports/tableBatch.html'"></div>
        <div class="card-footer text-muted card__footer">
          <div class="btn-toolbar flex-wrap justify-content-between" role="toolbar" aria-label="Toolbar with selection actions">
            <div role="group" aria-label="Read/Unread Buttons/Selection">
              <div class="btn-group mr-3">
                <button ng-class="{highlight: someSelected()}" class="btn btn-default" ng-click="toggleSelectedRead()" translate>Read/Unread</button>
              </div>
            </div>
            <div>
              <button class="btn btn-primary mr-3" ng-click="markAllReadAndGrabAnother()" translate>Mark All Read &amp; Grab Another</button>
              <button class="btn btn-secondary mr-3" ng-click="markAllReadAndDone()" translate>Mark All Read &amp; Done</button>
              <button class="btn btn-secondary" ng-click="cancelBatch()" translate>Cancel</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col">
      <div class="sticky-top">
        <div class="d-none d-xl-block">
          <div ng-include="'/templates/side-statsbar.html'"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="row mt-4">
    <div class="col text-center">
      <div class="d-xl-none">
        <div ng-include="'/templates/bottom-statsbar.html'"></div>
      </div>
    </div>
  </div>
</div>
{'fraction_non_alphanumeric': 0.1583032013405062, 'fraction_numerical': 0.004850515918511333, 'mean_word_length': 2.246492985971944, 'pattern_counts': {'":': 0, '<': 263, '<?xml version=': 0, '>': 265, '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': '122747', 'n_tokens_mistral': 3392, 'n_tokens_neox': 3249, 'n_words': 715}