1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, user-scalable=no"> 8 <meta http-equiv='cache-control' content='no-cache'> 9 <meta http-equiv='expires' content='0'> 10 <meta http-equiv='pragma' content='no-cache'> 11 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 12 <title>Appointiv</title> 13 14 <!-- Google Tag Manager --> 15
15<script id="gtm-script"> 16 // GTM will be dynamically inserted here by app.js 17 </script>
17 18 <!-- End Google Tag Manager --> 19 20 <!-- Google Analytics 4 - Dynamic --> 21
21<script id="ga4-script"> 22 // GA4 will be dynamically inserted here by app.js 23 </script>
23 24 <!-- End Google Analytics 4 --> 25 26 <!-- Favicons --> 27 <link rel="shortcut icon" href="/common/images/favicon.png"> 28 <!-- Favicons --> 29 <!-- Bootstrap --> 30 <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 31 <link href="/common/css/bootstrap.min.css" rel="stylesheet"> 32 <link href="/common/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> 33 <link href="/common/css/sumoselect.min.css" rel="stylesheet"> 34 <link href="/common/css/style1_4.css?v=4.0" rel="stylesheet"> 35 <link href="/1.9/static4/css/customStyle.css?v=4.0" rel="stylesheet"> 36 <link href="/common/css/calender.css" rel="stylesheet"> 37 <link href="/common/css/slick.css" rel="stylesheet"> 38 <link href="/common/css/slick-theme.css" rel="stylesheet"> 39 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 40 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 41 <!--[if lt IE 9]> 42
42<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
42 43
43<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
43 44 <![endif]--> 45
45<script defer 46 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcyr6v6cSDlJB_1GQ76bA-eXOxVKS8c0k&callback=initMap&libraries=places,marker&v=weekly"></script>
46 47</head> 48 49<body> 50 <!-- Google Tag Manager (noscript) --> 51 <noscript id="gtm-noscript"> 52 <!-- GTM noscript will be dynamically inserted here by app.js --> 53 </noscript> 54 <!-- End Google Tag Manager (noscript) --> 55 56 <div id="waitBox" class="waitingBox"></div><!-- Loader div goes here --> 57 <div class="parentTimeZoneInfoBox"> 58 <div class="alert alert-success timeZoneInfoBox" style="display: none;"> 59 <a href="#" class="close" data-dismiss="alert" aria-label="close"><span 60 class="glyphicon glyphicon-remove"></span></a> 61 <strong>Timezone Changed - </strong> You are seeing appointments in the <strong><span 62 id="clientTimezoneNow"> </span></strong> timezone. 63 </div> 64 </div> 65 <div class="appointiv-container"> 66 <!-- This is popup for changing timezone--> 67 68 <!-- <div class="alert alert-info timeZoneAlertBox" style="display:none;"> --> 69 <!-- <a href="#" class="close" data-dismiss="alert" aria-label="close"><span class="glyphicon glyphicon-remove"></span></a> --> 70 <!-- <strong>Timezone - </strong> You are seeing appointments in <strong> --> 71 <span id="clientTimezoneNotify" style="display: none;"></span> 72 <!-- </strong> time. --> 73 <!-- </div> --> 74 <header style="display:none"> 75 <div class="logo-container container"> 76 <div class="logo"> 77 <img src="/common/images/appointiv-logo.png" alt="logo" /> 78 </div> 79 <!-- <div class="app-heading"> 80 <h1>Book Appointment</h1> 81 </div>--> 82 </div> 83 <nav class="container"> 84 <div class="container mobile-container"> 85 <ul class="progressbar"> 86 <li class="active"> 87 <div class="icon icon-location"></div> 88 <!--<span class="cutomLabelForLocation"></span>--> 89 </li> 90 <li> 91 <div class="icon icon-appointment"></div> 92 <!--<span></span>--> 93 </li> 94 <li> 95 <div class="icon icon-practitioner"></div> 96 <!--<span class="cutomLabelForPractitioner"></span>--> 97 </li> 98 <li> 99 <div class="icon icon-availability"></div> 100 <!--<span></span>--> 101 </li> 102 <li> 103 <div class="icon icon-details"></div> 104 <!--<span></span>--> 105 </li> 106 </ul> 107 </div> 108 </nav> 109 <div class="top-bar-info"> 110 <div class="initial-info"> 111 <div class="initial-text">Your appointment summary will appear here as you make selections below 112 </div> 113 <div class="main-flex-div"> 114 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src=""></div> 115 <div class="appointment-sum-data"> 116 <div> 117 <div class="tab-bar appointmentType-summary-cont"> 118 <div class="appointiment-category"></div> 119 <div class="appointiment-type"></div> 120 121 </div> 122 <div class="tab-bar preactitioner-summary-cont"> 123 124 <div class="sp-name"></div> 125 126 </div> 127 </div> 128 <div class="tab-bar location-summary-cont"> 129 <div class="location"></div> 130 <div class="location-address"></div> 131 132 </div> 133 134 <div class="appTyp-final-data"> 135 <div> 136 <div class="tab-bar appointmentType-summary-cont"> 137 <div class="appointiment-category"></div> 138 <div class="appointiment-type"></div> 139 </div> 140 <div class="tab-bar preactitioner-summary-cont"> 141 <div class="sp-name"></div> 142 </div> 143 </div> 144 <div class="tab-bar location-summary-cont"> 145 <div class="location"></div> 146 <div class="location-address"></div> 147 </div> 148 149 </div> 150 </div> 151 </div> 152 <div class="go-back-class"> 153 154 <span class="isShowWarningPopup backButton go-back-step-1" data-showwarningpopup="false" 155 data-showpageofindex="1" style="display: none!important;"> 156 < Back</span> 157 <span class="isShowWarningPopup backButton go-back-step-2" data-showwarningpopup="false" 158 data-showpageofindex="2" style="display: none!important;"> 159 < Back</span> 160 <span class="isShowWarningPopup backButton go-back-step-3" 161 data-showwarningpopup="false" data-showpageofindex="3" 162 style="display: none!important;"> 163 < Back</span> 164 <span class="isShowWarningPopup backButton go-back-step-4" 165 data-showwarningpopup="false" data-showpageofindex="4" 166 style="display: none!important;"> 167 < Back</span> 168 <span class="isShowWarningPopup backButton go-back-step-5" 169 data-showwarningpopup="false" data-showpageofindex="5" 170 style="display: none!important;"> 171 < Back</span> 172 173 </div>
174 </div> 175 176 177 </div> 178 </header> 179 <section class="main-container" style="display:none"> 180 <div class="container app-body"> 181 182 <!--Step one block--> 183 <!-- <div id="step1Section" class="stepSection"> 184 <div class="page-head-section"> 185 <h3 class="page-heading"><span class="icon icon-location"></span> Select <span class="cutomLabelForLocation">Location for your Appointment</span></h3> 186 </div> 187 <div class="col-md-12 location-tab" id="locContainer"> 188 <ul id="locationSelectionList"> 189 <!-- locationList_template renders here --> 190 <!-- </ul> 191 </div> 192 </div> --> 193 <div id="step1Section" class="stepSection"> 194 <div id="step1CriteriaDetail"> 195 <h3 class="page-heading"><span class="icon icon-location"></span>Select <span 196 class="cutomLabelForLocation">Location</span></h3> 197 <div class="col-md-12 location-tab" id="locContainer"> 198 <!-- <ul id="locationSelectionList"> --> 199 <!-- locationList_template renders here --> 200 <!-- </ul> --> 201 </div> 202 </div> 203 </div> 204 <!--Step one block end--> 205 206 207 <!--Step two block--> 208 <div id="step2Section" class="stepSection" style="display:none;"> 209 <div id="step2SelectedRecords"> 210 211 </div> 212 213 <div id="step2CriteriaDetail"> 214 215 </div> 216 </div> 217 <!--Step two block end--> 218 219 <!--Step three block--> 220 <div id="step3Section" class="stepSection" style="display:none;"> 221 <div id="step3SelectedRecords"> 222 223 </div> 224 225 <div id="step3SelectedRecords-1"> 226 227 </div> 228 229 <div id="step3CriteriaDetail"> 230 231 </div> 232 </div> 233 <!--Step three block end--> 234 235 <!--Step four block --> 236 <div id="step4Section" class="stepSection" style="display:none;"> 237 <div class="availability-tab"> 238 239 <!--<h3 class="page-heading">Check Availability</h3> 240 <h5 class="select-date">Select a Date and Available Times Will Appear Below</h5>--> 241 <div class="col-md-6 calendar-view"> 242 <div class="change-date-btn"><button class="book-appointment-btn">Change Date</button></div> 243 <span class="calendar-text select-date-text">Select Date</span> 244 <div class="calendar"> 245 <div class="calendar-container"> 246 <header> 247 <h2 class="month"></h2> 248 <div class="btn-prev"><i class="icon icon-angle-left" aria-hidden="true"></i> 249 </div> 250 <div class="btn-next"><i class="icon icon-angle-right" aria-hidden="true"></i> 251 </div> 252 </header> 253 <table id="appointmentCalCont"> 254 <thead class="event-days"> 255 <tr></tr> 256 </thead> 257 <tbody class="event-calendar"></tbody> 258 </table> 259 </div> 260 <div class="smalloverlay" style="display:none"></div> 261 </div> 262 <div class="timeZoneAlertBox-2" style="display:block; margin-top: -5%;"> 263 <span class="glyphicon glyphicon-globe"></span> 264 <strong>Timezone - </strong> You are seeing appointments in 265 <strong> 266 <span id="clientTimezoneNotify-2"></span> 267 </strong> time. <a href="Javascript:void(0);" class="changeTimeZoneButton"> Change</a> 268 </div> 269 </div> 270 <div class="col-md-6 calendar-details"> 271 <div class="time-head"> 272 <span class="calendar-text">Select Time</span> 273 <h3 id="dateSelected"></h3> 274 </div> 275 <div class="col-md-12 col-sm-12 col-xs-12 am-timeslot-section"> 276 <div class="col-md-12 tm-slot"> 277 <!--<span class="morning"></span>--> 278 <!-- <span class="morning-txt">AM</span> --> 279 </div> 280 <div class="smalloverlay-two"></div> 281 <div class="timeslot-main col-md-12"> 282 <div class="slickSlider" id="morningAppointmentSlots"></div> 283 <!-- <div class="slickSlider" id="eveningAppointmentSlots"></div> --> 284 </div> 285 </div> 286 287 <!-- <div class="col-md-6 col-sm-6 col-xs-12"> 288 <div class="col-md-12 tm-slot"> 289 <span class="evening"></span> 290 <span class="morning-txt">PM</span> 291 </div> 292 <div class="timeslot-main col-md-12"> 293 <div class="slickSlider" id="eveningAppointmentSlots"></div> 294 </div> 295 </div> --> 296 <div class="control-group"> 297 </div> 298 </div> 299 </div>
300 </div> 301 <!--Step four block end--> 302 303 <!--Step fifth block --> 304 <div id="step5Section" class="stepSection" style="display:none;"> 305 306 <!--<div class="tab-bar availability-summary-cont"> 307 <div class="col-md-2"> 308 <h3>Availability</h3> 309 </div> 310 <div class="col-md-10"> 311 <h3>Physiotherapy </h3> 312 <span>| - 1.30 hr session | $150</span> 313 </div> 314 </div>--> 315 316 <!-- for google map html start///////////////////////////////////////////////// --> 317 318 <div id="map" style="display: none;"></div> 319 <div id="infowindow-content"> 320 <span id="place-name" class="title"></span><br /> 321 <span id="place-address"></span> 322 </div> 323 324 <!-- 325 The `defer` attribute causes the script to execute after the full HTML 326 document has been parsed. For non-blocking uses, avoiding race conditions, 327 and consistent behavior across browsers, consider loading using Promises. See 328 https://developers.google.com/maps/documentation/javascript/load-maps-js-api 329 for more information. 330 --> 331 332 <!-- for google map html ended///////////////////////////////////////////////// --> 333 <div class="page-head-section"> 334 <h3 class="page-heading" style="color: rgb(109, 208, 86);"><span 335 class="icon icon-details"></span>Enter Details</h3> 336 </div> 337 <!-- <div class="pac-card" id="pac-card"> --> 338 <!-- <div> 339 <div id="title">Autocomplete search</div> 340 <div id="type-selector" class="pac-controls"> 341 <input 342 type="radio" 343 name="type" 344 id="changetype-all" 345 checked="checked" 346 /> 347 <label for="changetype-all">All</label> 348 349 <input type="radio" name="type" id="changetype-establishment" /> 350 <label for="changetype-establishment">establishment</label> 351 352 <input type="radio" name="type" id="changetype-address" /> 353 <label for="changetype-address">address</label> 354 355 <input type="radio" name="type" id="changetype-geocode" /> 356 <label for="changetype-geocode">geocode</label> 357 358 <input type="radio" name="type" id="changetype-cities" /> 359 <label for="changetype-cities">(cities)</label> 360 361 <input type="radio" name="type" id="changetype-regions" /> 362 <label for="changetype-regions">(regions)</label> 363 </div> 364 <br /> 365 <div id="strict-bounds-selector" class="pac-controls"> 366 <input type="checkbox" id="use-location-bias" value="" checked /> 367 <label for="use-location-bias">Bias to map viewport</label> 368 369 <input type="checkbox" id="use-strict-bounds" value="" /> 370 <label for="use-strict-bounds">Strict bounds</label> 371 </div> 372 </div> --> 373 <!-- <div id="pac-container"> 374 </div> --> 375 <!-- </div> --> 376 <!-- <input id="pac-input" class="question" type="text" placeholder="Enter a location" /> --> 377 <div class="details"> 378 <form id="userDetailsForm" name="userDetailsForm"> 379 <!-- <div class="user-card-list" style="display:none;"></div> 380 <div class="user-contact-info-list" style="display:none;"></div> 381 382 <div class="row"> 383 <div class="col-md-12"> 384 <div class="center-content col-md-8"> 385 <ul class="fieldset_list"> 386 fieldset_template render here 387 </ul> 388 <ul class="hide relatedIdfield"> 389 390 </ul> 391 <ul class="event-fieldset"> 392 <li id="userNoteCont"> 393 <input type="text" class="question custom_down" autocomplete="off" id="additionalNotes" name="additionalNotes" onkeyup="makeNotesRemainingchars()" maxlength="250" /> 394 <label for="additionalNotes"><span>Note (Optional)</span></label> 395 <p id="showremainingtext"></p> 396 </li> 397 </ul> 398 <ul class="attachmentContainer"> 399 <li> 400 <input type="file" class="question custom_up" id="attachment" name="attachment" multiple="multiple"/> 401 <label for="attachment"><span>Attachment (Optional)</span></label> 402 </li> 403 </ul> 404 </div> 405 </div> 406 </div> 407 408 <div class="clearfix"></div> 409 410 <div class="row"> 411 <div class="col-md-12"> 412 <div class="center-content col-md-8"> 413 <div class="addUserBtnContainer"> 414 <!-- <button id="addUserBtn" title="Add one more Person"></button> --> 415 <!-- 416 <button class="btn" id="addUserBtn" type="button" title="Add one more guest">Add Guest</button> 417 </div> 418 <div class="control-group customer-form-add-list" style="padding-top: 13px;"> 419 420 <div id="addToWaitlistCont" class="showWishlist" style="display: none;"> 421 <label class="control control--checkbox"> 422 Add me to the waitlist in case an earlier appointment becomes available 423 <input type="checkbox" id="addWishCheck" name="addToWaitlist" />
424 <span class="control__indicator"></span> 425 </label> 426 <p id="addWishMsg" style="display:none;">We'll notify you if an earlier appointment becomes available.</p> 427 </div> 428 <label class="control control--checkbox"> 429 <div class="divTC">Terms & Conditions</div> 430 <input type="checkbox" id="termsAndCondFlag" name="termsAndCondFlag" /> 431 <span class="control__indicator"></span> 432 </label> 433 <div class="terms-condition" id="termsAndConditionText">Lorem ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem ipsumdolor sit amet, consecture adipicing elit. Ut euLorem ipsumdolor sit amet, consecture adipicing elit. Ut eu</div> 434 435 </div> 436 </div> 437 </div> 438 </div> 439 440 <div class="row"> 441 <div class="col-md-12"> 442 <div class="center-content col-md-8" align="center"> 443 <div class="divRecaptchaMain"> 444 <div id="recaptchaContainer"> 445 <div class="g-recaptcha" id="gCaptcha" data-theme="light" data-sitekey="6LdYv6IUAAAAAFTugZdg9yVbwEJiZrv2gYUdedEs" style="transform:scale(0.93);-webkit-transform:scale(0.93);transform-origin:0 0;-webkit-transform-origin:0 0;"></div> 446 <input type="hidden" name="hiddenRecaptcha" id="hiddenRecaptcha"> 447 </div> 448 </div> 449 </div> 450 </div> 451 </div> 452 453 <div class="row"> 454 <div class="col-md-12"> 455 <div class="center-content col-md-8" align="center"> 456 <div class="divBookAppointment"> 457 <button class="book-appointment-btn" id="confirmAppointmentBtn" type="button">Book Appointment</button> 458 </div> 459 </div> 460 </div> 461 </div> --> 462 463 <div class="row"> 464 <div class="col-md-6"> 465 466 467 <div class="user-card-list" style="display:none;"></div> 468 <div class="user-contact-info-list" style="display:none;"></div> 469 470 <div class="row"> 471 <div class="col-md-12"> 472 <div class="center-content"> 473 <ul class="fieldset_list"> 474 fieldset_template render here 475 </ul> 476 <ul class="hide relatedIdfield"> 477 478 </ul> 479 480 <!-- <div class="form-row"> 481 <div class="form-group full-width"> 482 <label for="pac-input">Street Name</label> 483 <input id="street" type="text" placeholder="Enter a location"/> 484 </div> 485 </div> 486 <div class="form-row"> 487 <div class="form-group"> 488 <label for="city">City</label> 489 <input id="city" type="text" placeholder="City" /> 490 </div> 491 492 <div class="form-group"> 493 <label for="state">State</label> 494 <input id="state" type="text" placeholder="State" /> 495 </div> 496 </div> 497 498 <div class="form-row"> 499 <div class="form-group"> 500 <label for="postal-code">Postal Code</label> 501 <input id="postal-code" type="text" placeholder="Postal Code" /> 502 </div> 503 504 <div class="form-group"> 505 <label for="country">Country</label> 506 <input id="country" type="text" placeholder="Country" /> 507 </div> 508 </div> --> 509 510 <ul class="event-fieldset"> 511 <li id="userNoteCont"> 512 <input type="text" class="question custom_down" 513 autocomplete="off" id="additionalNotes" 514 name="additionalNotes" onkeyup="makeNotesRemainingchars()" 515 maxlength="250" /> 516 <label for="additionalNotes"><span>Note 517 (Optional)</span></label> 518 <p id="showremainingtext"></p> 519 </li> 520 </ul> 521 <ul class="attachmentContainer"> 522 <li> 523 <input type="file" class="question custom_up" id="attachment" 524 name="attachment" multiple="multiple" /> 525 <label for="attachment"><span>Attachment 526 (Optional)</span></label> 527 </li> 528 </ul> 529 </div> 530 </div> 531 </div> 532 533 <div class="clearfix"></div> 534 </div> 535 <div class="col-md-6"> 536 <div class="row"> 537 <div class="col-md-12"> 538 <div class="center-content"> 539 <div class="addUserBtnContainer"> 540 <!-- <button id="addUserBtn" title="Add one more Person"></button> --> 541 <button class="btn" id="addUserBtn" type="button" 542 title="Add one more guest">Add Guest</button> 543 </div> 544 <div class="control-group customer-form-add-list"> 545 546 <div id="addToWaitlistCont" class="showWishlist" 547 style="display: none;"> 548 <label class="control control--checkbox"> 549 Add me to the waitlist in case an earlier appointment 550 becomes available 551 <input type="checkbox" id="addWishCheck" 552 name="addToWaitlist" /> 553 <span class="control__indicator"></span> 554 </label> 555 <p id="addWishMsg" style="display:none;">We'll notify you if an 556 earlier appointment becomes available.</p> 557 </div> 558 <label class="control control--checkbox"> 559 <div class="divTC">Terms & Conditions</div> 560 <input type="checkbox" id="termsAndCondFlag" 561 name="termsAndCondFlag" /> 562 <span class="control__indicator"></span> 563 </label> 564 <div class="terms-condition" id="termsAndConditionText">Lorem 565 ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem 566 ipsumdolor sit amet, consecture adipicing elit. Ut eu Lorem 567 ipsumdolor sit amet, consecture adipicing elit. Ut euLorem 568 ipsumdolor sit amet, consecture adipicing elit. Ut eu</div> 569 570 </div> 571 </div> 572 </div> 573 </div> 574 575 <div class="row"> 576 <div class="col-md-12"> 577 <div class="center-content"> 578 <div class="divRecaptchaMain"> 579 <div id="recaptchaContainer"> 580 <div class="g-recaptcha" id="gCaptcha" data-theme="light" 581 data-sitekey="" 582 style="transform:scale(0.93);-webkit-transform:scale(0.93);transform-origin:0 0;-webkit-transform-origin:0 0; display: none;"> 583 </div> 584 <input type="hidden" name="hiddenRecaptcha" 585 id="hiddenRecaptcha"> 586 </div> 587 </div> 588 </div> 589 </div> 590 </div> 591 592 <div class="row"> 593 <div class="col-md-12"> 594 <div class="center-content"> 595 <div class="divBookAppointment"> 596 <button class="book-appointment-btn" id="confirmAppointmentBtn" 597 type="button">Book Appointment</button> 598 </div> 599 </div> 600 </div> 601 </div> 602 </div> 603 </div> 604 </form> 605 </div>
606 </div> 607 <!--Step fifth block end--> 608 609 <!--Step sixth start end--> 610 <div id="step6Section" class="stepSection" style="display:none;"> 611 <div class="col-md-2"> 612 </div> 613 <div class="col-md-8 success-box"> 614 <h3 id="appBookedSuccessMsg">Hi Robert, your Appointment is booked!</h3> 615 <div style="max-width: 367px;margin: 0 auto;padding-top:1px;"> 616 <div class="doctor-name"> 617 <!-- <span class="icon icon-practitioner bookedIcons"></span> --> 618 <p align="center"> 619 <img src="/common/images/img01.png" alt="" style="max-width: 80px;" /> 620 </p> 621 <p id="sum_practitionerName" align="center" style="display:none;">Dr. Bily Clements</p> 622 </div> 623 <div class="address-timing"> 624 <div class="address-data"> 625 <span class="icon icon-appointment bookedIcons"></span><span 626 id="sum_appTypeName">Physiotherapy <br> 627 <p class="subHeading"> 1.30 hr | $150 </p> 628 </span> 629 </div> 630 <div class="address-data loc-data-section"> 631 <span class="icon icon-location bookedIcons"></span> 632 <div class="address-data-text"> 633 <span id="sum_add1">Melebourne</span> 634 <p class="subHeading"><span id="sum_add2">4945, Bel Meadow Drive, Riverside, CA 635 92507</span></p> 636 </div> 637 </div> 638 <div class="address-data"> 639 <span class="icon icon-availability bookedIcons"></span> 640 <div class="address-data-text"> 641 <span id="sum_bookedDate">Today, 22<sup>nd</sup> August </span> 642 <p class="subHeadingBookedTime" style="padding-left: 20px;margin: 0px;"> 643 <span id="sum_bookedTime"> 10:00 AM </span> 644 </p> 645 </div> 646 </div> 647 <div class="address-data location-timezone-section" style="display: none;"> 648 <span class="icon icon-location bookedIcons"></span> 649 <div class="address-data-text"> 650 <span id="sum_add1" class="location-timezone">Melebourne</span> 651 </div> 652 </div> 653 </div> 654 <p align="center"><button class="book-new-appointment">Book Another Appointment</button></p> 655 </div> 656 </div> 657 <div class="col-md-2"> 658 </div> 659 </div> 660 <!--Step sixth block end--> 661 </div> 662 </section> 663 <footer class="container" style="display:none"> 664 <div class="container"> 665 <span>Powered by</span> 666 <span class="footer-logo"> <img src="/common/images/poweredby.png" alt="" /></span> 667 <span id="footerDynamicText">© Appointiv 2016. All Rights Reserved.</span> 668 </div> 669 </footer> 670 </div> <!--end appointiv-container--> 671 672 673 <!-- Book Appointment Modal --> 674 <div id="appointmentBookedSuccessModal" class="modal fade custom-popup" role="dialog"> 675 <div class="modal-dialog"> 676 <!-- Modal content--> 677 <div class="modal-content"> 678 <div class="modal-body"> 679 <h3 id="appBookedSuccessMsg">Hi Robert, your Appointment is booked!</h3> 680 <div class="doctor-name"> 681 <span> 682 <img src="/common/images/img01.png" alt="" style="max-width: 55px;" /> 683 </span> 684 <span id="sum_practitionerName">Dr. Bily Clements</span> 685 </div> 686 <div class="address-timing"> 687 <span id="sum_add1">Melebourne</span> 688 <span id="sum_add2">4945, Bel Meadow Drive, Riverside, CA 92507</span> 689 <span id="sum_bookedDate">Today, 22<sup>nd</sup> August at 10.00 am</span> 690 <span id="sum_bookedTime"></span> 691 <span id="sum_appTypeName">Physiotherapy - 1.30 hr | $150</span> 692 </div> 693 </div> 694 <div class="modal-footer"> 695 <button type="button" class="btn btn-default success-btn" data-dismiss="modal">OK</button> 696 </div> 697 </div> 698 </div> 699 </div> 700 <!-- Book Appointment Modal End--> 701 702 703 <!-- Edit Modal --> 704 <div id="changesLostWarningModal" class="modal fade custom-popup editpopup" role="dialog"> 705 <div class="modal-dialog"> 706 707 <!-- Modal content--> 708 <div class="modal-content"> 709 <div class="modal-body"> 710 <h2>Changes not saved. Continuing will delete your changes.</h2> 711 </div> 712 <div class="modal-footer"> 713 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 714 <button type="button" id="looseChangesContinue" class="btn btn-default" 715 data-dismiss="modal">Continue</button> 716 </div> 717 </div> 718 719 </div> 720 </div>
721 <!-- Edit Modal End--> 722 723 <!-- Edit Modal --> 724 <div id="errorHandlerModal" class="modal fade custom-popup editpopup" role="dialog"> 725 <div class="modal-dialog"> 726 727 <!-- Modal content--> 728 <div class="modal-content"> 729 <div class="modal-header"> 730 <h2>Error from Server</h2> 731 </div> 732 <div class="modal-body"> 733 <h2></h2> 734 </div> 735 <div class="modal-footer"> 736 <button type="button" class="btn btn-default" data-dismiss="modal" id="errorHandlerModalOk">Ok</button> 737 </div> 738 </div> 739 740 </div> 741 </div> 742 <!-- Edit Modal End--> 743 744 <!-- No times are available Modal --> 745 <div id="NoTimeSlotsAvailableModal" class="modal fade custom-popup editpopup" role="dialog"> 746 <div class="modal-dialog modal-dialog-centered"> 747 <!-- Modal content--> 748 <div class="modal-content"> 749 <div class="modal-header"> 750 <h2 style="color: red;">Sorry... we couldn't find any available times</h2> 751 </div> 752 <div class="modal-body" style="text-align: center;"> 753 <b>Please change your selections and try again.</b> 754 </div> 755 <div class="modal-footer"> 756 <button type="button" class="btn btn-default" data-dismiss="modal" data-backstage="goBack" id="errorHandlerModalOk2" >Ok</button> 757 </div> 758 </div> 759 760 </div> 761 </div> 762 <!-- No times are available Modal End--> 763 764 <!-- Select TimeZone Modal --> 765 <div id="ChangeTimeZoneModal" class="modal fade custom-popup editpopup" role="dialog"> 766 <div class="modal-dialog modal-dialog-centered"> 767 <!-- Modal content--> 768 <div class="modal-content"> 769 <div class="modal-header cModalHeader"> 770 <h4 align="center">Select time zone</h4> 771 </div> 772 <div class="modal-body" style="text-align: center;"> 773 <p> 774 <select class="timeZone_Selector"></select> 775 </p> 776 </div> 777 <div class="modal-footer"> 778 <button type="button" class="btn btn-default chnagedTimeZone" data-dismiss="modal">Save</button> 779 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 780 </div> 781 </div> 782 783 </div> 784 </div> 785 <!-- No times are available Modal End--> 786 787 <!-- Underscore templates starts --> 788 <!--
788<script id="locationList_template" type="text/html"> 789 <h3 class="page-heading">Select <span class="cutomLabelForLocation">Location</span></h3> 790 <%// console.log("Data",data) %> 791 <div class="col=md-12 location-tab"> 792 <% for(var loc in data){ 793 var locObj = data[loc];%> 794 <%// console.log("locObj",locObj.id) %> 795 <li data-id="<%- locObj.id %>" data-address="<%- locObj.address %>"> 796 <span><%= locObj.name %></span> 797 <span class="textDeviderPipe"> - </span> 798 <span><%= locObj.address %></span> 799 </li> 800 <% } %> 801 </div> 802 </script>
802 --> 803 804
804<script id="locationList_template" type="text/html"> 805 <h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3> 806 <div class="col-md-12 location-tab"> 807 <ul id="locationSelectionList"> 808 <% _.each(data, function(locObj){ %> 809 <% if(locObj.timeZoneKey){ %> 810 <li data-id="<%- locObj.locationId %>" data-address="<%- locObj.locationAddress %>" data-timezonekey="<%- locObj.timeZoneKey %>"> 811 <% }else{ %> 812 <li data-id="<%- locObj.locationId %>" data-address="<%- locObj.locationAddress %>" data-timezonekey="<%- locObj.locationTimeZoneKey %>"> 813 <% } %> 814 815 <span><%= locObj.locationName %></span> 816 <span class="textDeviderPipe"> - </span> 817 <span><%= locObj.locationAddress %></span> 818 </li> 819 <% }); %> 820 </ul> 821 </div> 822 </script>
822 823 824
824<script id="locationList_template_2" type="text/html"> 825 <div class="col-md-12 location-tab"> 826 <ul id="locationSelectionList"> 827 <% _.each(data, function(locObj){ %> 828 <li data-id="<%- locObj.id %>" data-address="<%- locObj.address %>" data-timezonekey="<%- locObj.timeZoneKey %>"> 829 <span><%= locObj.name %></span> 830 <span class="textDeviderPipe"> - </span> 831 <span><%= locObj.address %></span> 832 </li> 833 <% }); %> 834 </ul> 835 </div> 836 </script>
836 837 838
838<script id="practitionerList_template" type="text/html"> 839 840 <h3 class="page-heading"><span class="icon icon-practitioner"></span>Select <span class="cutomLabelForPractitioner">Practitioner</span></h3> 841 <div> 842 <div class="select-partitioner"> 843 <ul id="practitionerSelectionList"> 844 <% 845 // console.log('test to check url ', document.location.origin, selectedCriteria.isFirstAvaialbleSelected); 846 847 // First Available logic - moved to the top for proper sorting 848 var shouldShowFirstAvailable = false; 849 if(selectedCriteria.isFirstAvaialbleSelected && appointmentDetailObj.appointmentType.maxparticipant > 0){ 850 if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - First Dose')){ 851 if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - Second Dose')){ 852 if((document.location.origin != 'https://kpgtaxation.appointiv.com')){ 853 shouldShowFirstAvailable = true; 854 }}} 855 } else if(data.length > 1 && appointmentDetailObj.appointmentType.maxparticipant > 0){ 856 if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - First Dose')){ 857 if((appointmentDetailObj.appointmentType.name != 'Pfizer 12 years+ - Second Dose')){ 858 if(document.location.origin != 'https://kpgtaxation.appointiv.com'){ 859 shouldShowFirstAvailable = true; 860 }}} 861 } 862 863 if(shouldShowFirstAvailable){ %> 864 <li data-id="Any" data-name="First Available" data-timeslot="00:00;00:15;00:30;00:45"> 865 <div class="service-provider-li-content"> 866 <span></span> 867 <h3 style="margin-bottom:20px;">First Available</h3> 868 </div> 869 </li> 870 <% } 871 872 if(!selectedCriteria.isFirstAvaialbleSelected){ 873 var currentTime = sessionStorage.getItem('profileCacheKey') || new Date().getTime(); 874 sessionStorage.setItem('profileCacheKey', currentTime); 875 if(showProfilePicture){ 876 _.each(data, function(dObj){ 877 %> 878 <li data-id="<%- dObj.id %>" data-name="<%- dObj.name %>" data-timeslot="<%- dObj.timeSlot %>"> 879 <div class="service-provider-li-content"> 880 <% if(dObj.profilePic.match("images/noProfilePic.png")){ %> 881 <span><img src="<%- dObj.profilePic %>" alt="" class="sp-profile-image" /></span> 882 <% }else{ %> 883 <span><img src="<%- dObj.profilePic %>&date=<%- currentTime %>" alt="" class="sp-profile-image" /></span> 884 <% } %> 885 <h3><%= dObj.name %></h3> 886 <% if(dObj.appointivBookingFormDescription){ %> 887 <p><%- dObj.appointivBookingFormDescription %></p> 888 <% } %> 889 </div> 890 </li> 891 <% }); 892 }else{ 893 _.each(data, function(dObj){ 894 %> 895 <li data-id="<%- dObj.id %>" data-name="<%- dObj.name %>" data-timeslot="<%- dObj.timeSlot %>"> 896 <div class="service-provider-li-content"> 897 <h3><%= dObj.name %></h3> 898 <% if(dObj.appointivBookingFormDescription){ %> 899 <p><%- dObj.appointivBookingFormDescription %></p> 900 <% } %> 901 </div> 902 </li> 903 <% }); 904 } 905 } 906 907 %> 908 </ul> 909 </div> 910 </div> 911 </script>
911 912 913 914 915
915<script id="categoryAppTypeAccordion_template" type="text/html"> 916 <h3 class="page-heading"><span class="icon icon-appointment"></span>Select <span class="cutomLabelForAppointment">Appointment</span></h3> 917 <div class="accordion-list"> 918 <div class="panel-group" id="accordion"> 919 <% 920 var mainData = data; 921 var data = data.categories; 922 var In_class = ''; 923 var activeSccordion = ''; 924 if(mainData.areaExpanded){ 925 In_class = 'in'; 926 activeSccordion = 'accordian-active'; 927 } 928 %> 929 <% 930 let sortedArray1= data.sort(function(a, b) { 931 return a.name.localeCompare(b.name); 932 }); 933 //console.log('data check on catgeory ', data); 934 // console.log('sortedArray1 ', sortedArray1); 935 _.each(sortedArray1, function(dObj, index){ 936 if(dObj && dObj.appointmentTypes && dObj.appointmentTypes.length > 0){ 937 %> 938 <div class="panel panel-default"> 939 <div class="panel-heading <%- activeSccordion %>"> 940 <a data-toggle="collapse" data-parent="#accordion" href="#<%- dObj.id %>" aria-expanded="<%- mainData.areaExpanded %>"> 941 <h4 class="panel-title"><%= dObj.name %></h4> 942 </a> 943 </div> 944 <div class="panel-collapse collapse <%- In_class %>" id="<%- dObj.id %>"> 945 <div class="panel-body"> 946 <div class="location-tab"> 947 <ul class="appointmentTypeSelectionList"> 948 <% 949 var tempArr = []; 950 //console.log('test ', data[index].appointmentTypes); 951 let sortedArray= data[index].appointmentTypes.sort(function(a, b) { 952 return a.name.localeCompare(b.name); 953 }); 954 // console.log('sortedArray ', sortedArray); 955 _.each(sortedArray, function(idObj){ 956 957 if(tempArr.indexOf(idObj.id) === -1){ 958 959 tempArr.push(idObj.id); 960 if(idObj.isAvailableOnWebform != false){ 961 962 var maxparticipant = idObj.maxparticipant || 0; 963 var price = idObj.price || ''; 964 var isFiveMin = idObj.isFiveMinAppt || false; 965 var isSlotsBasedOnLocation = idObj.isSlotsBasedOnLocation || false; 966 var priceCurrency = price.charAt(0); 967 var priceWithoutCurrency = price.replace(priceCurrency,''); 968 if(priceWithoutCurrency.trim() != 0){ 969 price = priceCurrency+''+priceWithoutCurrency; 970 }else{ 971 price = ''; 972 } 973 %> 974 <li data-id="<%- idObj.id %>" data-isclassappointive="<%- idObj.isClassAppointive %>" data-price="<%- price %>" data-isfivemin="<%- isFiveMin %>" data-isslotsbasedonlocation="<%- isSlotsBasedOnLocation %>" data-maxparticipant="<%- maxparticipant %>" data-timeslotduration="<%- idObj.timeslotduration %>" data-categoryid="<%- dObj.id %>" data-categoryname="<%- dObj.name %>" data-isallowmulticust="<%- idObj.allowToBookWithMultipleCustomers %>" data-isallowattachment="<%- idObj.allowAttachment %>" data-apptypespecificfieldsetname="<%- idObj.appTypeSpecificFieldsetName %>" data-apptypespecificeventfieldsetname="<%- idObj.appTypeSpecificEventFieldsetName %>" data-leadtime="<%- idObj.leadTime %>"> 975 <span class="subcategory"><%= idObj.name %></span> 976 <span class="textDeviderPipe"> </span> 977 <span class="appTypePrice"><%= price %> </span> 978 <span class="appTypeDesc"><%= idObj.description %></span> 979 </li> 980 <% 981 } } 982 }); 983 %> 984 </ul> 985 </div> 986 </div> 987 </div> 988 </div> 989 <% 990 } 991 }); 992 %> 993 </div> 994 </div> 995 </script>
995 996 997 998
998<script id="load_none_template" type="text/html"> 999 <h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3> 1000 <div class="col=md-12 location-tab"> 1001 <ul id="locationSelectionList"> 1002 <% _.each(data, function(dObj, index){ %> 1003 <li data-id="a083600000EhnciAAB" data-address="Kings circle, Men's Avenue - 5th Street Melbourne"> 1004 <span><%= dObj.name %></span> 1005 <span class="textDeviderPipe"> </span> 1006 <span><%= dObj.address %></span> 1007 </li> 1008 <% }); %> 1009 </ul> 1010 </div> 1011 </script>
1011 1012 1013
1013<script id="load_LP_template" type="text/html"> 1014 1015 <div class="tab-bar location-summary-cont"> 1016 <div class="col-md-2"> 1017 <h3 class="cutomLabelForLocation">Location</h3> 1018 </div> 1019 <div class="col-md-10"> 1020 <h3><%= data.name %> -</h3> 1021 <span><%= data.address %></span> 1022 </div> 1023 </div> 1024 <div class="tab-bar preactitioner-summary-cont"> 1025 <div class="col-md-2"> 1026 <h3 class="cutomLabelForPractitioner">Doctor</h3> 1027 </div> 1028 <div class="col-md-10"> 1029 <span><img src="<%- data.categories[0].appointmentTypes[0].practitioners.profilePic %>" class="dr-icon" alt=""></span> 1030 <h3><%- data.categories[0].appointmentTypes[0].practitioners.name %></h3> 1031 </div> 1032 </div> 1033 <h3 class="page-heading">Select Appointment</h3> 1034 <div class="accordion-list"> 1035 <div class="panel-group" id="accordion"> 1036 <% _.each(data.categories, function(dObj, index){ %> 1037 <div class="panel panel-default"> 1038 <div class="panel-heading"> 1039 <a data-toggle="collapse" data-parent="#accordion" href="#<%- dObj.id %>"> 1040 <h4 class="panel-title"><%= dObj.name %></h4> 1041 </a> 1042 </div> 1043 <div class="panel-collapse collapse" id="<%- dObj.id %>"> 1044 <div class="panel-body"> 1045 <div class="location-tab"> 1046 <ul class="appointmentTypeSelectionList"> 1047 <% _.each(data.categories[index].appointmentTypes, function(idObj){ 1048 1049 if(idObj.isAvailableOnWebform != false){ 1050 1051 var maxparticipant = idObj.maxparticipant || 0; 1052 var price = idObj.price || ''; 1053 var priceCurrency = price.charAt(0); 1054 var priceWithoutCurrency = price.replace(priceCurrency,''); 1055 if(priceWithoutCurrency != 0){ 1056 price = priceCurrency+''+priceWithoutCurrency; 1057 }else{ 1058 price = ''; 1059 } 1060 %> 1061 <li data-id="<%- idObj.id %>" data-isclassappointive="<%- idObj.isClassAppointive %>" data-price="<%- price %>" data-maxparticipant="<%- maxparticipant %>" data-timeslotduration="<%- idObj.timeslotduration %>" data-categoryid="<%- dObj.id %>" data-categoryname="<%- dObj.name %>" data-isallowmulticust="<%- idObj.allowToBookWithMultipleCustomers %>" data-isallowattachment="<%- idObj.allowAttachment %>" data-apptypespecificfieldsetname="<%- idObj.appTypeSpecificFieldsetName %>" data-apptypespecificeventfieldsetname="<%- idObj.appTypeSpecificEventFieldsetName %>" data-leadtime="<%- idObj.leadTime %>"> 1062 <span class="subcategory"><%= idObj.name %></span> 1063 <span class="textDeviderPipe"> </span> 1064 <span class="appTypePrice"><%= price %> </span> 1065 <span class="appTypeDesc"><%= idObj.description %></span> 1066 </li> 1067 <% } }); %> 1068 </ul> 1069 </div> 1070 </div> 1071 </div> 1072 </div> 1073 <% }); %> 1074 </div> 1075 </div> 1076 </script>
1076 1077 1078
1078<script id="load_LCAP_template" type="text/html"> 1079 <% 1080 var showProfilePicture = data.showProfilePicture; 1081 var price = data.Category[0].appointmentType[0].price || ''; 1082 var priceCurrency = price.charAt(0); 1083 var priceWithoutCurrency = price.replace(priceCurrency,''); 1084 if(priceWithoutCurrency.trim() != 0){ 1085 price = priceCurrency+''+priceWithoutCurrency; 1086 }else{ 1087 price = ''; 1088 } 1089 %> 1090 <div class="availability-tab"> 1091 <div class="main-flex-div" style="display: inline-flex;"> 1092 <% if(showProfilePicture && (data.prac.name != 'First Available')){ %> 1093 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (data.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : data.prac.profilepic %>" class="sp-profile-image"></div> 1094 <div class="appointment-sum-data" style="text-align: left;"> 1095 <% }else{ %> 1096 <div class="appointment-sum-data" style="text-align: centre;"> 1097 <% } %> 1098 1099 <div> 1100 <div class="tab-bar appointmentType-summary-cont"> 1101 <div class="appointiment-category"><%= data.Category[0].name %></div> 1102 <div class="appointiment-type"><%= data.Category[0].appointmentType[0].name %> <%= price %></div> 1103 </div> 1104 <div class="tab-bar preactitioner-summary-cont"> 1105 <div class="sp-name"><%= data.Category[0].appointmentType[0].practitioners[0].name %></div> 1106 </div> 1107 </div> 1108 <div class="tab-bar location-summary-cont"> 1109 <div class="location"><%= data.name %></div> 1110 <div class="location-address"><%= data.address %></div> 1111 </div> 1112 1113 1114 </div> 1115 1116 </div> 1117 1118 </div> 1119 <div> 1120 <!-- <h3 class="page-heading">Check Availability</h3> 1121 <h5 class="select-date">Select a Date and Available Times Will Appear Below</h5> 1122 <div class="col-md-6"> 1123 <div class="calendar"> 1124 <div class="calendar-container"> 1125 <header> 1126 <h2 class="month"></h2> 1127 <div class="btn-prev"><i class="icon icon-angle-left" aria-hidden="true"></i></div> 1128 <div class="btn-next"><i class="icon icon-angle-right" aria-hidden="true"></i></div> 1129 </header> 1130 <table id="appointmentCalCont"> 1131 <thead class="event-days"> 1132 <tr></tr> 1133 </thead> 1134 <tbody class="event-calendar"></tbody> 1135 </table> 1136 </div> 1137 <div class="smalloverlay" style="display:none"></div> 1138 </div> 1139 </div> 1140 <div class="col-md-6 calendar-details"> 1141 <h5>Select Time</h5> 1142 <h3 id="dateSelected"></h3> 1143 <div class="col-md-12"> 1144 <div class="col-md-12 tm-slot"> 1145 <span class="morning"></span> 1146 <span class="morning-txt">AM</span> 1147 </div> 1148 <div class="timeslot-main col-md-10"> 1149 <div class="slickSlider" id="morningAppointmentSlots"></div> 1150 </div> 1151 </div> 1152 <div class="col-md-12"> 1153 <div class="col-md-12 tm-slot"> 1154 <span class="evening"></span> 1155 <span class="morning-txt">PM</span> 1156 </div> 1157 <div class="timeslot-main col-md-10"> 1158 <div class="slickSlider" id="eveningAppointmentSlots"></div> 1159 </div> 1160 </div> 1161 <div class="control-group"></div> 1162 </div> --> 1163 1164 1165 <!-- <div class="col-md-6"> 1166 <span class="calendar-text">Select Date</span> 1167 <div class="calendar"> 1168 <div class="calendar-container"> 1169 <header> 1170 <h2 class="month"></h2> 1171 <div class="btn-prev"><i class="icon icon-angle-left" aria-hidden="true"></i></div> 1172 <div class="btn-next"><i class="icon icon-angle-right" aria-hidden="true"></i></div> 1173 </header> 1174 <table id="appointmentCalCont"> 1175 <thead class="event-days"> 1176 <tr></tr> 1177 </thead> 1178 <tbody class="event-calendar"></tbody> 1179 </table> 1180 </div> 1181 <div class="smalloverlay" style="display:none"></div> 1182 </div> 1183 <div class="timeZoneAlertBox-2" style="display:block; margin-top: -5%;"> 1184 <span class="glyphicon glyphicon-globe"></span> <strong>Timezone - </strong> You are seeing appointments in <strong><span id="clientTimezoneNotify-2"></span></strong> time. 1185 </div> 1186 </div> 1187 <div class="col-md-6 calendar-details"> 1188 <div class="time-head"> 1189 <h5>Select Time</h5> 1190 <h3 id="dateSelected"></h3>
1191 </div> 1192 <div class="col-md-6 col-sm-6 col-xs-12"> 1193 <div class="col-md-12 tm-slot"> 1194 <span class="morning-txt">AM</span> 1195 </div> 1196 <div class="timeslot-main col-md-12"> 1197 <div class="slickSlider" id="morningAppointmentSlots"></div> 1198 </div> 1199 </div> 1200 1201 <div class="col-md-6 col-sm-6 col-xs-12"> 1202 <div class="col-md-12 tm-slot"> 1203 <span class="morning-txt">PM</span> 1204 </div> 1205 <div class="timeslot-main col-md-12"> 1206 <div class="slickSlider" id="eveningAppointmentSlots"></div> 1207 </div> 1208 </div> 1209 <div class="control-group"> 1210 </div> 1211 </div> --> 1212 1213 </div> 1214 </script>
1214 1215 1216
1216<script id="load_P_template" type="text/html"> 1217 <div class="tab-bar preactitioner-summary-cont"> 1218 <div class="col-md-2"> 1219 <h3 class="cutomLabelForPractitioner">Doctor</h3> 1220 </div> 1221 <div class="col-md-10"> 1222 <span><img src="<%- data.profilePic %>" class="dr-icon" alt=""></span> 1223 <h3><%= data.name %></h3> 1224 </div> 1225 </div> 1226 1227 1228 <h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3> 1229 <div class="col=md-12 location-tab"> 1230 <ul id="locationSelectionList"> 1231 <% _.each(data.Location, function(idObj){ %> 1232 <li data-id="<%- idObj.id %>" data-address="<%- idObj.address %>" data-timezonekey="<%- idObj.timeZoneKey %>"> 1233 <span><%= idObj.name %></span> 1234 <span class="textDeviderPipe"> - </span> 1235 <span><%= idObj.address %></span> 1236 </li> 1237 <% }); %> 1238 </ul> 1239 </div> 1240 </script>
1240 1241 1242
1242<script id="load_P2_template" type="text/html"> 1243 <div class="tab-bar preactitioner-summary-cont"> 1244 <div class="col-md-2"> 1245 <h3 class="cutomLabelForPractitioner">Doctor</h3> 1246 </div> 1247 <div class="col-md-10"> 1248 <span><img src="<%- data.practitioner.profilePic %>" class="dr-icon" alt=""></span> 1249 <h3><%= data.practitioner.name %></h3> 1250 </div> 1251 </div> 1252 1253 <div class="tab-bar location-summary-cont"> 1254 <div class="col-md-2"> 1255 <h3 class="cutomLabelForLocation">Location</h3> 1256 </div> 1257 <div class="col-md-10"> 1258 <h3><%= data.location.name %> -</h3> 1259 <span><%= data.location.address %></span> 1260 </div> 1261 </div> 1262 <div id="catAppContainer"> 1263 1264 </div> 1265 </script>
1265 1266 1267
1267<script id="load_L_template" type="text/html"> 1268 <div class="tab-bar location-summary-cont"> 1269 <!-- <div class="col-md-2"> 1270 <h3 class="cutomLabelForLocation">Location</h3> 1271 </div> 1272 <div class="col-md-10"> 1273 <h3><%= data.name %> -</h3> 1274 <span><%= data.address %></span> 1275 </div> --> 1276 <div class="location"><%= data.name %></div> 1277 <div class="location-address"><%= data.address %></div> 1278 </div> 1279 </script>
1279 1280 1281
1281<script id="load_LC_template" type="text/html"> 1282 <div class="tab-bar location-summary-cont"> 1283 <!-- <div class="col-md-2"> 1284 <h3 class="cutomLabelForLocation">Location</h3> 1285 </div> 1286 <div class="col-md-10"> 1287 <h3><%= data.name %> -</h3> 1288 <span><%= data.address %></span> 1289 </div> --> 1290 <div class="location"><%= data.name %></div> 1291 <div class="location-address"><%= data.address %></div> 1292 </div> 1293 </script>
1293 1294 1295
1295<script id="load_LCD_template" type="text/html"> 1296 <div class="tab-bar location-summary-cont"> 1297 <div class="col-md-2"> 1298 <h3 class="cutomLabelForLocation">Location</h3> 1299 </div> 1300 <div class="col-md-10"> 1301 <h3><%= data.name %> -</h3> 1302 <span><%= data.address %></span> 1303 </div> 1304 </div> 1305 </script>
1305 1306 1307
1307<script id="load_C_template" type="text/html"> 1308 <div class="tab-bar appointmentType-summary-cont"> 1309 <div class="col-md-2"> 1310 <h3>Appointment</h3> 1311 </div> 1312 <div class="col-md-10"> 1313 <h3><%= data.category.name %></h3> 1314 <span> - <%= data.appointmentType.name%> <%= data.appointmentType.price%></span> 1315 </div> 1316 </div> 1317 </script>
1317 1318 1319
1319<script id="load_CP_template" type="text/html"> 1320 <div class="tab-bar preactitioner-summary-cont"> 1321 <div class="col-md-2"> 1322 <h3 class="cutomLabelForPractitioner">Doctor</h3> 1323 </div> 1324 <%// console.log("data",data)%> 1325 <% _.each(data, function(idObj){ %> 1326 <%// console.log("idObj",idObj)%> 1327 <div class="col-md-10"> 1328 <span><img src="<%- idObj.profilePic %>" class="dr-icon" alt=""></span> 1329 <h3><%- idObj.name %></h3> 1330 </div> 1331 <% }); %> 1332 </div> 1333 </script>
1333 1334 1335
1335<script id="load_CP1_template" type="text/html"> 1336 <div class="tab-bar location-summary-cont"> 1337 <!-- <div class="col-md-2"> 1338 <h3 class="cutomLabelForLocation">Location</h3> 1339 </div> 1340 <div class="col-md-10"> 1341 <h3><%= data.name %> -</h3> 1342 <span><%= data.address %></span> 1343 <span class="icon icon-edit isShowWarningPopup" data-showwarningpopup="false" data-showpageofindex="3"></span> 1344 </div> --> 1345 <div class="location"><%= data.name %></div> 1346 <div class="location-address"><%= data.address %></div> 1347 </div> 1348 </script>
1348 1349 1350
1350<script id="load_CA_template" type="text/html"> 1351 <div class="tab-bar appointmentType-summary-cont"> 1352 <div class="col-md-2"> 1353 <h3>Appointment</h3> 1354 </div> 1355 <div class="col-md-10"> 1356 <% for(var loc in data){ 1357 locObj = data[loc] %> 1358 <h3><%= locObj.name %></h3> 1359 <span> - <%= locObj.appointmentType[0].name%> <%= locObj.appointmentType[0].price %></span> 1360 <% } %> 1361 </div> 1362 </div> 1363 </script>
1363 1364 1365
1365<script id="load_CA_template1" type="text/html"> 1366 <h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3> 1367 <div class="col=md-12 location-tab"> 1368 <ul> 1369 1370 <% _.each(data.Location, function(idObj){ %> 1371 <li data-id="<%- idObj.id %>" data-address="<%- idObj.address %>"> 1372 <span><%= idObj.name %></span> 1373 <span class="textDeviderPipe"> - </span> 1374 <span><%= idObj.address %></span> 1375 </li> 1376 <% }); %> 1377 </ul> 1378 </div> 1379 </script>
1379 1380 1381
1381<script id="load_LCA_template" type="text/html"> 1382 <% 1383 var price = data.categories[0].appointmentType[0].price || ''; 1384 var priceCurrency = price.charAt(0); 1385 var priceWithoutCurrency = price.replace(priceCurrency,''); 1386 if(priceWithoutCurrency.trim() != 0){ 1387 price = priceCurrency+''+priceWithoutCurrency; 1388 }else{ 1389 price = ''; 1390 } 1391 %> 1392 <div class="tab-bar appointmentType-summary-cont"> 1393 <!-- <div class="col-md-2"> 1394 <h3>Appointment</h3> 1395 </div> 1396 <div class="col-md-10"> 1397 <h3><%= data.categories[0].categoryName %></h3> 1398 <span> - <%= data.categories[0].appointmentType[0].name%> <%= price %></span> 1399 </div> --> 1400 <div class="appointiment-category"><%= data.categories[0].categoryName %></div> 1401 <div class="appointiment-type"><%= data.categories[0].appointmentType[0].name %> <%= price %></div> 1402 </div> 1403 </script>
1403 1404 1405
1405<script id="load_CAP_template" type="text/html"> 1406 <% 1407 // console.log('data ', data.appointmentType['0'].practitioners['0'].profilePic); 1408 var price = data.appointmentType[0].price || ''; 1409 var priceCurrency = price.charAt(0); 1410 var priceWithoutCurrency = price.replace(priceCurrency,''); 1411 if(priceWithoutCurrency.trim() != 0){ 1412 price = priceCurrency+''+priceWithoutCurrency; 1413 }else{ 1414 price = ''; 1415 } 1416 %> 1417 1418 <div class="tab-bar appointmentType-summary-cont"> 1419 <!-- <div class="col-md-2"> 1420 <h3>Appointment</h3> 1421 </div> 1422 <div class="col-md-10"> 1423 <h3><%= data.name %></h3> 1424 <span> - <%= data.appointmentType[0].name%> <%= price %></span> 1425 </div> --> 1426 <div class="appointiment-category"><%= data.name %></div> 1427 <div class="appointiment-type"><%= data.appointmentType[0].name %> <%= price %></div> 1428 </div> 1429 1430 </script>
1430 1431 1432
1432<script id="load_CAP_template1" type="text/html"> 1433 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- data.appointmentType['0'].practitioners['0'].profilePic %>" class="sp-profile-image"></div> 1434 <div class="appointment-sum-data"> 1435 1436 <!-- <div class="col-md-2"> 1437 <h3 class="cutomLabelForPractitioner">Doctor</h3> 1438 </div> 1439 <div class="col-md-10"> 1440 <span><img src="<%- data.appointmentType["0"].practitioners["0"].profilePic%>" class="dr-icon" alt=""></span> 1441 <h3><%- data.appointmentType["0"].practitioners["0"].name %></h3> 1442 </div> --> 1443 1444 1445 1446 1447 <div class="tab-bar preactitioner-summary-cont"> 1448 1449 <div class="sp-name"><%= data.appointmentType["0"].practitioners["0"].name %></div> 1450 1451 </div> 1452 1453 </div> 1454 </script>
1454 1455 1456
1456<script id="load_CAP_template2" type="text/html"> 1457 <h3 class="page-heading"><span class="icon icon-location"></span>Select <span class="cutomLabelForLocation">Location</span></h3> 1458 <div class="col-md-12 location-tab"> 1459 <ul> 1460 <%// console.log("data", data) %> 1461 <% _.each(data, function(idObj){ %> 1462 <li data-id="<%- idObj.id %>" data-address="<%- idObj.address %>" data-timezonekey="<%- idObj.timeZoneKey %>" > 1463 <span><%= idObj.name %></span> 1464 <span class="textDeviderPipe"> - </span> 1465 <span><%= idObj.address %></span> 1466 </li> 1467 <% }); %> 1468 </ul> 1469 </div> 1470 1471 </script>
1471 1472 1473
1473<script id="load_stepbar_template" type="text/html"> 1474 <ul class="progressbar"> 1475 <% if(data.locationId && data.categoryId && data.appTypeId && data.practionerId){ %> 1476 <li class="completed"> 1477 <div class="icon icon-location"></div> 1478 <!--<span class="cutomLabelForLocation">Location</span>--> 1479 </li> 1480 <li class="completed"> 1481 <div class="icon icon-appointment"></div> 1482 <!-- <span>Appointment</span>--> 1483 </li> 1484 <li class="completed"> 1485 <div class="icon icon-practitioner"></div> 1486 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1487 </li> 1488 <li class="active"> 1489 <div class="icon icon-availability"></div> 1490 <!-- <span>Availability</span> --> 1491 </li> 1492 <li> 1493 <div class="icon icon-details"></div> 1494 <!-- <span>Details</span> --> 1495 </li> 1496 <% }else if(!data.locationId && !data.categoryId && !data.appTypeId && !data.practionerId){ %> 1497 <li class="active"> 1498 <div class="icon icon-location"></div> 1499 <!-- <span class="cutomLabelForLocation">Location</span> --> 1500 </li> 1501 <li> 1502 <div class="icon icon-appointment"></div> 1503 <!-- <span>Appointment</span> --> 1504 </li> 1505 <li> 1506 <div class="icon icon-practitioner"></div> 1507 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1508 </li> 1509 <li> 1510 <div class="icon icon-availability"></div> 1511 <!-- <span>Availability</span> --> 1512 </li> 1513 <li> 1514 <div class="icon icon-details"></div> 1515 <!-- <span>Details</span> --> 1516 </li> 1517 <% }else if(data.locationId && data.categoryId && data.appTypeId){ %> 1518 <li class="completed"> 1519 <div class="icon icon-location"></div> 1520 <!-- <span class="cutomLabelForLocation">Location</span> --> 1521 </li> 1522 <li class="completed"> 1523 <div class="icon icon-appointment"></div> 1524 <!-- <span>Appointment</span> --> 1525 </li> 1526 <li class="active"> 1527 <div class="icon icon-practitioner"></div> 1528 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1529 </li> 1530 <li> 1531 <div class="icon icon-availability"></div> 1532 <!-- <span>Availability</span> --> 1533 </li> 1534 <li> 1535 <div class="icon icon-details"></div> 1536 <!-- <span>Details</span> --> 1537 </li> 1538 <% }else if(data.locationId && data.categoryId && data.practionerId){ %> 1539 <li class="completed"> 1540 <div class="icon icon-location"></div> 1541 <!-- <span class="cutomLabelForLocation">Location</span> --> 1542 </li> 1543 <li class="completed"> 1544 <div class="icon icon-practitioner"></div> 1545 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1546 </li> 1547 <li class="active"> 1548 <div class="icon icon-appointment"></div> 1549 <!-- <span>Appointment</span> --> 1550 </li> 1551 <li> 1552 <div class="icon icon-availability"></div> 1553 <!-- <span>Availability</span> --> 1554 </li> 1555 <li> 1556 <div class="icon icon-details"></div> 1557 <!-- <span>Details</span> --> 1558 </li> 1559 <% }else if(data.locationId && data.appTypeId && data.practionerId){ %> 1560 1561 <% }else if(data.locationId && data.categoryId){ %> 1562 <li class="completed"> 1563 <div class="icon icon-location"></div> 1564 <!-- <span class="cutomLabelForLocation">Location</span> --> 1565 </li> 1566 <li class="active"> 1567 <div class="icon icon-appointment"></div> 1568 <!-- <span>Appointment</span> --> 1569 </li> 1570 <li> 1571 <div class="icon icon-practitioner"></div> 1572 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1573 </li> 1574 <li> 1575 <div class="icon icon-availability"></div> 1576 <!-- <span>Availability</span> --> 1577 </li> 1578 <li> 1579 <div class="icon icon-details"></div> 1580 <!-- <span>Details</span> --> 1581 </li> 1582 <% }else if(data.locationId && data.appTypeId){ %> 1583 1584 <% }else if(data.locationId && data.practionerId){ %> 1585 <li class="completed"> 1586 <div class="icon icon-location"></div> 1587 <!-- <span class="cutomLabelForLocation">Location</span> --> 1588 </li> 1589 <li class="completed"> 1590 <div class="icon icon-practitioner"></div> 1591 <!-- <span class="cutomLabelForPractitioner">
1591Practitioner</span> --> 1592 </li> 1593 <li class="active"> 1594 <div class="icon icon-appointment"></div> 1595 <!-- <span>Appointment</span> --> 1596 </li> 1597 <li> 1598 <div class="icon icon-availability"></div> 1599 <!-- <span>Availability</span> --> 1600 </li> 1601 <li> 1602 <div class="icon icon-details"></div> 1603 <!-- <span>Details</span> --> 1604 </li> 1605 <% }else if(data.locationId){ %> 1606 <li class="completed"> 1607 <div class="icon icon-location"></div> 1608 <!-- <span class="cutomLabelForLocation">Location</span> --> 1609 </li> 1610 <li class="active"> 1611 <div class="icon icon-appointment"></div> 1612 <!-- <span>Appointment</span> --> 1613 </li> 1614 <li> 1615 <div class="icon icon-practitioner"></div> 1616 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1617 </li> 1618 <li> 1619 <div class="icon icon-availability"></div> 1620 <!-- <span>Availability</span> --> 1621 </li> 1622 <li> 1623 <div class="icon icon-details"></div> 1624 <!-- <span>Details</span> --> 1625 </li> 1626 <% }else if(data.categoryId && data.appTypeId && data.practionerId){ %> 1627 <li class="completed"> 1628 <div class="icon icon-appointment"></div> 1629 <!-- <span>Appointment</span> --> 1630 </li> 1631 <li class="completed"> 1632 <div class="icon icon-practitioner"></div> 1633 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1634 </li> 1635 <li class="active"> 1636 <div class="icon icon-location"></div> 1637 <!-- <span class="cutomLabelForLocation">Location</span> --> 1638 </li> 1639 <li> 1640 <div class="icon icon-availability"></div> 1641 <!-- <span>Availability</span> --> 1642 </li> 1643 <li> 1644 <div class="icon icon-details"></div> 1645 <!-- <span>Details</span> --> 1646 </li> 1647 <% }else if(data.categoryId && data.appTypeId){ %> 1648 <li class="completed"> 1649 <div class="icon icon-appointment"></div> 1650 <!-- <span>Appointment</span> --> 1651 </li> 1652 <li class="active"> 1653 <div class="icon icon-location"></div> 1654 <!-- <span class="cutomLabelForLocation">Location</span> --> 1655 </li> 1656 <li> 1657 <div class="icon icon-practitioner"></div> 1658 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1659 </li> 1660 <li> 1661 <div class="icon icon-availability"></div> 1662 <!-- <span>Availability</span> --> 1663 </li> 1664 <li> 1665 <div class="icon icon-details"></div> 1666 <!-- <span>Details</span> --> 1667 </li> 1668 <% }else if(data.categoryId && data.practionerId){ %> 1669 <li class="completed"> 1670 <div class="icon icon-practitioner"></div> 1671 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1672 </li> 1673 <li class="active"> 1674 <div class="icon icon-appointment"></div> 1675 <!-- <span>Appointment</span> --> 1676 </li> 1677 <li> 1678 <div class="icon icon-location"></div> 1679 <!-- <span class="cutomLabelForLocation">Location</span> --> 1680 </li> 1681 <li> 1682 <div class="icon icon-availability"></div> 1683 <!-- <span>Availability</span> --> 1684 </li> 1685 <li> 1686 <div class="icon icon-details"></div> 1687 <!-- <span>Details</span> --> 1688 </li> 1689 <% }else if(data.categoryId){ %> 1690 <li class="active"> 1691 <div class="icon icon-appointment"></div> 1692 <!-- <span>Appointment</span> --> 1693 </li> 1694 <li> 1695 <div class="icon icon-location"></div> 1696 <!-- <span class="cutomLabelForLocation">Location</span> --> 1697 </li> 1698 <li> 1699 <div class="icon icon-practitioner"></div> 1700 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1701 </li> 1702 <li> 1703 <div class="icon icon-availability"></div> 1704 <!-- <span>Availability</span> --> 1705 </li> 1706 <li> 1707 <div class="icon icon-details"></div> 1708 <!-- <span>Details</span> --> 1709 </li> 1710 <% }else if(data.appTypeId && data.practionerId){ %> 1711 1712 <% }else if(data.appTypeId){ %> 1713 1714 <% }else if(data.practionerId){ %> 1715 <li class="completed"> 1716 <div class="icon icon-practitioner"></div> 1717 <!-- <span class="cutomLabelForPractitioner">Practitioner</span> --> 1718 </li> 1719 <li class="active"> 1720 <div class="icon icon-location"></div> 1721 <!-- <span class="cutomLabelForLocation">Location</span> --> 1722 </li> 1723 <li> 1724 <div class="icon icon-appointment"></div> 1725 <!-- <span>Appointment</span> --> 1726 </li> 1727 <li> 1728 <div class="icon icon-availability"></div> 1729 <!-- <span>Availability</span> --> 1730 </li> 1731 <li>
1732 <div class="icon icon-details"></div> 1733 <!-- <span>Details</span> --> 1734 </li> 1735 <% } %> 1736 </ul> 1737 </script>
1737 1738 1739
1739<script id="loadCriteriaBars" type="text/html"> 1740 <% 1741 var mainData = data; 1742 var showProfilePicture = data.showProfilePicture; 1743 var data = mainData.selectedCriteria; 1744 var price = ""; 1745 if(mainData.apptype){ 1746 price = mainData.apptype.price || ''; 1747 var priceCurrency = price.charAt(0); 1748 var priceWithoutCurrency = price.replace(priceCurrency,''); 1749 if(priceWithoutCurrency.trim() != 0){ 1750 price = priceCurrency+''+priceWithoutCurrency; 1751 }else{ 1752 price = ''; 1753 } 1754 } 1755 %> 1756 <% if(data.locationId && data.categoryId && data.appTypeId && data.practionerId){ %> 1757 1758 <div class="main-flex-div" style="display: inline-flex;"> 1759 <% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %> 1760 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div> 1761 <div class="appointment-sum-data" style="text-align: left;"> 1762 <% }else{ %> 1763 <div class="appointment-sum-data" style="text-align: centre;"> 1764 <% } %> 1765 <div> 1766 <div class="tab-bar appointmentType-summary-cont"> 1767 <div class="appointiment-category"><%= mainData.cat.name %></div> 1768 <div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div> 1769 </div> 1770 <div class="tab-bar preactitioner-summary-cont"> 1771 <div class="sp-name"> with <%= mainData.prac.name %></div> 1772 </div> 1773 </div> 1774 <div class="tab-bar location-summary-cont"> 1775 <div class="location"><%= mainData.loc.name %></div> 1776 <div class="location-address"><%= mainData.loc.address %></div> 1777 </div> 1778 1779 1780 </div> 1781 1782 </div> 1783 1784 <% }else if(data.locationId && data.categoryId && data.appTypeId){ %> 1785 <div class="tab-bar appointmentType-summary-cont"> 1786 <div class="appointiment-category"><%= mainData.cat.name %></div> 1787 <div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div> 1788 </div> 1789 <div class="tab-bar location-summary-cont"> 1790 <div class="location"><%= mainData.loc.name %></div> 1791 <div class="location-address"><%= mainData.loc.address %></div> 1792 </div> 1793 1794 <% }else if(data.locationId && data.categoryId && data.practionerId){ %> 1795 1796 <% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %> 1797 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div> 1798 <div class="appointment-sum-data" style="text-align: left;"> 1799 <% }else{ %> 1800 <div class="appointment-sum-data" style="text-align: centre;"> 1801 <% } %> 1802 <div class="tab-bar preactitioner-summary-cont"> 1803 <div class="sp-name"><%= mainData.prac.name %></div> 1804 </div> 1805 <div class="tab-bar location-summary-cont"> 1806 <div class="location"><%= mainData.loc.name %></div> 1807 <div class="location-address"><%= mainData.loc.address %></div> 1808 </div> 1809 </div> 1810 <% }else if(data.locationId && data.appTypeId && data.practionerId){ %> 1811 1812 <% }else if(data.locationId && data.categoryId){ %> 1813 <div class="tab-bar location-summary-cont"> 1814 <div class="location"><%= mainData.loc.name %></div> 1815 <div class="location-address"><%= mainData.loc.address %></div> 1816 </div> 1817 <% }else if(data.locationId && data.appTypeId){ %> 1818 1819 <% }else if(data.locationId && data.practionerId){ %> 1820 1821 <% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %> 1822 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div> 1823 <div class="appointment-sum-data" style="text-align: left;"> 1824 <% }else{ %> 1825 <div class="appointment-sum-data" style="text-align: centre;"> 1826 <% } %> 1827 <div class="tab-bar preactitioner-summary-cont"> 1828 <div class="sp-name"><%= mainData.prac.name %></div> 1829 </div> 1830 <div class="tab-bar location-summary-cont"> 1831 <div class="location"><%= mainData.loc.name %></div> 1832 <div class="location-address"><%= mainData.loc.address %></div> 1833 </div> 1834 </div> 1835 <% }else if(data.locationId){ %> 1836 <div class="tab-bar location-summary-cont"> 1837 <div class="location"><%= mainData.loc.name %></div> 1838 <div class="location-address"><%= mainData.loc.address %></div>
1839 </div> 1840 1841 <% }else if(data.categoryId && data.appTypeId && data.practionerId){ %> 1842 1843 1844 <% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %> 1845 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div> 1846 <div class="appointment-sum-data" style="text-align: left;"> 1847 <% }else{ %> 1848 <div class="appointment-sum-data" style="text-align: centre;"> 1849 <% } %> 1850 <div> 1851 <div class="tab-bar appointmentType-summary-cont"> 1852 <div class="appointiment-category"><%= mainData.cat.name %></div> 1853 <div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div> 1854 </div> 1855 <div class="tab-bar preactitioner-summary-cont"> 1856 <div class="sp-name"><%= mainData.prac.name %></div> 1857 </div> 1858 </div> 1859 </div> 1860 <% }else if(data.categoryId && data.appTypeId){ %> 1861 <%// console.log("cat and apptype selected", mainData); %> 1862 <div class="tab-bar appointmentType-summary-cont"> 1863 <div class="appointiment-category"><%= mainData.cat.name %></div> 1864 <div class="appointiment-type"><%= mainData.apptype.name %> <%= price %></div> 1865 </div> 1866 1867 <% }else if(data.categoryId && data.practionerId){ %> 1868 1869 1870 <% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %> 1871 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div> 1872 <div class="appointment-sum-data" style="text-align: left;"> 1873 <% }else{ %> 1874 <div class="appointment-sum-data" style="text-align: centre;"> 1875 <% } %> 1876 1877 <div class="tab-bar preactitioner-summary-cont"> 1878 <div class="sp-name"><%= mainData.prac.name %></div> 1879 </div> 1880 </div> 1881 <% }else if(data.categoryId){ %> 1882 1883 <% }else if(data.appTypeId && data.practionerId){ %> 1884 1885 <% }else if(data.appTypeId){ %> 1886 1887 <% }else if(data.practionerId){ %> 1888 1889 <% if(showProfilePicture && (mainData.prac.name != 'First Available')){ %> 1890 <div class="sp-image" style="padding-top: 0.8%; padding-bottom: 0.8%;"><img src="<%- (mainData.prac.profilepic == undefined)? '/common/images/noProfilePic.png' : mainData.prac.profilepic %>" class="sp-profile-image"></div> 1891 <div class="appointment-sum-data" style="text-align: left;"> 1892 <% }else{ %> 1893 <div class="appointment-sum-data" style="text-align: centre;"> 1894 <% } %> 1895 <div class="tab-bar preactitioner-summary-cont"> 1896 <div class="sp-name"><%= mainData.prac.name %></div> 1897 </div> 1898 </div> 1899 <% } %> 1900 </script>
1900 1901 <!-- Underscore templates ends --> 1902 1903
1903<script type="text/javascript" src="/common/js/Autolinker.js"></script>
1903 1904
1904<script type="text/javascript" src="/common/js/configuration.js"></script>
1904 1905 1906 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 1907
1907<script type="text/javascript" src="/common/js/jquery-3.1.0.min.js"></script>
1907 1908 <!-- Include all compiled plugins (below), or include individual files as needed --> 1909
1909<script type="text/javascript" src="/common/js/async.min.js"></script>
1909 1910 1911
1911<script type="text/javascript" src="/common/js/bootstrap.min.js"></script>
1911 1912
1912<script type="text/javascript" src="/common/js/underscore-min.js"></script>
1912 1913
1913<script type="text/javascript" src="/common/js/jquery.validate.min.js"></script>
1913 1914
1914<script type="text/javascript" src="/common/js/additional-methods.min.js"></script>
1914 1915
1915<script type="text/javascript" src="/common/js/moment.min.js"></script>
1915 1916
1916<script type="text/javascript" src="/common/js/slick.min.js"></script>
1916 1917
1917<script type="text/javascript" src="/common/js/jstz.js"></script>
1917 1918 <!--commented becuase jquery datepicker added--> 1919 <!--
1919<script type="text/javascript" src="/common/js/bootstrap-datetimepicker.min.js"></script>
1919--> 1920
1920<script type="text/javascript" src="/common/js/jquery.sumoselect.min.js"></script>
1920 1921 <!--
vendor: 116 bytes, line 1921
1921 <script src="https://www.google.com/recaptcha/api.js?onload=onRecaptchaLoad&render=explicit" async defer></script>
1921--> 1922 <!--code added for jquery calendar --> 1923
1923<script src="/common/js/jquery-ui.js"></script>
1923 1924 <link rel="stylesheet" href="/common/css/jquery-ui.css"> 1925 <!--<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">--> 1926 <!--code end--> 1927 1928 <!--
1928<script src="/common/js/custom.js"></script>
1928 --> 1929
1929<script type="text/javascript" src="/common/utilityMethods.js"></script>
1929 1930
1930<script type="text/javascript" src="/1.9/static4/dataModal.js?v=3.1"></script>
1930 1931
1931<script type="text/javascript" src="/1.9/static4/simplecalendar.js?v=3.0"></script>
1931 1932
1932<script type="text/javascript" src="/1.9/static4/criteriaSelection.js?v=3.0"></script>
1932 1933
1933<script type="text/javascript" src="/1.9/static4/app.js?v=3.1"></script>
1933 1934 1935 <!-- New library for the timezone --> 1936
1936<script 1937 src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.min.js"></script>
1937 1938 <!-- captcha script --> 1939
1939<script> 1940 function onRecaptchaLoad() { 1941 fetch('/api/captcha-key') 1942 .then(response => response.json()) 1943 .then(data => { 1944 const loadCaptcha = () => { 1945 if (typeof grecaptcha !== 'undefined' && grecaptcha.render) { 1946 const captchaElement = document.getElementById('gCaptcha'); 1947 captchaElement.style.display = 'block'; // Make the CAPTCHA visible 1948 grecaptcha.render('gCaptcha', { 1949 'sitekey': data.captchaSiteKey, 1950 'theme': 'light' 1951 }); 1952 } else { 1953 setTimeout(loadCaptcha, 100); // retry after 100ms if grecaptcha is not ready 1954 } 1955 }; 1956 loadCaptcha(); 1957 }) 1958 .catch(error => { 1959 console.error('Failed to load CAPTCHA key:', error); 1960 }); 1961 } 1962 </script>
vendor: 118 bytes, lines 1962-1964
1962 1963 <script src="https://www.google.com/recaptcha/api.js?onload=onRecaptchaLoad&render=explicit" async defer></script> 1964
1965</body> 1966 1967</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.