<commit_before><div ngf-drop ngf-select ng-model="files" ngf-capture="'camera'"
     ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-allow-dir="true"
     ngf-change="onFileSelect($files)" ng-show="dropSupported" class="file-drop-area">
    <div class="file-drop-area-overlay"></div>
    <div class="container-fluid">
        <div class="row row-space-4">
            <div class="col-md-6">
                <div class="input-group search-group">
                    <span class="input-group-addon">
                        <i class="material-icons md-18">search</i>
                    </span>
                    <input type="text" class="form-control" placeholder="Enter name, filename or description" ng-model="mediaCollection.search" ng-change="mediaCollection.loadMore(true)">
                </div>
            </div>
            <div class="col-md-6">
                <small class="text-muted">Maximum upload size: {{ mediaCollection.maxUploadSize }}</small>
            </div>
        </div>
        <section class="row media-items">
            <div ng-show="uploadingFiles != null">
                <div ng-repeat="f in uploadingFiles">
                    <div class="progress" ng-show="progress[$index] < 100">
                        <div class="progress-bar" role="progressbar" aria-valuenow="{{ progress[$index] }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ progress[$index] }}%;">
                            {{ progress[$index] }}%
                        </div>
                    </div>
                </div>
            </div>

            <div class="image-section col-xs-12 clearfix" ng-cloak>
                <div ng-repeat="item in mediaCollection.items" class="item {{ item.provider }} {{ item.file_type }}">
                    <img ng-src="{{ item.images.medialibrary }}" ng-if="item.provider == 'image'" class="visual" alt="{{ item.name }}">
                    <img ng-src="{{ item.thumb.images.medialibrary }}" ng-if="item.provider == 'youtube'" class="visual" alt="{{ item.name }}">
                    <div class="image-wrapper">
                        <div class="extended-data">
                            <span class="details" ng-if="item.provider == 'image'">{{ item.metadata.width }}x{{ item.metadata.height }}px</span>
                        </div>
                        <div class="center-stage">
                            <button type="button" ng-if="picker.name" ng-click="selectMedia($index); $event.stopPropagation();" class="btn btn-default-outline include">Use media</button>
                            <button type="button" ng-if="!picker.name" ng-click="editMedia($index); $event.stopPropagation();" class="btn btn-default-outline edit">Edit</button>
                            <button type="button" ng-if="!picker.name" ng-click="confirmDelete($index); $event.stopPropagation();" class="btn btn-default-outline delete">Delete</button>
                            <!--<button type="button" ng-if="!picker.name" ng-click="zoomMedia($index)" class="btn btn-default-outline zoom">Zoom</button>-->
                        </div>
                        <span class="name">{{ item.name }}</span>
                    </div>
                </div>
            </div>

            <div class="panel-body text-center">
                <div class="drag-drop">
                    <span class="fa fa-image"></span>
                    <h3>Drag and drop files to upload</h3>
                </div>
                <div class="btn btn-primary" id="btnMediaPaginate" data-loading-text="Loading..."  in-view="mediaCollection.loadMore()" ng-click="mediaCollection.loadMore()" ng-if="(picker.pickerShown || !picker.name)" ng-hide="mediaCollection.end">
                    Load more
                </div>
            </div>

            <ng-modal show='confirmation.shown'>
                <div class="modal-header">
                    <h4 class="modal-title">Confirm delete</h4>
                </div>
                <div class="modal-body">
                    Do you really want to delete {{ confirmation.name }}?<commit_msg>Media loadmore button shows loading<commit_after><div ngf-drop ngf-select ng-model="files" ngf-capture="'camera'"
     ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-allow-dir="true"
     ngf-change="onFileSelect($files)" ng-show="dropSupported" class="file-drop-area">
    <div class="file-drop-area-overlay"></div>
    <div class="container-fluid">
        <div class="row row-space-4">
            <div class="col-md-6">
                <div class="input-group search-group">
                    <span class="input-group-addon">
                        <i class="material-icons md-18">search</i>
                    </span>
                    <input type="text" class="form-control" placeholder="Enter name, filename or description" ng-model="mediaCollection.search" ng-change="mediaCollection.loadMore(true)">
                </div>
            </div>
            <div class="col-md-6">
                <small class="text-muted">Maximum upload size: {{ mediaCollection.maxUploadSize }}</small>
            </div>
        </div>
        <section class="row media-items">
            <div ng-show="uploadingFiles != null">
                <div ng-repeat="f in uploadingFiles">
                    <div class="progress" ng-show="progress[$index] < 100">
                        <div class="progress-bar" role="progressbar" aria-valuenow="{{ progress[$index] }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ progress[$index] }}%;">
                            {{ progress[$index] }}%
                        </div>
                    </div>
                </div>
            </div>

            <div class="image-section col-xs-12 clearfix" ng-cloak>
                <div ng-repeat="item in mediaCollection.items" class="item {{ item.provider }} {{ item.file_type }}">
                    <img ng-src="{{ item.images.medialibrary }}" ng-if="item.provider == 'image'" class="visual" alt="{{ item.name }}">
                    <img ng-src="{{ item.thumb.images.medialibrary }}" ng-if="item.provider == 'youtube'" class="visual" alt="{{ item.name }}">
                    <div class="image-wrapper">
                        <div class="extended-data">
                            <span class="details" ng-if="item.provider == 'image'">{{ item.metadata.width }}x{{ item.metadata.height }}px</span>
                        </div>
                        <div class="center-stage">
                            <button type="button" ng-if="picker.name" ng-click="selectMedia($index); $event.stopPropagation();" class="btn btn-default-outline include">Use media</button>
                            <button type="button" ng-if="!picker.name" ng-click="editMedia($index); $event.stopPropagation();" class="btn btn-default-outline edit">Edit</button>
                            <button type="button" ng-if="!picker.name" ng-click="confirmDelete($index); $event.stopPropagation();" class="btn btn-default-outline delete">Delete</button>
                            <!--<button type="button" ng-if="!picker.name" ng-click="zoomMedia($index)" class="btn btn-default-outline zoom">Zoom</button>-->
                        </div>
                        <span class="name">{{ item.name }}</span>
                    </div>
                </div>
            </div>

            <div class="panel-body text-center">
                <div class="drag-drop">
                    <span class="fa fa-image"></span>
                    <h3>Drag and drop files to upload</h3>
                </div>
                <div class="btn btn-primary" id="btnMediaPaginate" in-view="mediaCollection.loadMore()" ng-click="mediaCollection.loadMore()" ng-if="(picker.pickerShown || !picker.name)" ng-hide="mediaCollection.end">
                    <span ng-if="! MediaCollection.busy">Load more</span>
                    <span ng-if="MediaCollection.busy">Loading…</span>
                </div>
            </div>

            <ng-modal show='confirmation.shown'>
                <div class="modal-header">
                    <h4 class="modal-title">Confirm delete</h4>
                </div>
                <div class="modal-body">
                    Do you really want to delete {{ confirmation.name }}?
{'fraction_non_alphanumeric': 0.16519956589895093, 'fraction_numerical': 0.004341010490775353, 'mean_word_length': 1.8738738738738738, 'pattern_counts': {'":': 0, '<': 147, '<?xml version=': 0, '>': 145, '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': '1694406', 'n_tokens_mistral': 2317, 'n_tokens_neox': 2201, 'n_words': 423}