Your project's description...
npm i
npm run lint
aem-boilerplate
template and add a mountpoint in the fstab.yaml
npm install -g @adobe/aem-cli
aem up
(opens your browser at http://localhost:3000
){repo}
directory in your favorite IDE and start coding :)The Booking block is responsible for including the booking widget on the page.
Below are the steps to include the latest version of the booking widget:
scripts/utils/constants.js
.const CMP_CONFIG = {
...,
searchFlightPlaceholder: '<search-flight id="searchflightangularselecter" language="" contentlist=""></search-flight> <div class="flightsearch-link" style="display: none;">/content/air-india/in/en/multicity-booking, ,,,/content/dam/air-india/redesign-loyalty/cards/cashPointSignUp.png,<p class="signupCashPointPopupText">Sign in to your Flying Returns account</p><p class="signupCashPointPopupDescription">Use a combination of cash and points on your next booking and continue exploring the world. Sign in to your Flying Returns account to discover exciting benefits.</p>,/content/dam/air-india/redesign-loyalty/cards/pointSignUp.png,<p class="signupCashPointPopupText">Sign in to your Flying Returns account</p><p class="signupCashPointPopupDescription">Spend points on your next booking and continue exploring the world. Sign in to your Flying Returns account and make the most of your journey.</p> </div>',
searchFlightScript: {
prod: 'https://www.airindia.com/etc.clientlibs/air-india/clientlibs/clientlib-booking.lc-7300c1a101c391adae9520d097de59ec-lc.min.js',
stage: 'https://newai-staging.airindia.com/etc.clientlibs/air-india/clientlibs/clientlib-booking.lc-7300c1a101c391adae9520d097de59ec-lc.min.js',
},
searchFlightStyle: {
prod: 'https://www.airindia.com/etc.clientlibs/air-india/components/AIComponents/flightSearch/clientlibs.lc-0a0f7442c40226c04d15438672316227-lc.min.css, /blocks/booking/booking-prod.css',
stage: 'https://newai-staging.airindia.com/etc.clientlibs/air-india/components/AIComponents/BookingFrom/clientlibs.lc-8c7e61d764627a838f7bc3511d3519cc-lc.min.css, /blocks/booking/booking-stage.css',
},
};
booking-{env}.css
(where env
is prod
or stage
) in order to fix any cosmetic issues on EDS pages.The chatbot integrated at the global level at it will be displayed on all the pages/
Below are the steps to include the latest version of the chatbot widget:
scripts/utils/constants.js
.const CMP_CONFIG = {
chatbotPlaceholder: '<div class="airindiaChatBot"></div>',
chatbotScript: {
stage: 'https://code.jquery.com/jquery-3.7.1.min.js, https://cbot-scripts-staging.airindia.com/ai-chatbot.js',
prod: 'https://code.jquery.com/jquery-3.7.1.min.js, https://cbot-scripts.airindia.com/ai-chatbot.js',
},
chatbotStyle: {
stage: 'https://cbot-scripts-staging.airindia.com/ai-chatbot.css',
prod: 'https://cbot-scripts.airindia.com/ai-chatbot.css',
},
...,
};