Alexis Saettler
93 lines
2.4 KiB
Vue
93 lines
2.4 KiB
Vue
<template>
|
|
<div class="reminder-rules">
|
|
<notifications group="main" position="bottom right" />
|
|
|
|
<h3 class="mb3">
|
|
{{ $t('settings.personalization_reminder_rule_title') }}
|
|
</h3>
|
|
<p>
|
|
{{ $t('settings.personalization_reminder_rule_desc') }}
|
|
</p>
|
|
|
|
<div class="dt dt--fixed w-100 collapse br--top br--bottom">
|
|
<div class="dt-row">
|
|
<div class="dtc">
|
|
<div class="pa2 b">
|
|
{{ $t('settings.personalization_contact_field_type_table_name') }}
|
|
</div>
|
|
</div>
|
|
<div class="dtc" :class="[ dirltr ? 'tr' : 'tl' ]">
|
|
<div class="pa2 b">
|
|
{{ $t('settings.personalization_contact_field_type_table_actions') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-for="reminderRule in reminderRules" :key="reminderRule.id" class="dt-row bb b--light-gray">
|
|
<div class="dtc">
|
|
<div class="pa2">
|
|
{{ $tc('settings.personalization_reminder_rule_line', reminderRule.number_of_days_before, {count: reminderRule.number_of_days_before}) }}
|
|
</div>
|
|
</div>
|
|
<div class="dtc" :class="[ dirltr ? 'tr' : 'tl' ]">
|
|
<div class="pa2">
|
|
<form-toggle
|
|
v-model="reminderRule.active"
|
|
:iclass="'reminder-rule-' + reminderRule.number_of_days_before"
|
|
:labels="true"
|
|
@change="toggle(reminderRule, $event)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
data() {
|
|
return {
|
|
reminderRules: [],
|
|
};
|
|
},
|
|
|
|
computed: {
|
|
dirltr() {
|
|
return this.$root.htmldir == 'ltr';
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
this.prepareComponent();
|
|
},
|
|
|
|
methods: {
|
|
prepareComponent() {
|
|
this.getReminderRules();
|
|
},
|
|
|
|
getReminderRules() {
|
|
axios.get('settings/personalization/reminderrules')
|
|
.then(response => {
|
|
this.reminderRules = response.data;
|
|
});
|
|
},
|
|
|
|
toggle(reminderRule, event) {
|
|
axios.post('settings/personalization/reminderrules/' + reminderRule.id)
|
|
.then(response => {
|
|
this.$notify({
|
|
group: 'main',
|
|
title: this.$t('settings.personalization_reminder_rule_save'),
|
|
text: '',
|
|
type: 'success'
|
|
});
|
|
this.$set(reminderRule, 'active', response.data.data.active);
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|