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