<commit_before><template>
    <card title="Experiment summary">
        <search-settings-form></search-settings-form>
        <div class="search-buttons-centered">
            <simple-button label="Update" glyphicon="repeat" type="primary"></simple-button>
        </div>
        <hr>
        <span v-if="!this.$store.getters.activeDataset">No dataset is selected... Wait for at least one dataset to be loaded or select one.</span>
        <span v-else>
            We managed to match xx of your {{ this.$store.getters.activeDataset.getAmountOfPeptides() }} peptides.
            Unfortunately, xx peptides couldn't be found.
        </span>
    </card>
</template>

<script lang="ts">
    import Vue from "vue";
    import Component from "vue-class-component";
    import {Prop, Watch} from "vue-property-decorator";
    import Card from "../../components/card/card.vue";
    import SearchSettingsForm from "./search-settings-form.vue";
    import SimpleButton from "../../components/button/simple-button.vue";
    @Component({
        components: {SimpleButton, SearchSettingsForm, Card}
    })
    export default class ExperimentSummaryCard extends Vue {
        equateIl: boolean = true;
        filterDuplicates: boolean = true;
        missingCleavage: boolean = true;
    }
</script>

<style scoped>

</style><commit_msg>Convert ExperimentSummaryCard to new API<commit_after><template>
    <card>
        <card-header>
            <card-title>Experiment summary</card-title>
        </card-header>
        <card-body>
            <search-settings-form></search-settings-form>
            <div class="search-buttons-centered">
                <simple-button label="Update" glyphicon="repeat" type="primary"></simple-button>
            </div>
            <hr>
            <span v-if="!this.$store.getters.activeDataset">No dataset is selected... Wait for at least one dataset to be loaded or select one.</span>
            <span v-else>
                We managed to match xx of your {{ this.$store.getters.activeDataset.getAmountOfPeptides() }} peptides.
                Unfortunately, xx peptides couldn't be found.
            </span>
        </card-body>
    </card>
</template>

<script lang="ts">
    import Vue from "vue";
    import Component from "vue-class-component";
    import {Prop, Watch} from "vue-property-decorator";
    import Card from "../../components/card/card.vue";
    import SearchSettingsForm from "./search-settings-form.vue";
    import SimpleButton from "../../components/button/simple-button.vue";
    import CardHeader from "../../components/card/card-header.vue";
    import CardTitle from "../../components/card/card-title.vue";
    import CardBody from "../../components/card/card-body.vue";
    @Component({
        components: {CardBody, CardTitle, CardHeader, SimpleButton, SearchSettingsForm, Card}
    })
    export default class ExperimentSummaryCard extends Vue {
        equateIl: boolean = true;
        filterDuplicates: boolean = true;
        missingCleavage: boolean = true;
    }
</script>

<style scoped>

</style>
{'fraction_non_alphanumeric': 0.1335070009768805, 'fraction_numerical': 0.0, 'mean_word_length': 2.6355029585798815, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, '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': '2400544', 'n_tokens_mistral': 850, 'n_tokens_neox': 830, 'n_words': 224}