events and event conditions

Author: Emre Üstere

plugins/populator/frontend/public/javascripts/countly.common.components.js

@@ -571,7 +571,8 @@
             onAddEventSegmentation: function(index) {
                 this.events[index].segmentations.push({
                     "key": "",
-                    "values": [{key: "", probability: 0}],
+                    "values": [{key: "", probability: 100}],
+                    "isProbabilitiesEqual": true,
                 });
             },
             checkRemoveValue: function(key, value, index) {
@@ -628,6 +629,7 @@
                         return;
                     }
                     this.events[index].segmentations[segmentIndex].values.splice(valueIndex, 1);
+                    this.calculateSegmentProbabilities(index, segmentIndex);
                 }
                 catch (error) {
                     CountlyHelpers.notify({
@@ -640,6 +642,7 @@
             onAddAnotherValue: function(index, segmentIndex) {
                 try {
                     this.events[index].segmentations[segmentIndex].values.push({key: "", probability: 0});
+                    this.calculateSegmentProbabilities(index, segmentIndex);
                 }
                 catch (error) {
                     CountlyHelpers.notify({
@@ -651,6 +654,7 @@
             },
             onAddAnotherConditionValue: function(index, segmentIndex, conditionIndex) {
                 this.events[index].segmentations[segmentIndex].conditions[conditionIndex].values.push({key: "", probability: 0});
+                this.calculateConditionProbabilities(index, segmentIndex, conditionIndex);
             },
             onRemoveConditionValue: function(index, segmentIndex, valueIndex, conditionIndex) {
                 try {
@@ -659,6 +663,7 @@
                     }
                     else {
                         this.events[index].segmentations[segmentIndex].conditions[conditionIndex].values.splice(valueIndex, 1);
+                        this.calculateConditionProbabilities(index, segmentIndex, conditionIndex);
                     }
                 }
                 catch (error) {
@@ -677,6 +682,30 @@
                 if (item) {
                     this.conditionPropertyValues = item.values.map(valueItem => valueItem.key || null);
                 }
+            },
+            calculateSegmentProbabilities: function(index, segmentIndex) {
+                if (this.events[index].segmentations[segmentIndex].isProbabilitiesEqual) {
+                    var valueCount = Object.keys(this.events[index].segmentations[segmentIndex].values).length,
+                        equalProbability = 100 / valueCount;
+                    const updatedValues = this.events[index].segmentations[segmentIndex].values.map(item => ({
+                        ...item,
+                        probability: equalProbability // Set the new probability value
+                    }));
+                    this.events[index].segmentations[segmentIndex].values = updatedValues;
+                    this.events[index].segmentations[segmentIndex].probabilitySum = equalProbability * valueCount;
+                }
+            },
+            calculateConditionProbabilities: function(index, segmentIndex, conditionIndex) {
+                if (this.events[index].segmentations[segmentIndex].conditions[conditionIndex].isProbabilitiesEqual) {
+                    var valueCount = Object.keys(this.events[index].segmentations[segmentIndex].conditions[conditionIndex].values).length,
+                        equalProbability = 100 / valueCount;
+                    const updatedValues = this.events[index].segmentations[segmentIndex].conditions[conditionIndex].values.map(item => ({
+                        ...item,
+                        probability: equalProbability // Set the new probability value
+                    }));
+                    this.events[index].segmentations[segmentIndex].conditions[conditionIndex].values = updatedValues;
+                    this.events[index].segmentations[segmentIndex].conditions[conditionIndex].probabilitySum = equalProbability * valueCount;
+                }
             }
         },
         created() {

plugins/populator/frontend/public/templates/sections/events.html

@@ -67,14 +67,17 @@
                                 </div>
                                 <div>
                                     <div>
-                                        <span class="text-smallish bu-has-text-weight-medium">{{i18n('populator-template.probability')}}</span>
+                                        <span class="text-smallish bu-has-text-weight-medium">
+                                            <el-switch v-model="segment.isProbabilitiesEqual" class="bu-mr-2" @change="calculateSegmentProbabilities(index)"></el-switch>
+                                            {{i18n('populator-template.probability')}}
+                                        </span>
                                         <cly-tooltip-icon :tooltip="i18n('populator-template.probability-tooltip')" icon="ion ion-help-circled"></cly-tooltip-icon>
                                     </div>
                                     <div v-for="(value, valueIndex) in segment.values">
                                         <div class="bu-is-flex">
                                             <div class="bu-mt-2">
                                                 <validation-provider name="probability" rules="required|integer|min_value:0|max_value:100" v-slot="v">
-                                                    <el-input class="input" v-model="value.probability" :class="{'is-error': v.errors.length > 0}">
+                                                    <el-input class="input" v-model="value.probability" :class="{'is-error': v.errors.length > 0}" :disabled="!!segment.isProbabilitiesEqual">
                                                         <template slot="suffix">
                                                             <span class="text-medium color-cool-gray-50">%</span>
                                                         </template>
@@ -109,14 +112,17 @@
                                 </div>
                                 <div>
                                     <div>
-                                        <span class="text-smallish bu-has-text-weight-medium">{{i18n('populator-template.probability')}}</span>
+                                        <span class="text-smallish bu-has-text-weight-medium">
+                                            <el-switch v-model="condition.isProbabilitiesEqual" class="bu-mr-2" @change="calculateConditionProbabilities(index, conditionIndex)"></el-switch>
+                                            {{i18n('populator-template.probability')}}
+                                        </span>
                                         <cly-tooltip-icon :tooltip="i18n('populator-template.probability-tooltip')" icon="ion ion-help-circled"></cly-tooltip-icon>
                                     </div>
                                     <div>
                                         <div class="bu-is-flex" v-for="(segmentValue, segmentValueIndex) in condition.values">
                                             <div class="bu-mt-2">
                                                 <validation-provider name="probability" rules="required|integer|min_value:0|max_value:100" v-slot="v">
-                                                    <el-input class="input" v-model="segmentValue.probability" :class="{'is-error': v.errors.length > 0}">
+                                                    <el-input class="input" v-model="segmentValue.probability" :class="{'is-error': v.errors.length > 0}" :disabled="!!condition.isProbabilitiesEqual">
                                                         <template slot="suffix">
                                                             <span class="text-medium color-cool-gray-50">%</span>
                                                         </template>