<commit_before><!-- for each game -->
<div style="clear: both">

    <p style="text-align: center"> Game: {{ gameIndex + 1 }}</p>

    <div style="float: left">
        <div>&nbsp;</div>

        <!-- for each player -->
        <div ng-repeat="individualGame in game" style="height: 50px;">{{individualGame.roller.name}}</div>
    </div>

    <!-- for each frame -->
    <div ng-repeat="frame in [0, 1, 2, 3, 4, 5, 6, 7, 8]" style="float: left; border: 1px solid">
        <div style="border-bottom: 1px solid"><b>{{frame+1}}</b></div>
        <!-- for each player -->
        <div ng-repeat="individualGame in game" style="height: 50px; width: 40px; border-top: 1px solid">

            <!-- Strike -->
            <div ng-if="individualGame.frames[frame][0] == 10">
                <div style="float: left; width: 20px; text-align: center">&nbsp;</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">X</div>
            </div>

            <!-- Spare -->
            <div ng-if="individualGame.frames[frame][1] != null && individualGame.frames[frame][0] + individualGame.frames[frame][1] == 10">
                <div style="float: left; width: 20px; text-align: center">{{individualGame.frames[frame][0]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">/</div>
            </div>

            <!-- Open Frame -->
            <div ng-if="individualGame.frames[frame][0] + individualGame.frames[frame][1] != 10">
                <div style="float: left; width: 20px; text-align: center">{{individualGame.frames[frame][0]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">{{individualGame.frames[frame][1]}}</div>
            </div>

            <div style="clear: both; text-align: center">{{individualGame.frameScore[frame]}}</div>
        </div>
    </div>
    <!-- for each frame -->
    <div ng-repeat="frame in [9]" style="float: left; border: 1px solid">
        <div style="border-bottom: 1px solid"><b>{{frame+1}}</b></div>
        <!-- for each player -->
        <div ng-repeat="individualGame in game" style="height: 50px; width: 60px; border-top: 1px solid">

            <!-- First box -->
            <div style="float: left; width: 20px; text-align: center" ng-if="individualGame.frames[frame][0] == 10">X</div>
            <div style="float: left; width: 20px; text-align: center" ng-if="individualGame.frames[frame][0] != 10">{{individualGame.frames[frame][0]}}</div>

            <!-- Second Box-->
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][0] != 10 && individualGame.frames[frame][0] + individualGame.frames[frame][1] != 10">{{individualGame.frames[frame][1]}}</div>
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][1] == 10">X</div>
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][0] != 10 && individualGame.frames[frame][0] + individualGame.frames[frame][1] == 10">/</div>
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][0] == 10 && individualGame.frames[frame][1] != 10">{{individualGame.frames[frame][1]}}</div>

            <!-- Third Box-->
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][2] != 10 && individualGame.frames[frame][1] != 10 && individualGame.frames[frame][2] != null && individualGame.frames[frame][1] + individualGame.frames[frame][2] != 10">{{individualGame.frames[frame][2]}}</div>
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][1] != 0 && individualGame.frames[frame][2] == 10">X</div>
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][1] != 10 && individualGame.frames[frame][1] + individualGame.frames[frame][2] == 10">/</div>
            <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][2] == null">&nbsp;</div>

            <div style="clear: both; text-align: center">{{individualGame.frameScore[frame]}}</div>
        </div>
    </div>
</div><commit_msg>7 Fix frame scoresheet render issue<commit_after><!-- for each game -->
<div style="clear: both">

    <p style="text-align: center"> Game: {{ gameIndex + 1 }}</p>

    <div style="float: left">
        <div>&nbsp;</div>

        <!-- for each player -->
        <div ng-repeat="individualGame in game" style="height: 50px;">{{individualGame.roller.name}}</div>
    </div>

    <!-- for each frame -->
    <div ng-repeat="frame in [0, 1, 2, 3, 4, 5, 6, 7, 8]" style="float: left; border: 1px solid">
        <div style="border-bottom: 1px solid"><b>{{frame+1}}</b></div>
        <!-- for each player -->
        <div ng-repeat="individualGame in game" style="height: 50px; width: 40px; border-top: 1px solid">

            <!-- Strike -->
            <div ng-if="individualGame.frames[frame][0] == 10">
                <div style="float: left; width: 20px; text-align: center">&nbsp;</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">X</div>
            </div>

            <!-- Spare -->
            <div ng-if="individualGame.frames[frame][1] != null && individualGame.frames[frame][0] + individualGame.frames[frame][1] == 10">
                <div style="float: left; width: 20px; text-align: center">{{individualGame.frames[frame][0]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">/</div>
            </div>

            <!-- Open Frame -->
            <div ng-if="individualGame.frames[frame][0] + individualGame.frames[frame][1] != 10">
                <div style="float: left; width: 20px; text-align: center">{{individualGame.frames[frame][0]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">{{individualGame.frames[frame][1]}}</div>
            </div>

            <div style="clear: both; text-align: center">{{individualGame.frameScore[frame]}}</div>
        </div>
    </div>
    <!-- for each frame -->
    <div ng-repeat="frame in [9]" style="float: left; border: 1px solid">
        <div style="border-bottom: 1px solid"><b>{{frame+1}}</b></div>
        <!-- for each player -->
        <div ng-repeat="individualGame in game" style="height: 50px; width: 60px; border-top: 1px solid">

            <div ng-if="individualGame.frames[frame][0] == 10 && individualGame.frames[frame][1] == 10 && individualGame.frames[frame][2] == 10">
                <div style="float: left; width: 20px; text-align: center">X</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">X</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">X</div>
            </div>

            <div ng-if="individualGame.frames[frame][0] != 10 && individualGame.frames[frame][0] + individualGame.frames[frame][1] == 10">
                <div style="float: left; width: 20px; text-align: center">{{individualGame.frames[frame][0]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">/</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][2] == 10">X</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center" ng-if="individualGame.frames[frame][2] != 10">{{individualGame.frames[frame][2]}}</div>
            </div>

            <div ng-if="individualGame.frames[frame][0] == 10 && individualGame.frames[frame][1] != 10 && individualGame.frames[frame][1] + individualGame.frames[frame][2] == 10">
                <div style="float: left; width: 20px; text-align: center">X</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">{{individualGame.frames[frame][1]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">/</div>
            </div>

            <div ng-if="individualGame.frames[frame][0] == 10 && individualGame.frames[frame][1] != 10 && individualGame.frames[frame][1] + individualGame.frames[frame][2] != 10">
                <div style="float: left; width: 20px; text-align: center">X</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">{{individualGame.frames[frame][1]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">{{individualGame.frames[frame][2]}}</div>
            </div>

            <div ng-if="individualGame.frames[frame][0] != 10 && individualGame.frames[frame][0] + individualGame.frames[frame][1] != 10">
                <div style="float: left; width: 20px; text-align: center">{{individualGame.frames[frame][0]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">{{individualGame.frames[frame][1]}}</div>
                <div style="float: left; width: 20px; border-left: 1px solid; border-bottom: 1px solid; text-align: center">&nbsp;</div>
            </div>

            <div style="clear: both; text-align: center">{{individualGame.frameScore[frame]}}</div>
        </div>
    </div>
</div>
{'fraction_non_alphanumeric': 0.19085295252798148, 'fraction_numerical': 0.031648012350443844, 'mean_word_length': 3.0984578884934755, 'pattern_counts': {'":': 0, '<': 182, '<?xml version=': 0, '>': 182, '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': '3600909', 'n_tokens_mistral': 3598, 'n_tokens_neox': 3151, 'n_words': 772}