<commit_before><md-sidenav-container>

    <md-sidenav #sidenav mode="side" class="app-sidenav" align="start">
        <div *ngIf="searchingSummary">
            <md-spinner></md-spinner>
        </div>
        <div *ngIf="searchErrorMessage">
            <md-chip-list>
                <md-chip color="warn" selected="true" [mdTooltip]="searchErrorMessage" mdTooltipPosition="after">
                    Error!!
                </md-chip>
            </md-chip-list>
        </div>
        <div *ngIf="!searchingSummary && !searchErrorMessage">
            <md-card *ngFor="let row of rows"
                     (click)="showReport(row.hashkey)"
                     [ngClass]="activeReport && row.hashkey == activeReport.key ?
                        ['hvr-curl-bottom-right', 'summary-card', 'summary-card-active'] :
                            ['hvr-curl-bottom-right', 'summary-card']"
            >
                <md-card-header>
                    <md-card-title>
                        {{row.title}}
                        <span class="card-hashkey-text">({{row.hashkey.substring(0, 6)}})</span>
                    </md-card-title>
                    <md-card-subtitle>{{row.begin_time}}</md-card-subtitle>
                </md-card-header>
                <md-card-content>
                    <md-chip-list class="mat-chip-list-stacked">
                        <md-chip color="primary" selected="true">{{row.same_count}}</md-chip>
                        <md-chip color="accent" selected="true">{{row.different_count}}</md-chip>
                        <md-chip color="warn" selected="true">{{row.failure_count}}</md-chip>
                    </md-chip-list>
                    <span *ngIf="loadingReportKey == row.hashkey">
                        Now Loading...
                        <md-progress-bar mode="indeterminate"></md-progress-bar>
                    </span>
                    <span *ngIf="row.deleting">
                        Now Deleting...
                        <md-progress-bar mode="indeterminate" color="warn"></md-progress-bar>
                    </span>
                    <span *ngIf="row.deleteErrorMessage">
                        <md-chip-list class="smart-padding-without-bottom">
                            <md-chip color="warn" selected="true" [mdTooltip]="row.deleteErrorMessage" mdTooltipPosition="after">
                                Fail to delete!!
                            </md-chip>
                        </md-chip-list>
                    </span>
                    <span *ngIf="row.downloading">
                        Prepare Downloading...
                        <md-progress-bar mode="indeterminate" color="accent"></md-progress-bar>
                    </span>
                    <span *ngIf="row.downloadErrorMessage">
                        <md-chip-list class="smart-padding-without-bottom">
                            <md-chip color="warn" selected="true" [mdTooltip]="row.downloadErrorMessage" mdTooltipPosition="after">
                                Fail to download!!
                            </md-chip>
                        </md-chip-list>
                    </span>
                </md-card-content>
                <md-card-actions>
                    <md-icon (click)="removeDetail(row.hashkey, $event)"
                             class="action-icon hvr-buzz-out">
                        delete_forever
                    </md-icon>
                    <md-icon *ngIf="row.with_zip"
                             (click)="downloadArchive(row.hashkey, $event)"
                             class="action-icon hvr-buzz-out">
                        cloud_download
                    </md-icon>
                </md-card-actions>
            </md-card>
        </div>
    </md-sidenav>

    <div class="smart-padding">

        <md-input-container>
            <input mdInput #keyWord (keyup.enter)="searchReport(keyWord.value); sidenav.open()">
            <md-placeholder>
                <i class="material-icons app-input-icon">search</i> Search word
            </md-placeholder>
        </md-input-container>
        <hr/>
        <div *ngIf="activeReport">
            <div style="float: right;">
                <md-icon>access_time</md-icon>
                <small>{{activeReport.summary.time.start}} ～ {{activeReport.summary.time.end}}</small>
            </div>
            <h2>
                {{activeReport.title}}
                <span class="hashkey-text">({{activeReport.key.substring(0, 6)}})</span>
            </h2>
            <div class="smart-padding-without-top">
                <small><md-chip>Left</md-chip> {{activeReport.summary.one.host}}</small>
                <small><md-chip>Right</md-chip> {{activeReport.summary.other.host}}</small>
            </div>
            <ng2-smart-table [settings]="settings"
                             [source]="tableSource"
                             (userRowSelect)="onSelectRow($event);"
            >
            </ng2-smart-table>
        </div>
        <p class="error" *ngIf="errorMessage">{{errorMessage}}</p>
    </div>

</md-sidenav-container><commit_msg>:hammer: Fix format<commit_after><md-sidenav-container>

    <md-sidenav #sidenav mode="side" class="app-sidenav" align="start">
        <div *ngIf="searchingSummary">
            <md-spinner></md-spinner>
        </div>
        <div *ngIf="searchErrorMessage">
            <md-chip-list>
                <md-chip color="warn" selected="true" [mdTooltip]="searchErrorMessage" mdTooltipPosition="after">
                    Error!!
                </md-chip>
            </md-chip-list>
        </div>
        <div *ngIf="!searchingSummary && !searchErrorMessage">
            <md-card *ngFor="let row of rows"
                     (click)="showReport(row.hashkey)"
                     [ngClass]="activeReport && row.hashkey == activeReport.key ?
                        ['hvr-curl-bottom-right', 'summary-card', 'summary-card-active'] :
                            ['hvr-curl-bottom-right', 'summary-card']"
            >
                <md-card-header>
                    <md-card-title>
                        {{row.title}}
                        <span class="card-hashkey-text">({{row.hashkey.substring(0, 6)}})</span>
                    </md-card-title>
                    <md-card-subtitle>{{row.begin_time}}</md-card-subtitle>
                </md-card-header>
                <md-card-content>
                    <md-chip-list class="mat-chip-list-stacked">
                        <md-chip color="primary" selected="true">{{row.same_count}}</md-chip>
                        <md-chip color="accent" selected="true">{{row.different_count}}</md-chip>
                        <md-chip color="warn" selected="true">{{row.failure_count}}</md-chip>
                    </md-chip-list>
                    <span *ngIf="loadingReportKey == row.hashkey">
                        Now Loading...
                        <md-progress-bar mode="indeterminate"></md-progress-bar>
                    </span>
                    <span *ngIf="row.deleting">
                        Now Deleting...
                        <md-progress-bar mode="indeterminate" color="warn"></md-progress-bar>
                    </span>
                    <span *ngIf="row.deleteErrorMessage">
                        <md-chip-list class="smart-padding-without-bottom">
                            <md-chip color="warn" selected="true" [mdTooltip]="row.deleteErrorMessage" mdTooltipPosition="after">
                                Fail to delete!!
                            </md-chip>
                        </md-chip-list>
                    </span>
                    <span *ngIf="row.downloading">
                        Prepare Downloading...
                        <md-progress-bar mode="indeterminate" color="accent"></md-progress-bar>
                    </span>
                    <span *ngIf="row.downloadErrorMessage">
                        <md-chip-list class="smart-padding-without-bottom">
                            <md-chip color="warn" selected="true" [mdTooltip]="row.downloadErrorMessage" mdTooltipPosition="after">
                                Fail to download!!
                            </md-chip>
                        </md-chip-list>
                    </span>
                </md-card-content>
                <md-card-actions>
                    <md-icon (click)="removeDetail(row.hashkey, $event)"
                             class="action-icon hvr-buzz-out">
                        delete_forever
                    </md-icon>
                    <md-icon *ngIf="row.with_zip"
                             (click)="downloadArchive(row.hashkey, $event)"
                             class="action-icon hvr-buzz-out">
                        cloud_download
                    </md-icon>
                </md-card-actions>
            </md-card>
        </div>
    </md-sidenav>

    <div class="smart-padding">

        <md-input-container>
            <input mdInput #keyWord (keyup.enter)="searchReport(keyWord.value); sidenav.open()">
            <md-placeholder>
                <i class="material-icons app-input-icon">search</i> Search word
            </md-placeholder>
        </md-input-container>
        <hr/>
        <div *ngIf="activeReport">
            <div style="float: right;" class="center-vertical">
                <md-icon>access_time</md-icon>
                <small>{{activeReport.summary.time.start}} ～ {{activeReport.summary.time.end}}</small>
            </div>
            <h2>
                {{activeReport.title}}
                <span class="hashkey-text">({{activeReport.key.substring(0, 6)}})</span>
            </h2>
            <div class="smart-padding-without-top">
                <small><md-chip>{{activeReport.summary.one.name}}</md-chip> {{activeReport.summary.one.host}}</small>
                <small><md-chip>{{activeReport.summary.other.name}}</md-chip> {{activeReport.summary.other.host}}</small>
            </div>
            <ng2-smart-table [settings]="settings"
                             [source]="tableSource"
                             (userRowSelect)="onSelectRow($event);"
            >
            </ng2-smart-table>
        </div>
        <p class="error" *ngIf="errorMessage">{{errorMessage}}</p>
    </div>

</md-sidenav-container>
{'fraction_non_alphanumeric': 0.14846235418875928, 'fraction_numerical': 0.0015424660175455509, 'mean_word_length': 1.3380662609871534, 'pattern_counts': {'":': 0, '<': 207, '<?xml version=': 0, '>': 207, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 14, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3866427', 'n_tokens_mistral': 2885, 'n_tokens_neox': 2734, 'n_words': 374}