<commit_before><div class="has-bottom-actions">
    <div id="subcategoryModal" class="modal fade" role="dialog" ng-show="ContentCategory.showSubModal">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content backgroundColorTheme">
                <div class="modal-header">
                    <button ng-click="ContentCategory.closeSubcategoryModal()" style="margin-top: 0;" type="button"
                        class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></button>
                    <h4 class="modal-title">{{ContentCategory.addSubcategoryTitle}}</h4>
                </div>
                <div class="modal-body">
                    <p>Subcategory Name</p>
                    <input type="text" class="form-control" ng-model="ContentCategory.subcategoryTitle" maxlength="70"
                        placeholder="Enter name">
                    <div class="text-danger" ng-show="subcategoryTitlequired">A title is required</div>
                </div>
                <div class="modal-footer">
                    <button ng-click="ContentCategory.updateSubcategory()" type="button"
                        class="btn btn-success">Save</button>
                    <button type="button" style="margin-right: 10px;border:1px solid var(--c-gray3);" class="btn"
                        ng-click="ContentCategory.closeSubcategoryModal()">Cancel</button>
                </div>
            </div>

        </div>
    </div>
    <div id="breadcrumbs">
        <ol class="breadcrumb">
            <li><a href="#/categoryHome">Categories</a></li>
            <li>{{ContentCategory.item.data.name || ContentCategory.title}}
            </li>
        </ol>
    </div>
    <h1>{{ContentCategory.title}}</h1>
    <p class="info-note margin-bottom-ten">Organize and filter your media by categories.</p>
    <div class="row flex margin-top-thirty ">
        <div class="col-md-3">
            <span>Category Icon</span>
        </div>
        <div class="col-md-9 main ">
            <div class="screens clearfix margin-bottom-five">
                <div class="screen logoicon pull-left">
                    <a class="border-grey border-radius-three default-background-hover"
                        style="width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;"
                        ng-click="ContentCategory.addIcon()">
                        <span ng-if="!ContentCategory.item.data.icon" class="add-icon"
                            style="height: 82px; margin: -8px;">+</span>
                        <img ng-if="ContentCategory.item.data.icon && !ContentCategory.isIcon()"
                            ng-src="{{ContentCategory.item.data.icon }}">
                        <div style="color:#5f5f5f" ng-if="ContentCategory.item.data.icon && ContentCategory.isIcon()"
                            ng-class="ContentCategory.item.data.icon">
                        </div>
                    </a>
                    <span ng-if="ContentCategory.item.data.icon"
                        class="icon btn-delete-icon btn-danger transition-third"
                        ng-click="ContentCategory.removeIcon()"></span>
                </div>
            </div>
        </div>
    </div>

    <hr class="none">
    <div class="item clearfix row" id="titleInput">
        <div class="labels col-md-3 padding-right-zero pull-left">
            <span>Category Name <span class="required">*</span></span>
        </div>
        <div class="main col-md-9 pull-right">
            <input type="text" class="form-control" ng-model="ContentCategory.item.data.name" maxlength="70"
                ng-class="{'border-danger': titleRequired}" />
            <div class="text-left text-danger margin-top-five text-small" ng-show="titleRequired">
                {{titleRequired}}
            </div>
        </div>
    </div>
    <hr class="none">
    <h3>Subcategories</h3>
    <p class="info-note margin-bottom-ten">Use subcategories within your parent category to get even more specific about
        the media.</p>
    <div class="search-bar-container margin-bottom-thirty margin-top-thirty">
        <div class="search-bar">
            <input type="text" class="form-control" placeholder="Search" ng-model="ContentCategory.searchText"<commit_msg>fixed input field error message<commit_after><div class="has-bottom-actions">
    <div id="subcategoryModal" class="modal fade" role="dialog" ng-show="ContentCategory.showSubModal">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content backgroundColorTheme">
                <div class="modal-header">
                    <button ng-click="ContentCategory.closeSubcategoryModal()" style="margin-top: 0;" type="button"
                        class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></button>
                    <h4 class="modal-title">{{ContentCategory.addSubcategoryTitle}}</h4>
                </div>
                <div class="modal-body">
                    <p>Subcategory Name</p>
                    <input type="text" class="form-control" ng-model="ContentCategory.subcategoryTitle" maxlength="70"
                        placeholder="Enter name">
                    <div class="text-danger" ng-show="subcategoryTitlequired">A title is required</div>
                </div>
                <div class="modal-footer">
                    <button ng-click="ContentCategory.updateSubcategory()" type="button"
                        class="btn btn-success">Save</button>
                    <button type="button" style="margin-right: 10px;border:1px solid var(--c-gray3);" class="btn"
                        ng-click="ContentCategory.closeSubcategoryModal()">Cancel</button>
                </div>
            </div>

        </div>
    </div>
    <div id="breadcrumbs">
        <ol class="breadcrumb">
            <li><a href="#/categoryHome">Categories</a></li>
            <li>{{ContentCategory.item.data.name || ContentCategory.title}}
            </li>
        </ol>
    </div>
    <h1>{{ContentCategory.title}}</h1>
    <p class="info-note margin-bottom-ten">Organize and filter your media by categories.</p>
    <div class="row flex margin-top-thirty ">
        <div class="col-md-3">
            <span>Category Icon</span>
        </div>
        <div class="col-md-9 main ">
            <div class="screens clearfix margin-bottom-five">
                <div class="screen logoicon pull-left">
                    <a class="border-grey border-radius-three default-background-hover"
                        style="width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;"
                        ng-click="ContentCategory.addIcon()">
                        <span ng-if="!ContentCategory.item.data.icon" class="add-icon"
                            style="height: 82px; margin: -8px;">+</span>
                        <img ng-if="ContentCategory.item.data.icon && !ContentCategory.isIcon()"
                            ng-src="{{ContentCategory.item.data.icon }}">
                        <div style="color:#5f5f5f" ng-if="ContentCategory.item.data.icon && ContentCategory.isIcon()"
                            ng-class="ContentCategory.item.data.icon">
                        </div>
                    </a>
                    <span ng-if="ContentCategory.item.data.icon"
                        class="icon btn-delete-icon btn-danger transition-third"
                        ng-click="ContentCategory.removeIcon()"></span>
                </div>
            </div>
        </div>
    </div>

    <hr class="none">
    <div class="item clearfix row" id="titleInput">
        <div class="labels col-md-3 padding-right-zero pull-left">
            <span>Category Name <span class="required">*</span></span>
        </div>
        <div class="main col-md-9 pull-right">
            <input type="text" class="form-control" ng-model="ContentCategory.item.data.name" maxlength="70"
                ng-class="{'border-danger': titleRequired}" />
            <div class="text-left text-danger margin-top-five text-small" ng-show="titleRequired">
                Required
            </div>
        </div>
    </div>
    <hr class="none">
    <h3>Subcategories</h3>
    <p class="info-note margin-bottom-ten">Use subcategories within your parent category to get even more specific about
        the media.</p>
    <div class="search-bar-container margin-bottom-thirty margin-top-thirty">
        <div class="search-bar">
            <input type="text" class="form-control" placeholder="Search" ng-model="ContentCategory.searchText"
{'fraction_non_alphanumeric': 0.14709588727231068, 'fraction_numerical': 0.006644518272425249, 'mean_word_length': 1.9623345775364778, 'pattern_counts': {'":': 0, '<': 175, '<?xml version=': 0, '>': 173, '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': '3091443', 'n_tokens_mistral': 2428, 'n_tokens_neox': 2289, 'n_words': 441}