11<script setup>
22import Layout from " @/Layouts/Layout.vue" ;
3- import {Link , Head , usePage , router } from ' @inertiajs/vue3'
4- import Steps from ' primevue/steps' ;
5- import Fieldset from ' primevue/fieldset' ;
3+ import {Link , Head , router } from ' @inertiajs/vue3'
64import InputText from " primevue/inputtext" ;
75import Dropdown from " primevue/dropdown" ;
86import Dialog from ' primevue/dialog' ;
@@ -12,11 +10,8 @@ import {computed, onMounted, reactive, ref} from "vue";
1210import Button from ' primevue/button' ;
1311import ImageUpload from " @/Components/BadgeCreator/ImageUpload.vue" ;
1412import Panel from ' primevue/panel' ;
15- import Tag from ' primevue/tag' ;
16- import dayjs from " dayjs" ;
1713import InputError from " @/Components/InputError.vue" ;
1814import Message from ' primevue/message' ;
19- import ConfirmDialog from " primevue/confirmdialog" ;
2015
2116const deleteModalOpen = ref (null )
2217
@@ -53,9 +48,6 @@ const form = useForm('post', route('badges.update',{badge: props.badge.id}), {
5348 image: null ,
5449 catchEmAll: props .badge .fursuit .catch_em_all ,
5550 publish: props .badge .fursuit .published ,
56- upgrades: {
57- doubleSided: props .badge .dual_side_print
58- }
5951},{
6052 forceFormData: true ,
6153})
@@ -78,7 +70,7 @@ function imageUpdatedEvent(image) {
7870
7971const basePrice = computed (() => {
8072 let price = 0 ;
81- if (props .badge .is_free_badge === false ) {
73+ if (props .badge .is_free_badge === false && ! props . badge . extra_copy_of ) {
8274 price += 2 ;
8375 }
8476 return price;
@@ -95,11 +87,7 @@ const total = computed(() => {
9587 if (props .badge .extra_copy_of ) {
9688 return 2 ;
9789 }
98- let total = basePrice .value + latePrice .value ;
99- if (form .upgrades .doubleSided && ! props .badge .extra_copy_of ) {
100- total += 1 ;
101- }
102- return total;
90+ return basePrice .value + latePrice .value ;
10391})
10492
10593function openImageModal () {
@@ -260,35 +248,6 @@ function openImageModal() {
260248 <!-- End Publish -->
261249 </div >
262250 <!-- End Group 2 -->
263- <!-- Paid Extras -->
264- <div >
265- <div class =" " >
266- <div class =" mb-8 " >
267- <h2 class =" text-lg font-semibold" >Upgrades</h2 >
268- <p >Get a double printed badge!</p >
269- </div >
270- <div class =" space-y-3" >
271- <div class =" flex flex-col md:flex-row gap-8 w-full" >
272- <div class =" flex gap-3" >
273- <div class =" flex flex-row gap-2 mt-3" >
274- <InputSwitch v-model =" form .upgrades .doubleSided "
275- :disabled =" ! canEdit "
276- id="extra1"
277- aria-describedby="extra1-help"/>
278- </div >
279- <div >
280- <label class =" font-semibold block" for =" extra1" >Double Sided Badge
281- <Tag value="+1,00 €" v-if =" ! props .badge .extra_copy_of " ></Tag >
282- </label >
283- <small
284- id =" extra1-help" >By default our Badges are only Printed on one side. If you want to have a double sided badge, please select this option.</small >
285- </div >
286- </div >
287- </div >
288- </div >
289- </div >
290- <!-- End Paid Extras -->
291- </div >
292251 <Panel header="Checkout">
293252 <template #header >
294253 <div class =" flex items-center gap-2" >
@@ -311,12 +270,7 @@ function openImageModal() {
311270 <span >Late Fee</span >
312271 <span >{{ latePrice }},00 €</span >
313272 </div >
314- <div v-if =" form.upgrades.doubleSided && !props.badge.extra_copy_of"
315- class =" flex justify-between border-b border-dotted border-gray-900" >
316- <span >Double Sided Badge</span >
317- <span >1,00 €</span >
318- </div >
319- <div v-if =" form.upgrades.spareCopy || props.badge.extra_copy_of"
273+ <div v-if =" props.badge.extra_copy_of"
320274 class =" flex justify-between mb-4 border-b border-dotted border-gray-900" >
321275 <span >Spare Copy</span >
322276 <span >2,00 €</span >
0 commit comments