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