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