@hulkapps/app-manager-vue 2.2.4 → 2.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hulkapps/app-manager-vue",
3
- "version": "2.2.4",
3
+ "version": "2.2.5",
4
4
  "description": "Vue SDK to render app manager contents",
5
5
  "main": "dist/app-manager-vue.ssr.js",
6
6
  "browser": "dist/app-manager-vue.esm.js",
@@ -79,8 +79,13 @@
79
79
  </PDataTableCol>
80
80
  <template v-for="(plan, key) in monthlyPlan" >
81
81
  <PDataTableCol :class="{'first-column': key === 0, 'plan-heading': true, 'last-column': (key+1) === monthlyPlan.length}" :style="activePlanStyle(plan)">
82
- <b style="font-size: 16px">{{(plan.name)}}</b>
83
- <div v-if="plan.discount && plan.discount > 0" >
82
+ <b v-if="plan.name !== 'Free'" style="font-size: 16px">{{(plan.name)}}</b>
83
+ <div v-if="plan.price === 0">
84
+ <p style="display: flex;margin-top: 10px">
85
+ <PHeading style="font-size: 25px;font-weight: 700;">Free</PHeading>
86
+ </p>
87
+ </div>
88
+ <div v-else-if="plan.discount && plan.discount > 0 && !isCurrentPlan(plan)" >
84
89
  <p style="display: flex;margin-top: 10px">
85
90
  <PHeading style="font-size: 25px;font-weight: 700;">${{parseFloat(calculateDiscountedPrice(plan)).toFixed(2)}}</PHeading>
86
91
  <b style="margin-top: 5px;font-size: 17px">/{{("mo")}}</b>
@@ -105,8 +110,13 @@
105
110
  </PDataTableCol>
106
111
  <template v-for="(plan,key) in yearlyPlan">
107
112
  <PDataTableCol :class="{'first-column': key === 0, 'plan-heading': true, 'last-column': (key+1) === yearlyPlan.length}" :style="activePlanStyle(plan)">
108
- <b style="font-size: 16px">{{(plan.name)}}</b>
109
- <div v-if="plan.discount && plan.discount > 0" >
113
+ <b v-if="plan.name !== 'Free'" style="font-size: 16px">{{(plan.name)}}</b>
114
+ <div v-if="plan.price === 0">
115
+ <p style="display: flex;margin-top: 10px">
116
+ <PHeading style="font-size: 25px;font-weight: 700;">Free</PHeading>
117
+ </p>
118
+ </div>
119
+ <div v-else-if="plan.discount && plan.discount > 0 && !isCurrentPlan(plan)" >
110
120
  <p style="display: flex;margin-top: 10px">
111
121
  <PHeading style="font-size: 25px;font-weight: 700;">${{parseFloat(calculateDiscountedPrice(plan)).toFixed(2)}}</PHeading>
112
122
  <b style="margin-top: 5px;font-size: 17px">/{{("year")}}</b>
@@ -431,7 +441,7 @@
431
441
  this.onboard = this.default_plan_id && this.choose_later;
432
442
  this.has_active_charge = data.has_active_charge;
433
443
  }
434
- },
444
+ }
435
445
  },
436
446
  async mounted() {
437
447
  this.planLoading = true;
@@ -96,7 +96,7 @@
96
96
  <PHeading style="font-size: 25px;font-weight: 700;">Free</PHeading>
97
97
  </p>
98
98
  </div>
99
- <div v-else-if="plan.discount && plan.discount > 0" >
99
+ <div v-else-if="plan.discount && plan.discount > 0 && !isCurrentPlan(plan)" >
100
100
  <b style="font-size: 16px">{{(plan.name)}}</b>
101
101
  <p style="display: flex;margin-top: 10px">
102
102
  <PHeading style="font-size: 25px;font-weight: 700;">${{parseFloat(calculateDiscountedPrice(plan)).toFixed(2)}}</PHeading>
@@ -291,7 +291,7 @@
291
291
  }
292
292
  }
293
293
  return plans;
294
- },
294
+ }
295
295
  },
296
296
  methods: {
297
297
  handleNavigationClick($event) {