<commit_before><template>
    <div>
    <el-row class="table-postman">
        <el-col :span="16" :offset="3" v-show="flagFetchData">
            <i class="el-icon-plus" @click="createTask"> </i>
        </el-col>
        <br>
        <br>
        <el-col :span="16" :offset="11" v-show="!flagFetchData && !flagFetchError">
            <i class="el-icon-loading"></i>
        </el-col>
        <el-col :span="16" :offset="11" v-show="flagFetchError">
            <h3>Error</h3>
            <h4>{{ errorMessage }}</h4>
        </el-col>
        <el-col :span="18" :offset="3" v-show="flagFetchData">
            <el-table
            :data="tableData"
            border
            style="width: 100%"
            :row-style="tableRowStyle"
            >
            <el-table-column v-for="(column, index) in columns"
                         :key="column.prop"
                         :prop="column.prop"
                             sortable
                         :label="column.label"
                         :width="column.size"
                         v-if="index !=3"
                >
            </el-table-column>
            <el-table-column
                     fixed="right"
                     :label="columnAction.label"
                     :width="columnAction.size"
                    >
                <template scope="scope">
                    <el-button @click="chooseRowEdit(scope.$index,scope.row)" size="small">{{buttonEdit}}</el-button>
                    <el-button @click="chooseRowRemove(scope.row)" type="danger"  size="small">{{ buttonRemove }}</el-button>
                </template>
            </el-table-column>
            </el-table>
        </el-col>

        <el-dialog :visible.sync="dialogFormVisible">

        <el-col  :span="18" :offset="3"  class="form-edit">
            <ul style="color:#FF4949" v-for="(value, key, index) in errors">
                <li v-for="err in value">{{ err }} </li>
            </ul>
            <el-form :model="form" label-width="120px" v-loading="clickSubmit">
                <el-form-item :label="formText.date.label" prop="date">
                    <el-date-picker type="datetime" v-model="form.date"></el-date-picker>
                </el-form-item>
                <el-form-item :label="formText.theme.label" prop="theme">
                <el-input placeholder="" v-model="form.theme"></el-input>
                </el-form-item>

                <el-form-item :label="formText.text.label" prop="text">
                    <vue-html5-editor :content="form.text" :height="200" @change="updateFormText($event)" :show-module-name="false"></vue-html5-editor>
                </el-form-item>
<commit_msg>size up in popup<commit_after><template>
    <div>
    <el-row class="table-postman">
        <el-col :span="16" :offset="3" v-show="flagFetchData">
            <i class="el-icon-plus" @click="createTask"> </i>
        </el-col>
        <br>
        <br>
        <el-col :span="16" :offset="11" v-show="!flagFetchData && !flagFetchError">
            <i class="el-icon-loading"></i>
        </el-col>
        <el-col :span="16" :offset="11" v-show="flagFetchError">
            <h3>Error</h3>
            <h4>{{ errorMessage }}</h4>
        </el-col>
        <el-col :span="18" :offset="3" v-show="flagFetchData">
            <el-table
            :data="tableData"
            border
            style="width: 100%"
            :row-style="tableRowStyle"
            >
            <el-table-column v-for="(column, index) in columns"
                         :key="column.prop"
                         :prop="column.prop"
                             sortable
                         :label="column.label"
                         :width="column.size"
                         v-if="index !=3"
                >
            </el-table-column>
            <el-table-column
                     fixed="right"
                     :label="columnAction.label"
                     :width="columnAction.size"
                    >
                <template scope="scope">
                    <el-button @click="chooseRowEdit(scope.$index,scope.row)" size="small">{{buttonEdit}}</el-button>
                    <el-button @click="chooseRowRemove(scope.row)" type="danger"  size="small">{{ buttonRemove }}</el-button>
                </template>
            </el-table-column>
            </el-table>
        </el-col>

        <el-dialog :visible.sync="dialogFormVisible">

        <el-col  :span="22" class="form-edit">
            <ul style="color:#FF4949" v-for="(value, key, index) in errors">
                <li v-for="err in value">{{ err }} </li>
            </ul>
            <el-form :model="form" label-width="120px" v-loading="clickSubmit">
                <el-form-item :label="formText.date.label" prop="date">
                    <el-date-picker type="datetime" v-model="form.date"></el-date-picker>
                </el-form-item>
                <el-form-item :label="formText.theme.label" prop="theme">
                <el-input placeholder="" v-model="form.theme"></el-input>
                </el-form-item>

                <el-form-item :label="formText.text.label" prop="text">
                    <vue-html5-editor :content="form.text" :height="200" @change="updateFormText($event)" :show-module-name="false"></vue-html5-editor>
                </el-form-item>

{'fraction_non_alphanumeric': 0.17169459962756053, 'fraction_numerical': 0.013594040968342644, 'mean_word_length': 1.543087121212121, 'pattern_counts': {'":': 0, '<': 107, '<?xml version=': 0, '>': 107, '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': '3855664', 'n_tokens_mistral': 1663, 'n_tokens_neox': 1561, 'n_words': 244}