@@ -38,6 +38,25 @@ <h3 class="landing-v2--section-heading">
38
38
39
39
< div
40
40
class ="tw-grid tw-grid-cols-2 md:tw-grid-cols-3 lg:tw-grid-cols-4 xl:tw-grid-cols-5 tw-gap-4 tw-justify-items-stretch ">
41
+ < div *ngIf ="isAppShown('BUSINESS_CENTRAL') " class ="landing-v2--accounting-app "
42
+ (click) ="openInAppIntegration(InAppIntegration.BUSINESS_CENTRAL) ">
43
+ < div class ="tw-flex tw-justify-between tw-items-center ">
44
+ < img src ="assets/logos/BusinessCentral-logo.svg " />
45
+ @if (isAppConnected('BUSINESS_CENTRAL')) {
46
+ < app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
47
+ } @else {
48
+ < button class ="btn-connect "> Connect</ button >
49
+ }
50
+ </ div >
51
+ < span class ="landing-v2--accounting-app-name tw-items-start tw-gap-[10px] !tw-text-12-px ">
52
+ < div >
53
+ Dynamics 365 Business Central
54
+ < div class ="landing-v2--accounting-app-type "> Accounting</ div >
55
+ </ div >
56
+ < app-badge *ngIf ="!orgsToHideBusinessCentralBetaBadge.includes(org.fyle_org_id) "
57
+ [theme] ="ThemeOption.DARK " text ="Beta "> </ app-badge >
58
+ </ span >
59
+ </ div >
41
60
< div *ngIf ="isAppShown('NETSUITE') ">
42
61
< div class ="landing-v2--accounting-app "
43
62
(click) ="openAccountingIntegrationApp(AccountingIntegrationApp.NETSUITE) ">
@@ -59,137 +78,118 @@ <h3 class="landing-v2--section-heading">
59
78
</ div >
60
79
</ div >
61
80
</ div >
62
- < div *ngIf ="isAppShown('INTACCT') " class ="landing-v2--accounting-app "
63
- (click) ="openAccountingIntegrationApp(AccountingIntegrationApp.SAGE_INTACCT) ">
64
- < div class ="tw-flex tw-justify-between tw-items-center ">
65
- < img src ="assets/logos/intacct-logo-new.png " />
66
- @if (isAppConnected('INTACCT')) {
67
- < app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
68
- } @else {
69
- < button class ="btn-connect "> Connect</ button >
70
- }
71
- </ div >
72
- < div >
73
- < span class ="landing-v2--accounting-app-name ">
74
- Sage Intacct
75
- </ span >
76
- < span class ="landing-v2--accounting-app-type ">
77
- Accounting
78
- </ span >
79
- </ div >
80
- </ div >
81
- < div *ngIf ="isAppShown('QBO') " class ="landing-v2--accounting-app "
82
- (click) ="openAccountingIntegrationApp(AccountingIntegrationApp.QBO) ">
81
+ < div *ngIf ="isAppShown('QBD') " class ="landing-v2--accounting-app "
82
+ (click) ="openInAppIntegration(InAppIntegration.QBD) ">
83
83
< div class ="tw-flex tw-justify-between tw-items-center ">
84
84
< img src ="assets/logos/quickbooks-logo.png " class ="!tw-h-[30.7px] " />
85
- @if (isAppConnected('QBO ')) {
85
+ @if (isAppConnected('QBD ')) {
86
86
< app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
87
87
} @else {
88
88
< button class ="btn-connect "> Connect</ button >
89
89
}
90
90
</ div >
91
91
< div >
92
92
< span class ="landing-v2--accounting-app-name ">
93
- QuickBooks Online
93
+ QuickBooks Desktop (IIF)
94
94
</ span >
95
95
< span class ="landing-v2--accounting-app-type ">
96
96
Accounting
97
97
</ span >
98
98
</ div >
99
99
</ div >
100
- < div *ngIf ="isAppShown('XERO') " class ="landing-v2--accounting-app "
101
- (click) ="openAccountingIntegrationApp(AccountingIntegrationApp.XERO) ">
100
+ <!-- Direct -->
101
+ < div *ngIf ="isAppShown('QBD_DIRECT') " class ="landing-v2--accounting-app "
102
+ (click) ="openInAppIntegration(InAppIntegration.QBD_DIRECT) ">
102
103
< div class ="tw-flex tw-justify-between tw-items-center ">
103
- < img src ="assets/logos/xero -logo-new .png " />
104
- @if (isAppConnected('XERO ')) {
104
+ < img src ="assets/logos/quickbooks -logo.png " class =" !tw-h-[30.7px] " />
105
+ @if (isAppConnected('QBD_DIRECT ')) {
105
106
< app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
106
107
} @else {
107
108
< button class ="btn-connect "> Connect</ button >
108
109
}
109
110
</ div >
110
- < div >
111
- < span class ="landing-v2--accounting-app-name ">
112
- Xero
113
- </ span >
114
- < span class ="landing-v2--accounting-app-type ">
115
- Accounting
116
- </ span >
117
- </ div >
111
+ < span class ="landing-v2--accounting-app-name tw-items-start tw-gap-4 ">
112
+ < div >
113
+ QuickBooks Desktop (Web Connector)
114
+ < div class ="landing-v2--accounting-app-type "> Accounting</ div >
115
+ </ div >
116
+ </ span >
118
117
</ div >
119
- < div *ngIf ="isAppShown('QBD ') " class ="landing-v2--accounting-app "
120
- (click) ="openInAppIntegration(InAppIntegration.QBD ) ">
118
+ < div *ngIf ="isAppShown('QBO ') " class ="landing-v2--accounting-app "
119
+ (click) ="openAccountingIntegrationApp(AccountingIntegrationApp.QBO ) ">
121
120
< div class ="tw-flex tw-justify-between tw-items-center ">
122
121
< img src ="assets/logos/quickbooks-logo.png " class ="!tw-h-[30.7px] " />
123
- @if (isAppConnected('QBD ')) {
122
+ @if (isAppConnected('QBO ')) {
124
123
< app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
125
124
} @else {
126
125
< button class ="btn-connect "> Connect</ button >
127
126
}
128
127
</ div >
129
128
< div >
130
129
< span class ="landing-v2--accounting-app-name ">
131
- QuickBooks Desktop (IIF)
130
+ QuickBooks Online
132
131
</ span >
133
132
< span class ="landing-v2--accounting-app-type ">
134
133
Accounting
135
134
</ span >
136
135
</ div >
137
136
</ div >
138
- <!-- Direct -->
139
- < div *ngIf ="isAppShown('QBD_DIRECT') " class ="landing-v2--accounting-app "
140
- (click) ="openInAppIntegration(InAppIntegration.QBD_DIRECT) ">
137
+ < div *ngIf ="isAppShown('SAGE300') " class ="landing-v2--accounting-app "
138
+ (click) ="openInAppIntegration(InAppIntegration.SAGE300) ">
141
139
< div class ="tw-flex tw-justify-between tw-items-center ">
142
- < img src ="assets/logos/quickbooks -logo.png " class ="! tw-h-[30.7px ] " />
143
- @if (isAppConnected('QBD_DIRECT ')) {
140
+ < img src ="assets/logos/sage300 -logo.png " class ="tw-py-[5px ] " />
141
+ @if (isAppConnected('SAGE300 ')) {
144
142
< app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
145
143
} @else {
146
144
< button class ="btn-connect "> Connect</ button >
147
145
}
148
146
</ div >
149
- < span class ="landing-v2--accounting-app-name tw-items-center tw-gap-4 ">
147
+ < span class ="landing-v2--accounting-app-name tw-items-start tw-gap-4 ">
150
148
< div >
151
- QuickBooks Desktop (Web Connector)
149
+ Sage 300 CRE
152
150
< div class ="landing-v2--accounting-app-type "> Accounting</ div >
153
151
</ div >
152
+ < app-badge *ngIf ="!orgsToHideSage300BetaBadge.includes(org.fyle_org_id) " [theme] ="ThemeOption.DARK "
153
+ text ="Beta "> </ app-badge >
154
154
</ span >
155
155
</ div >
156
- < div *ngIf ="isAppShown('SAGE300 ') " class ="landing-v2--accounting-app "
157
- (click) ="openInAppIntegration(InAppIntegration.SAGE300 ) ">
156
+ < div *ngIf ="isAppShown('INTACCT ') " class ="landing-v2--accounting-app "
157
+ (click) ="openAccountingIntegrationApp(AccountingIntegrationApp.SAGE_INTACCT ) ">
158
158
< div class ="tw-flex tw-justify-between tw-items-center ">
159
- < img src ="assets/logos/sage300 -logo.png " class =" tw-py-[4px] " />
160
- @if (isAppConnected('SAGE300 ')) {
159
+ < img src ="assets/logos/intacct -logo-new .png " />
160
+ @if (isAppConnected('INTACCT ')) {
161
161
< app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
162
162
} @else {
163
163
< button class ="btn-connect "> Connect</ button >
164
164
}
165
165
</ div >
166
- < span class =" landing-v2--accounting-app-name tw-items-center tw-gap-4 " >
167
- < div >
168
- Sage 300 CRE
169
- < div class =" landing-v2--accounting-app-type " > Accounting </ div >
170
- </ div >
171
- < app-badge *ngIf =" !orgsToHideSage300BetaBadge.includes(org.fyle_org_id) " [theme] =" ThemeOption.DARK "
172
- text =" Beta " > </ app-badge >
173
- </ span >
166
+ < div >
167
+ < span class =" landing-v2--accounting-app-name " >
168
+ Sage Intacct
169
+ </ span >
170
+ < span class =" landing-v2--accounting-app-type " >
171
+ Accounting
172
+ </ span >
173
+ </ div >
174
174
</ div >
175
- < div *ngIf ="isAppShown('BUSINESS_CENTRAL ') " class ="landing-v2--accounting-app "
176
- (click) ="openInAppIntegration(InAppIntegration.BUSINESS_CENTRAL ) ">
175
+ < div *ngIf ="isAppShown('XERO ') " class ="landing-v2--accounting-app "
176
+ (click) ="openAccountingIntegrationApp(AccountingIntegrationApp.XERO ) ">
177
177
< div class ="tw-flex tw-justify-between tw-items-center ">
178
- < img src ="assets/logos/BusinessCentral -logo.svg " />
179
- @if (isAppConnected('BUSINESS_CENTRAL ')) {
178
+ < img src ="assets/logos/xero -logo-new.png " />
179
+ @if (isAppConnected('XERO ')) {
180
180
< app-badge text ="Connected " [theme] ="ThemeOption.SUCCESS "> </ app-badge >
181
181
} @else {
182
182
< button class ="btn-connect "> Connect</ button >
183
183
}
184
184
</ div >
185
- < span class =" landing-v2--accounting-app-name tw-items-center tw-gap-4 " >
186
- < div >
187
- Dynamics 365 Business Central
188
- < div class =" landing-v2--accounting-app-type " > Accounting </ div >
189
- </ div >
190
- < app-badge *ngIf =" !orgsToHideBusinessCentralBetaBadge.includes(org.fyle_org_id) "
191
- [theme] =" ThemeOption.DARK " text =" Beta " > </ app-badge >
192
- </ span >
185
+ < div >
186
+ < span class =" landing-v2--accounting-app-name " >
187
+ Xero
188
+ </ span >
189
+ < span class =" landing-v2--accounting-app-type " >
190
+ Accounting
191
+ </ span >
192
+ </ div >
193
193
</ div >
194
194
195
195
< div *ngIf ="isAppShown('BAMBOO_HR') ">
0 commit comments