<commit_before><template>
    <div class="kiwi-buffersettings">
        <div class="kiwi-buffersettings-alerts">
            <b>Notify me when:</b><br />
            <input type="radio" name="alert_on" value="message" v-model="settingAlertOn">All messages<br />
            <input type="radio" name="alert_on" value="highlight" v-model="settingAlertOn">Somebody mentions me<br />
            <input type="radio" name="alert_on" value="never" v-model="settingAlertOn">Never<br />

            <input type="checkbox" v-model="settingMuteSound">Mute alert sounds
        </div>
        <a @click="closeBuffer" class="u-link">Leave {{buffer.name}}</a>
    </div>
</template>

<script>

import state from 'src/libs/state';

export default {
    data: function data() {
        return {
        };
    },
    props: ['buffer'],
    components: {
    },
    computed: {
        settingAlertOn: {
            get: function getSettingAlertOn() {
                return this.buffer.setting('alert_on');
            },
            set: function setSettingAlertOn(val) {
                return this.buffer.setting('alert_on', val);
            },
        },
        settingMuteSound: {
            get: function getSettingAlertOn() {
                return this.buffer.setting('mute_sound');
            },
            set: function setSettingAlertOn(val) {
                return this.buffer.setting('mute_sound', val);
            },
        },
    },
    methods: {
        closeBuffer: function closeBuffer() {
            state.removeBuffer(this.buffer);
        },
    },
};
</script>

<style>

.kiwi-buffersettings {
    box-sizing: border-box;
}
.kiwi-buffersettings-alerts {
    margin-bottom: 1em;
}

</style>
<commit_msg>BufferSettings using a proper form<commit_after><template>
    <div class="kiwi-buffersettings">
        <div class="kiwi-buffersettings-alerts">
            <form class="u-form">
                <b>Notify me when:</b><br />
                <label>
                    <span>All messages</span>
                    <input type="radio" name="alert_on" value="message" v-model="settingAlertOn">
                </label><br />
                <label>
                    <span>I am mentioned</span>
                    <input type="radio" name="alert_on" value="highlight" v-model="settingAlertOn">
                </label><br />
                <label>
                    <span>Never</span>
                    <input type="radio" name="alert_on" value="never" v-model="settingAlertOn">
                </label><br />

                <label>
                    <span>Mute sounds</span>
                    <input type="checkbox" v-model="settingMuteSound">
                </label><br />
            </form>
        </div>
        <a @click="closeBuffer" class="u-link">Leave {{buffer.name}}</a>
    </div>
</template>

<script>

import state from 'src/libs/state';

export default {
    data: function data() {
        return {
        };
    },
    props: ['buffer'],
    components: {
    },
    computed: {
        settingAlertOn: {
            get: function getSettingAlertOn() {
                return this.buffer.setting('alert_on');
            },
            set: function setSettingAlertOn(val) {
                return this.buffer.setting('alert_on', val);
            },
        },
        settingMuteSound: {
            get: function getSettingAlertOn() {
                return this.buffer.setting('mute_sound');
            },
            set: function setSettingAlertOn(val) {
                return this.buffer.setting('mute_sound', val);
            },
        },
    },
    methods: {
        closeBuffer: function closeBuffer() {
            state.removeBuffer(this.buffer);
        },
    },
};
</script>

<style>

.kiwi-buffersettings {
    box-sizing: border-box;
}
.kiwi-buffersettings-alerts {
    margin-bottom: 1em;
}

</style>

{'fraction_non_alphanumeric': 0.14289399019860716, 'fraction_numerical': 0.0005158627805003869, 'mean_word_length': 1.7959625090122566, 'pattern_counts': {'":': 0, '<': 66, '<?xml version=': 0, '>': 66, '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': '7228488', 'n_tokens_mistral': 1130, 'n_tokens_neox': 1094, 'n_words': 200}