<commit_before><div class="row">
    <div class="col-xs-3 sidebar">
        <!--<div class="row">-->
            <!--<div class="card-header text-center">-->
                <!--<button ng-click="ctrl.createSample()"-->
                        <!--class="btn-details-container btn-sample btn btn-default">-->
                    <!--create-->
                <!--</button>-->
            <!--</div>-->
        <!--</div>-->
        <div class="row">
            <div class="col-sm-12">
                <a class="pull-right" ng-click="ctrl.chooseTemplate()">Create New Sample</a>
            </div>
        </div><br>
        <div class="row">
            <div class="col-sm-12">
                <a class="pull-right text-muted padding-left-15">Samples</a>
                <a class="pull-right text-muted padding-left-15">Processes</a>
                <a class="pull-right ">All</a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <input placeholder="Search all..." class="form-control" ng-model="search">
            </div>
        </div>
        <ul ng-if="ctrl.samples.length !== 0" class="list-group">
            <li class="list-group-item pointer no-padding no-position"
                ng-repeat="s in ctrl.samples"
                ng-class="{active: ctrl.current.id === s.id}"
                ng-click="ctrl.viewSample(s)">
                <p class="heading">{{s.name}}</p>

                <div class="text-muted truncate-text">{{s.description}}</div>
                <div class="row counts">
                    <span><i data-placement="right" data-toggle="tooltip" title="Transformations"
                             class="fa fa-fw fa-star" style="color: #ff5a60;"></i>{{s.property_sets.length}}</span>
                    <span class="padding-left-15"><i data-placement="right" data-toggle="tooltip" title="Files"
                                                     class="fa fa-fw fa-files-o file"></i>{{s.linked_files.length}}  </span>
                    <span class="padding-left-15"><composition properties="s.properties"></composition></span>
                    <span class="pull-right"><i data-placement="right" data-toggle="tooltip" title="Owner"
                                                class="fa fa-fw fa-user"></i>{{s.owner}}</span>
                </div>
                <!--<div class="row small" style="padding-top: 5px;">-->
                    <!--<span class="space-left"><i data-placement="right" data-toggle="tooltip" title="Transformations"-->
                                                <!--class="fa fa-fw fa-star" style="color: #ff5a60;"></i>{{s.property_sets.length}}</span>-->
                    <!--<span class="space-left"><i data-placement="right" data-toggle="tooltip" title="Files"-->
                                                <!--class="fa fa-fw fa-files-o file"></i>{{s.linked_files.length}}    </span>-->
                    <!--<span class="space-left"><composition properties="s.properties"></composition></span>-->
                    <!--<span class="space-left  pull-right"><i data-placement="right" data-toggle="tooltip" title="Owner"-->
                                                            <!--class="fa fa-fw fa-user"></i>{{s.owner}} </span>-->
                <!--</div>-->
            </li>
        </ul>
        <h4 ng-if="ctrl.samples.length === 0" class="text-center text-uppercase">
            No Samples
        </h4>
    </div>
    <div class="col-xs-9 no-padding">
        <div ui-view></div>
    </div>
</div>



<commit_msg>Samples now works with separate scrollbars.<commit_after><div class="row take-parent-height">
    <div class="col-xs-3 sidebar take-parent-height">
        <!--<div class="row">-->
            <!--<div class="card-header text-center">-->
                <!--<button ng-click="ctrl.createSample()"-->
                        <!--class="btn-details-container btn-sample btn btn-default">-->
                    <!--create-->
                <!--</button>-->
            <!--</div>-->
        <!--</div>-->
        <div class="row">
            <div class="col-sm-12">
                <a class="pull-right" ng-click="ctrl.chooseTemplate()">Create New Sample</a>
            </div>
        </div><br>
        <div class="row">
            <div class="col-sm-12">
                <a class="pull-right text-muted padding-left-15">Samples</a>
                <a class="pull-right text-muted padding-left-15">Processes</a>
                <a class="pull-right ">All</a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <input placeholder="Search all..." class="form-control" ng-model="search">
            </div>
        </div>
        <ul ng-if="ctrl.samples.length !== 0" class="list-group">
            <li class="list-group-item pointer no-padding no-position"
                ng-repeat="s in ctrl.samples"
                ng-class="{active: ctrl.current.id === s.id}"
                ng-click="ctrl.viewSample(s)">
                <p class="heading">{{s.name}}</p>

                <div class="text-muted truncate-text">{{s.description}}</div>
                <div class="row counts">
                    <span><i data-placement="right" data-toggle="tooltip" title="Transformations"
                             class="fa fa-fw fa-star" style="color: #ff5a60;"></i>{{s.property_sets.length}}</span>
                    <span class="padding-left-15"><i data-placement="right" data-toggle="tooltip" title="Files"
                                                     class="fa fa-fw fa-files-o file"></i>{{s.linked_files.length}}  </span>
                    <span class="padding-left-15"><composition properties="s.properties"></composition></span>
                    <span class="pull-right"><i data-placement="right" data-toggle="tooltip" title="Owner"
                                                class="fa fa-fw fa-user"></i>{{s.owner}}</span>
                </div>
                <!--<div class="row small" style="padding-top: 5px;">-->
                    <!--<span class="space-left"><i data-placement="right" data-toggle="tooltip" title="Transformations"-->
                                                <!--class="fa fa-fw fa-star" style="color: #ff5a60;"></i>{{s.property_sets.length}}</span>-->
                    <!--<span class="space-left"><i data-placement="right" data-toggle="tooltip" title="Files"-->
                                                <!--class="fa fa-fw fa-files-o file"></i>{{s.linked_files.length}}    </span>-->
                    <!--<span class="space-left"><composition properties="s.properties"></composition></span>-->
                    <!--<span class="space-left  pull-right"><i data-placement="right" data-toggle="tooltip" title="Owner"-->
                                                            <!--class="fa fa-fw fa-user"></i>{{s.owner}} </span>-->
                <!--</div>-->
            </li>
        </ul>
        <h4 ng-if="ctrl.samples.length === 0" class="text-center text-uppercase">
            No Samples
        </h4>
    </div>
    <div class="col-xs-9 no-padding take-parent-height">
        <div class="take-parent-height" ui-view></div>
    </div>
</div>




{'fraction_non_alphanumeric': 0.19461242440901594, 'fraction_numerical': 0.007421660252886202, 'mean_word_length': 1.581411848173111, 'pattern_counts': {'":': 0, '<': 201, '<?xml version=': 0, '>': 201, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 20, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3523049', 'n_tokens_mistral': 2059, 'n_tokens_neox': 1924, 'n_words': 351}