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