grandnode2/src/Web/Grand.Web/Views/Checkout/Partials/ReviewData.cshtml at 2ee67ce802016de1cf924e36db1d00d7dd2621d8 · grandnode/grandnode2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<div class="mb-3">
    <div class="card-group">
        <div class="card" title="@Loc["Order.BillingAddress"]">
            <div class="card-body">
                <ul class="billing-info pl-0">
                    <li class="name">
                        {{vmorder.OrderReviewData.BillingAddress.FirstName}} {{vmorder.OrderReviewData.BillingAddress.LastName}}
                    </li>
                    <li class="email">
                        <span>@Loc["Order.Email"]:</span> {{vmorder.OrderReviewData.BillingAddress.Email}}
                    </li>
                    <li class="phone" v-if="vmorder.OrderReviewData.BillingAddress.PhoneEnabled">
                        <span>@Loc["Order.Phone"]:</span> {{vmorder.OrderReviewData.BillingAddress.PhoneNumber}}
                    </li>
                    <li class="fax" v-if="vmorder.OrderReviewData.BillingAddress.FaxEnabled">
                        <span>@Loc["Order.Fax"]:</span> {{vmorder.OrderReviewData.BillingAddress.FaxNumber}}
                    </li>
                    <li class="company" v-if="vmorder.OrderReviewData.BillingAddress.CompanyEnabled && vmorder.OrderReviewData.BillingAddress.Company !== null">
                        {{vmorder.OrderReviewData.BillingAddress.Company}}
                    </li>
                    <li class="vatnumber" v-if="vmorder.OrderReviewData.BillingAddress.VatNumberEnabled && vmorder.OrderReviewData.BillingAddress.VatNumber !== null">
                        {{vmorder.OrderReviewData.BillingAddress.VatNumber}}
                    </li>
                    <li class="address1" v-if="vmorder.OrderReviewData.BillingAddress.StreetAddressEnabled">
                        {{vmorder.OrderReviewData.BillingAddress.Address1}}
                    </li>
                    <li class="address2" v-if="vmorder.OrderReviewData.BillingAddress.StreetAddress2Enabled && vmorder.OrderReviewData.BillingAddress.Address2 !== null">
                        {{vmorder.OrderReviewData.BillingAddress.Address2}}
                    </li>
                    <template v-if="vmorder.OrderReviewData.BillingAddress.CityEnabled && vmorder.OrderReviewData.BillingAddress.StateProvinceEnabled && vmorder.OrderReviewData.BillingAddress.ZipPostalCodeEnabled">
                        <li class="city-state-zip">
                            <template v-if="vmorder.OrderReviewData.BillingAddress.CityEnabled">
                                {{vmorder.OrderReviewData.BillingAddress.City}}
                            </template>
                            <template v-if="vmorder.OrderReviewData.BillingAddress.CityEnabled && (vmorder.OrderReviewData.BillingAddress.StateProvinceEnabled || vmorder.OrderReviewData.BillingAddress.ZipPostalCodeEnabled)">
                                ,
                            </template>
                            <template v-if="vmorder.OrderReviewData.BillingAddress.StateProvinceEnabled">
                                {{vmorder.OrderReviewData.BillingAddress.StateProvinceName}}
                            </template>
                            <template v-if="vmorder.OrderReviewData.BillingAddress.ZipPostalCodeEnabled">
                                {{vmorder.OrderReviewData.BillingAddress.ZipPostalCode}}
                            </template>
                        </li>
                    </template>
                    <li class="country" v-if="vmorder.OrderReviewData.BillingAddress.CountryEnabled && vmorder.OrderReviewData.BillingAddress.CountryName !== null">
                        {{vmorder.OrderReviewData.BillingAddress.CountryName}}
                    </li>
                    <li class="custom-attributes-view" v-if="vmorder.OrderReviewData.BillingAddress.FormattedCustomAddressAttributes">
                        <div v-html="vmorder.OrderReviewData.BillingAddress.FormattedCustomAddressAttributes"></div>
                    </li>
                    <template v-if="vmorder.OrderReviewData.PaymentMethod !== null">
                        <li class="title">
                            <h5>@Loc["Order.Payment"]</h5>
                        </li>
                        <li class="payment-method">
                            <span class="label">
                                @Loc["Order.Payment.Method"]:
                            </span>
                            <span class="value">
                                {{vmorder.OrderReviewData.PaymentMethod}}
                            </span>
                        </li>
                    </template>
                    @await Component.InvokeAsync("Widget", new { widgetZone = "confirm_payment_bottom" })
                </ul>
            </div>
        </div>
        <div class="card" v-if="vmorder.OrderReviewData.IsShippable" title="@Loc["Order.ShippingAddress"]">
            <div class="card-body">
                <ul class="shipping-info pl-0">
                    <template v-if="!vmorder.OrderReviewData.SelectedPickUpInStore">
                        <li class="name">
                            {{vmorder.OrderReviewData.ShippingAddress.FirstName}} {{vmorder.OrderReviewData.ShippingAddress.LastName}}
                        </li>
                        <li class="email">
                            <span>@Loc["Order.Email"]:</span> {{vmorder.OrderReviewData.ShippingAddress.Email}}
                        </li>
                        <li class="phone" v-if="vmorder.OrderReviewData.ShippingAddress.PhoneEnabled">
                            <span>@Loc["Order.Phone"]:</span> {{vmorder.OrderReviewData.ShippingAddress.PhoneNumber}}
                        </li>
                        <li class="fax" v-if="vmorder.OrderReviewData.ShippingAddress.FaxEnabled">
                            <span>@Loc["Order.Fax"]:</span> {{vmorder.OrderReviewData.ShippingAddress.FaxNumber}}
                        </li>
                        <li class="company" v-if="vmorder.OrderReviewData.ShippingAddress.CompanyEnabled && vmorder.OrderReviewData.ShippingAddress.Company !== null">
                            {{vmorder.OrderReviewData.ShippingAddress.Company}}
                        </li>
                        <li class="address1" v-if="vmorder.OrderReviewData.ShippingAddress.StreetAddressEnabled">
                            {{vmorder.OrderReviewData.ShippingAddress.Address1}}
                        </li>
                        <li class="address2" v-if="vmorder.OrderReviewData.ShippingAddress.StreetAddress2Enabled && vmorder.OrderReviewData.ShippingAddress.Address2 !== null">
                            {{vmorder.OrderReviewData.ShippingAddress.Address2}}
                        </li>
                        <template v-if="vmorder.OrderReviewData.ShippingAddress.CityEnabled && vmorder.OrderReviewData.ShippingAddress.StateProvinceEnabled && vmorder.OrderReviewData.ShippingAddress.ZipPostalCodeEnabled">
                            <li class="city-state-zip">
                                <template v-if="vmorder.OrderReviewData.ShippingAddress.CityEnabled">
                                    {{vmorder.OrderReviewData.ShippingAddress.City}}
                                </template>
                                <template v-if="vmorder.OrderReviewData.ShippingAddress.CityEnabled && (vmorder.OrderReviewData.ShippingAddress.StateProvinceEnabled || vmorder.OrderReviewData.ShippingAddress.ZipPostalCodeEnabled)">
                                    ,
                                </template>
                                <template v-if="vmorder.OrderReviewData.ShippingAddress.StateProvinceEnabled">
                                    {{vmorder.OrderReviewData.ShippingAddress.StateProvinceName}}
                                </template>

                                <template v-if="vmorder.OrderReviewData.ShippingAddress.ZipPostalCodeEnabled">
                                    {{vmorder.OrderReviewData.ShippingAddress.ZipPostalCode}}
                                </template>
                            </li>
                        </template>
                        <li class="country" v-if="vmorder.OrderReviewData.ShippingAddress.CountryName && vmorder.OrderReviewData.ShippingAddress.CountryName !== null">
                            {{vmorder.OrderReviewData.ShippingAddress.CountryName}}
                        </li>
                        <li class="custom-attributes-view" v-if="!vmorder.OrderReviewData.ShippingAddress.FormattedCustomAddressAttributes !== null">
                            <div v-html="vmorder.OrderReviewData.ShippingAddress.FormattedCustomAddressAttributes"></div>
                        </li>
                    </template>
                    <template v-else>
                        <li class="title">
                            <h5>@Loc["Order.PickupAddress"]</h5>
                        </li>
                        <li class="address1" v-if="vmorder.OrderReviewData.PickupAddress.Address1 !== null">
                            {{vmorder.OrderReviewData.PickupAddress.Address1}}
                        </li>
                        <li class="city-state-zip" v-if="vmorder.OrderReviewData.ShippingAddress.City || !vmorder.OrderReviewData.ShippingAddress.ZipPostalCode !== null">
                            <template v-if="!vmorder.OrderReviewData.PickupAddress.City !== null">
                                {{vmorder.OrderReviewData.PickupAddress.City}}
                            </template>
                            <template v-if="!vmorder.OrderReviewData.PickupAddress.City !== null">
                                {{vmorder.OrderReviewData.PickupAddress.City}}
                            </template>
                            <template v-if="!vmorder.OrderReviewData.PickupAddress.ZipPostalCode !== null">
                                , {{vmorder.OrderReviewData.PickupAddress.ZipPostalCode}}
                            </template>
                        </li>
                        <li class="country" v-if="!vmorder.OrderReviewData.PickupAddress.CountryName !== null">
                            {{vmorder.OrderReviewData.PickupAddress.CountryName}}
                        </li>
                    </template>
                    @await Component.InvokeAsync("Widget", new { widgetZone = "confirm_pickupaddress_bottom" })
                    <li class="title">
                        <h5>@Loc["Order.Shipping"]</h5>
                    </li>
                    <li class="shipping-method">
                        <span class="label">
                            @Loc["Order.Shipping.Name"]:
                        </span>
                        <span class="value">
                            {{vmorder.OrderReviewData.ShippingMethod}}
                        </span>
                        <template v-if="!vmorder.OrderReviewData.ShippingAdditionDescription !== null">
                            <div v-html="vmorder.OrderReviewData.ShippingAdditionDescription"></div>
                        </template>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>