1 2 3 4 5 6<!DOCTYPE html> 7<html> 8<head> 9 <title>The Athena Adventures</title> 10 <meta name="keywords" content="Athena Adventures, online course, wisdom journey, personal growth, self-discovery, transformational course, myth-inspired course, creativity course, inner wisdom, guided reflection, personal development, learning adventure"/> 11 <meta name="description" content="The Athena Adventures is a myth-inspired learning journey that blends wisdom, creativity, reflection, and personal growth into an engaging course experience."/> 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 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 69 70 71 72 73 74 75 76 77 78 79 80 81 <meta name="google" content="notranslate"> 82 83 84 <link rel="canonical" href="https://www.theathenaadventures.com/s/store" /> 85 86 87 88<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 89<link rel="icon" href="/favicon.ico" type="image/x-icon"> 90 91 92 93 94 95 96 97
97<script>var orgCountry = "IN";</script>
97 98 99 100 101 102<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet"> 103 104<link rel="preconnect" href="https://fonts.googleapis.com"> 105<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 106 107<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'"> 108<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript> 109 110<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'"> 111<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript> 112 113<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 114<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript> 115 116<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet"> 117 118 119 120 121 <link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet"> 122 <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/> 123 124 <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/stylesheets/gtheme9.css?v=7"/> 125 126 <style type="text/css"> 127 #loginLoader{ 128 position: absolute; 129 left: 0; 130 right: 0; 131 margin-left: auto; 132 margin-right: auto; 133 width: 100px; 134 top: 50%; 135 } 136 .customSocialBtn { 137 display: flex; 138 white-space: nowrap; 139 justify-content: center; 140 align-items: center; 141 padding: 11px 67px; 142 position: static; 143 left: 0px; 144 top: 40px; 145 cursor: pointer; 146 margin: auto; 147 border: none; 148 gap: 10px; 149 /*width: 364px; 150 height: 48px; 151 background: #000000; */ 152 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 153 background: white; 154 border-radius: 4px; 155 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%); 156 width: 245px; 157 height: 40px; 158 } 159 160 .customSocialBtn img.icon { 161 height: 20px; 162 width: 20px; 163 } 164 .customSocialBtn span.buttonText { 165 font-style: normal; 166 font-weight: 900; 167 font-size: 16px; 168 line-height: 120%; 169 opacity: 0.9; 170 font-family: 'Roboto', sans-serif; 171 /* color: #F7F7F7; */ 172 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 173 color: #808080; 174 } 175 </style> 176 177 178 179 180 181 <style type="text/css"> 182 183 .main.container { margin-top: calc(var(--headerHeight) + 25px); } 184 185 </style> 186 187 188 189 190 191 <style type="text/css"> 192 footer a, footer+div a { 193 color: var(--footerTextColor) !important; 194 } 195 footer .socialIcons {text-align: right;} 196 @media (max-width: 600px) { 197 footer .linksCont a { display: block !important; } 198 footer .socialIcons {text-align: center;margin-top: 20px;} 199 } 200 </style> 201 202 203 204 205 206 207 208<style type="text/css"> 209 :root { 210 --themeColor: #5755d9; 211 --themeBGColor: #fff; 212 --headerHeight: 65px; 213 --headerTextColor: #4c2b7f; 214 --headerBGColor: #ffffff; 215 216 } 217 218 219 :root { 220 --themeColor: #6715FF; 221 --themeBGColor: #fff; 222 --themeCornerRadius: 12px; 223 --themeGrayColor: #F1ECFB; 224 } 225 226</style> 227 228<style type="text/css"> 229 230 231 232</style> 233 234 235 236
237<script type="text/javascript"> 238 window.onload = function(event) { 239 document.querySelectorAll('header .avatar img').forEach(function(img){ 240 if(img.naturalWidth == 0) { 241 img.style.display='none'; 242 } 243 }) 244 }; 245 var RESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 246 247 function showCourseDefaultCover(img, cid) { 248 var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1; 249 rndm = isNaN(rndm) ? 1 : rndm; 250 if(img === null) { 251 return RESCDN + "/resources/images/cc"+rndm+".jpg"; 252 } 253 254 img.src = RESCDN + "/resources/images/cc"+rndm+".jpg"; 255 } 256</script>
256 257 258 259 260 261 262 263 264 265 266 267 268
269<script type="text/javascript">var learnerConsentMsg = `We've updated our <a href='/termsofuse' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='/privacy-policy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
269 270
271<script type="text/javascript">var creatorConsentMsg = `We've updated our <a href='https://graphy.com/legal/terms' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='https://graphy.com/legal/privacy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
271 272
273<script type="text/javascript">var cookieMsg = `We use cookies to personalise your experience and to analyse our website traffic. By continuing to use our website, you consent to our cookies.`;</script>
273 274 275 276 277 278 279
280<script type="text/template" id="consentPromptTemplate"> 281<div class="spectre"> 282 <div class="modal active" id="consentPrompt"> 283 <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a> 284 <div class="modal-container" style="max-width:325px"> 285 <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;"> 286 <div class="modal-title h5 text-center">Updated Terms</div> 287 </div> 288 <div class="modal-body"> 289 290 <form id="consentForm" style="text-align:center; font-size:13px"> 291 <div class="content"></div><br> 292 <div class="text-center"> 293 <button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button> 294 </div> 295 </form> 296 297 </div> 298 </div> 299</div> 300</script>
300 301 302
303<script> 304 var hideCookiePopup = false; 305 var cookieConsentEnabled = true; 306 if(!cookieConsentEnabled){ 307 hideCookiePopup = true; 308 } 309 var SPORG = {subscriptionPlan: "launch", checkout_version: "2", customer_type: "r"}; 310</script>
vendor: 1 bytes, line 310
310
311<script type="text/template" id="cookiePopupTemplate"> 312<div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;"> 313 <div class="modal-container p-0" id="cookiePopup"> 314 <form id="cookiePopupForm"> 315 <div class="columns" style="align-items: center;"> 316 <div class="column col-sm-12 content text-center"></div> 317 <div class="column col-sm-12 text-center"> 318 <a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a> 319 <button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button> 320 </div> 321 </div> 322 </form> 323 </div> 324</div> 325</script>
325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346<!-- Google Tag Manager -->
347<script>
vendor: 327 bytes, lines 347-351
347(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 348new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 349j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 350'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 351})(window,document,'script','dataLayer','
351GTM-KW7N9P2
vendor: 4 bytes, line 351
351');
352</script>
352 353<!-- End Google Tag Manager --> 354 355
355<script defer type="text/javascript" src="https://api.pirsch.io/pirsch-extended.js" 356 id="pirschextendedjs" 357 data-code="oHFOd5zHvaGtKiB3W0xkR0PyZyVlDhZ0"></script>
357 358 359 <meta name="google-site-verification" content="" /> 360</head> 361<body class="theme9"> 362 363 364 365 366 367 368 369<div class="header spectre fixed" 370 style="background-color: #ffffff;"> 371 372 <header class="navbar container" style="min-height: 65px;"> 373 374 <div id="navbar-section-btn"> 375 376 <a href="javascript:void(0);" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"cart"}' class="nav-link badge cartBtn mr-2" data-badge="0"><i class="material-icons">shopping_cart</i></a> 377 378 <a class="btn btn-link btn-action ml-2" id="header-collapse-btn" href="javascript:void(0);"> 379 <i class="icon-menu material-icons">menu</i> 380 </a> 381 </div> 382 <section class="navbar-section" style="min-height: 65px;"> 383 <a href="/" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"profile_logo"}'><img alt="logo" onerror="this.src='https://d502jbuhuh9wk.cloudfront.net/resources/images/yourlogohere.jpg'" src='https://d502jbuhuh9wk.cloudfront.net/logos/64410a76e4b01c9b6e8f32ab.png?v=5'/></a> 384 </section> 385 386 <section class="navbar-section menu-links"> 387 388 <a href="/s/store" class="nav-link" data-id="courses" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"store"}'>Courses</a> 389 390 391 <a href="/blog" class="nav-link" data-id="blog" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"blog"}'>Blog</a> 392 393 394 <a href="/aboutus" class="nav-link" data-id="about" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.theathenaadventures.com","button":"about"}'>About</a> 395 396 397 398 <a class="nav-link" href="/contactus" data-id="90aiin03s" >Contact</a> 399 400 401 402 403 404 <a href="/products#nav_bar" class="nav-link" amplitude-event="digital_products_tapped" amplitude-payload='{"source":"nav_bar"}' href="javascript:void(0);">Digital Products</a> 405 406 407 <a href="/memberships" class="nav-link" amplitude-event="membership_tapped" amplitude-payload='{"membership_id": "6875218d245e4318875bc627","source":"nav_bar"}' href="javascript:void(0);">Membership</a> 408 409 410 411 412 413 414 415 <a href="javascript:void(0);" class="nav-link badge cartBtn hide-md" data-badge="0"><i class="fa-regular fa-cart-shopping"></i></a> 416 417 418 <a href="javascript:void(0);" class="btn btn-primary loginBtn">Login</a> 419 420 421 </section> 422 </header> 423 424 425</div> 426 427 428 <div class="spectre"> 429 <div class="main container" style="margin-top: 65px;"> 430 <div class="columns pt-2"> 431 <div class="column col-4 col-sm-12"> 432 <div class="dropdown categoriesBtn col-12"> 433 <a href="#" class="btn btn-lg btn-primary dropdown-toggle" tabindex="0"><span class="icon-text">Category</span> <i class="material-icons">arrow_drop_down</i></a> 434 <ul class="menu"></ul> 435 </div> 436 </div> 437 </div> 438 439 440 <div class="columns" style="margin-top: 50px;" id="courseslist"> 441 <div class="column col-12 loading loading-lg"></div> 442 <div class="empty col-12" style="display: none;"> 443 <p class="empty-title"> 444 445 Keep a lookout for our courses, they're coming soon 446 447 </p> 448 449 </div> 450 </div> 451 452 453 454 </div> 455 </div> 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474<div class="yogya-footer" style="display: flex !important;align-items:center;justify-content:center;clear:both;width: 100%;flex-direction: column; row-gap:30px; background: #F7F7F7; color: #232228; padding: 80px 10px;"> 475 476 477 478 479 480 481 <a style="display: flex !important;align-items:center;justify-content:center;text-decoration: none !important;background: #000 !important;color: #fff !important;padding: 12px 20px !important;border-radius: 4px !important;font-size: 14px !important;font-weight: 600 !important;line-height: 20px !important;" rel="nofollow" href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=brendaganwani&utm_source=gc&utm_device=website&gref=brendaganwani" target="_blank"><img alt="Launch your Graphy" style="height: 20px; width: 11px; margin-right: 12px;" src="/resources/images/grvector.svg">Launch your Graphy</a> 482 <div class="text-center" style="font-size: 12px;font-weight: 400;line-height: 20px;letter-spacing: 0.015em;">100K+ creators trust <a href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=brendaganwani&utm_source=gc&utm_device=website&gref=brendaganwani" target="_blank" rel="nofollow" style="color: #000 !important;text-decoration: underline !important;padding: 0 !important;font-size: inherit !important;">Graphy</a> to teach online</div> 483 484 485 486 487 <div style="display: flex !important;align-items:center;justify-content:center;column-gap: 12px;"> 488 <a href="https://www.facebook.com/brenda.ganwani/" class="fbPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;
488display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-facebook-f" style="font-size: 11px"></i></a> 489 <a href="https://www.instagram.com/brenda_ganwani/" class="instaPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-instagram" style="font-size: 11px"></i></a> 490 491 492 <a href="https://www.youtube.com/@bganwani" class="yPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;" ><i class="fa-brands fa-youtube" style="font-size: 11px"></i></a> 493 494 </div> 495 <div style="display: flex !important;align-items:center;justify-content:center;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.015em;column-gap: 12px;flex-wrap: wrap;"> 496 <span>The Athena Adventures <i class="fa-regular fa-copyright"></i> 2026</span> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 497 <a href="/privacypolicy" style="color: #232228 !important; padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Privacy policy</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 498 <a href="/termsofuse" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Terms of use</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 499 <a href="/contactus" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Contact us</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 500 <a href="/refundpolicy" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Refund policy</a> 501 </div> 502</div> 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517
518<script>const customDomain = "www.theathenaadventures.com";</script>
518 519 520 521 522
523<script> 524var disabledLocleVar='Disabled'; 525var enabledLocaleVar='Enabled'; 526var smsLocaleVar='SMS'; 527var webpushLocaleVar='Web Push'; 528var mobilepushLocaleVar='Mobile Push'; 529var invoicenumberLocaleVar='Invoice Number'; 530var productLocaleVar='Product'; 531var dateLocaleVar='Date'; 532var amountLocaleVar='Amount'; 533var detailsLocaleVar='Details'; 534var subscriptionPlanLocaleVar='Subscription Plan'; 535var addonsLocaleVar='Add Ons'; 536var showLocalVar='Show'; 537var hideLocaleVar='Hide'; 538</script>
538 539<div class="spectre"> 540 541 542 543 544 545 546 547
547<script> 548 var isPopupLogin = true; 549 var login = ''; 550 var message = ''; 551 function closeLoginPopup() { 552 $("#loginFormHtml").removeClass("active"); 553 $("body").removeClass("overflowYDisable"); 554 } 555 </script>
555 556 557 558 559 560 561 562 <div class="modal" id="loginFormHtml"> 563 <iframe id="microfe-popup-login" src="/t/public/login" loading="lazy" 564 style="width: calc(100% + 10px); height: 100vh; border: none;" 565 onload="$(this).parent().removeClass('loading');"></iframe> 566 </div> 567 568 569 570 571 572 <div class="modal" id="cartHtml"> 573 <a href="javascript:void(0);" class="modal-overlay close" 574 aria-label="Close"></a> 575 <div class="modal-container" style="max-width: 800px;"> 576 <div class="modal-header"> 577 <a href="javascript:void(0);" 578 class="close btn btn-clear float-right" aria-label="Close"></a> 579 <div class="modal-title h5"> 580 <i class="fa-regular fa-shopping-cart"></i> 581 Cart 582 (<span class="cartCount">0</span> 583 Items 584 ) 585 </div> 586 </div> 587 <div class="modal-body" style="max-height: 70vh;"> 588 <div class="content"> 589 590 <div class="text-center msg loading"></div> 591 <div class="text-center msg noItems" style="display: none;"> 592 There are no items in your cart<br/> 593 <a class="btn btn-primary" href="/s/store" 594 style="margin: 20px auto;"> 595 Add More 596 </a> 597 </div> 598 <div class="items msg" style="display: none;"> 599 <div class="m-0 cartDiv"> 600 <table class="table cartTable"> 601 <thead> 602 <tr> 603 <th colspan="2">Item Details</th> 604 <th class="text-right">Price</th> 605 <th style="width: 50px;"></th> 606 </tr> 607 </thead> 608 <tbody></tbody> 609 </table> 610 </div> 611 <div class="suggestCart mt-2 bg-gray p-2" style="display: none;"> 612 <h6>You may also be interested in</h6> 613 <div class="columns loading" id="cartRelatedCont"></div> 614 </div> 615 </div> 616 </div> 617 </div> 618 <div class="modal-footer"> 619 <div class="msg items clearfix"> 620 621 622 623 <div class="float-left text-gray"> 624 Note: Promo Codes can be applied after checkout 625 </div> 626 627 628 629 <div class="float-right"> 630 Total Amount 631 <span class="text-primary curr">₹<span 632 class="totalAmount">0</span></span> 633 </div> 634 </div> 635 <div class="msg items clearfix mt-2"> 636 <a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout"> 637 Add More 638 </a> 639 640 641 642 643 644 645 646 <a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a> 647 </div> 648 </div> 649 </div> 650 </div> 651 <div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;"> 652 <div id="newCheckoutLoader" class="loading loading-lg" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000;display:none;"></div> 653 <!-- <a href="javascript:void(0);" class="modal-overlay close" 654 aria-label="Close"></a> 655 <div class="modal-container" style=""> --> 656 657 658 <iframe onload="hideCheckoutLoader()" id="newCheckoutIframe" sandbox="allow-top-navigation allow-modals allow-popups allow-presentation allow-orientation-lock allow-pointer-lock allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation allow-scripts allow-same-origin allow-forms" style = "width: calc(100% + 10px); height: 100%; border: none;" src=""></iframe> 659 660 <!-- </div> --> 661 </div> 662</div> 663
664<script type="text/template" id="cartItemTemplate"> 665 <tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>"> 666 <@ var itemType = item.type; @> 667 <td style="width:150px;"> 668 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id) } @> 669 <img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy" onerror="showCourseDefaultCover(this, '<@- item.id @>')" 670 data-src='<@- curl @>' /> 671 </td> 672 <td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td> 673 <td class="text-right curr"><@ if(item.priceWithoutTax !== undefined && 'GST' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% GST</small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && 'GST' != '') { print("<br><small>incl. " +item.gstRate+"% GST</small>") } @><@ } @> 674 <@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('₹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @> 675 </td> 676 <td>
676<button class="btn btn-sm btn-error btn-action circle removeItemBtn" data-url="/s/cart/remove/<@- item.id @>"><i class="material-icons">clear</i></button></td> 677 </tr> 678 </script>
vendor: 1 bytes, line 678
678
679<script type="text/template" id="cartcoursecard-template"> 680 <div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>"> 681 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 682 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id) } @> 683 <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 684 <div class="card-footer" style="padding: 0.2rem;"><span class="ctitle text-ellipsis d-block" style="color:#2f4f4f;font-size:small;"><@- item["spayee:resource"]["spayee:title"] @></span></div> 685 </a> 686 </div> 687 </script>
vendor: 1 bytes, line 687
687
688<script type="text/template" id="coursecard-template"> 689 <div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>"> 690 691 692 693 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @> 694 695 <a class="card courseDiscId" style="height:100%" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" data-id="<@- item._id@>" data-dcid="<@-item._id@>" 696 amplitude-event="course_card_tapped_checkout" 697 amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"false","category":"<@- itemCategory @>"}' 698 > 699 700 701 702 <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>"> 703 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id + "/" + item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id); } @> 704 <div class="blurbg lazy" data-bg="<@- curl @>"></div> 705 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 706 </div> 707 <div class="card-body text-ellipsis"> 708 <span class="ctitle" style="color:#2f4f4f;text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;"><@- item["spayee:resource"]["spayee:title"] @></span><br> 709 710 <@ if(item.rating !== undefined) { @> 711 <span class="text-gray ratingIcons icon-text"> 712 <@ for(var i=1;i<6;i++) { @> 713 <@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @> 714 <i class="material-icons">star_border</i> 715 <@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small> 716 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @> 717 <br> 718 <span class="text-gray"> 719 <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> 720 <@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses 721 <@ }else { @> 722 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):" ") @> 723 <@ } @> 724 </span> 725 </div> 726 <div class="card-footer"> 727 <@ print(getCourseDisplayPrice('₹', '', item, '18.5', '', true)) @> 728 <span class="text-gray" style="font-size:small"> 729 <@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @> 730 <@ print(getCourseInstalmentDisplayPrice('', item))@> 731 <@ }else { @> 732 <@ " " @> 733 <@ } @> 734 </span> 735 </div> 736 <div style="padding: 0 0.8rem 0.8rem 0.8rem;"> 737 <span class="text-gray" style="font-size:small"> 738 <@ if(getMultiplePlanLabel('', item)>1) {@> 739 <i class="material-icons text-primary" style="font-size:small">discount</i> 740 <@ print(' Flexible pricing plans') } @> 741 </span> 742 </div> 743 </a> 744 </div> 745 </script>
745 746
747<script type="text/template" id="blogcard-template"> 748 <div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;"> 749 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>"> 750 <div class="card-image relative"> 751 <@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @> 752 <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg<@ print(item["spayee:resource"]["spayee:coverVersion"] !== undefined?"?v="+item["spayee:resource"]["spayee:coverVersion"]:"") @>"></div> 753 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg?v=<@- item['spayee:resource']['spayee:coverVersion'] @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 754 <@ }else { @> 755 <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div> 756 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src='https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png'> 757 <@ } @> 758 </div> 759 <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div> 760 <div class="card-footer" style="padding: 0.4rem;"> 761 <span class="text-gray float-left text-ellipsis" style="max-width: calc(100% - 110px);"><@ print(item["spayee:resource"]["spayee:author"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:author"]):"") @></span> 762 <@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @> 763 <time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time> 764 </div> 765 </a> 766 </div> 767 </script>
767 768 769
769<script type="text/javascript"> 770 var uuid = function (a) { 771 // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js 772 return a // if the placeholder was passed, return 773 ? // a random number from 0 to 15 774 ( 775 a ^ // unless b is 8, 776 ((Math.random() * // in which case 777 16) >> // a random number from 778 (a / 4)) 779 ) // 8 to 11 780 .toString(16) // in hexadecimal 781 : // or otherwise a concatenated string: 782 ( 783 [1e7] + // 10000000 + 784 -1e3 + // -1000 + 785 -4e3 + // -4000 + 786 -8e3 + // -80000000 + 787 -1e11 788 ) // -100000000000, 789 .replace( 790 // replacing 791 /[018]/g, // zeroes, ones, and eights with 792 uuid, // random hex digits 793 ); 794 }; 795 796 (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script") 797 ;r.type="text/javascript" 798 ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS" 799 ;r.crossOrigin="anonymous";r.async=true 800 ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js" 801 ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){ 802 console.log("[Amplitude] Error: could not load SDK")}} 803 ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i) 804 ;function s(e,t){e.prototype[t]=function(){ 805 this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}} 806 var o=function(){this._q=[];return this} 807 ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"] 808 ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[] 809 ;return this} 810 ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"] 811 ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u 812 ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"] 813 ;function v(e){function t(t){e[t]=function(){ 814 e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}} 815 for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){ 816 e=(!e||e.length===0?"$default_instance":e).toLowerCase() 817 ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e]) 818 }return n._iq[e]};e.amplitude=n})(window,document); 819 820 amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c'); 821 amplitude.getInstance().setUserId(null); 822 //amplitude.getInstance().regenerateDeviceId(); 823 824 var userProperties = { 825 custom_domain: "www.theathenaadventures.com", 826 org_id: "64410a76e4b01c9b6e8f32ab", 827 default_google_login_enabled: 'true' == 'true', 828 personalized_google_login_enabled: '458039325812-j4dp9fnsu0rgr2m93s6f0k1d3kkualeg.apps.googleusercontent.com' != '' && 'true' == 'false' ? true : false, 829 facebook_login_enabled: '' == 'true' ? true : false 830 }; 831 amplitude.getInstance().setUserProperties(userProperties); 832 833/* var deviceId = uuid(); 834 amplitude.getInstance().setDeviceId(deviceId); 835 sessionStorage.setItem('amplitudeDeviceId', deviceId); */ 836 </script>
836 837 838
838<script type="text/javascript"> 839 window.signupParams = {source: "store", platform: "web", sourceId: null}; 840 var showGraphyFomoFlag = ''; 841 842 showGraphyFomoFlag = '64410a76e4b01c9b6e8f32ab'; 843 844 </script>
844 845 846
846<script type="text/javascript"> 847 function hideCheckoutLoader() { 848 if(typeof window.hideLoader =="function") { 849 window.hideLoader(); 850 } 851 } 852 var checkoutRedirectGuestUsers = 'signup'; 853 </script>
853 854 855 856 857 858 859
860<script type="text/template" id="spcoursecard-2-template"> 861 <div class="column third"> 862 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 863 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 864 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 865 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 866 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 867 <p class="size-16"><@ if(item.rating !== undefined) { @> 868 <span class="text-gray ratingIcons icon-text"> 869 <@ for(var i=1;i<6;i++) { @> 870 <@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @> 871 <i class="material-icons">star_border</i> 872 <@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span> 873 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @></p> 874 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 875 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 876 877 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></span><br></p> 878 <div style="margin:1em 0"></div> 879 </a> 880 </div> 881 </script>
vendor: 1 bytes, line 881
881
882<script type="text/template" id="spcoursecard-1-template"> 883 <div class="column third"> 884 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 885 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 886 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 887 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 888 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 889 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 890 891 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></span><br></p> 892 <div style="margin:1em 0"></div> 893 </a> 894 </div> 895 </script>
vendor: 1 bytes, line 895
895
896<script type="text/template" id="spcoursecard-3-template"> 897 <div class="column third"> 898 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 899 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 900 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 901 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 902 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 903 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 904 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 905 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 906 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></span><br></p> 907 <div style="margin:1em 0"></div> 908 </a> 909 </div> 910 </script>
910 911
912<script type="text/template" id="spcoursecard-4-template"> 913 <div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 914 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 915 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 916 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 917 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 918 </a> 919 <h3 class="size-18 text-center" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><b class="text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h3> 920 <div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 921 <p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></p> 922 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now<br></a> 923 </div> 924 </script>
924
925<script type="text/template" id="spcoursecard-5-template"> 926 <div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 927 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 928 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 929 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 930 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 931 </a> 932 <h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4> 933 <p class="size-16 description text-primary"> <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 934 Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 935 <@if(item.rating){@> 936 <p class="size-16 description text-primary">Rating: 937 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 938 <@if(item.rating){@> 939 <@if(item.rating.avgRating){@> 940 <@ if(item.rating.avgRating >= ratingsSize) {@> 941 <i class="icon ion-android-star text-primary"></i> 942 <@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 943 <i class="icon ion-android-star-half text-primary"></i> 944 <@ } @> 945 <@}@> 946 <@}@> 947 <@}@> 948 </p> 949 <@}@> 950 951 <p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', true)) @></p> 952 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now</a> 953 </div> 954 </script>
954 955
956<script type="text/template" id="spcoursecard-6-template"> 957 <div class="column third"> 958 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 959 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 960 961 962 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:''@> 963 964 <@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> 965 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'> 966 <@ } else { @> 967 <a title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'> 968 <@ } @> 969 970 971 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" style="border-radius: 20px; margin-bottom: 0px; width: 100%; height: 190px;object-fit:cover;"> 972 </a> 973 <div style="font-weight: 800; line-height: 1.1; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;" class="text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></div> 974 <p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p> 975 <p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @></p> 976 <@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @> 977 978 979 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @> 980 <@ if(isMultiplePlansAvailable(sessionCountry, item) === false) { @> 981 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="/single-checkout/<@- item['_id'] @>?pid=<@ print(getCoursePid(sessionCountry, item)) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;"> 982 Buy now 983 </a> 984 <@ } else { @> 985 986 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;"> 987 Buy now 988 </a> 989 <@ } @> 990 991 992 993 <@ } @> 994 </div> 995 </script>
995 996 997
998<script type="text/template" id="spcoursecard-7-template"> 999 <div class="column third course-mob-block"> 1000 <div class="inner-course-block"> 1001 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1002 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1003 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 1004 <img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" > 1005 </a> 1006 <div class="course-price-block"> 1007 <p class="text-ellipsis" title="<@- item['spayee:resource']['spayee:title'] @>" style="font-size: 18px; font-weight: 700; line-height: 1.3rem; width: 100%; margin-top: 0px; margin-bottom: 0px; min-height: 47px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"> 1008 <@- item['spayee:resource']['spayee:title'] @> 1009 </p> 1010 <p class="text-primary" style="word-break: break-all; font-size: 14px; font-weight: 500; line-height: 1.5; margin-top: 16px; margin-bottom: 0px;"> 1011 <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @> 1012 </p> 1013 </div> 1014 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border: none; cursor: pointer; border-radius: 4px; padding: 13px 28px; line-height: 1.5; font-weight: 600; font-size: 14px; letter-spacing: 0.15px; margin-top: 28px;"> 1015 Enroll now 1016 </a> 1017 </div> 1018 </div> 1019</script>
1019 1020
1021<script type="text/template" id="spcoursecard-8-template"> 1022 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;"> 1023 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1024 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1025 <div class="column third center" style="padding-left: 0px; padding-right: 0px;"> 1026 <img 1027 class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" 1028 style="margin-top: 0px; margin-bottom: 0px;" 1029 /> 1030 </div> 1031 <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;"> 1032 <div class="course-price-block"> 1033 <h3 style="color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.1; margin-bottom: 0px; margin-top: 0px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"> 1034 <@- item['spayee:resource']['spayee:title'] @> 1035 </h3> 1036 <div class="sortDescription8"> 1037 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @> 1038 </div> 1039 </div> 1040 1041 <a class="buy-btn btn btn-primary" title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" style="width: fit-content; text-align: left; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; background-color: rgb(231, 215, 73); color: rgb(0, 0, 0);border-radius: 0px;padding: 16px 48px;line-height: 16px;font-weight: 700;font-size: 16px;letter-spacing: 0.08px;border-image: initial;"> 1042 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @> 1043 </a> 1044 </div> 1045 </div> 1046 </script>
1046 1047 1048 1049 <!-- vegas TEMPLATE 9 NEW--> 1050
1050<script type="text/template" id="spcoursecard-9-template" > 1051 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1052 <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1053 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1054 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1055 1056 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'> 1057 <img style="height:200px; width:100%; object-fit:fill; margin:0px 0px; border-top-left-radius:24px; border-top-right-radius:24px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1058 </a> 1059 1060 <div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1061 <h3 1062 class="size-18 text-left" 1063 title="<@- item['spayee:resource']['spayee:title'] @>" 1064 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1065 > 1066 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1067 </h3> 1068 1069 <div 1070 class="size-16 text-ellipsis course-card-text" 1071 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1072 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1073 > 1074 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1075 </div> 1076 </div> 1077 1078 <div style="margin-top: auto; margin-left:10px;"> 1079 <a style="background-color:#FB5607 !important; border:0px !important; border-radius:62px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1080 class="buy-btn btn btn-primary" 1081 title="<@- item['spayee:resource']['spayee:title'] @>" 1082 amplitude-event="buy_now_tapped_course_checkout" 1083 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1084 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1085 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @> 1086 </a> 1087 </div> 1088 </div> 1089 </div> 1090 </div> 1091</script>
1091 1092 1093 <!--Blaze Course nEW tEMPLATE 10--> 1094
1094<script type="text/template" id="spcoursecard-10-template"> 1095 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 10px;margin-top:10px; text-align:left;"> 1096 <div style="height: 100%; display: flex; flex-direction: column;"> 1097 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1098 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1099 1100 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none; color:black; font-size:24px;"> 1101 <img style="height:320px; object-fit:cover; margin:0px 0px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1102 </a> 1103 1104 <div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1105 <h3 1106 class="size-18 text-left" 1107 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;" 1108 > 1109 <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;"> 1110 <@- item['spayee:resource']['spayee:title'] @> 1111 </b> 1112 </h3> 1113 1114 <div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;color:white;"> 1115 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1116 </div> 1117 1118 <div style="margin-top: auto;"> 1119 <a style="width:100% !important;font-weight:600 !important; letter-spacing:0px; color:black !important; background-color:#D8FD46 !important; border:0px !important; border-radius:0px !important; padding:20px 36px !important; width: fit-content; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; padding: 16px 28px; line-height: 16px; font-weight: 700; font-size: 16px; letter-spacing: 0px; border-image: initial;" 1120 class="buy-btn btn btn-primary" 1121 title="<@- item['spayee:resource']['spayee:title'] @>" 1122 amplitude-event="buy_now_tapped_course_checkout" 1123 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1124 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1125 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @> 1126 </a> 1127 1128 </div> 1129 </div> 1130 </div> 1131 </div> 1132 </script>
1132 1133 1134 <!--Olive Course 11--> 1135
1135<script type="text/template" id="spcoursecard-11-template" > 1136 <@ 1137 // Calculate colors based on index 1138 var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex; 1139 var colors = [ 1140 { bg: '#FFA46B', btnBg: '#361500' }, // Orange card → Dark brown button 1141 { bg: '#87A1F6', btnBg: '#001A71' }, // Blue card → Dark blue button 1142 { bg: '#B073DC', btnBg: '#34005A' } // Purple card → Dark brown button (default) 1143 ]; 1144 var currentColor = colors[colorIndex % 3]; 1145 window.courseCardColorIndex = colorIndex + 1; 1146 @> 1147 1148 <div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;"> 1149 <div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;"> 1150 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 1151 if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1152 1153 <a class="course-image-link" style="display: block; padding: 16px;padding-bottom:0px" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1154 <img style="height:320px; width:100%; object-fit:cover; border-radius: 32px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1155 </a> 1156 1157 <div style="padding: 20px;" class="course-card-content"> 1158 <h3 style="font-size:24px; text-transform:uppercase; color: black; margin: 0 0 15px 0; text-align: left;white-space:nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;display:block;"> 1159 <b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b> 1160 </h3> 1161 <div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; color:black; margin-bottom: 12px;text-align: left;"> 1162 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:" ") @> 1163 </div> 1164 <a class="enroll-button" 1165 style="display: block; 1166 background-color: <@- currentColor.btnBg @>; 1167 color: white !important; 1168 padding: 12px; 1169 text-align: center; 1170 font-weight: 600; 1171 text-decoration: none; 1172 border-radius: 32px;" 1173 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1174 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @> 1175 </a> 1176 </div> 1177 </div> 1178 </div> 1179 1180 </script>
1180 1181 1182 1183 <!-- Nebula Course 12--> 1184
1184<script type="text/template" id="spcoursecard-12-template" > 1185 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1186 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1187 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1188 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1189 1190 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'> 1191 <img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1192 </a> 1193 1194 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1195 <h3 1196 class="size-18 text-left" 1197 title="<@- item['spayee:resource']['spayee:title'] @>" 1198 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1199 > 1200 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1201 </h3> 1202 1203 <div 1204 class="size-16 text-ellipsis course-card-text" 1205 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1206 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1207 > 1208 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1209 </div> 1210 </div> 1211 1212 <div style="margin-top: auto; margin-left:0px;"> 1213 <a style="background-color:#6715FF !important; border-radius:12px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1214 class="buy-btn btn btn-primary" 1215 title="<@- item['spayee:resource']['spayee:title'] @>" 1216 amplitude-event="buy_now_tapped_course_checkout" 1217 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1218 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1219 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @> 1220 </a> 1221 </div> 1222 </div> 1223 </div> 1224 </div> 1225 </script>
1225 1226 1227 1228 1229 <!--Dusk Course-13--> 1230
1230<script type="text/template" id="spcoursecard-13-template" > 1231 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1232 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1233 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1234 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.5', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1235 1236 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'> 1237 <img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1238 </a> 1239 1240 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1241 <h3 1242 class="size-18 text-left" 1243 title="<@- item['spayee:resource']['spayee:title'] @>" 1244 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1245 > 1246 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1247 </h3> 1248 1249 <div 1250 class="size-16 text-ellipsis course-card-text" 1251 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1252 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1253 > 1254 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1255 </div> 1256 </div> 1257 1258 1259 1260 <div style="margin-top: auto; margin-left:0px;"> 1261 <a style="background-color:#282400 !important;border:0px ; border-radius:41px !important; padding:10px 24px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1262 class="buy-btn btn btn-primary" 1263 title="<@- item['spayee:resource']['spayee:title'] @>" 1264 amplitude-event="buy_now_tapped_course_checkout" 1265 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1266 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1267 Enroll for <@ print(getCourseDisplayPrice('₹', sessionCountry, item, '18.5', '', false)) @> 1268 </a> 1269 </div> 1270 </div> 1271 </div> 1272 </div> 1273 </script>
1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283<!-- Curriculum 1st Template -->
1284<script type="text/template" id="coursecurr-1-template"> 1285 <table class="table courseContents"> 1286 <thead> 1287 <tr> 1288 <td style="width: 50px;"></td> 1289 <td style="width: 50px;"></td> 1290 <td></td> 1291 </tr> 1292 </thead> 1293 <tbody> 1294 <@ $.each(item, function(index, value) { @> 1295 <tr> 1296 <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td> 1297 <td colspan="2"> 1298 <@- value.title @> 1299 <@ if(value.type == 'aiheading') { @> 1300 <small>(coming soon)</small><@ } @> 1301 <@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @> 1302 <small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @> 1303 <@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @> 1304 <small>(<@- value.pages @> pages)</small> 1305 <@ } @> 1306 </td> 1307 </tr> 1308 <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @> 1309 <tr> 1310 <td></td> 1311 <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td> 1312 <td> 1313 <@- value1.title @> 1314 <@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @> 1315 <@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1316 <@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @> 1317 </td> 1318 </tr> 1319 <@ }); @> <@ } @> <@ }); @> 1320 </tbody> 1321 </table> 1322</script>
1322 1323 1324 1325<!-- Curriculum 2nd Template -->
1326<script type="text/template" id="coursecurr-2-template"> 1327 <div class="column full curriculum2" spellcheck="false"> 1328 <div class="course-content1" > 1329 <p style="font-size: 15px; font-weight: 400; margin-top: 0px;"> 1330 <@if(summary.modules && summary.modules>0){@> 1331 <@print(summary.modules)@> Modules <i class="icon ion-android-folder-open"></i> <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@> 1332 <@}@> 1333 <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@> 1334 <@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i> <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@> 1335 <@}@> 1336 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1337 <@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time <i class="icon ion-ios-clock-outline"></i> 1338 <@}@> 1339 </p> 1340 </div> 1341 1342 1343 <@ $.each(item, function(index, value) { @> 1344 <div class="course-course-content-box" > 1345 <div class="course-content-blue-title <@if(value && value.contents){@> bg-primary <@}else if($('#'+id).closest('div.is-section').hasClass("is-bg-grey")){@>bg-white<@}else{@>is-bg-grey<@}@>" > 1346 <span class="title-icon"> 1347 <span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span> 1348 </span> 1349 <div class="titl5b" > 1350 <h3 class="<@if(value && !value.contents){@> text-primary <@}@>"> 1351 <@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @> 1352 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1353 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value.id)@>" class="previewBtn"><span class="<@if(value && !value.contents){@> text-primary <@}@>">Preview</span></a> 1354 <@}@> 1355 </h3> 1356 <p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@> 1357 Sessions: <@print(value.contents)@> 1358 <@}@> 1359 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@> 1360 Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1361 <@}@> 1362 <@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@> </p> 1363 </div> 1364 </div> 1365 <@if(value && value.items){@> 1366 <@ $.each(value['items'], function(index1, value1) { @> 1367 <div class="course-content-body <@if(index==0){@>showing<@ }@>" > 1368 <div class="desc1 " > 1369 <div class="is-box-9" > 1370 <div class="boxa1" > 1371 <span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span> 1372 <p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1373 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1374 </p> 1375 1376 </div> 1377 </div> 1378 <div class="is-box-1" > 1379 <div class="boxa2" > 1380 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1381 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>"> 1382 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1383 </a> 1384 <@}@> 1385 </div> 1386 </div> 1387 <div class="is-box-2" > 1388 <div class="boxa2" > 1389 <p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p> 1390 </div> 1391 </div> 1392 </div> 1393 </div> 1394 <@ }); @> 1395 <@}@> 1396 </div> 1397 <@ }); @> 1398 1399 </div> 1400</script>
1400 1401 1402 1403 1404 1405 1406<!-- Curriculum 3rd Template -->
1407<script type="text/template" id="coursecurr-3-template"> 1408 <div class="column full" spellcheck="false" data-gramm="false"> 1409 <div class="accordion-syllabus" > 1410 <@ $.each(item, function(index, value) { @> 1411 <div class="accordion-syllabus-item"> 1412 <header class="accordion-syllabus-header"> 1413 <h4 class="accordion-syllabus-header__title"> 1414 <span class="text-primary"> 1415 <@if(index<9){@> 1416 0<@print(index+1)@> 1417 <@ } else {@> 1418 <@print(index+1)@> 1419 <@ } @> 1420 </span> 1421 <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1422 <@if(value && value.items){@> 1423 <@ print(value.items.length) @> attachment(s) 1424 <@}@> 1425 <@if(value.moduleDurations && curriculumAssetInfo){@> 1426 <@if(value && value.contents){@> • <@}@> 1427 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1428 <@}@> 1429 </span></p> 1430 1431 </h4> 1432 <div class="accordion-syllabus-header__info"> 1433 <p class="text-primary hide-sm"> 1434 <@if(value && value.items){@> 1435 <@ print(value.items.length) @> attachment(s) 1436 <@}@> 1437 <@if(value.moduleDurations && curriculumAssetInfo){@> 1438 <@if(value && value.contents){@> • <@}@> 1439 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1440 <@}@> 1441 </p> 1442 <@if(value && value.items){@> 1443 <div class="accordion-syllabus-header__icon text-primary"> 1444 <i class="fa fa-angle-left" aria-hidden="true"></i> 1445 </div> 1446 <@}@> 1447 </div> 1448 </header> 1449 <@if(value && value.items){@> 1450 <div class="accordion-content" style=""> 1451 <div class="accordian-content-block"> 1452 <ul class="accordian-list"> 1453 <@ $.each(value['items'], function(index1, value1) { @> 1454 <li class="accordian-list__item"> 1455 <div class="accordian-content-card"> 1456 <div class="accordian-content-card__info"> 1457 <div class="accordian-content-card__ico"> 1458 <@ if(value1.type == 'code'){ @> 1459 <img src="/resources/images/CodeIcon.svg"> 1460 <@ } else { @> 1461 <span class="material-icons text-primary"> 1462 <@ print(getCourseAssetIcon(value1.type))@> 1463 </span> 1464 <@ } @> 1465 </div> 1466 <div class="accordian-content-card__title"> 1467 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1468 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1469 </div> 1470 </div> 1471 <div class="accordian-content-card__link"> 1472 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1473 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1474 <span class="text-primary"> 1475 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1476 </span> 1477 </a> 1478 <@}@> 1479 </div> 1480 </div> 1481 </li> 1482 <@ }); @> 1483 </ul> 1484 </div> 1485 </div> 1486 <@ } @> 1487 </div> 1488 <@ }); @> 1489 </div> 1490 </div> 1491</script>
1491 1492 1493 1494 1495<!-- Curriculum 4th Template -->
1496<script type="text/template" id="coursecurr-4-template"> 1497 <div class="column full coursecurr4"> 1498 <@ $.each(item, function(index, value) { @> 1499 <div class="accordion-syllabus-item"> 1500 <header class="accordion-syllabus-header" > 1501 <h4 class="accordion-syllabus-header__title"> 1502 <span> 1503 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @> 1504 </span> 1505 <div class="accordion-syllabus-header__title-block" > 1506 <p style="font-size: 20px; font-weight: 700;"> 1507 <@print(value.title)@> 1508 </p> 1509 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; "> 1510 <@if(value && value.type == 'aiheading'){@> 1511 (coming soon) 1512 <@}@> 1513 <@if(value && value.items){@> 1514 <@ print(value.items.length) @> attachment(s) 1515 <@}@> 1516 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> • <@}@> 1517 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1518 <@}@> 1519 </p> 1520 </div> 1521 </h4> 1522 <@if(value && value.items){@> 1523 <div class="accordion-syllabus-header__info" > 1524 <div class="accordion-syllabus-header__icon" > 1525 <i class="fa fa-angle-left" aria-hidden="true"></i> 1526 </div> 1527 </div> 1528 <@ } @> 1529 </header> 1530 <@if(value && value.items){@> 1531 <div class="accordion-content" style=""> 1532 <div class="accordian-content-block" > 1533 <ul class="accordian-list"> 1534 <@ $.each(value['items'], function(index1, value1) { @> 1535 <li class="accordian-list__item"> 1536 <div class="accordian-content-card" > 1537 <div class="accordian-content-card__info" > 1538 <div class="accordian-content-card__ico" > 1539 <@ if(value1.type == 'code'){ @> 1540 <img src="/resources/images/CodeIcon.svg"> 1541 <@ } else { @> 1542 <span class="material-icons text-primary"> 1543 <@ print(getCourseAssetIcon(value1.type))@>262 1544 </span> 1545 <@ } @> 1546 </div> 1547 <div class="accordian-content-card__title" > 1548 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1549 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1550 </div> 1551 </div> 1552 <div class="accordian-content-card__link" > 1553 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1554 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1555 <span class="text-primary"> 1556 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1557 </span> 1558 </a> 1559 <@ } @> 1560 </div> 1561 </div> 1562 </li> 1563 <@ }); @> 1564 </ul> 1565 </div> 1566 </div> 1567 <@ } @> 1568 </div> 1569 <@ }); @> 1570 </div> 1571 </script>
1571 1572 1573 <!-- vegas curriculum-5--> 1574
1574<script> 1575 // Simple responsive positioning 1576 function updatePosition() { 1577 const element = document.getElementById('totalTimeElement'); 1578 if(element){ 1579 if (window.innerWidth > 768) { 1580 element.style.position = 'absolute'; 1581 element.style.top = "5px"; 1582 element.style.right = '122px'; 1583 } else { 1584 element.style.position = 'static'; 1585 element.style.margin = '0 0'; 1586 } 1587 } 1588 } 1589 1590 // Run on load and resize 1591 window.addEventListener('load', updatePosition); 1592 window.addEventListener('resize', updatePosition); 1593 </script>
1593 1594
1594<script type="text/template" id="coursecurr-5-template"> 1595 <div class="total-time" id="totalTimeElement" style=" 1596 font-size: 18px; 1597 font-weight: 600; 1598 color: #FB5607; 1599 padding: 8px 12px; 1600 border-radius: 4px; 1601 white-space: nowrap;"> 1602 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1603 <@print(millisecondsToHHMMSSStr(summary.durations))@> 1604 <@}@> 1605</div> 1606 1607<div class="accordion-syllabus" style="max-width:1000px !important"> 1608 <@ $.each(item, function(index, value) { @> 1609 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 1610 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important"> 1611 <h4 class="accordion-syllabus-header__title"> 1612 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 1613 <@if(index < 9) {@> 1614 Week <@print(index + 1)@>: 1615 <@ } else {@> 1616 Week <@print(index + 1)@>: 1617 <@ } @> 1618 </span> 1619 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1620 <@if(value && value.items){@> 1621 <@ print(value.items.length) @> attachment(s) 1622 <@} else {@> 1623 1 attachment(s) 1624 <@}@> 1625 <@if(value.moduleDurations && curriculumAssetInfo){@> 1626 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1627 <@}@> 1628 </span></p> 1629 </h4> 1630 1631 <div class="accordion-syllabus-header__info"> 1632 <p class="text-primary hide-sm" style="color:#FB5607 !important;"> 1633 <@if(value && value.items){@> 1634 <@ print(value.items.length) @> attachment(s) 1635 <@} else {@> 1636 1 attachment(s) 1637 <@}@> 1638 <@if(value.moduleDurations && curriculumAssetInfo){@> 1639 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1640 <@}@> 1641 </p> 1642 <div class="accordion-syllabus-header__icon text-primary"> 1643 <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i> 1644 </div> 1645 </div> 1646 </header> 1647 <div class="accordion-content" style="filter:none;"> 1648 <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 1649 <ul class="accordian-list"> 1650 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 1651 <@ if(value['items'] && value['items'].length > 0) { @> 1652 <@ $.each(value['items'], function(index1, value1) { @> 1653 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 1654 <style> 1655 @media (max-width: 768px) { 1656 .accordian-content-card { 1657 flex-direction: column !important; 1658 align-items: stretch !important; 1659 } 1660 1661 .accordian-content-card__top { 1662 flex-direction: row !important; 1663 justify-content: space-between !important; 1664 align-items: center !important; 1665 width: 100% !important; 1666 } 1667 1668 .accordian-content-card__title { 1669 flex: 1 !important; 1670 margin: 0 10px !important; 1671 white-space: nowrap; 1672 overflow: hidden; 1673 text-overflow: ellipsis; 1674 } 1675 1676 .accordian-content-card__bottom { 1677 flex-direction: row !important; 1678 justify-content: space-between !important; 1679 align-items: center !important; 1680 width: 100% !important; 1681 margin-top: 6px !important; 1682 } 1683 1684 .accordian-content-card__link { 1685 flex: 1 !important; 1686 min-width: 0 !important; 1687 text-align: left !important; 1688 } 1689 1690 .accordian-content-card__time { 1691 flex-shrink: 0 !important; 1692 text-align: right !important; 1693 } 1694 } 1695 </style> 1696 1697 <div class="accordian-content-card" 1698 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 1699 1700 1701 <!-- Row 1: Icon + Title + Collapse Icon --> 1702 <div class="accordian-content-card__top" 1703 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1704 1705 <!-- Icon --> 1706 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1707 <@ if(value1.type == 'code'){ @> 1708 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1709 <@ } else { @>
1710 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1711 <@ print(getCourseAssetIcon(value1.type))@> 1712 </span> 1713 <@ } @> 1714 </div> 1715 1716 <!-- Title --> 1717 <div class="accordian-content-card__title" 1718 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1719 <@print(value1.title)@> 1720 </div> 1721 1722 <!-- Collapse Icon (optional) --> 1723 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1724 <!-- Example placeholder, add real icon if needed --> 1725 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1726 </div> 1727 </div> 1728 1729 <!-- Row 2: Preview Button and Time --> 1730 <div class="accordian-content-card__bottom" 1731 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1732 1733 <!-- Preview Button --> 1734 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1735 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1736 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 1737 class="previewBtn" 1738 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 1739 <span class="text-primary" style="color:#FB5607;"> 1740 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1741 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1742 </span> 1743 </a> 1744 <@}@> 1745 </div> 1746 1747 <!-- Time --> 1748 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1749 <p class="text-primary course-asset-time" 1750 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1751 <@ if(value1.duration && value1.duration > 0) { @> 1752 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 1753 <@ } else { @> 1754 -- 1755 <@ } @> 1756 </p> 1757 </div> 1758 1759 </div> 1760 </div> 1761 1762 1763 </li> 1764 <@ }); @> 1765 <@ } else { @> 1766 <li class="accordian-list__item" style="padding:0px 0px !important;"> 1767 <div class="accordian-content-card" 1768 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 1769 1770 <!-- Row 1: Icon + Title + Collapse Icon --> 1771 <div class="accordian-content-card__top" 1772 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1773 1774 <!-- Icon --> 1775 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1776 <@ if(value.type == 'code'){ @> 1777 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1778 <@ } else { @> 1779 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1780 <@ print(getCourseAssetIcon(value.type))@> 1781 </span> 1782 <@ } @> 1783 </div> 1784 1785 <!-- Title --> 1786 <div class="accordian-content-card__title" 1787 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1788 <@print(value.title)@> 1789 </div> 1790 1791 <!-- Collapse Icon (optional) --> 1792 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1793 <!-- Example placeholder, add real icon if needed --> 1794 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1795 </div> 1796 </div> 1797 1798 <!-- Row 2: Preview Button and Time --> 1799 <div class="accordian-content-card__bottom" 1800 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1801 1802 <!-- Preview Button --> 1803 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1804 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1805 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 1806 class="previewBtn" 1807 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1808 <span class="text-primary" style="color:#FB5607;"> 1809 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1810 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1811 </span> 1812 </a> 1813 <@}@> 1814 </div> 1815 1816 <!-- Time --> 1817 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1818 <p class="text-primary course-asset-time" 1819 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1820 <@ if(value.duration && value.duration > 0) { @> 1821 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 1822 <@ } else { @> 1823 -- 1824 <@ } @> 1825 </p> 1826 </div> 1827 </div> 1828 </div> 1829 </li> 1830 <@ } @> 1831 </ul> 1832 1833 <@ if(itemsCount > 5) { @> 1834 <div style="text-align: center; margin-top: 10px;"> 1835 <button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 1836 onclick=" 1837 var parentAccordion = this.closest('.accordion-content'); 1838 parentAccordion.style.maxHeight = 'none'; 1839 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 1840 this.style.display = 'none'; 1841 "> 1842 View All 1843 </button> 1844 </div> 1845 <@ } @> 1846 </div> 1847 </div> 1848 </div> 1849 <@ }); @> 1850 <@ if(item.length > 5) { @> 1851 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 1852 <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 1853 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 1854 View All Sessions 1855 </button> 1856 </div> 1857 <@ } @> 1858</div> 1859 </div> 1860</script>
1860 1861 1862 1863<!--Blaze-Curriculum-6-->
1864<script type="text/template" id="coursecurr-6-template"> 1865 <div class="column full" spellcheck="false" data-gramm="false"> 1866 <div class="total-time" id="totalTimeElement" style=" 1867 font-size: 18px; 1868 font-weight: 600; 1869 color: #D8FD46; 1870 padding: 8px 12px; 1871 border-radius: 4px; 1872 white-space: nowrap; 1873 background: #232323; 1874 margin-bottom: 20px;"> 1875 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1876 <@print(millisecondsToHHMMSSStr(summary.durations))@> 1877 <@}@> 1878 </div> 1879 1880 <div class="accordion-syllabus"> 1881 <@ $.each(item, function(index, value) { @> 1882 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 1883 <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important"> 1884 <h4 class="accordion-syllabus-header__title"> 1885 <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 1886 <@if(index < 9) {@> 1887 Week <@print(index + 1)@>: 1888 <@ } else {@> 1889 Week <@print(index + 1)@>: 1890 <@ } @> 1891 </span> 1892 <p style="font-size:18px ; font-weight:600;color:white;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;color:#D8FD46 !important;"> 1893 <@if(value && value.items){@> 1894 <@ print(value.items.length) @> attachment(s) 1895 <@} else {@> 1896 1 attachment(s) 1897 <@}@> 1898 <@if(value.moduleDurations && curriculumAssetInfo){@> 1899 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1900 <@}@> 1901 </span></p> 1902 </h4> 1903 <div class="accordion-syllabus-header__info"> 1904 <p class="text-primary hide-sm" style="color:#D8FD46 !important;"> 1905 <@if(value && value.items){@> 1906 <@ print(value.items.length) @> attachment(s) 1907 <@} else {@> 1908 1 attachment(s) 1909 <@}@> 1910 <@if(value.moduleDurations && curriculumAssetInfo){@> 1911 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1912 <@}@> 1913 </p> 1914 <div class="accordion-syllabus-header__icon text-primary"> 1915 <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i> 1916 </div> 1917 </div> 1918 </header> 1919 <div class="accordion-content" style="filter:none;background:#181818;"> 1920 <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;"> 1921 <ul class="accordian-list"> 1922 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 1923 <@ if(value['items'] && value['items'].length > 0) { @> 1924 <@ $.each(value['items'], function(index1, value1) { @> 1925 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 1926 <style> 1927 @media (max-width: 768px) { 1928 .accordian-content-card { 1929 flex-direction: column !important; 1930 align-items: stretch !important; 1931 } 1932 1933 .accordian-content-card__top { 1934 flex-direction: row !important; 1935 justify-content: space-between !important; 1936 align-items: center !important; 1937 width: 100% !important; 1938 } 1939 1940 .accordian-content-card__title { 1941 flex: 1 !important; 1942 margin: 0 10px !important; 1943 white-space: nowrap; 1944 overflow: hidden; 1945 text-overflow: ellipsis; 1946 } 1947 1948 .accordian-content-card__bottom { 1949 flex-direction: row !important; 1950 justify-content: space-between !important; 1951 align-items: center !important; 1952 width: 100% !important; 1953 margin-top: 6px !important; 1954 } 1955 1956 .accordian-content-card__link { 1957 flex: 1 !important; 1958 min-width: 0 !important; 1959 text-align: left !important; 1960 } 1961 1962 .accordian-content-card__time { 1963 flex-shrink: 0 !important; 1964 text-align: right !important; 1965 } 1966 } 1967 </style> 1968 1969 <div class="accordian-content-card" 1970 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 1971 1972 <!-- Row 1: Icon + Title + Collapse Icon --> 1973 <div class="accordian-content-card__top" 1974 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1975 1976 <!-- Icon --> 1977 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1978 <@ if(value1.type == 'code'){ @> 1979 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 1980 <@ } else { @>
1981 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 1982 <@ print(getCourseAssetIcon(value1.type))@> 1983 </span> 1984 <@ } @> 1985 </div> 1986 1987 <!-- Title --> 1988 <div class="accordian-content-card__title" 1989 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1990 <@print(value1.title)@> 1991 <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @> 1992 <small style="color: #999;">(<@- value1.pages @> pages)</small> 1993 <@ } @> 1994 <@ if(value1.type == 'aiheading') { @> 1995 <small style="color: #999;">(coming soon)</small> 1996 <@ } @> --> 1997 </div> 1998 1999 <!-- Collapse Icon --> 2000 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2001 </div> 2002 </div> 2003 2004 <!-- Row 2: Preview Button and Time --> 2005 <div class="accordian-content-card__bottom" 2006 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2007 2008 <!-- Preview Button --> 2009 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2010 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2011 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2012 class="previewBtn" 2013 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2014 <span class="text-primary" style="color:#D8FD46;"> 2015 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2016 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 2017 </span> 2018 </a> 2019 <@}@> 2020 </div> 2021 2022 <!-- Time --> 2023 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2024 <p class="text-primary course-asset-time" 2025 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 2026 <@ if(value1.duration && value1.duration > 0) { @> 2027 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2028 <@ } else { @> 2029 -- 2030 <@ } @> 2031 </p> 2032 </div> 2033 </div> 2034 </div> 2035 </li> 2036 <@ }); @> 2037 <@ } else { @> 2038 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2039 <div class="accordian-content-card" 2040 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 2041 2042 <!-- Row 1: Icon + Title + Collapse Icon --> 2043 <div class="accordian-content-card__top" 2044 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2045 2046 <!-- Icon --> 2047 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2048 <@ if(value.type == 'code'){ @> 2049 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 2050 <@ } else { @> 2051 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 2052 <@ print(getCourseAssetIcon(value.type))@> 2053 </span> 2054 <@ } @> 2055 </div> 2056 2057 <!-- Title --> 2058 <div class="accordian-content-card__title" 2059 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2060 <@print(value.title)@> 2061 </div> 2062 2063 <!-- Collapse Icon (optional) --> 2064 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2065 <!-- Example placeholder, add real icon if needed --> 2066 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2067 </div> 2068 </div> 2069 2070 <!-- Row 2: Preview Button and Time --> 2071 <div class="accordian-content-card__bottom" 2072 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2073 2074 <!-- Preview Button --> 2075 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2076 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2077 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2078 class="previewBtn" 2079 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2080 <span class="text-primary" style="color:#D8FD46;"> 2081 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2082 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 2083 </span> 2084 </a> 2085 <@}@> 2086 </div> 2087 2088 <!-- Time --> 2089 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2090 <p class="text-primary course-asset-time" 2091 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 2092 <@ if(value.duration && value.duration > 0) { @> 2093 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2094 <@ } else { @> 2095 -- 2096 <@ } @> 2097 </p> 2098 </div> 2099 </div> 2100 </div> 2101 </li> 2102 <@ } @> 2103 </ul> 2104 2105 <@ if(itemsCount > 5) { @> 2106 <div style="text-align: center; margin-top: 10px;"> 2107 <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2108 onclick=" 2109 var parentAccordion = this.closest('.accordion-content'); 2110 parentAccordion.style.maxHeight = 'none'; 2111 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2112 this.style.display = 'none'; 2113 "> 2114 View All 2115 </button> 2116 </div> 2117 <@ } @> 2118 </div> 2119 </div> 2120 </div> 2121 <@ }); @> 2122 <@ if(item.length > 5) { @> 2123 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2124 <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2125 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2126 View All Sessions 2127 </button> 2128 </div> 2129 <@ } @> 2130 </div> 2131 </div> 2132</script>
2132 2133
2134<script> 2135 // Simple responsive positioning (same as Vegas) 2136 function updatePosition() { 2137 const element = document.getElementById('totalTimeElement'); 2138 if(element){ 2139 if (window.innerWidth > 768) { 2140 element.style.position = 'absolute'; 2141 element.style.top = "5px"; 2142 element.style.right = '122px'; 2143 } else { 2144 element.style.position = 'static'; 2145 element.style.margin = '0 0'; 2146 } 2147 } 2148 } 2149 2150 // Run on load and resize 2151 window.addEventListener('load', updatePosition); 2152 window.addEventListener('resize', updatePosition); 2153</script>
2153 2154 2155 2156 2157 2158<!--Nebula Curriculum 7--> 2159 2160
2161<script> 2162 // Simple responsive positioning 2163 function updatePosition() { 2164 const element = document.getElementById('totalTimeElement'); 2165 if(element){ 2166 if (window.innerWidth > 768) { 2167 element.style.position = 'absolute'; 2168 element.style.top = "5px"; 2169 element.style.right = '122px'; 2170 } else { 2171 element.style.position = 'static'; 2172 element.style.margin = '0 0'; 2173 } 2174 } 2175 } 2176 2177 // Run on load and resize 2178 window.addEventListener('load', updatePosition); 2179 window.addEventListener('resize', updatePosition); 2180 </script>
2180 2181
2181<script type="text/template" id="coursecurr-7-template"> 2182 <div class="total-time" id="totalTimeElement" style=" 2183 font-size: 18px; 2184 font-weight: 600; 2185 color: #6715FF; 2186 padding: 8px 12px; 2187 border-radius: 4px; 2188 white-space: nowrap;"> 2189 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2190 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2191 <@}@> 2192</div> 2193 2194<div class="accordion-syllabus" style="max-width:1000px !important"> 2195 <@ $.each(item, function(index, value) { @> 2196 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2197 <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important"> 2198 <h4 class="accordion-syllabus-header__title"> 2199 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2200 <@if(index < 9) {@> 2201 Week <@print(index + 1)@>: 2202 <@ } else {@> 2203 Week <@print(index + 1)@>: 2204 <@ } @> 2205 </span> 2206 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2207 <@if(value && value.items){@> 2208 <@ print(value.items.length) @> attachment(s) 2209 <@} else {@> 2210 1 attachment(s) 2211 <@}@> 2212 <@if(value.moduleDurations && curriculumAssetInfo){@> 2213 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2214 <@}@> 2215 </span></p> 2216 </h4> 2217 2218 <div class="accordion-syllabus-header__info"> 2219 <p class="text-primary hide-sm" style="color:#6715FF !important;"> 2220 <@if(value && value.items){@> 2221 <@ print(value.items.length) @> attachment(s) 2222 <@} else {@> 2223 1 attachment(s) 2224 <@}@> 2225 <@if(value.moduleDurations && curriculumAssetInfo){@> 2226 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2227 <@}@> 2228 </p> 2229 <div class="accordion-syllabus-header__icon text-primary"> 2230 <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i> 2231 </div> 2232 </div> 2233 </header> 2234 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2235 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2236 <ul class="accordian-list"> 2237 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2238 <@ if(value['items'] && value['items'].length > 0) { @> 2239 <@ $.each(value['items'], function(index1, value1) { @> 2240 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2241 <style> 2242 @media (max-width: 768px) { 2243 .accordian-content-card { 2244 flex-direction: column !important; 2245 align-items: stretch !important; 2246 } 2247 2248 .accordian-content-card__top { 2249 flex-direction: row !important; 2250 justify-content: space-between !important; 2251 align-items: center !important; 2252 width: 100% !important; 2253 } 2254 2255 .accordian-content-card__title { 2256 flex: 1 !important; 2257 margin: 0 10px !important; 2258 white-space: nowrap; 2259 overflow: hidden; 2260 text-overflow: ellipsis; 2261 } 2262 2263 .accordian-content-card__bottom { 2264 flex-direction: row !important; 2265 justify-content: space-between !important; 2266 align-items: center !important; 2267 width: 100% !important; 2268 margin-top: 6px !important; 2269 } 2270 2271 .accordian-content-card__link { 2272 flex: 1 !important; 2273 min-width: 0 !important; 2274 text-align: left !important; 2275 } 2276 2277 .accordian-content-card__time { 2278 flex-shrink: 0 !important; 2279 text-align: right !important; 2280 } 2281 } 2282 </style> 2283 2284 <div class="accordian-content-card" 2285 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2286 2287 2288 <!-- Row 1: Icon + Title + Collapse Icon --> 2289 <div class="accordian-content-card__top" 2290 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2291 2292 <!-- Icon --> 2293 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2294 <@ if(value1.type == 'code'){ @> 2295 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2296 <@ } else { @>
2297 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2298 <@ print(getCourseAssetIcon(value1.type))@> 2299 </span> 2300 <@ } @> 2301 </div> 2302 2303 <!-- Title --> 2304 <div class="accordian-content-card__title" 2305 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2306 <@print(value1.title)@> 2307 </div> 2308 2309 <!-- Collapse Icon (optional) --> 2310 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2311 <!-- Example placeholder, add real icon if needed --> 2312 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2313 </div> 2314 </div> 2315 2316 <!-- Row 2: Preview Button and Time --> 2317 <div class="accordian-content-card__bottom" 2318 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2319 2320 <!-- Preview Button --> 2321 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2322 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2323 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2324 class="previewBtn" 2325 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2326 <span class="text-primary" style="color:#6715FF;"> 2327 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2328 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2329 </span> 2330 </a> 2331 <@}@> 2332 </div> 2333 2334 <!-- Time --> 2335 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2336 <p class="text-primary course-asset-time" 2337 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2338 <@ if(value1.duration && value1.duration > 0) { @> 2339 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2340 <@ } else { @> 2341 -- 2342 <@ } @> 2343 </p> 2344 </div> 2345 2346 </div> 2347 </div> 2348 2349 2350 </li> 2351 <@ }); @> 2352 <@ } else { @> 2353 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2354 <div class="accordian-content-card" 2355 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2356 2357 <!-- Row 1: Icon + Title + Collapse Icon --> 2358 <div class="accordian-content-card__top" 2359 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2360 2361 <!-- Icon --> 2362 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2363 <@ if(value.type == 'code'){ @> 2364 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2365 <@ } else { @> 2366 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2367 <@ print(getCourseAssetIcon(value.type))@> 2368 </span> 2369 <@ } @> 2370 </div> 2371 2372 <!-- Title --> 2373 <div class="accordian-content-card__title" 2374 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2375 <@print(value.title)@> 2376 </div> 2377 2378 <!-- Collapse Icon (optional) --> 2379 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2380 <!-- Example placeholder, add real icon if needed --> 2381 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2382 </div> 2383 </div> 2384 2385 <!-- Row 2: Preview Button and Time --> 2386 <div class="accordian-content-card__bottom" 2387 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2388 2389 <!-- Preview Button --> 2390 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2391 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2392 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2393 class="previewBtn" 2394 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2395 <span class="text-primary" style="color:#6715FF;"> 2396 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2397 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2398 </span> 2399 </a> 2400 <@}@> 2401 </div> 2402 2403 <!-- Time --> 2404 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2405 <p class="text-primary course-asset-time" 2406 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2407 <@ if(value.duration && value.duration > 0) { @> 2408 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2409 <@ } else { @> 2410 -- 2411 <@ } @> 2412 </p> 2413 </div> 2414 </div> 2415 </div> 2416 </li> 2417 <@ } @> 2418 </ul> 2419 2420 <@ if(itemsCount > 5) { @> 2421 <div style="text-align: center; margin-top: 10px;"> 2422 <button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2423 onclick=" 2424 var parentAccordion = this.closest('.accordion-content'); 2425 parentAccordion.style.maxHeight = 'none'; 2426 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2427 this.style.display = 'none'; 2428 "> 2429 View All 2430 </button> 2431 </div> 2432 <@ } @> 2433 </div> 2434 </div> 2435 </div> 2436 <@ }); @> 2437 <@ if(item.length > 5) { @> 2438 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2439 <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2440 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2441 View All Sessions 2442 </button> 2443 </div> 2444 <@ } @> 2445</div> 2446 </div> 2447</script>
2447 2448 2449 2450 2451<!--Olive Curriculum 8-->
2452<script> 2453 // Simple responsive positioning 2454 function updatePosition() { 2455 const element = document.getElementById('totalTimeElement'); 2456 if(element){ 2457 if (window.innerWidth > 768) { 2458 element.style.position = 'absolute'; 2459 element.style.top = "5px"; 2460 element.style.right = '122px'; 2461 } else { 2462 element.style.position = 'static'; 2463 element.style.margin = '0 0'; 2464 } 2465 } 2466 } 2467 2468 // Run on load and resize 2469 window.addEventListener('load', updatePosition); 2470 window.addEventListener('resize', updatePosition); 2471 </script>
2471 2472
2472<script type="text/template" id="coursecurr-8-template"> 2473 <div class="total-time" id="totalTimeElement" style=" 2474 font-size: 18px; 2475 font-weight: 600; 2476 color: #064400; 2477 padding: 8px 12px; 2478 border-radius: 4px; 2479 white-space: nowrap;"> 2480 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2481 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2482 <@}@> 2483</div> 2484 2485<div class="accordion-syllabus" style="max-width:1000px !important"> 2486 <@ $.each(item, function(index, value) { @> 2487 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2488 <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important"> 2489 <h4 class="accordion-syllabus-header__title"> 2490 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2491 <@if(index < 9) {@> 2492 Week <@print(index + 1)@>: 2493 <@ } else {@> 2494 Week <@print(index + 1)@>: 2495 <@ } @> 2496 </span> 2497 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2498 <@if(value && value.items){@> 2499 <@ print(value.items.length) @> attachment(s) 2500 <@} else {@> 2501 1 attachment(s) 2502 <@}@> 2503 <@if(value.moduleDurations && curriculumAssetInfo){@> 2504 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2505 <@}@> 2506 </span></p> 2507 </h4> 2508 2509 <div class="accordion-syllabus-header__info"> 2510 <p class="text-primary hide-sm" style="color:#064400 !important;"> 2511 <@if(value && value.items){@> 2512 <@ print(value.items.length) @> attachment(s) 2513 <@} else {@> 2514 1 attachment(s) 2515 <@}@> 2516 <@if(value.moduleDurations && curriculumAssetInfo){@> 2517 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2518 <@}@> 2519 </p> 2520 <div class="accordion-syllabus-header__icon text-primary"> 2521 <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i> 2522 </div> 2523 </div> 2524 </header> 2525 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2526 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2527 <ul class="accordian-list"> 2528 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2529 <@ if(value['items'] && value['items'].length > 0) { @> 2530 <@ $.each(value['items'], function(index1, value1) { @> 2531 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2532 <style> 2533 @media (max-width: 768px) { 2534 .accordian-content-card { 2535 flex-direction: column !important; 2536 align-items: stretch !important; 2537 } 2538 2539 .accordian-content-card__top { 2540 flex-direction: row !important; 2541 justify-content: space-between !important; 2542 align-items: center !important; 2543 width: 100% !important; 2544 } 2545 2546 .accordian-content-card__title { 2547 flex: 1 !important; 2548 margin: 0 10px !important; 2549 white-space: nowrap; 2550 overflow: hidden; 2551 text-overflow: ellipsis; 2552 } 2553 2554 .accordian-content-card__bottom { 2555 flex-direction: row !important; 2556 justify-content: space-between !important; 2557 align-items: center !important; 2558 width: 100% !important; 2559 margin-top: 6px !important; 2560 } 2561 2562 .accordian-content-card__link { 2563 flex: 1 !important; 2564 min-width: 0 !important; 2565 text-align: left !important; 2566 } 2567 2568 .accordian-content-card__time { 2569 flex-shrink: 0 !important; 2570 text-align: right !important; 2571 } 2572 } 2573 </style> 2574 2575 <div class="accordian-content-card" 2576 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2577 2578 2579 <!-- Row 1: Icon + Title + Collapse Icon --> 2580 <div class="accordian-content-card__top" 2581 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2582 2583 <!-- Icon --> 2584 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2585 <@ if(value1.type == 'code'){ @> 2586 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2587 <@ } else { @>
2588 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2589 <@ print(getCourseAssetIcon(value1.type))@> 2590 </span> 2591 <@ } @> 2592 </div> 2593 2594 <!-- Title --> 2595 <div class="accordian-content-card__title" 2596 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2597 <@print(value1.title)@> 2598 </div> 2599 2600 <!-- Collapse Icon (optional) --> 2601 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2602 <!-- Example placeholder, add real icon if needed --> 2603 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2604 </div> 2605 </div> 2606 2607 <!-- Row 2: Preview Button and Time --> 2608 <div class="accordian-content-card__bottom" 2609 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2610 2611 <!-- Preview Button --> 2612 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2613 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2614 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2615 class="previewBtn" 2616 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2617 <span class="text-primary" style="color:#064400;"> 2618 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2619 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2620 </span> 2621 </a> 2622 <@}@> 2623 </div> 2624 2625 <!-- Time --> 2626 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2627 <p class="text-primary course-asset-time" 2628 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2629 <@ if(value1.duration && value1.duration > 0) { @> 2630 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2631 <@ } else { @> 2632 -- 2633 <@ } @> 2634 </p> 2635 </div> 2636 2637 </div> 2638 </div> 2639 2640 2641 </li> 2642 <@ }); @> 2643 <@ } else { @> 2644 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2645 <div class="accordian-content-card" 2646 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2647 2648 <!-- Row 1: Icon + Title + Collapse Icon --> 2649 <div class="accordian-content-card__top" 2650 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2651 2652 <!-- Icon --> 2653 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2654 <@ if(value.type == 'code'){ @> 2655 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2656 <@ } else { @> 2657 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2658 <@ print(getCourseAssetIcon(value.type))@> 2659 </span> 2660 <@ } @> 2661 </div> 2662 2663 <!-- Title --> 2664 <div class="accordian-content-card__title" 2665 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2666 <@print(value.title)@> 2667 </div> 2668 2669 <!-- Collapse Icon (optional) --> 2670 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2671 <!-- Example placeholder, add real icon if needed --> 2672 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2673 </div> 2674 </div> 2675 2676 <!-- Row 2: Preview Button and Time --> 2677 <div class="accordian-content-card__bottom" 2678 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2679 2680 <!-- Preview Button --> 2681 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2682 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2683 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2684 class="previewBtn" 2685 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2686 <span class="text-primary" style="color:#064400;"> 2687 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2688 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2689 </span> 2690 </a> 2691 <@}@> 2692 </div> 2693 2694 <!-- Time --> 2695 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2696 <p class="text-primary course-asset-time" 2697 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2698 <@ if(value.duration && value.duration > 0) { @> 2699 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2700 <@ } else { @> 2701 -- 2702 <@ } @> 2703 </p> 2704 </div> 2705 </div> 2706 </div> 2707 </li> 2708 <@ } @> 2709 </ul> 2710 2711 <@ if(itemsCount > 5) { @> 2712 <div style="text-align: center; margin-top: 10px;"> 2713 <button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2714 onclick=" 2715 var parentAccordion = this.closest('.accordion-content'); 2716 parentAccordion.style.maxHeight = 'none'; 2717 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2718 this.style.display = 'none'; 2719 "> 2720 View All 2721 </button> 2722 </div> 2723 <@ } @> 2724 </div> 2725 </div> 2726 </div> 2727 <@ }); @> 2728 <@ if(item.length > 5) { @> 2729 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2730 <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2731 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2732 View All Sessions 2733 </button> 2734 </div> 2735 <@ } @> 2736</div> 2737 </div> 2738</script>
2738 2739 2740 2741 2742<!--Dusk Curriculum 9-->
2743<script> 2744 // Simple responsive positioning 2745 function updatePosition() { 2746 const element = document.getElementById('totalTimeElement'); 2747 if(element){ 2748 if (window.innerWidth > 768) { 2749 element.style.position = 'absolute'; 2750 element.style.top = "5px"; 2751 element.style.right = '122px'; 2752 } else { 2753 element.style.position = 'static'; 2754 element.style.margin = '0 0'; 2755 } 2756 } 2757 } 2758 2759 // Run on load and resize 2760 window.addEventListener('load', updatePosition); 2761 window.addEventListener('resize', updatePosition); 2762 </script>
2762 2763
2763<script> 2764 // Simple responsive positioning 2765 function updatePosition() { 2766 const element = document.getElementById('totalTimeElement'); 2767 if(element){ 2768 if (window.innerWidth > 768) { 2769 element.style.position = 'absolute'; 2770 element.style.top = "5px"; 2771 element.style.right = '122px'; 2772 } else { 2773 element.style.position = 'static'; 2774 element.style.margin = '0 0'; 2775 } 2776 } 2777 } 2778 2779 // Run on load and resize 2780 window.addEventListener('load', updatePosition); 2781 window.addEventListener('resize', updatePosition); 2782 </script>
2782 2783
2783<script type="text/template" id="coursecurr-9-template"> 2784 <div class="total-time" id="totalTimeElement" style=" 2785 font-size: 18px; 2786 font-weight: 600; 2787 color: #282400; 2788 padding: 8px 12px; 2789 border-radius: 4px; 2790 white-space: nowrap;"> 2791 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2792 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2793 <@}@> 2794</div> 2795 2796<div class="accordion-syllabus" style="max-width:1000px !important"> 2797 <@ $.each(item, function(index, value) { @> 2798 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2799 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important"> 2800 <h4 class="accordion-syllabus-header__title"> 2801 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2802 <@if(index < 9) {@> 2803 Week <@print(index + 1)@>: 2804 <@ } else {@> 2805 Week <@print(index + 1)@>: 2806 <@ } @> 2807 </span> 2808 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2809 <@if(value && value.items){@> 2810 <@ print(value.items.length) @> attachment(s) 2811 <@} else {@> 2812 1 attachment(s) 2813 <@}@> 2814 <@if(value.moduleDurations && curriculumAssetInfo){@> 2815 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2816 <@}@> 2817 </span></p> 2818 </h4> 2819 2820 <div class="accordion-syllabus-header__info"> 2821 <p class="text-primary hide-sm" style="color:#282400 !important;"> 2822 <@if(value && value.items){@> 2823 <@ print(value.items.length) @> attachment(s) 2824 <@} else {@> 2825 1 attachment(s) 2826 <@}@> 2827 <@if(value.moduleDurations && curriculumAssetInfo){@> 2828 • <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2829 <@}@> 2830 </p> 2831 <div class="accordion-syllabus-header__icon text-primary"> 2832 <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i> 2833 </div> 2834 </div> 2835 </header> 2836 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2837 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2838 <ul class="accordian-list"> 2839 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2840 <@ if(value['items'] && value['items'].length > 0) { @> 2841 <@ $.each(value['items'], function(index1, value1) { @> 2842 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2843 <style> 2844 @media (max-width: 768px) { 2845 .accordian-content-card { 2846 flex-direction: column !important; 2847 align-items: stretch !important; 2848 } 2849 2850 .accordian-content-card__top { 2851 flex-direction: row !important; 2852 justify-content: space-between !important; 2853 align-items: center !important; 2854 width: 100% !important; 2855 } 2856 2857 .accordian-content-card__title { 2858 flex: 1 !important; 2859 margin: 0 10px !important; 2860 white-space: nowrap; 2861 overflow: hidden; 2862 text-overflow: ellipsis; 2863 } 2864 2865 .accordian-content-card__bottom { 2866 flex-direction: row !important; 2867 justify-content: space-between !important; 2868 align-items: center !important; 2869 width: 100% !important; 2870 margin-top: 6px !important; 2871 } 2872 2873 .accordian-content-card__link { 2874 flex: 1 !important; 2875 min-width: 0 !important; 2876 text-align: left !important; 2877 } 2878 2879 .accordian-content-card__time { 2880 flex-shrink: 0 !important; 2881 text-align: right !important; 2882 } 2883 } 2884 </style> 2885 2886 <div class="accordian-content-card" 2887 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2888 2889 2890 <!-- Row 1: Icon + Title + Collapse Icon --> 2891 <div class="accordian-content-card__top" 2892 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2893 2894 <!-- Icon --> 2895 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2896 <@ if(value1.type == 'code'){ @> 2897 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2898 <@ } else { @>
2899 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 2900 <@ print(getCourseAssetIcon(value1.type))@> 2901 </span> 2902 <@ } @> 2903 </div> 2904 2905 <!-- Title --> 2906 <div class="accordian-content-card__title" 2907 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2908 <@print(value1.title)@> 2909 </div> 2910 2911 <!-- Collapse Icon (optional) --> 2912 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2913 <!-- Example placeholder, add real icon if needed --> 2914 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2915 </div> 2916 </div> 2917 2918 <!-- Row 2: Preview Button and Time --> 2919 <div class="accordian-content-card__bottom" 2920 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2921 2922 <!-- Preview Button --> 2923 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2924 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2925 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2926 class="previewBtn" 2927 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2928 <span class="text-primary" style="color:#282400;"> 2929 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2930 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 2931 </span> 2932 </a> 2933 <@}@> 2934 </div> 2935 2936 <!-- Time --> 2937 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2938 <p class="text-primary course-asset-time" 2939 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 2940 <@ if(value1.duration && value1.duration > 0) { @> 2941 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2942 <@ } else { @> 2943 -- 2944 <@ } @> 2945 </p> 2946 </div> 2947 2948 </div> 2949 </div> 2950 2951 2952 </li> 2953 <@ }); @> 2954 <@ } else { @> 2955 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2956 <div class="accordian-content-card" 2957 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2958 2959 <!-- Row 1: Icon + Title + Collapse Icon --> 2960 <div class="accordian-content-card__top" 2961 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2962 2963 <!-- Icon --> 2964 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2965 <@ if(value.type == 'code'){ @> 2966 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2967 <@ } else { @> 2968 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 2969 <@ print(getCourseAssetIcon(value.type))@> 2970 </span> 2971 <@ } @> 2972 </div> 2973 2974 <!-- Title --> 2975 <div class="accordian-content-card__title" 2976 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2977 <@print(value.title)@> 2978 </div> 2979 2980 <!-- Collapse Icon (optional) --> 2981 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2982 <!-- Example placeholder, add real icon if needed --> 2983 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2984 </div> 2985 </div> 2986 2987 <!-- Row 2: Preview Button and Time --> 2988 <div class="accordian-content-card__bottom" 2989 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2990 2991 <!-- Preview Button --> 2992 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2993 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2994 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2995 class="previewBtn" 2996 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2997 <span class="text-primary" style="color:#282400;"> 2998 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2999 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 3000 </span> 3001 </a> 3002 <@}@> 3003 </div> 3004 3005 <!-- Time --> 3006 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 3007 <p class="text-primary course-asset-time" 3008 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 3009 <@ if(value.duration && value.duration > 0) { @> 3010 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 3011 <@ } else { @> 3012 -- 3013 <@ } @> 3014 </p> 3015 </div> 3016 </div> 3017 </div> 3018 </li> 3019 <@ } @> 3020 </ul> 3021 3022 <@ if(itemsCount > 5) { @> 3023 <div style="text-align: center; margin-top: 10px;"> 3024 <button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 3025 onclick=" 3026 var parentAccordion = this.closest('.accordion-content'); 3027 parentAccordion.style.maxHeight = 'none'; 3028 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 3029 this.style.display = 'none'; 3030 "> 3031 View All 3032 </button> 3033 </div> 3034 <@ } @> 3035 </div> 3036 </div> 3037 </div> 3038 <@ }); @> 3039 <@ if(item.length > 5) { @> 3040 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 3041 <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 3042 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 3043 View All Sessions 3044 </button> 3045 </div> 3046 <@ } @> 3047</div> 3048 </div> 3049</script>
3049 3050 3051 3052 3053 3054 3055 3056<!-- Feedback Template First -->
3057<script type="text/template" id="widget-1-template"> 3058<div class="column full feedbackContainer feedback1 spectre"> 3059<@if(msg){@> 3060 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3061<@}else{@> 3062<div class="avgratingbox"> 3063 <div class="flex-row" > 3064 <div class="is-box-2" > 3065 <p style="color: rgb(247, 247, 247); font-weight: 700!important; font-size: 40px!important; text-align: center; letter-spacing: 3px; padding-bottom: 0px; margin-bottom: 0px; line-height: 1; margin-top: 0px;"> 3066 <@ if(ratings && ratings.avgRating) {@> 3067 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3068 <@}else{@> 3069 0 3070 <@}@> 3071 </p> 3072 <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;"> 3073 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3074 <@if(ratings){@> 3075 <@ if(ratings.avgRating >= ratingsSize) {@> 3076 <i class="icon ion-android-star"></i> 3077 <@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 3078 <i class="icon ion-android-star-half"></i> 3079 <@ } else { @> 3080 <i class="icon ion-android-star-outline"></i> 3081 <@ } @> 3082 <@} else {@> 3083 <i class="icon ion-android-star-outline"></i> 3084 <@}@> 3085 <@}@> 3086 </h5> 3087 <p style="margin: 10px 0 0 !important;text-align: center;line-height: 1;font-size: 30px!important;"><i class="fa-light fa-users t-white"></i> </p> 3088 <p style="margin-bottom: 10px; margin-top: 0px; font-size: 12px!important; letter-spacing: 1px; font-weight: 500!important; color: rgb(247, 247, 247); text-align: center;"> 3089 Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 3090 </p> 3091 </div> 3092 <div class="is-box-9"> 3093 <@ for (i = 0; i < 5; i++) {@> 3094 <div class="box7878"> 3095 <div style="flex:1;"> 3096 <div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes"> 3097 <span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span> 3098 </div> 3099 </div> 3100 <div id="ratingbox"> 3101 <p class="ratings2" style=" line-height: 1;"> 3102 <@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@> 3103 <@if(ratingsSize>i){@> 3104 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3105 <@} else {@> 3106 <i class="fa fa-solid fa-star-sharp"></i> 3107 <@}@> 3108 <@}@> 3109 <span class="t-white"> 3110 <@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @> 3111 </span> 3112 </p> 3113 3114 </div> 3115 </div> 3116 <@}@> 3117 </div> 3118 </div> 3119</div> 3120 <div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" > 3121 <p 3122 style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary"> 3123 Reviews 3124 </p> 3125 3126<div class="review-box" id="createCustomReview" style="display:none"> 3127<div class="flex-row"> 3128 <div class="is-box-2 centerbox"> 3129 <div class="spectre"> 3130 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3131 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3132 </figure> 3133 <@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @> 3134 </div> 3135 </div> 3136 <div class="is-box-10"> 3137 <textarea rows="3" class="form-input" 3138 placeholder="Add your review here"></textarea> 3139 <div class="rating3"> 3140 <p id="rating-stars"> 3141 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3142 class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3143 </p> 3144 3145 <button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3146 data-reviewData="reviewlist" 3147 style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button> 3148 </div> 3149 </div> 3150</div> 3151</div> 3152 3153 <div id="reviewlist"> 3154 <@ $.each(items, function(index, item) { @> 3155 <div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3156 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3157 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3158 <@ } @> 3159 <div class="flex-row"> 3160 <div class="is-box-2 centerbox"> 3161 <div class="spectre"> 3162 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3163 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3164 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3165 <@ } else {@> 3166 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" > 3167 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3168 <@ } @> 3169 </figure> 3170 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3171 </div> 3172 </div> 3173 <div class="is-box-10"> 3174 <div class="rating4"> 3175 <p> 3176 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3177 if(item.rating >= ratingsSize) {@> 3178 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3179 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3180 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3181 <@ } else { @> 3182 <i class="fa fa-solid fa-star-sharp"></i> 3183 <@}@> 3184 <@ }@> 3185 </p> 3186 <p 3187 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3188 <time class="timestamp"
3189 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3190 print(parseDate(item.createdDate.$date)) @></time> 3191 </p> 3192 </div> 3193 <p class="reviewTxt" 3194 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3195 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3196 <div class="comment-tag"> 3197 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3198 </div> 3199 </div> 3200 </div> 3201 </div> 3202 <@ }); @> 3203 </div> 3204 <button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button> 3205</div> 3206<@}@> 3207</script>
3207 3208 3209
3210<script type="text/template" id="feedback-1-item-template"> 3211<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>""> 3212<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3213 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3214<@ } @> 3215<div class="flex-row"> 3216 <div class="is-box-2 centerbox"> 3217 <div class="spectre"> 3218 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3219 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" > 3220 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3221 <@ } else {@> 3222 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" > 3223 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3224 <@ } @> 3225 </figure> 3226 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3227 </div> 3228 </div> 3229 <div class="is-box-10"> 3230 <div class="rating4"> 3231 <p> 3232 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3233 if(item.rating >= ratingsSize) {@> 3234 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3235 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3236 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3237 <@ } else { @> 3238 <i class="fa fa-solid fa-star-sharp-outline"></i> 3239 <@}@> 3240 <@ } @> 3241 </p> 3242 <p 3243 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3244 <time class="timestamp" 3245 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3246 print(parseDate(item.createdDate.$date)) @></time> 3247 </p> 3248 </div> 3249 <p class="reviewTxt" 3250 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3251 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3252 <div class="comment-tag"> 3253 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3254 </div> 3255 </div> 3256</div> 3257</div> 3258</script>
3258 3259 3260 3261<!-- Feedback Template Second -->
3262<script type="text/template" id="feedback-2-template"> 3263<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3264<@if(msg){@> 3265 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3266<@}else{@> 3267<@ if(total > 0 && ratings && ratings.avgRating) {@> 3268<div class="avgratingbox"> 3269<div class="column third"> 3270 <div class="is-card avgRatingContainer" > 3271 <div class="avgRatingInnerContainer"> 3272 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3273 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3274 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3275 <div style="margin-left: 25px;"> 3276 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3277 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3278 <@ if(ratings && ratings.avgRating) {@> 3279 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3280 <@}else{@> 3281 0 3282 <@}@> 3283 </h3> 3284 <p class="avgRatingReviews">/5</p> 3285 </span> 3286 <p class="avgRatingReviews"> 3287 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3288 </p> 3289 </div> 3290 </div> 3291 </div> 3292 </div> 3293</div> 3294</div> 3295<@ } @> 3296<div id="feedback2Reviewlist" class="reviewslist"> 3297 <@ $.each(items, function(index, item) { @> 3298 <@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @> 3299 <@ }); @> 3300 <@}@> 3301</div> 3302<div class="row clearfix"> 3303 <div class="column full"> 3304 <p class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-2-item-template" data-reviewData="feedback2Reviewlist" style="text-align: right; font-size: 14px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none;"> 3305 View more 3306 </p> 3307 </div> 3308</div> 3309</script>
3309 3310
3311<script type="text/template" id="feedback-2-item-template"> 3312 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3313 <div class="is-card avgRatingContainer"> 3314 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3315 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3316 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3317 <@ } @> 3318 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 80px; max-height: 80px; overflow: hidden;"> 3319 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3320 </p> 3321 <div class="reviewerName"> 3322 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px;"> 3323 <@ print(item.userName) @> 3324 </p></div> 3325 3326 <p style="margin: 0px;"> 3327 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3328 <@ if(item.rating >= ratingsSize) {@> 3329 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3330 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3331 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3332 <@ } @> 3333 <@ }@> 3334 </p> 3335 3336 </div> 3337 </div> 3338 </div> 3339</script>
vendor: 1 bytes, line 3339
3339
3340<script type="text/template" id="feedback-2-createTemplate"> 3341 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3342 <div class="is-boxes"> 3343 <div class="is-box-centered"> 3344 <div class="is-container container" style="max-width: 940px;"> 3345 3346 <div class="review-box review-add-box"> 3347 <div class="is-container container is-content-800" > 3348 <div class="row clearfix" > 3349 <div class="column full" > 3350 <h1 style="text-align: center; font-size: 28px; line-height: 1.1; font-weight: 700; letter-spacing: 0px; color: var(--themeColor); margin-bottom: 44px;">Add a review</h1> 3351 </div> 3352 </div> 3353 <div class="textarea-cont"> 3354 <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;"> 3355 <span id="rating-stars"> 3356 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3357 class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3358 </span> 3359 </div> 3360 <textarea class="add-review-textarea" id="reviewText" style="background: transparent;width: 100%; border-width: 0px; padding-right: 28px; padding-bottom: 28px; min-height: 150px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;" placeholder="Add your review here"></textarea> 3361 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3362 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 3363 <@ } @> 3364 </div> 3365 <div style="margin-top: 20px; display: flex; justify-content: flex-end;"> 3366 <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3367 data-reviewData="feedback2Reviewlist" disabled >Submit</button> 3368 </div> 3369 </div> 3370 </div> 3371 </div> 3372 </div> 3373 </div> 3374</div> 3375</script>
3375 3376 3377<!-- Vegas 4th feedback Template--> 3378 3379
3380<script type="text/template" id="feedback-4-template"> 3381 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3382 <@if(msg){@> 3383 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3384 <@}else{@> 3385 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3386 <div class="avgratingbox"> 3387 <div class="column third"> 3388 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3389 <div class="avgRatingInnerContainer"> 3390 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3391 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3392 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3393 <div style="margin-left: 25px;"> 3394 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3395 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3396 <@ if(ratings && ratings.avgRating) {@> 3397 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3398 <@}else{@> 3399 0 3400 <@}@> 3401 </h3> 3402 <p class="avgRatingReviews">/5</p> 3403 </span> 3404 <p class="avgRatingReviews"> 3405 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3406 </p> 3407 </div> 3408 </div> 3409 </div> 3410 </div> 3411 </div> 3412 </div> 3413 <@ } @> 3414 <div id="feedback4Reviewlist" class="reviewslist"> 3415 <@ $.each(items, function(index, item) { @> 3416 <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @> 3417 <@ }); @> 3418 <@}@> 3419 </div> 3420 <div class="row clearfix"> 3421 <div class="column full" style="text-align: center;"> 3422 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-4-item-template" data-reviewData="feedback4Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#FB5607; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3423 View All Reviews 3424 </a> 3425 </div> 3426 </div> 3427 </script>
3427 3428 3429
3429<script type="text/template" id="feedback-4-item-template"> 3430 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3431 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3432 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3433 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3434 <a style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3435 <@ } @> 3436 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3437 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3438 </p> 3439 <div class="reviewerName"> 3440 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3441 <@ print(item.userName) @> 3442 </p></div> 3443 3444 <p style="margin: 0px;"> 3445 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3446 <@ if(item.rating >= ratingsSize) {@> 3447 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i> 3448 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3449 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 3450 <@ } @> 3451 <@ }@> 3452 </p> 3453 3454 </div> 3455 </div> 3456 </div> 3457 </script>
3457 3458
3458<script type="text/template" id="feedback-4-createTemplate"> 3459 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3460 <div class="is-boxes"> 3461 <div class="is-box-centered"> 3462 <div class="is-container container" style="max-width: 1200px;"> 3463 3464 <div class="review-box review-add-box"> 3465 <div class="is-container container is-content-1200" > 3466 <div class="row clearfix" > 3467 <div class="column full" > 3468 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3469 </div> 3470 </div> 3471 <div class="textarea-cont"> 3472 <div style="display:flex; gap:30px;"> 3473 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3474 <div class="review-star1 text-primary" 3475 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3476 <span id="rating-stars" > 3477 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3478 <i class="fa fa-solid fa-star-sharp rating-star" 3479 data-value='<@- ratingsSize @>' 3480 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3481 <@}@> 3482 </span> 3483 </div> 3484 <style></style> 3485 3486 3487 </div> 3488 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3489 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3490 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 3491 <@ } @> 3492 </div> 3493 <div style=" display: flex; justify-content: center;"> 3494 <button style="letter-spacing:0px !important ; background-color:#FB5607;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3495 data-reviewData="feedback4Reviewlist" disabled >Submit</button> 3496 </div> 3497 </div> 3498 </div> 3499 </div> 3500 </div> 3501 </div> 3502 </div> 3503 </script>
3503 3504 3505 3506 3507 3508<!-- Blaze 5th feedback Template-->
3509<script type="text/template" id="feedback-5-template"> 3510 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3511 <@if(msg){@> 3512 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3513 <@}else{@> 3514 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3515 <div class="avgratingbox"> 3516 <div class="column third"> 3517 <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" > 3518 <div class="avgRatingInnerContainer"> 3519 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3> 3520 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3521 <i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i> 3522 <div style="margin-left: 25px;"> 3523 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3524 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;"> 3525 <@ if(ratings && ratings.avgRating) {@> 3526 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3527 <@}else{@> 3528 0 3529 <@}@> 3530 </h3> 3531 <p class="avgRatingReviews" style="color:white;">/5</p> 3532 </span> 3533 <p class="avgRatingReviews" style="color:white;"> 3534 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3535 </p> 3536 </div> 3537 </div> 3538 </div> 3539 </div> 3540 </div> 3541 </div> 3542 <@ } @> 3543 <div id="feedback5Reviewlist" class="reviewslist"> 3544 <@ $.each(items, function(index, item) { @> 3545 <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @> 3546 <@ }); @> 3547 <@}@> 3548 </div> 3549 <div class="row clearfix"> 3550 <div class="column full" style="text-align: center;"> 3551 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-5-item-template" data-reviewData="feedback5Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#D8FD46; color:black; padding:12px 28px; border-radius:0px;text-decoration:none;"> 3552 View All Reviews 3553 </a> 3554 </div> 3555 </div> 3556 </script>
3556 3557 3558 3559
3559<script type="text/template" id="feedback-5-item-template"> 3560 <style> 3561 .template5-review .reviewTxt{ 3562 color:white !important; 3563 } 3564 .template5-review .reviewerName p{ 3565 color:white !important; 3566 } 3567 </style> 3568 <div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>"> 3569 <div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;"> 3570 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;"> 3571 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3572 <a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"> 3573 <i class="material-icons">delete</i> 3574 </a> 3575 <@ } @> 3576 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3577 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3578 </p> 3579 <div class="reviewerName"> 3580 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; "> 3581 <@ print(item.userName) @> 3582 </p> 3583 </div> 3584 3585 <p style="margin: 0px;"> 3586 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @> 3587 <@ if(item.rating >= ratingsSize) { @> 3588 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i> 3589 <@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @> 3590 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i> 3591 <@ } @> 3592 <@ } @> 3593 </p> 3594 </div> 3595 </div> 3596 </div> 3597 </script>
3597 3598 3599
3599<script type="text/template" id="feedback-5-createTemplate"> 3600 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3601 <div class="is-boxes"> 3602 <div class="is-box-centered" style="background:#181818;"> 3603 <div class="is-container container" style="max-width: 1200px;"> 3604 3605 <div class="review-box review-add-box"> 3606 <div class="is-container container is-content-1200" > 3607 <div class="row clearfix" > 3608 <div class="column full" > 3609 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1> 3610 </div> 3611 </div> 3612 <div class="textarea-cont" style="background:transparent"> 3613 <div style="display:flex; gap:30px;"> 3614 <div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div> 3615 <div class="review-star text-primary" 3616 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3617 <span id="rating-stars" > 3618 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3619 <i class="fa fa-solid fa-star-sharp rating-star" 3620 data-value='<@- ratingsSize @>' 3621 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3622 <@}@> 3623 </span> 3624 </div> 3625 3626 3627 </div> 3628 <textarea class="add-review-textarea" id="reviewText" style="color:white;background:#232323;width: 100%; border: 1px solid #636363; padding: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:0px !important" placeholder="Add your review here"></textarea> 3629 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3630 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 3631 <@ } @> 3632 </div> 3633 <div style=" display: flex; justify-content: center;margin-top:20px;"> 3634 <button style="letter-spacing:0px !important ; background-color:#D8FD46;padding:12px 28px !important; border-radius:0px !important; color:black;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3635 data-reviewData="feedback5Reviewlist" disabled >Submit</button> 3636 </div> 3637 </div> 3638 </div> 3639 </div> 3640 </div> 3641 </div> 3642 </div> 3643 </script>
3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659<!-- Nebula Feedback 6--> 3660
3661<script type="text/template" id="feedback-6-template"> 3662 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3663 <@if(msg){@> 3664 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3665 <@}else{@> 3666 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3667 <div class="avgratingbox"> 3668 <div class="column third"> 3669 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3670 <div class="avgRatingInnerContainer"> 3671 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3672 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3673 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #6715FF !important;"></i> 3674 <div style="margin-left: 25px;"> 3675 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3676 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #6715FF !important; line-height: 1.3;"> 3677 <@ if(ratings && ratings.avgRating) {@> 3678 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3679 <@}else{@> 3680 0 3681 <@}@> 3682 </h3> 3683 <p class="avgRatingReviews">/5</p> 3684 </span> 3685 <p class="avgRatingReviews"> 3686 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3687 </p> 3688 </div> 3689 </div> 3690 </div> 3691 </div> 3692 </div> 3693 </div> 3694 <@ } @> 3695 <div id="feedback6Reviewlist" class="reviewslist"> 3696 <@ $.each(items, function(index, item) { @> 3697 <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @> 3698 <@ }); @> 3699 <@}@> 3700 </div> 3701 <div class="row clearfix"> 3702 <div class="column full" style="text-align: center;"> 3703 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-6-item-template" data-reviewData="feedback6Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#6715FF; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3704 View All Reviews 3705 </a> 3706 </div> 3707 </div> 3708 </script>
3708 3709 3710
3710<script type="text/template" id="feedback-6-item-template"> 3711 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3712 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3713 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3714 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3715 <a style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3716 <@ } @> 3717 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3718 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3719 </p> 3720 <div class="reviewerName"> 3721 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3722 <@ print(item.userName) @> 3723 </p></div> 3724 3725 <p style="margin: 0px;"> 3726 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3727 <@ if(item.rating >= ratingsSize) {@> 3728 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i> 3729 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3730 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 3731 <@ } @> 3732 <@ }@> 3733 </p> 3734 3735 </div> 3736 </div> 3737 </div> 3738 </script>
3738 3739
3739<script type="text/template" id="feedback-6-createTemplate"> 3740 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3741 <div class="is-boxes"> 3742 <div class="is-box-centered"> 3743 <div class="is-container container" style="max-width: 1200px;"> 3744 3745 <div class="review-box review-add-box"> 3746 <div class="is-container container is-content-1200" > 3747 <div class="row clearfix" > 3748 <div class="column full" > 3749 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3750 </div> 3751 </div> 3752 <div class="textarea-cont" style="background:transparent"> 3753 <div style="display:flex; gap:30px;"> 3754 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3755 <div class="review-star1 text-primary" 3756 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3757 <span id="rating-stars" > 3758 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3759 <i class="fa fa-solid fa-star-sharp rating-star" 3760 data-value='<@- ratingsSize @>' 3761 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3762 <@}@> 3763 </span> 3764 </div> 3765 <style></style> 3766 3767 3768 </div> 3769 <textarea class="add-review-textarea" id="reviewText" style="background:white;width: 100%; border: 1px solid #c3c0c0; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3770 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3771 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p> 3772 <@ } @> 3773 </div> 3774 <div style=" display: flex; justify-content: center;"> 3775 <button style="letter-spacing:0px !important ; background-color:#6715FF;padding:12px 28px !important;margin-top:30px;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3776 data-reviewData="feedback6Reviewlist" disabled >Submit</button> 3777 </div> 3778 </div> 3779 </div> 3780 </div> 3781 </div> 3782 </div> 3783 </div> 3784 </script>
3784 3785 3786 3787 3788 3789 3790<!-- Olive Feedback 7-->
3791<script type="text/template" id="feedback-7-template"> 3792 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3793 <@if(msg){@> 3794 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3795 <@}else{@> 3796 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3797 <div class="avgratingbox"> 3798 <div class="column third"> 3799 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3800 <div class="avgRatingInnerContainer"> 3801 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3802 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3803 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #064400 !important;"></i> 3804 <div style="margin-left: 25px;"> 3805 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3806 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #064400 !important; line-height: 1.3;"> 3807 <@ if(ratings && ratings.avgRating) {@> 3808 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3809 <@}else{@> 3810 0 3811 <@}@> 3812 </h3> 3813 <p class="avgRatingReviews">/5</p> 3814 </span> 3815 <p class="avgRatingReviews"> 3816 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3817 </p> 3818 </div> 3819 </div> 3820 </div> 3821 </div> 3822 </div> 3823 </div> 3824 <@ } @> 3825 <div id="feedback7Reviewlist" class="reviewslist"> 3826 <@ $.each(items, function(index, item) { @> 3827 <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @> 3828 <@ }); @> 3829 <@}@> 3830 </div> 3831 <div class="row clearfix"> 3832 <div class="column full" style="text-align: center;"> 3833 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-7-item-template" data-reviewData="feedback7Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#064400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3834 View All Reviews 3835 </a> 3836 </div> 3837 </div> 3838 </script>
3838 3839 3840
3840<script type="text/template" id="feedback-7-item-template"> 3841 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3842 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3843 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3844 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3845 <a style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3846 <@ } @> 3847 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3848 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3849 </p> 3850 <div class="reviewerName"> 3851 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3852 <@ print(item.userName) @> 3853 </p></div> 3854 3855 <p style="margin: 0px;"> 3856 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3857 <@ if(item.rating >= ratingsSize) {@> 3858 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i> 3859 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3860 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 3861 <@ } @> 3862 <@ }@> 3863 </p> 3864 3865 </div> 3866 </div> 3867 </div> 3868 </script>
3868 3869
3869<script type="text/template" id="feedback-7-createTemplate"> 3870 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3871 <div class="is-boxes"> 3872 <div class="is-box-centered"> 3873 <div class="is-container container" style="max-width: 1200px;"> 3874 3875 <div class="review-box review-add-box"> 3876 <div class="is-container container is-content-1200" > 3877 <div class="row clearfix" > 3878 <div class="column full" > 3879 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3880 </div> 3881 </div> 3882 <div class="textarea-cont"> 3883 <div style="display:flex; gap:30px;"> 3884 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3885 <div class="review-star1 text-primary" 3886 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3887 <span id="rating-stars" > 3888 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3889 <i class="fa fa-solid fa-star-sharp rating-star" 3890 data-value='<@- ratingsSize @>' 3891 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3892 <@}@> 3893 </span> 3894 </div> 3895 <style></style> 3896 3897 3898 </div> 3899 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3900 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3901 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 3902 <@ } @> 3903 </div> 3904 <div style=" display: flex; justify-content: center;"> 3905 <button style="letter-spacing:0px !important ; background-color:#064400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3906 data-reviewData="feedback7Reviewlist" disabled >Submit</button> 3907 </div> 3908 </div> 3909 </div> 3910 </div> 3911 </div> 3912 </div> 3913 </div> 3914 </script>
3914 3915 3916 3917 3918 3919 <!--Dusk Feedback-8--> 3920
3920<script type="text/template" id="feedback-8-template"> 3921 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3922 <@if(msg){@> 3923 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3924 <@}else{@> 3925 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3926 <div class="avgratingbox"> 3927 <div class="column third"> 3928 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" > 3929 <div class="avgRatingInnerContainer"> 3930 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3931 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3932 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #282400 !important;"></i> 3933 <div style="margin-left: 25px;"> 3934 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3935 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #282400 !important; line-height: 1.3;"> 3936 <@ if(ratings && ratings.avgRating) {@> 3937 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3938 <@}else{@> 3939 0 3940 <@}@> 3941 </h3> 3942 <p class="avgRatingReviews">/5</p> 3943 </span> 3944 <p class="avgRatingReviews"> 3945 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3946 </p> 3947 </div> 3948 </div> 3949 </div> 3950 </div> 3951 </div> 3952 </div> 3953 <@ } @> 3954 <div id="feedback8Reviewlist" class="reviewslist"> 3955 <@ $.each(items, function(index, item) { @> 3956 <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @> 3957 <@ }); @> 3958 <@}@> 3959 </div> 3960 <div class="row clearfix"> 3961 <div class="column full" style="text-align: center;"> 3962 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-8-item-template" data-reviewData="feedback8Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#282400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3963 View All Reviews 3964 </a> 3965 </div> 3966 </div> 3967 </script>
3967 3968 3969
3969<script type="text/template" id="feedback-8-item-template"> 3970 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3971 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; "> 3972 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3973 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3974 <a style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3975 <@ } @> 3976 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3977 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3978 </p> 3979 <div class="reviewerName"> 3980 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3981 <@ print(item.userName) @> 3982 </p></div> 3983 3984 <p style="margin: 0px;"> 3985 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3986 <@ if(item.rating >= ratingsSize) {@> 3987 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i> 3988 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3989 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 3990 <@ } @> 3991 <@ }@> 3992 </p> 3993 3994 </div> 3995 </div> 3996 </div> 3997 </script>
3997 3998
3998<script type="text/template" id="feedback-8-createTemplate"> 3999 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 4000 <div class="is-boxes"> 4001 <div class="is-box-centered"> 4002 <div class="is-container container" style="max-width: 1200px;"> 4003 4004 <div class="review-box review-add-box"> 4005 <div class="is-container container is-content-1200" > 4006 <div class="row clearfix" > 4007 <div class="column full" > 4008 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 4009 </div> 4010 </div> 4011 <div class="textarea-cont"> 4012 <div style="display:flex; gap:30px;"> 4013 <div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div> 4014 <div class="review-star1 text-primary" 4015 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 4016 <span id="rating-stars" > 4017 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 4018 <i class="fa fa-solid fa-star-sharp rating-star" 4019 data-value='<@- ratingsSize @>' 4020 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 4021 <@}@> 4022 </span> 4023 </div> 4024 <style></style> 4025 4026 4027 </div> 4028 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 4029 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 4030 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 4031 <@ } @> 4032 </div> 4033 <div style=" display: flex; justify-content: center;"> 4034 <button style="letter-spacing:0px !important ; background-color:#282400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 4035 data-reviewData="feedback8Reviewlist" disabled >Submit</button> 4036 </div> 4037 </div> 4038 </div> 4039 </div> 4040 </div> 4041 </div> 4042 </div> 4043 </script>
4043 4044 4045 4046 4047<div class="spectre"> 4048<div class="modal" id="reviewModal"> 4049 <a href="javascript:void(0);" class="modal-overlay close" 4050 aria-label="Close"></a> 4051 <div class="modal-container"> 4052 <div class="modal-header"> 4053 <a href="javascript:void(0);" 4054 class="close btn btn-clear float-right" aria-label="Close"></a> 4055 <div class="modal-title h5">Review</div> 4056 </div> 4057 <div class="modal-body" style="max-height: 90vh;padding-top: 0;"> 4058 </div> 4059 </div> 4060 4061 4062 4063</div> 4064 4065 4066</div> 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081
4082<script> 4083 var created_date = `Created Date`; 4084 var uname_msg = `Name`; 4085 var email_msg = `Email`; 4086 var has_web_token = `Has Web Token`; 4087 var has_mobile_token = `Has Mobile Token`; 4088 var actions_msg = `Actions`; 4089 var delete_user = `Delete User`; 4090 var create_target_audience = `Create Target Audience`; 4091 var msg_now = `NOW`; 4092 var msg_now_2 = `Now`; 4093 var msg_scheduled = `SCHEDULED`; 4094 var msg_recurring = `RECURRING`; 4095 var msg_weeks = `weeks`; 4096 var msg_months = `month(s)`; 4097 var msg_days = `days`; 4098 var notification_screen = `Notification Screen`; 4099 var coursepackagelandingpage = `Course/Package landing page`; 4100 var search_course_name = `Search by course/package name`; 4101 var webinar_landing_page = `Webinar landing page`; 4102 var search_by_webinar_name = `Search by webinar name`; 4103 var categorypage = `Category Page`; 4104 var custompage = `Custom Page`; 4105 var blogpage = `Blog Page`; 4106 var customlink = `Custom Link`; 4107 var homepage_msg = `Homepage`; 4108 var search_category = `Search category`; 4109 var search_page_title = `Search by Page title`; 4110 var search_blog_title = `Search by Blog title`; 4111 var enter_the_link = `Enter the link`; 4112 var membership_page = `Membership page`; 4113 var pick_a_date = `Pick a date`; 4114 var pick_first_push_date = `Pick a first push date`; 4115 var every_msg = `Every`; 4116 var starting_msg = `Starting`; 4117 var msg_published = `Published`; 4118 var msg_unpublished = `Unpublished`; 4119 var msg_customize = `Customize`; 4120 var msg_edit = `Edit`; 4121 var msg_featured_image = `Featured Image`; 4122 var msg_preview = `Preview`; 4123 var msg_delete = `Delete`; 4124 var msg_unpublish = `Unpublish`; 4125 var msg_publish = `Publish `; 4126 var msg_question= `questions`; 4127 var try_new_coding_assignment= `Try new coding assignment`; 4128 var change_enrollment_date = `Change Enrollment Date`; 4129 var change_expiry = `Change Expiry`; 4130 var change_remanining_time = `Change Remaining Time`; 4131 var remove_from_course = `Remove From Course`; 4132 var reset_course_progress = `Reset Course Progress`; 4133 var complete_report = `Complete Report`; 4134 var msg_progress = `Progress`; 4135 var timetaken = `Time Taken`; 4136 var msg_user_details = `User Details`; 4137 var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`; 4138 var final_price_note = `Final payable price by learners`; 4139 var save_alert_message = `Save progress before moving forward.`; 4140 var no_chapter_alert_message = `Please add at least one chapter in the course.`; 4141 var download_msg = `Download`; 4142 var revoke_msg = `Revoke`; 4143 var yes_msg = `Yes`; 4144 var no_msg = `No`; 4145 var details_hover = `Details`; 4146 var hide_notification = `Hide Notification`; 4147 var notify_learners_hover = `Notify Learners`; 4148 var search_course_package = `Search Courses to add in this package.`; 4149 var bulk_delete = `Bulk Delete`; 4150 var scheduled_msg = `Scheduled`; 4151 var inprogress_msg = `In Progress`; 4152 var completed_msg = `Completed`; 4153 var yes_all_caps = `YES`; 4154 var no_all_caps = `NO`; 4155 var discount_msg = `Discount`; 4156 var max_discount = `Max Discount`; 4157 var min_cart = `Min Cart`; 4158 var delete_bookmark = `Delete Bookmark`; 4159 var view_question = `View question`; 4160 var msg_free = `Free`; 4161 var membership_expiration_note = `Membership will be canceled on next billing date.`; 4162 var msg_active = `Active`; 4163 var msg_inactive = `Inactive`; 4164 var delete_hover = `Delete`; 4165 var view_hover = `View`; 4166 var coursewise = `Course Wise`; 4167 var learner_wise = `Learner wise`; 4168 var segment_wise = `Segment wise`; 4169 var unregistered_msg = `Unregistered`; 4170 var target_audience_deleted = `Target Audience Deleted`; 4171 var courses_msg = `course(s)`; 4172 var learners_msg = `learner(s)`; 4173 var unregistered_learners = `Unregistered Learner`; 4174 var all_learners = `All Learners`; 4175 var course_wise_learners = `Course wise Learners`; 4176 var segment_wise_learners = `Segment wise Learners`; 4177 var with_token = `with token`; 4178 var segments_msg = `segments`; 4179 var add_users_msg = `Add Users`; 4180 var approx_msg = `Approx`; 4181 var revoke_cancellation_request = `Revoke Cancellation request.`; 4182 var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`; 4183 var schedule_to_stop_subscription = `Schedule to stop Subscription`; 4184 var stop_subscription = `Stop subscription`; 4185 var available_for_review_all_caps = `AVAILABLE FOR REVIEW`; 4186 var reviewed_all_caps = `REVIEWED`; 4187 var rejected_all_caps = `REJECTED`; 4188 var preview_code = `Preview Code`; 4189 var approve_msg = `Approve`; 4190 var reject_msg = `Reject`; 4191 var history_msg = `History`; 4192 var message_hover= `Message`; 4193 var remove_msg= `Remove`; 4194 var enroll_msg= `Enroll`; 4195 var change_validity= `Change Validity`; 4196 var learners_selected= `learner(s) selected`; 4197 var select_all_msg= `Select all`; 4198 var do_you_want_to_delete_course= `Do you really want to delete this course?`; 4199 var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`; 4200 var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`; 4201 var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`; 4202 var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`; 4203 var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`; 4204 var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`; 4205 var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`; 4206 var do_you_want_to_remove_all= `Do you really want to remove all learners?`; 4207 var do_you_want_to_create_zip= `Do you really want to create zip for this course?`; 4208 var do_you_want_to_deactivate= `Do you really want to deactivate?`; 4209 var successfully_done_alert= `Successfully Done.`; 4210 var please_select_atleast_1_learner= `Please select atleast 1 learner !`; 4211 var on_msg= `On`; 4212 var single_correct_option = `Single Correct Option`; 4213 var multiple_correct_options = `Multiple Correct Options`; 4214 var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`; 4215 var match_the_Column = `Match the Column`; 4216 var subjective = `Subjective`; 4217 var your_target_audience_appear= `Your target audience user(s) will appear here`; 4218 var your_upcoming_campaign= `Your upcoming campaign will appear here`; 4219 var status_msg= `Status`; 4220 var stop_campaign= `Stop Campaign`; 4221 var copy_campaign= `Copy Campaign`; 4222 var platform_fee_tax = `platform fees including taxes`; 4223 var pg_fees_taxes = `payment gateway fees including taxes`; 4224 var msg_quiz = `Quiz`; 4225 var msg_livetest = `Live test`; 4226 var msg_heading = `Heading`; 4227 var msg_text = `Text`; 4228 var msg_form = `Form`; 4229 var msg_live_class = `Live class`; 4230 var msg_live_class_rec = `live class recording`; 4231 var msg_code = `Code`; 4232 var msg_assignment = `Assignment`; 4233 var msg_added = `added`; 4234 var msg_about = `About`; 4235 var msg_year = `year`;
4236 var msg_month = `Month`; 4237 var msg_day = `day`; 4238 //var msg_hour = `hh`; 4239 //var msg_minute = `mm`; 4240 //var msg_seconds = `seconds`; 4241 var msg_month_l = `month`; 4242 var msg_day_l = `day`; 4243 var msg_hour_l = `hour`; 4244 var msg_minute_l = `minute`; 4245 var msg_second_l = `second`; 4246 var mobile_number=`Mobile Number`; 4247 var status_android =`Status (ANDROID)`; 4248 var status_ios =`Status (IOS)`; 4249 var delivery_time=`Delivery Time`; 4250 var sure_unhide=`Are you sure you want to unhide this course ?`; 4251 var become_a_partner=`Become a Partner`; 4252 var failed_msg=`Failed`; 4253 var sent_msg=`Sent`; 4254 var pending_msg=`Pending`; 4255 var running_msg=`Running`; 4256 var add_pricing_plan = `Add pricing plan`; 4257 var msg_add = `Add`; 4258 var of_msg = `of`; 4259 var items_msg = `items` 4260 var ago_msg = `ago` 4261 var items_msg = `items`; 4262 4263 var january_msg = `January`; 4264 var february_msg = `February`; 4265 var march_msg = `March`; 4266 var april_msg = `April`; 4267 var may_msg = `May`; 4268 var june_msg = `June`; 4269 var july_msg = `July`; 4270 var august_msg = `August`; 4271 var september_msg = `September`; 4272 var october_msg = `October`; 4273 var november_msg = `November`; 4274 var december_msg = `December`; 4275 var sunday_msg = `Sunday`; 4276 var monday_msg = `Monday`; 4277 var tuesday_msg = `Tuesday`; 4278 var wednesday_msg = `Wednesday`; 4279 var thursday_msg = `Thursday`; 4280 var friday_msg = `Friday`; 4281 var saturday_msg = `Saturday`; 4282 var at_msg = `at`; 4283 var generate_outline = `Generate outline using AI`; 4284 var it_take_min = `It may take a min.`; 4285 var msg_ok = `OK`; 4286 var edit_pricing_plan = `Edit pricing plan`; 4287 4288</script>
4288 4289 4290 4291 4292 4293 4294 4295
4296<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4296 4297
4298<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4298 4299
4300<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4300
4300
4301<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4301
4301
4302<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4302
4302
4303<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4303
4303
4304<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4304
4304
4305<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4305 4306 4307 4308 4309 4310 4311 4312 4313
4314<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4314
4314
4315<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4315
4315
4316<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4316 4317 4318<!--
4318<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4318
4318
4319<script src="https://unpkg.com/tippy.js@6"></script>
4319 -->
4320<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.3.3/umd/popper.js" integrity="sha512-jSMYzs1Iebw2Uew+Y9karoqkqTDEzbqkdttIkHJKh3auQ6aGV7p8b7A3Yo9k/LsMvUFqWt5AV66hfo1OwH4Jjg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 4320
4320
4321<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4321 4322
4323<script type="text/javascript"> 4324 var passwordPolicyRequired = false; 4325 var checkoutV2 = true; 4326 var primaryFieldPhoneEnabled = false; 4327 var orgLanguageCode = ""; 4328 var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 4329</script>
4329 4330
4331<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_006ef97695b7d97b6f665352cee8d2cd.js"></script>
vendor: 1 bytes, line 4331
4331
4332<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4332
4332
4333<script type="text/javascript"> 4334 // Make org object globally available for dateUtils 4335 window.org = window.org || {}; 4336 window.org.currencyCode = "false"=='true'?'USD':'INR'; 4337 var websiteV3Org = false; 4338 var orgCreatedDate = {"$date":"2023-04-20T09:48:38.342Z"}; 4339</script>
4339 4340 4341 4342 4343 4344
4345<script type="text/javascript"> 4346 var trialExpired = "false"; 4347 var planCancelled = "false"; 4348 var isFreePlan = false; 4349 4350</script>
vendor: 1 bytes, line 4350
4350
4351<script type="text/javascript" id="dsf239df"> 4352 var ctx = "/s", 4353 isFirstLogin = "", cjs = CryptoJS; 4354 4355 var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 4356 theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 4357 theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4", 4358 webColor = defaultCoreColor, 4359 CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = false, webNotification = false, 4360 iosPlayVideo = true, 4361 chromeDrmPlayback = false, 4362 gaType = ""; 4363 4364 4365 4366 $("#dsf239df").remove(); 4367</script>
4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 <input type="hidden" id="orgCurrencyCode" value="INR" /> 4377 4378 4379 4380 4381 4382
4382<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4382 4383
4383<script type="text/javascript"> 4384 detectPrivateMode( 4385 function(is_private) { 4386 if(typeof is_private !== 'undefined' && is_private) { 4387 $("input[name=privateMode]").val("private"); 4388 } 4389 } 4390 ); 4391 </script>
4391 4392 4393 4394 4395 4396 4397
4397<script type="text/javascript" 4398 src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4398 4399
4399<script type="text/javascript"> 4400 4401 var ipInfo = localStorage.getItem('ipInfo'); 4402 if(!ipInfo) { 4403 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4404 if(resp) { 4405 var ipInfoStr = JSON.stringify(resp); 4406 var ipInfoField = document.getElementById("ipInfo"); 4407 var countryCode = (resp.country) ? resp.country : "in"; 4408 sessionStorage.setItem('countryCode', countryCode); 4409 if('statusText' in resp) { 4410 if((resp['statusText'] !== 'error') && ('ip' in resp)) { 4411 localStorage.setItem('ipInfo', ipInfoStr); 4412 if(ipInfoField) { 4413 ipInfoField.value = ipInfoStr; 4414 } 4415 } 4416 } 4417 else if('ip' in resp) { 4418 localStorage.setItem('ipInfo', ipInfoStr); 4419 if(ipInfoField) { 4420 ipInfoField.value = ipInfoStr; 4421 } 4422 } 4423 } 4424 }) 4425 } 4426 4427 $("#sphone").intlTelInput({ 4428 initialCountry: "auto", 4429 geoIpLookup: function(callback) { 4430 var scountryCode = sessionStorage.getItem('countryCode'); 4431 4432 if(scountryCode !== null) { 4433 callback(scountryCode); 4434 }else { 4435 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4436 var countryCode = (resp && resp.country) ? resp.country : "in"; 4437 callback(countryCode); 4438 sessionStorage.setItem('countryCode', countryCode); 4439 }); 4440 } 4441 }, 4442 preferredCountries: ["in", "us"], 4443 separateDialCode: true, 4444 utilsScript: "/resources/js/intlUtils.js" 4445 }); 4446 4447 </script>
4447 4448 4449 4450 4451 4452<div class="spectre"> 4453 4454 4455 4456 4457 4458
4458<script type="text/javascript"> 4459 if(top != self) { 4460 //iframe 4461 $(".toast").remove(); 4462 } 4463 </script>
4463 4464 4465 4466</div> 4467 4468 4469 4470<input type="hidden" id="orgCreditAlias" 4471 value="Brenda ganwani Coins" /> 4472 4473 4474 4475 4476 4477
4478<script> 4479 4480 4481 4482 4483 var orgTaxLabel = "GST"; 4484 4485 4486 4487 var sessionCountry = ""; 4488 4489 $(document).ready(function() { 4490 $("input[name='userMobileVerify']").change(function(data){ 4491 var uniqueMobileSwitch = $('#uniqueMobileId'); 4492 if(data.target.value==='true'){ 4493 $('input[name=uniqueMobile]').prop('checked', true) 4494 $('#uniqueMobileLabelId').show(); 4495 }else{ 4496 $('input[name=uniqueMobile]').prop('checked', false) 4497 $('#uniqueMobileLabelId').hide(); 4498 } 4499 }); 4500 }); 4501 4502 4503 4504 4505 localStorage.removeItem('microserviceAuthToken'); 4506 4507 4508 4509 4510 4511 4512 localStorage.removeItem('communityToken'); 4513 4514 4515 4516 4517 4518 4519 localStorage.removeItem('chatRefreshToken'); 4520 4521 4522 4523 4524 4525 4526 localStorage.removeItem('refreshToken'); 4527 4528 4529 4530</script>
4530 4531 4532 4533<!-- amplitude script start --> 4534 4535 4536 4537
4537<script type="text/javascript"> 4538 window.localStorage.removeItem('loginAmplitudeEventSent'); 4539 </script>
4539 4540 4541 4542<!-- amplitude script end --> 4543 4544 4545 <div class="spectre"> 4546 <div class="modal" id="membershipPopupHtml"> 4547 <iframe id="microfe-popup-membership" src="" 4548 style="width: calc(100% + 10px); height: 100vh; border: none;" 4549 onload="$(this).parent().removeClass('loading');"></iframe> 4550 </div> 4551 </div> 4552
4552<script> 4553 function openMembershipPopup(source){ 4554 if(source==='banner'){ 4555 setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1); 4556 } 4557 if(source!=='private'){ 4558 location.href="/membership#"+source; 4559 }else{ 4560 location.href="/private"; 4561 } 4562 } 4563 function openMembershipPopup(source, id){ 4564 if(source==='banner'){ 4565 setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1); 4566 } 4567 if(typeof id !== 'undefined' ){ 4568 location.href="/memberships/"+id+"#"+source; 4569 }else if(source!=='private'){ 4570 location.href="/membership#"+source; 4571 }else{ 4572 location.href="/private"; 4573 } 4574 } 4575 function closeMembershipPopup() { 4576 $("#membershipPopupHtml").removeClass("active"); 4577 $("body").removeClass("overflowYDisable"); 4578 window.location.hash=""; 4579 setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1); 4580 } 4581 $("body").on('click', ".membershipBtn", function() { 4582 openMembershipPopup('nav_bar'); 4583 }); 4584 4585 if(window.location.hash==="#membership"){ 4586 openMembershipPopup(""); 4587 } 4588 4589 </script>
4589 4590 4591 <!-- sending ipInfo data as form data when signing up --> 4592
4592<script type="text/javascript"> 4593 document.addEventListener("DOMContentLoaded", function(event) { 4594 const signupParamsField = document.getElementById("signupParams"); 4595 if(signupParamsField && (window.signupParams)) { 4596 signupParamsField.value = JSON.stringify(window.signupParams); 4597 } 4598 const ipInfo = localStorage.getItem("ipInfo"); 4599 const ipInfoField = document.getElementById("ipInfo"); 4600 if(ipInfo && ipInfoField) { 4601 ipInfoField.value = ipInfo; 4602 } 4603 }); 4604 </script>
4604 4605 4606 4607 <div id="template-container"></div> 4608 4609 4610
4610<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
4610 4611 4612 4613
4613<script type="text/template" id="categoryTemplate"> 4614 <li class="menu-item"><a href="/s/store/courses/<@- label @>"><@- label @></a> 4615 </script>
4615 4616
4616<script type="text/javascript"> 4617 store.init(true); 4618 store.bindEvents(); 4619 </script>
4619 4620
4620<script type="text/javascript"> 4621 window.signupParams = {source: "store", platform: "web", sourceId: null}; 4622 </script>
4622 4623 4624 4625 4626 4627 4628
4628<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
4628 4629
4629<script type="text/javascript"> 4630 var lazyLoadInstance = new LazyLoad({ 4631 unobserve_entered: true, 4632 callback_enter: function(element) { 4633 resizeCdnImage(element); 4634 } 4635 }); 4636 </script>
4636 4637</body> 4638</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.