<commit_before><div class="ui long modal" #boardconfigmodal_tag>
    <div class="header">
        <h2>{{modalheader}}</h2>
    </div>


    <div class="ui top attached tabular menu">

        <a *ngFor="let tab of tabsModel; let i = index" class="item"
           [ngClass]="{'active': tab.displayName == currentTab }"
           attr.data-tab="{{tab.groupId}}" (click)="setCurrentTab(i)">{{tab.displayName}}</a>

    </div>

    <div
        *ngFor="let tab of tabsModel; let i = index"
        [ngClass]="{'active': tab.displayName == currentTab }"
        class="ui bottom attached tab segment"
        attr.data-tab="{{tab.groupId}}"
        [@contentSwitch]="tab.displayName == currentTab ? 'active':'inactive'">

        <div *ngIf="tab.groupId == 'dashboard_config'">

            <table
                dnd-sortable-container
                [attr.sortableData]="dashboardList"
                class="ui padded table">
                <thead>
                <th class="c-col">#</th>
                <th>name</th>
                <th></th>
                </thead>
                <tr
                    *ngFor="let board of dashboardList; let i = index"
                    dnd-sortable
                    [attr.sortableIndex]="i"
                    class="ui basic segment">
					
                    <td class="c-col">{{i + 1}}</td>
                    <td>{{board}}</td>
                    <td style="text-align:right">
                        <a mat-mini-fab routerLink="." (click)="deleteBoard(board)">
                            <mat-icon>clear</mat-icon>
                        </a>
                    </td>
                </tr>
            </table>

            <div class="ui basic segment">

                <div class="grid-row">
                    <mat-input-container class="example-full-width">
                        <input [(ngModel)]="newDashboardItem" matInput placeholder="Enter Dashboard Name">
                    </mat-input-container>

                    <a mat-mini-fab routerLink="." color='primary'(click)="createBoard(newDashboardItem)">
                    <mat-icon>add</mat-icon>
                </a>
                </div>

            </div>
        </div>

        <div *ngIf="tab.groupId == 'apiendpoint_config'">
            <adf-endpoint></adf-endpoint>
        </div>
    </div>


    <div class="actions">
        <div class="ui approve button">Close</div>
    </div>
</div><commit_msg>Fix Board sorting issue<commit_after><div class="ui long modal" #boardconfigmodal_tag>
    <div class="header">
        <h2>{{modalheader}}</h2>
    </div>


    <div class="ui top attached tabular menu">

        <a *ngFor="let tab of tabsModel; let i = index" class="item"
           [ngClass]="{'active': tab.displayName == currentTab }"
           attr.data-tab="{{tab.groupId}}" (click)="setCurrentTab(i)">{{tab.displayName}}</a>

    </div>

    <div
        *ngFor="let tab of tabsModel; let i = index"
        [ngClass]="{'active': tab.displayName == currentTab }"
        class="ui bottom attached tab segment"
        attr.data-tab="{{tab.groupId}}"
        [@contentSwitch]="tab.displayName == currentTab ? 'active':'inactive'">

        <div *ngIf="tab.groupId == 'dashboard_config'">

            <table
                dnd-sortable-container
                [sortableData]="dashboardList"
                class="ui padded table">
                <thead>
                <th class="c-col">#</th>
                <th>name</th>
                <th></th>
                </thead>
                <tr
                    *ngFor="let board of dashboardList; let i = index"
                    dnd-sortable
                    [sortableIndex]="i"
                    class="ui basic segment">
					
                    <td class="c-col">{{i + 1}}</td>
                    <td>{{board}}</td>
                    <td style="text-align:right">
                        <a mat-mini-fab routerLink="." (click)="deleteBoard(board)">
                            <mat-icon>clear</mat-icon>
                        </a>
                    </td>
                </tr>
            </table>

            <div class="ui basic segment">

                <div class="grid-row">
                    <mat-input-container class="example-full-width">
                        <input [(ngModel)]="newDashboardItem" matInput placeholder="Enter Dashboard Name">
                    </mat-input-container>

                    <a mat-mini-fab routerLink="." color='primary'(click)="createBoard(newDashboardItem)">
                    <mat-icon>add</mat-icon>
                </a>
                </div>

            </div>
        </div>

        <div *ngIf="tab.groupId == 'apiendpoint_config'">
            <adf-endpoint></adf-endpoint>
        </div>
    </div>


    <div class="actions">
        <div class="ui approve button">Close</div>
    </div>
</div>
{'fraction_non_alphanumeric': 0.15507364975450083, 'fraction_numerical': 0.0012274959083469722, 'mean_word_length': 1.4766970618034447, 'pattern_counts': {'":': 0, '<': 113, '<?xml version=': 0, '>': 113, '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': '3313683', 'n_tokens_mistral': 1466, 'n_tokens_neox': 1322, 'n_words': 264}