<commit_before><div class="row">
    <div class="col">
        <div class="alert alert-success" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>Well done!</strong> You successfully added a collection.
        </div>
        <div class="alert alert-danger" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>Oh snap!</strong> Change a few things up and try submitting again.
        </div>
    </div>
</div>

<div class="row">
    <div class="col">
        <form #formRef="ngForm" (ngSubmit)="submitForm(formRef.value)" >
            <fieldset>
                <legend class="font-weight-bold text-center">ID Collection Details</legend>

                <div 
                    class="form-group" 
                    [class.has-success]="titleRef.valid"
                    [class.has-danger]="titleRef.valid==false && titleRef.dirty"
                >
                    <label class="form-control-label" for="title">Title</label>
                    <input 
                        [(ngModel)]="title" 
                        #titleRef="ngModel" 
                        class="form-control form-control-success" 
                        id="title" 
                        minlength="4" 
                        name="title" 
                        placeholder="Write the collection title here..." 
                        type="text" 
                        required
                    >
                    <div 
                        *ngIf="titleRef.errors && titleRef.dirty"
                        class="form-control-feedback" 
                    >
                        <small  *ngIf="titleRef.errors?.required">This field is required</small >
                        <small  *ngIf="titleRef.errors?.minlength">This field must be longer than {{titleRef.errors?.minlength.requiredLength}} characters. You only typed {{titleRef.errors?.minlength.actualLength}}</small >
                    </div>
                </div>

                <div 
                    class="form-group" 
                    [class.has-success]="descriptionRef.valid"
                    [class.has-danger]="descriptionRef.valid==false && descriptionRef.dirty"
                >
                    <label class="form-control-label" for="description">Title</label>
                    <textarea
                        [(ngModel)]="description" 
                        #descriptionRef="ngModel" 
                        class="form-control" 
                        id="description" 
                        minlength="4" 
                        name="description" 
                        placeholder="Write the collection description here..." 
                        required
                        rows="5"
                    ></textarea> 
                    <div 
                        *ngIf="descriptionRef.errors && descriptionRef.dirty"
                        class="form-control-feedback" 
                    >
                        <small  *ngIf="descriptionRef.errors?.required">This field is required</small >
                        <small  *ngIf="descriptionRef.errors?.minlength">This field must be longer than {{descriptionRef.errors?.minlength.requiredLength}} characters. You only typed {{descriptionRef.errors?.minlength.actualLength}}</small >
                    </div>
                </div>
                <div class="form-group">
                    <button 
                        [disabled]="!formRef.valid"<commit_msg>Adding classes for sucess/error<commit_after><div class="row">
    <div class="col">
        <div class="alert alert-success" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>Well done!</strong> You successfully added a collection.
        </div>
        <div class="alert alert-danger" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <strong>Oh snap!</strong> Change a few things up and try submitting again.
        </div>
    </div>
</div>

<div class="row">
    <div class="col">
        <form #formRef="ngForm" (ngSubmit)="submitForm(formRef.value)" >
            <fieldset>
                <legend class="font-weight-bold text-center">ID Collection Details</legend>

                <div 
                    class="form-group" 
                    [class.has-success]="titleRef.valid"
                    [class.has-danger]="titleRef.valid==false && titleRef.dirty"
                >
                    <label class="form-control-label" for="title">Title</label>
                    <input 
                        [(ngModel)]="title"
                        [class.form-control-success]="titleRef.valid"
                        [class.form-control-danger]="titleRef.valid==false && titleRef.dirty"
                        #titleRef="ngModel" 
                        class="form-control" 
                        id="title" 
                        minlength="4" 
                        name="title" 
                        placeholder="Write the collection title here..." 
                        type="text" 
                        required
                    >
                    <div 
                        *ngIf="titleRef.errors && titleRef.dirty"
                        class="form-control-feedback" 
                    >
                        <small  *ngIf="titleRef.errors?.required">This field is required</small >
                        <small  *ngIf="titleRef.errors?.minlength">This field must be longer than {{titleRef.errors?.minlength.requiredLength}} characters. You only typed {{titleRef.errors?.minlength.actualLength}}</small >
                    </div>
                </div>

                <div 
                    class="form-group" 
                    [class.has-success]="descriptionRef.valid"
                    [class.has-danger]="descriptionRef.valid==false && descriptionRef.dirty"
                >
                    <label class="form-control-label" for="description">Title</label>
                    <textarea
                        [(ngModel)]="description"
                        [class.form-control-success]="descriptionRef.valid"
                        [class.form-control-danger]="descriptionRef.valid==false && descriptionRef.dirty"
                        #descriptionRef="ngModel" 
                        class="form-control" 
                        id="description" 
                        minlength="4" 
                        name="description" 
                        placeholder="Write the collection description here..." 
                        required
                        rows="5"
                    ></textarea> 
                    <div 
                        *ngIf="descriptionRef.errors && descriptionRef.dirty"
                        class="form-control-feedback" 
                    >
                        <small  *ngIf="descriptionRef.errors?.required">This field is required</small >
                        <small  *ngIf="descriptionRef.errors?.minlength">This field must be longer than {{descriptionRef.errors?.minlength.requiredLength}} characters. You only typed {{descriptionRef.errors?.minlength.actualLength}}</small >
                    </div>
                </div>
                <div class="form-group">
                    <button 
                        [disabled]="!formRef.valid"
{'fraction_non_alphanumeric': 0.1194808499809136, 'fraction_numerical': 0.0007634559104211731, 'mean_word_length': 1.3254437869822486, 'pattern_counts': {'":': 0, '<': 105, '<?xml version=': 0, '>': 103, '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': '2145590', 'n_tokens_mistral': 1933, 'n_tokens_neox': 1725, 'n_words': 329}