@hulkapps/app-manager-vue 2.0.5 → 2.0.6
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/dist/app-manager-vue.esm.js +26 -15
- package/dist/app-manager-vue.min.js +1 -1
- package/dist/app-manager-vue.ssr.js +27 -16
- package/dist/hulkapps-app-manager.css +1 -1
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/Plans/AppManagerSliderPlan.vue +14 -12
package/package.json
CHANGED
|
@@ -46,17 +46,17 @@
|
|
|
46
46
|
<div v-if="plan.discount && plan.discount > 0" >
|
|
47
47
|
<p style="display: flex;margin-top: 10px">
|
|
48
48
|
<PHeading style="font-size: 25px;font-weight: 700;">${{parseFloat(calculateDiscountedPrice(plan)).toFixed(2)}}</PHeading>
|
|
49
|
-
<b style="margin-top: 5px;font-size: 17px">/{{("mo")}}</b>
|
|
49
|
+
<b style="margin-top: 5px;font-size: 17px">/{{selectedPlan === 'monthly' ? ("mo") : ("year")}}</b>
|
|
50
50
|
</p>
|
|
51
51
|
<p style="display: flex;margin-top: 7px">
|
|
52
52
|
<PHeading style="font-size: 18px;font-weight: 500; text-decoration:line-through;">${{parseFloat(plan.price).toFixed(2)}}</PHeading>
|
|
53
|
-
<b style="margin-top: 3px;font-size: 14px">/{{("mo")}}</b>
|
|
53
|
+
<b style="margin-top: 3px;font-size: 14px">/{{selectedPlan === 'monthly' ? ("mo") : ("year")}}</b>
|
|
54
54
|
</p>
|
|
55
55
|
</div>
|
|
56
56
|
<div v-else>
|
|
57
57
|
<p style="display: flex;margin-top: 10px">
|
|
58
58
|
<PHeading style="font-size: 25px;font-weight: 700;">${{parseFloat(plan.price).toFixed(2)}}</PHeading>
|
|
59
|
-
<b style="margin-top: 5px;font-size: 17px">/{{("mo")}}</b>
|
|
59
|
+
<b style="margin-top: 5px;font-size: 17px">/{{selectedPlan === 'monthly' ? ("mo") : ("year")}}</b>
|
|
60
60
|
</p>
|
|
61
61
|
</div>
|
|
62
62
|
</div>
|
|
@@ -106,6 +106,11 @@
|
|
|
106
106
|
</PLayoutSection>
|
|
107
107
|
</PLayout>
|
|
108
108
|
<!--====================================================================-->
|
|
109
|
+
<PStack v-if="onboard && !shop.has_plan" class="choose-plan-btn" alignment="center" distribution="center" vertical>
|
|
110
|
+
<PStackItem fill>
|
|
111
|
+
<PButton plain @click="activePlan">{{ ('I will choose the plan later') }}</PButton>
|
|
112
|
+
</PStackItem>
|
|
113
|
+
</PStack>
|
|
109
114
|
</PPage>
|
|
110
115
|
</template>
|
|
111
116
|
|
|
@@ -210,9 +215,6 @@
|
|
|
210
215
|
plans.push(this.plans[planKey]);
|
|
211
216
|
}
|
|
212
217
|
}
|
|
213
|
-
if (plans.length === 0) {
|
|
214
|
-
this.selectedPlan = 'annually';
|
|
215
|
-
}
|
|
216
218
|
return plans;
|
|
217
219
|
},
|
|
218
220
|
yearlyPlan() {
|
|
@@ -222,9 +224,6 @@
|
|
|
222
224
|
plans.push(this.plans[planKey]);
|
|
223
225
|
}
|
|
224
226
|
}
|
|
225
|
-
if (plans.length === 0) {
|
|
226
|
-
this.selectedPlan = 'monthly';
|
|
227
|
-
}
|
|
228
227
|
return plans;
|
|
229
228
|
},
|
|
230
229
|
},
|
|
@@ -253,6 +252,7 @@
|
|
|
253
252
|
element = document.querySelector(lastSlideClassName);
|
|
254
253
|
element.classList.add('last-slide')
|
|
255
254
|
|
|
255
|
+
document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
|
|
256
256
|
},
|
|
257
257
|
activePlanStyle(plan) {
|
|
258
258
|
return [plan.shopify_plans.includes(this.shop.shopify_plan) || !plan.store_base_plan ? {backgroundColor: '#f0f8f5', color: '#257f60'} : {}];
|
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
element = document.querySelector('.slide-3');
|
|
324
324
|
element.classList.add('last-slide')
|
|
325
325
|
document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
|
|
326
|
-
},
|
|
326
|
+
},400)
|
|
327
327
|
},
|
|
328
328
|
headerClasses(firstColumn) {
|
|
329
329
|
return {
|
|
@@ -358,6 +358,7 @@
|
|
|
358
358
|
this.default_plan_id = plansData.data.default_plan_id;
|
|
359
359
|
this.onboard = !this.plan
|
|
360
360
|
},
|
|
361
|
+
|
|
361
362
|
created() {
|
|
362
363
|
setTimeout(function() {
|
|
363
364
|
let element = document.querySelector('.slide-0');
|
|
@@ -365,8 +366,9 @@
|
|
|
365
366
|
element = document.querySelector('.slide-3');
|
|
366
367
|
element.classList.add('last-slide')
|
|
367
368
|
document.querySelector('.VueCarousel-navigation-button.VueCarousel-navigation-prev').style.left = -document.querySelector('.Polaris-ResourceList__ResourceListWrapper.features').offsetWidth + 'px';
|
|
368
|
-
},
|
|
369
|
-
}
|
|
369
|
+
},1100)
|
|
370
|
+
},
|
|
371
|
+
|
|
370
372
|
}
|
|
371
373
|
</script>
|
|
372
374
|
|