<commit_before><template>
    <div id="passwords">
        <div class="row">
            <div class="col">
                <div class="inner-addon left-addon">
                    <i class="fa fa-search"></i>
                    <input class="form-control" name="search" placeholder="Search" v-model="searchQuery">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <table class="table">
                    <tbody>
                    <tr v-for="password in filteredPasswords">
                        <td class="col-5">
                            <ul class="list-unstyled mb-0">
                                <li>
                                    <router-link :to="{ name: 'password', params: { id: password.id }}">
                                        {{password.site}}
                                    </router-link>
                                </li>
                                <li>
                                    {{password.login}}
                                </li>
                            </ul>
                        </td>
                        <td class="col-7 text-center">
                            <delete-button class="float-right mt-2"
                                           confirmText="Are you sure you want to delete this password profile?"
                                           confirmButton="Sure"
                                           cancelButton="Oups no!"
                                           v-on:remove="deletePassword(password)">
                            </delete-button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
    import DeleteButton from '../components/DeleteButton.vue';
    import {mapGetters} from 'vuex';

    function fetchPasswords(store) {
        return store.dispatch('getPasswords')
    }

    export default {
        name: 'passwords-view',
        data(){
            return {
                searchQuery: ''
            }
        },
        components: {DeleteButton},
        computed: {
            ...mapGetters(['passwords']),
            filteredPasswords(){
                return this.passwords.filter(password => {<commit_msg>fix responsive overflow for profiles list<commit_after><template>
    <div id="passwords">
        <div class="row">
            <div class="col">
                <div class="inner-addon left-addon">
                    <i class="fa fa-search"></i>
                    <input class="form-control" name="search" placeholder="Search" v-model="searchQuery">
                </div>
            </div>
        </div>
        <div class="row py-2" v-for="password in filteredPasswords">
            <div class="col-6">
                <router-link :to="{ name: 'password', params: { id: password.id }}">
                    {{password.site}}
                </router-link>
                <br>
                {{password.login}}
            </div>
            <div class="col-6">
                <delete-button class="float-right mt-2"
                               confirmText="Are you sure you want to delete this password profile?"
                               confirmButton="Sure"
                               cancelButton="Oups no!"
                               v-on:remove="deletePassword(password)">
                </delete-button>
            </div>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
    import DeleteButton from '../components/DeleteButton.vue';
    import {mapGetters} from 'vuex';

    function fetchPasswords(store) {
        return store.dispatch('getPasswords')
    }

    export default {
        name: 'passwords-view',
        data(){
            return {
                searchQuery: ''
            }
        },
        components: {DeleteButton},
        computed: {
            ...mapGetters(['passwords']),
            filteredPasswords(){
                return this.passwords.filter(password => {
{'fraction_non_alphanumeric': 0.12282398452611218, 'fraction_numerical': 0.0024177949709864605, 'mean_word_length': 1.0893939393939394, 'pattern_counts': {'":': 0, '<': 66, '<?xml version=': 0, '>': 68, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5770328', 'n_tokens_mistral': 995, 'n_tokens_neox': 951, 'n_words': 208}