refactor: replace custom CRM with Monica fork

resources/js/components/settings/ReminderRules.vue

@@ -0,0 +1,92 @@
+<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>