changes for user property conditions

Author: Emre Üstere

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

@@ -221,7 +221,8 @@
                         selectedKey: this.selectedProperty,
                         selectedValue: this.selectedValue,
                         conditionType: this.conditionType,
-                        values: [{key: "", probability: 0}]
+                        values: [{key: "", probability: 100}],
+                        "isProbabilitiesEqual": true,
                     });
                     this.$emit('input', conditions);
                 }
@@ -454,9 +455,11 @@
                 try {
                     if (this.users[index].conditions[conditionIndex].values.length === 1) {
                         this.users[index].conditions.splice(conditionIndex, 1);
+                        this.calculateConditionProbabilities(index, conditionIndex);
                     }
                     else {
                         this.users[index].conditions[conditionIndex].values.splice(valueIndex, 1);
+                        this.calculateConditionProbabilities(index, conditionIndex);
                     }
                 }
                 catch (error) {
@@ -470,6 +473,7 @@
             onAddAnotherConditionValue: function(index, conditionIndex) {
                 try {
                     this.users[index].conditions[conditionIndex].values.push({key: "", probability: 0});
+                    this.calculateConditionProbabilities(index, conditionIndex);
                 }
                 catch (error) {
                     CountlyHelpers.notify({
@@ -495,6 +499,17 @@
                     }));
                     this.users[index].values = updatedValues;
                 }
+            },
+            calculateConditionProbabilities: function(index, conditionIndex) {
+                if (this.users[index].conditions[conditionIndex].isProbabilitiesEqual) {
+                    var valueCount = Object.keys(this.users[index].conditions[conditionIndex].values).length,
+                        equalProbability = 100 / valueCount;
+                    const updatedValues = this.users[index].conditions[conditionIndex].values.map(item => ({
+                        ...item,
+                        probability: equalProbability // Set the new probability value
+                    }));
+                    this.users[index].conditions[conditionIndex].values = updatedValues;
+                }
             }
         },
         template: CV.T("/populator/templates/sections/users.html")

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

@@ -69,14 +69,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="(value, valueIndex) in condition.values">
                             <div class="bu-mt-2">
                                 <validation-provider name="probability" v-slot="v" rules="required|integer|min_value:0|max_value:100">
-                                    <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="!!condition.isProbabilitiesEqual">
                                         <template slot="suffix">
                                             <span class="text-medium color-cool-gray-50">%</span>
                                         </template>