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