<commit_before><div>

    <div class="white-box" ng-show="entityList.list.length > 0 || entityList.searchInput">
        <ul class="sort-list">
            <li ng-if="entityOptions.entityData.title" class="title">
                <h2 class="app-title">{{ entityOptions.entityData.title }}</h2>
            </li>
            <li class="search divid">
                <div class="search-box">
                    <input type="text" ng-model='entityList.searchInput' ng-change="entityList.search()">
                    <button class="search-button"></button>
                </div>
            </li>
            <li>
                <filter-list filter-controller="entityList"></filter-list>
            </li>
            <li ng-if="entityOptions.entityData.createLink" class="right-sort">
                <a ui-sref="{{ entityOptions.entityData.createLink }}" class="button">
                    <span class="icon plus"></span>
                    <span>{{ entityOptions.entityData.createLinkText }}</span>
                </a>
            </li>
        </ul>
    </div>

    <div class="white-box no-styles" ng-show="entityList.list.length <= 0 && !entityList.searchInput">
        <h2 class="app-title">
            {{ entityOptions.entityData.noDataText }}
        </h2>
        <div ng-if="entityOptions.entityData.createLink" class="decision">
            <div class="col">
                <a ui-sref="{{ entityOptions.entityData.createLink }}" class="button">{{ entityOptions.entityData.createLinkText }}</a>
            </div>
        </div>
    </div>

    <!-- view-control -->
    <section class="view-control" ng-if="(entityList.list.length > 0 || entityList.searchInput) && entityList.controlPanelShow">
        <div class="list-item no-cursor">
            <div class="checkbox">
                <div class="checkbox" ng-show="entityList.showgroup">
                    <input type="checkbox">
                </div>
            </div>
            <div>
                <div class="view-action-buttons" ng-show="entityList.showgroup">
                    <a class="button remove">
                        Remove</a>
                </div>
                <div class="view-action-buttons-mobile"
                     ng-if="!entityOptions.entityData.hideActionButtons"
                     ng-show="entityList.showgroup">
                    <div class="actions-button">
                        <action-button button-list="entityButtons"
                                       button-controller="entityList"
                                       ng-show="mobileActions"
                                       button-model="entity"></action-button>
                    </div>
                </div>
            </div>
            <div class="actions switch">
                <span class="label-text" ng-class="{'low-grade': !entityList.showgroup}">batch</span>
                <div class="checkbox-toggle">
                    <input type="checkbox" id="control-types" ng-click="entityList.showgroup=!entityList.showgroup">
                    <label for="control-types"></label>
                </div>
                <span class="label-text special-left" ng-class="{'low-grade': entityList.showgroup}">single</span>
            </div>
        </div>
    </section>
    <!-- /view-control -->


    <div class="white-box" ng-show="entityList.list.length > 0 || entityList.searchInput">
        <ul class="object-list">
            <li class="list-item list-header">
                <div class="checkbox"></div>
                <div ng-repeat="fieldHead in entityOptions.list" class="additional-cell {{ fieldHead.className }}">
                    <a href="#" class="list-sort">{{ fieldHead.name }}</a>
                </div>
                <div class="actions"></div>
            </li>
            <li ng-repeat="entity in entityList.list">
                <div class="list-item list pointer" ng-class="{'opened': expandItem}"
                     ng-click="expandItem=!expandItem">
                    <div class="checkbox">
                        <div class="checkbox" stoppropagation>
                            <input type="checkbox" ng-show="entityList.showgroup">
                        </div>
                    </div>
                    <div ng-repeat="field in entityOptions.list"
                         ng-switch="field.type"
                         ng-class="{ 'display-for-mobile' : field.showForMobile }"
                         class="additional-cell {{ field.className }}">

                        <span ng-switch-when="avatar" class="avatar">
                            <img gravatar-src="entity.email" gravatar-size="100" alt="" class="avatar-img">
                        </span><commit_msg>Refactor list search template to directive (SAAS-338)<commit_after><div>

    <div class="white-box" ng-show="entityList.list.length > 0 || entityList.searchInput">
        <ul class="sort-list">
            <li ng-if="entityOptions.entityData.title" class="title">
                <h2 class="app-title">{{ entityOptions.entityData.title }}</h2>
            </li>
            <li class="search divid">
                <div class="search-box">
                    <input type="text" ng-model='entityList.searchInput' ng-change="entityList.search()">
                    <button class="search-button"></button>
                </div>
            </li>
            <li>
                <filter-list filter-controller="entityList"></filter-list>
            </li>
            <li ng-if="entityOptions.entityData.createLink" class="right-sort">
                <a ui-sref="{{ entityOptions.entityData.createLink }}" class="button">
                    <span class="icon plus"></span>
                    <span>{{ entityOptions.entityData.createLinkText }}</span>
                </a>
            </li>
        </ul>
    </div>

    <div class="white-box no-styles" ng-show="entityList.list.length <= 0 && !entityList.searchInput">
        <h2 class="app-title">
            {{ entityOptions.entityData.noDataText }}
        </h2>
        <div ng-if="entityOptions.entityData.createLink" class="decision">
            <div class="col">
                <a ui-sref="{{ entityOptions.entityData.createLink }}" class="button">{{ entityOptions.entityData.createLinkText }}</a>
            </div>
        </div>
    </div>

    <!-- view-control -->
    <!-- TODO: this functionality is not relevant and should be disabled until corresponding backend is ready. -->
    <section class="view-control" ng-if="(entityList.list.length > 0 || entityList.searchInput) && entityList.controlPanelShow">
        <div class="list-item no-cursor">
            <div>
                <div class="checkbox" ng-show="entityList.showgroup">
                    <input type="checkbox"
                           ng-checked="entityList.selectedInstances.length"
                           ng-click="entityList.changeAllSelectedInstances()">
                </div>
            </div>
            <div class="actions switch">
                <span class="label-text" ng-class="{'low-grade': !entityList.showgroup}">batch</span>
                <div class="checkbox-toggle">
                    <input type="checkbox" id="control-types" ng-click="entityList.showgroup=!entityList.showgroup">
                    <label for="control-types"></label>
                </div>
                <span class="label-text special-left" ng-class="{'low-grade': entityList.showgroup}">single</span>
            </div>
        </div>
    </section>
    <!-- /view-control -->


    <div class="white-box" ng-show="entityList.list.length > 0 || entityList.searchInput">
        <ul class="object-list">
            <li class="list-item list-header">
                <div class="checkbox"></div>
                <div ng-repeat="fieldHead in entityOptions.list" class="additional-cell {{ fieldHead.className }}">
                    <a href="#" class="list-sort">{{ fieldHead.name }}</a>
                </div>
                <div class="actions"></div>
            </li>
            <li ng-repeat="entity in entityList.list">
                <div class="list-item list pointer" ng-class="{'opened': expandItem}"
                     ng-click="expandItem=!expandItem">
                    <div class="checkbox">
                        <div class="checkbox" stoppropagation>
                            <input type="checkbox" ng-show="entityList.showgroup"
                                   ng-checked="entityList.isInstanceSelected(entity)"
                                   ng-click="entityList.changeInstanceSelection(entity)">
                        </div>
                    </div>
                    <div ng-repeat="field in entityOptions.list"
                         ng-switch="field.type"
                         ng-class="{ 'display-for-mobile' : field.showForMobile }"
                         class="additional-cell {{ field.className }}">

                        <span ng-switch-when="avatar" class="avatar">
                            <img gravatar-src="entity.email" gravatar-size="100" alt="" class="avatar-img">
                        </span>
{'fraction_non_alphanumeric': 0.14871066433566432, 'fraction_numerical': 0.0027316433566433565, 'mean_word_length': 1.638512539636783, 'pattern_counts': {'":': 0, '<': 184, '<?xml version=': 0, '>': 188, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 5, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2475932', 'n_tokens_mistral': 2450, 'n_tokens_neox': 2321, 'n_words': 416}