Skip to content

Commit 0e34a1d

Browse files
author
aleksandrsokolov
committed
add price table
1 parent d306835 commit 0e34a1d

File tree

3 files changed

+45
-30
lines changed

3 files changed

+45
-30
lines changed

‎data/fees.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,12 @@
44
"prices": [{
55
"ieeeMember": false,
66
"price": 10000,
7+
"vat": 20,
78
"currency": "RUB"
89
}, {
910
"ieeeMember": true,
1011
"price": 8500,
12+
"vat": 20,
1113
"currency": "RUB"
1214
}]
1315
}, {
@@ -16,6 +18,7 @@
1618
"prices": [{
1719
"ieeeMember": false,
1820
"price": 1000,
21+
"vat": 20,
1922
"currency": "RUB"
2023
}, {
2124
"ieeeMember": true,
@@ -28,10 +31,12 @@
2831
"prices": [{
2932
"ieeeMember": false,
3033
"price": 200,
34+
"vat": 20,
3135
"currency": "EUR"
3236
}, {
3337
"ieeeMember": true,
3438
"price": 170,
39+
"vat": 20,
3540
"currency": "EUR"
3641
}]
3742
}, {

‎src/components/Fees.jsx‎

Lines changed: 27 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,25 @@ const Fees = ({ fees, className = "" }) => {
44
return (
55
<div className={className}>
66
<p className="md:leading-7 md:text-xl text-gray-700">
7-
At least one author per accepted paper must pay the registration fee and present the paper in the conference session where the paper is scheduled.
8-
Please note, that once the registration payment is done, <span className="text-red-800 font-bold">no refund is available</span>.
7+
At least one author per accepted paper must pay the registration fee and present the paper in the conference session where the paper is scheduled. Please note, that once the registration payment is done, <span className="text-red-800 font-bold">no refund is available</span>.
8+
{/*Please note, that once the registration payment is done, <span className="text-red-800 font-bold">no refund is available</span>.*/}
99
</p>
1010
<p className="md:leading-7 md:text-xl text-gray-700 mt-8">
11-
Registration fees are waived for invited keynote speakers and for invited reviewers.
12-
The reviewers undertake to carefully and professionally evaluate at least 5 submitted manuscripts in an objective and impartial manner.
11+
Registration fees are waived for invited keynote speakers and for invited reviewers. The reviewers undertake to carefully and professionally evaluate at least 5 submitted manuscripts in an objective and impartial manner.
12+
</p>
13+
<p className="md:leading-7 md:text-xl text-gray-700 mt-8">
14+
Registration fees below include VAT tax 20%.
1315
</p>
1416
<FeesTable fees={fees} className="my-12" />
1517
{/*<h3 className="h3 mt-12">Payment information</h3>*/}
1618
{/*<p className="md:leading-7 md:text-xl text-gray-700 mt-8">*/}
17-
{/* To pay the registration fee (online), please follow the <a href="https://portal.pfur.ru:4443/Free/OfferPayEn.aspx?num=3222264001150" target="_blank" className="text-blue-500 hover:underline">link</a>.*/}
18-
{/* To participate in DCCN-2023 one has to accept the public offer. The public offer is available at the <a href="/downloads/public_offer.pdf" target="_blank" className="text-blue-500 hover:underline">following link</a>.*/}
19+
{/* To pay the registration fee (online), please follow the <a href="https://portal.pfur.ru:4443/Free/OfferPayEn.aspx?num=3224231001446" target="_blank" className="text-blue-500 hover:underline">link</a>.*/}
20+
{/* To participate in DCCN-2024 one has to accept the public offer. The public offer is available at the <a href="/downloads/public_offer.pdf" target="_blank" className="text-blue-500 hover:underline">following link</a>.*/}
1921
{/* Acceptance of the Offer is carried out by paying the registration fee in the order covered by Section 3 of the Offer, and sending a confirmation of payment to the following email*/}
2022
{/* address: <a href="mailto:org@dccn.ru" className="text-blue-500 hover:underline">org@dccn.ru</a>.*/}
2123
{/*</p>*/}
2224
{/*<p className="md:leading-7 md:text-xl text-gray-700 mt-8">*/}
23-
{/* <span className="text-red-800 font-bold">Important:</span> when paying, please, completely indicate the first name and the last name of the payer. Otherwise we may not be able to identify the payer.*/}
25+
{/* <span className="text-red-800 font-bold">Important:</span> when paying, please, completely indicate the <span className="font-bold">first name</span> and the <span className="font-bold">last name</span> of the payer. Otherwise we may not be able to identify the payer.*/}
2426
{/*</p>*/}
2527
</div>
2628
)
@@ -42,15 +44,15 @@ export const FeesTable = ({ fees, className = "" }) => {
4244
<thead>
4345
<tr>
4446
<th
45-
className="px-6 py-3 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-800 uppercase tracking-wider">
47+
className="px-6 py-3 bg-gray-50 text-center text-xs leading-4 font-medium text-gray-800 uppercase tracking-wider">
4648
PARTICIPANTS
4749
</th>
4850
<th
49-
className="px-6 py-3 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-800 uppercase tracking-wider">
51+
className="px-6 py-3 bg-gray-50 text-center text-xs leading-4 font-medium text-gray-800 uppercase tracking-wider">
5052
NO IEEE MEMBERSHIP
5153
</th>
5254
<th
53-
className="px-6 py-3 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-800 uppercase tracking-wider">
55+
className="px-6 py-3 bg-gray-50 text-center text-xs leading-4 font-medium text-gray-800 uppercase tracking-wider">
5456
IEEE MEMBER
5557
</th>
5658
</tr>
@@ -75,23 +77,30 @@ const FeeTableRow = ({ fee }) => {
7577
const regularPrice = fee.prices[0];
7678
const ieeePrice = fee.prices[1];
7779
const discount = regularPrice.price > 0 ? (1 - ieeePrice.price / regularPrice.price) * 100 : undefined;
80+
const vatValue = regularPrice.vat ? (regularPrice.price / (100 + regularPrice.vat) * regularPrice.vat).toFixed(2) : undefined;
81+
const ieeeVatValue = ieeePrice.vat ? (ieeePrice.price / (100 + ieeePrice.vat) * ieeePrice.vat).toFixed(2) : undefined;
7882

7983
return (
8084
<tr>
81-
<td className="px-6 py-4 text-gray-700 leading-tight md:text-lg">
85+
<td width="34%" className="text-center px-6 py-4 text-gray-700 leading-tight md:text-lg">
8286
{fee.category}
8387
</td>
84-
<td className="px-6 py-4 whitespace-no-wrap font-bold">
85-
{regularPrice.price} {regularPrice.currency}
88+
<td width="33%" className="text-center px-6 py-4 whitespace-no-wrap font-bold">
89+
{regularPrice.price} {regularPrice.currency} {vatValue && <div className="font-normal">(incl. VAT ({regularPrice.vat}%) - {vatValue} {regularPrice.currency})</div>}
8690
</td>
87-
<td className="px-6 py-4 whitespace-no-wrap font-bold text-center">
91+
<td width="33%" className="text-center px-6 py-4 whitespace-no-wrap font-bold text-center">
8892
<div className="text-green-700">
89-
{ieeePrice.price} {ieeePrice.currency}
93+
{ieeePrice.price} {ieeePrice.currency}{' '}
94+
{discount !== undefined && (
95+
<span className="font-medium text-sm text-green-500 font-bold">
96+
-{discount.toFixed(0)}%
97+
</span>
98+
)}
9099
</div>
91100
{
92-
discount !== undefined && (
101+
ieeeVatValue !== undefined && (
93102
<div className="font-medium text-sm text-green-500 font-bold">
94-
-{discount.toFixed(0)}%
103+
(incl. VAT ({ieeePrice.vat}%) - {ieeeVatValue} {regularPrice.currency})
95104
</div>
96105
)
97106
}
@@ -100,4 +109,5 @@ const FeeTableRow = ({ fee }) => {
100109
);
101110
}
102111

112+
103113
export default Fees;

‎src/pages/index.jsx‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -69,19 +69,19 @@ export default function Home({committeeMembers, organizations, topics, deadlines
6969
</div>
7070
</section>
7171

72-
{/*<section id="fees" className="pt-12 bg-purple-100">*/}
73-
{/* <div className="container mx-auto px-4 pb-12 lg:w-1/2">*/}
74-
{/* <h2 className="h2">Registration & Fees</h2>*/}
75-
{/* <Fees className="mt-8"*/}
76-
{/* fees={fees}*/}
77-
{/* />*/}
78-
{/* /!*<p className="text-xl">*!/*/}
79-
{/* /!* <Link href={"/support"} as="/support#payment">*!/*/}
80-
{/* /!* <a className="text-blue-500 hover:underline">Read more...</a>*!/*/}
81-
{/* /!* </Link>*!/*/}
82-
{/* /!*</p>*!/*/}
83-
{/* </div>*/}
84-
{/*</section>*/}
72+
<section id="fees" className="pt-12 bg-purple-100">
73+
<div className="container mx-auto px-4 pb-12 lg:w-1/2">
74+
<h2 className="h2">Registration & Fees</h2>
75+
<Fees className="mt-8"
76+
fees={fees}
77+
/>
78+
{/*<p className="text-xl">*/}
79+
{/* <Link href={"/support"} as="/support#payment">*/}
80+
{/* <a className="text-blue-500 hover:underline">Read more...</a>*/}
81+
{/* </Link>*/}
82+
{/*</p>*/}
83+
</div>
84+
</section>
8585

8686
<section id="committee" className="pt-12">
8787
<div className="container mx-auto px-4 pb-12 lg:w-3/4">

0 commit comments

Comments
 (0)