1riot.tag2('vrfusion-site-cost-calculator', '<div class="tag-content"> <div class="wrapper-tabs"> <div class="nav-tabs"> <a class="{active: selectedTab === 1}" onclick="{showTab}" data-tab="1">By # People</a> <a class="{active: selectedTab === 2}" onclick="{showTab}" data-tab="2">By # Families</a> </div> <div class="tabs-content"> <div class="tab-people" show="{selectedTab === 1}"> <div class="calculator-summary"> <span class="total-amount">Total Amount: ${current_price} <span class="tax-fees">Includes Taxes and Fees</span></span> <span class="total-nights">Nights: {nights}</span> </div> <div class="people-selector"> <button onclick="{decrementPeople}" __disabled="{people <= 1}">-</button> <span class="people-count">{people} People</span> <button onclick="{incrementPeople}" __disabled="{people == max_occupancy}">+</button> </div> <div class="cost-breakdown"> <div class="cost-item"> <span class="label">Cost per person:</span> <span class="value">${(current_price / people).toFixed(2)}</span> </div> <div class="cost-item"> <span class="label">Cost per Person per Night:</span> <span class="value">${(current_price / (people * nights)).toFixed(2)}</span> </div> </div> </div> <div class="tab-families" show="{selectedTab === 2}"> <div class="calculator-summary"> <span class="total-amount">Total Amount: ${current_price} <span class="tax-fees">Includes Taxes and Fees</span></span> <span class="total-nights">Nights: {nights}</span> </div> <div class="family-selector"> <button onclick="{decrementFamilies}" __disabled="{families.length <= 1}">-</button> <span class="family-count">{families.length} Families</span> <button onclick="{incrementFamilies}" __disabled="{getTotalUsedBedrooms() >= num_bedrooms}">+</button> </div> <div class="families-header"> <span class="total-bedrooms">Total Bedrooms: {num_bedrooms} (Used: {getTotalUsedBedrooms()})</span> </div> <div class="families-list"> <div class="family-item" each="{family, index in families}"> <div class="family-info"> <span class="family-label">Family {index + 1}</span> <div class="bedroom-selector"> <button onclick="{decrementFamilyBedrooms}" __disabled="{family.num_bedrooms <= 1}">-</button> <span class="bedroom-count">{family.num_bedrooms} Bedrooms</span> <button onclick="{incrementFamilyBedrooms}" __disabled="{getTotalUsedBedrooms() >= num_bedrooms}">+</button> </div> </div> <div class="family-cost"> <span class="label">Cost for this family:</span> <span class="value">${getFamilyCost(family).toFixed(2)}</span> </div> </div> </div> <div class="cost-summary" if="{families.length > 0}"> <div class="cost-item"> <span class="label">Cost per Bedroom:</span> <span class="value">${getCostPerBedroom().toFixed(2)}</span> </div> </div> </div> </div> </div> </div>', '@-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } vrfusion-site-cost-calculator,[riot-tag="vrfusion-site-cost-calculator"],[data-is="vrfusion-site-cost-calculator"]{ display: block; } vrfusion-site-cost-calculator .wrapper-tabs .nav-tabs,[riot-tag="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs,[data-is="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs{ display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; position: relative; z-index: 2; } vrfusion-site-cost-calculator .wrapper-tabs .nav-tabs a,[riot-tag="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs a,[data-is="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs a{ display: inline-block; background-color: #FFFFFF; border: 1px solid #E2E2E2; border-bottom: 0; padding: 5px 10px; text-align: center; border-radius: 5px 5px 0 0; position: relative; } vrfusion-site-cost-calculator .wrapper-tabs .nav-tabs a + a,[riot-tag="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs a + a,[data-is="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs a + a{ border-left: 0; } vrfusion-site-cost-calculator .wrapper-tabs .nav-tabs a.active,[riot-tag="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs a.active,[data-is="vrfusion-site-cost-calculator"] .wrapper-tabs .nav-tabs a.active{ bottom: -1px; } vrfusion-site-cost-calculator .tabs-content,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content,[data-is="vrfusion-site-cost-calculator"] .tabs-content{ position: relative; z-index: 1; } vrfusion-site-cost-calculator .tabs-content > div,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content > div,[data-is="vrfusion-site-cost-calculator"] .tabs-content > div{ border: 1px solid #E2E2E2; background-color: #FFFFFF; padding: 15px; max-height: 400px; overflow-y: auto; } vrfusion-site-cost-calculator .tabs-content .tab-people .calculator-summary,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .calculator-summary,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .calculator-summary,vrfusion-site-cost-calculator .tabs-content .tab-families .calculator-summary,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .calculator-summary,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .calculator-summary{ display: flex; justify-content: space-between; background-color: #F9F9F9; padding: 10px 15px; margin-bottom: 20px; border-radius: 4px; border: 1px solid #EEEEEE; } vrfusion-site-cost-calculator .tabs-content .tab-people .calculator-summary span,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .calculator-summary span,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .calculator-summary span,vrfusion-site-cost-calculator .tabs-content .tab-families .calculator-summary span,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .calculator-summary span,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .calculator-summary span{ font-weight: bold; color: #555555; } vrfusion-site-cost-calculator .tabs-content .tab-people .calculator-summary span .tax-fees,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .calculator-summary span .tax-fees,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .calculator-summary span .tax-fees,vrfusion-site-cost-calculator .tabs-content .tab-families .calculator-summary span .tax-fees,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .calculator-summary span .tax-fees,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .calculator-summary span .tax-fees{ font-size: 12px; display: block; font-weight: normal; } vrfusion-site-cost-calculator .tabs-content .tab-people .people-selector,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector,vrfusion-site-cost-calculator .tabs-content .tab-people .bedroom-selector,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector,vrfusion-site-cost-calculator .tabs-content .tab-people .fam
1ily-selector,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector,vrfusion-site-cost-calculator .tabs-content .tab-families .people-selector,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector,vrfusion-site-cost-calculator .tabs-content .tab-families .bedroom-selector,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector,vrfusion-site-cost-calculator .tabs-content .tab-families .family-selector,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector{ display: flex; align-items: center; margin-bottom: 20px; justify-content: center; } vrfusion-site-cost-calculator .tabs-content .tab-people .people-selector button,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector button,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector button,vrfusion-site-cost-calculator .tabs-content .tab-people .bedroom-selector button,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector button,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector button,vrfusion-site-cost-calculator .tabs-content .tab-people .family-selector button,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector button,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector button,vrfusion-site-cost-calculator .tabs-content .tab-families .people-selector button,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector button,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector button,vrfusion-site-cost-calculator .tabs-content .tab-families .bedroom-selector button,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector button,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector button,vrfusion-site-cost-calculator .tabs-content .tab-families .family-selector button,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector button,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector button{ width: 50px; height: 50px; background-color: #000000; color: #FFFFFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); border-radius: 100%; padding: 5px 15px; cursor: pointer; font-size: 1.2rem; margin: 0; } vrfusion-site-cost-calculator .tabs-content .tab-people .people-selector button:disabled,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector button:disabled,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector button:disabled,vrfusion-site-cost-calculator .tabs-content .tab-people .bedroom-selector button:disabled,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector button:disabled,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector button:disabled,vrfusion-site-cost-calculator .tabs-content .tab-people .family-selector button:disabled,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector button:disabled,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector button:disabled,vrfusion-site-cost-calculator .tabs-content .tab-families .people-selector button:disabled,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector button:disabled,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector button:disabled,vrfusion-site-cost-calculator .tabs-content .tab-families .bedroom-selector button:disabled,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector button:disabled,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector button:disabled,vrfusion-site-cost-calculator .tabs-content .tab-families .family-selector button:disabled,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector button:disabled,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector button:disabled{ background-color: #FFFFFF; color: #CCCCCC; opacity: 0.5;
1 cursor: not-allowed; } vrfusion-site-cost-calculator .tabs-content .tab-people .people-selector .people-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector .people-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector .people-count,vrfusion-site-cost-calculator .tabs-content .tab-people .people-selector .bedroom-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector .bedroom-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector .bedroom-count,vrfusion-site-cost-calculator .tabs-content .tab-people .people-selector .family-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector .family-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .people-selector .family-count,vrfusion-site-cost-calculator .tabs-content .tab-people .bedroom-selector .people-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector .people-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector .people-count,vrfusion-site-cost-calculator .tabs-content .tab-people .bedroom-selector .bedroom-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector .bedroom-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector .bedroom-count,vrfusion-site-cost-calculator .tabs-content .tab-people .bedroom-selector .family-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector .family-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .bedroom-selector .family-count,vrfusion-site-cost-calculator .tabs-content .tab-people .family-selector .people-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector .people-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector .people-count,vrfusion-site-cost-calculator .tabs-content .tab-people .family-selector .bedroom-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector .bedroom-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector .bedroom-count,vrfusion-site-cost-calculator .tabs-content .tab-people .family-selector .family-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector .family-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .family-selector .family-count,vrfusion-site-cost-calculator .tabs-content .tab-families .people-selector .people-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector .people-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector .people-count,vrfusion-site-cost-calculator .tabs-content .tab-families .people-selector .bedroom-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector .bedroom-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector .bedroom-count,vrfusion-site-cost-calculator .tabs-content .tab-families .people-selector .family-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector .family-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .people-selector .family-count,vrfusion-site-cost-calculator .tabs-content .tab-families .bedroom-selector .people-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector .people-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector .people-count,vrfusion-site-cost-calculator .tabs-content .tab-families .bedroom-selector .bedroom-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector .bedroom-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector .bedroom-count,vrfusion-site-cost-calculator .tabs-content .tab-families .bedroom-selector .fam
1ily-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector .family-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .bedroom-selector .family-count,vrfusion-site-cost-calculator .tabs-content .tab-families .family-selector .people-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector .people-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector .people-count,vrfusion-site-cost-calculator .tabs-content .tab-families .family-selector .bedroom-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector .bedroom-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector .bedroom-count,vrfusion-site-cost-calculator .tabs-content .tab-families .family-selector .family-count,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector .family-count,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-selector .family-count{ margin: 0 15px; font-weight: bold; min-width: 80px; text-align: center; } vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .cost-item,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .family-cost,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost,vrfusion-site-cost-calculator .tabs-content .tab-people .families-list .cost-item,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item,vrfusion-site-cost-calculator .tabs-content .tab-people .families-list .family-cost,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .family-cost,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .family-cost,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .cost-item,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .family-cost,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .cost-item,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .family-cost,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .cost-item,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .family-cost,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .cost-item,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .family-cost,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost{ display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #EEEEEE; } vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .cost-item:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item:last-child,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .family-cost:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost:last-child,vrfusion-site-cost-calculator .tabs-content .tab-people .fam
1ilies-list .cost-item:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item:last-child,vrfusion-site-cost-calculator .tabs-content .tab-people .families-list .family-cost:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .family-cost:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .family-cost:last-child,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .cost-item:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item:last-child,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .family-cost:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost:last-child,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .cost-item:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item:last-child,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .family-cost:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost:last-child,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .cost-item:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item:last-child,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .family-cost:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost:last-child,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .cost-item:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item:last-child,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .family-cost:last-child,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost:last-child,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost:last-child{ border-bottom: 0; } vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .cost-item .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item .label,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .family-cost .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost .label,vrfusion-site-cost-calculator .tabs-content .tab-people .families-list .cost-item .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item .label,vrfusion-site-cost-calculator .tabs-content .tab-people .families-list .family-cost .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .fam
1ilies-list .family-cost .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .family-cost .label,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .cost-item .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item .label,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .family-cost .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost .label,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .cost-item .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item .label,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .family-cost .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost .label,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .cost-item .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item .label,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .family-cost .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost .label,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .cost-item .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item .label,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .family-cost .label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost .label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost .label{ color: #666666; background-color: transparent; } vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .cost-item .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .cost-item .value,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-breakdown .family-cost .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-breakdown .family-cost .value,vrfusion-site-cost-calculator .tabs-content .tab-people .families-list .cost-item .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .cost-item .value,vrfusion-site-cost-calculator .tabs-content .tab-people .families-list .family-cost .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .family-cost .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .families-list .family-cost .value,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .cost-item .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .cost-item .value,vrfusion-site-cost-calculator .tabs-content .tab-people .cost-summary .family-cost .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-people .cost-summary .family-cost .value,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .cost-item .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .cost-item .value,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-breakdown .family-cost .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-breakdown .family-cost .value,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .cost-item .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .cost-item .value,vrfusion-site-cost-calculator .tabs-content .tab-families .families-list .family-cost .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-list .family-cost .value,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .cost-item .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .cost-item .value,vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary .family-cost .value,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost .value,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary .family-cost .value{ font-weight: bold; color: #333333; } vrfusion-site-cost-calculator .tabs-content .tab-families .families-header,[ri
1ot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header{ display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; } vrfusion-site-cost-calculator .tabs-content .tab-families .families-header .total-bedrooms,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .total-bedrooms,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .total-bedrooms{ font-weight: bold; color: #333333; } vrfusion-site-cost-calculator .tabs-content .tab-families .families-header .add-family,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .add-family,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .add-family{ background-color: #2ECC71; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; } vrfusion-site-cost-calculator .tabs-content .tab-families .families-header .add-family:hover:not(:disabled),[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .add-family:hover:not(:disabled),[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .add-family:hover:not(:disabled){ background-color: #27AE60; } vrfusion-site-cost-calculator .tabs-content .tab-families .families-header .add-family:disabled,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .add-family:disabled,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .families-header .add-family:disabled{ background-color: #95A5A6; cursor: not-allowed; } vrfusion-site-cost-calculator .tabs-content .tab-families .family-item,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item{ border: 1px solid #F0F0F0; padding: 15px; margin-bottom: 15px; border-radius: 8px; background-color: #FCFCFC; } vrfusion-site-cost-calculator .tabs-content .tab-families .family-item .family-info,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; } vrfusion-site-cost-calculator .tabs-content .tab-families .family-item .family-info .family-label,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .family-label,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .family-label{ font-weight: bold; min-width: 100px; } vrfusion-site-cost-calculator .tabs-content .tab-families .family-item .family-info .bedroom-selector,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .bedroom-selector,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .bedroom-selector{ margin-bottom: 0; } vrfusion-site-cost-calculator .tabs-content .tab-families .family-item .family-info .remove-family,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .remove-family,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .remove-family{ background: none; border: 1px solid #E74C3C; color: #E74C3C; padding: 4px 10px; border-radius: 4px; cursor: pointer; } vrfusion-site-cost-calculator .tabs-content .tab-families .family-item .family-info .remove-family:hover,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .remove-family:hover,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .family-item .family-info .remove-family:hover{ background-color: #E74C3C; color: white; } vrfusion-site-cost-calculator .tabs-content .tab-families .cost-summary,[riot-tag="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary,[data-is="vrfusion-site-cost-calculator"] .tabs-content .tab-families .cost-summary{ margin-top: 20px; border-top: 2px solid #EEEEEE; padding-top: 10px; }', '', function(opts) { 2 this.selectedTab = 1; 3 this.people = 1; 4 this.families = [ 5 { num_bedrooms: 1 } 6 ]; 7 8 this.on('update', function() { 9 this.current_price = opts.current_price; 10 this.nights = opts.nights; 11 this.num_bedrooms = opts.num_bedrooms; 12 this.max_occupancy = opts.max_occupancy; 13 }); 14 15 this.incrementPeople = function() { 16 if (this.people < this.max_occupancy) { 17 this.people++; 18 } 19 }; 20 21 this.decrementPeople = function() { 22 if (this.people > 1) { 23 this.people--; 24 } 25 }; 26 27 this.getTotalUsedBedrooms = function() { 28 return this.families.reduce((sum, family) => sum + family.num_bedrooms, 0); 29 }; 30 31 this.incrementFamilies = function() { 32 if (this.getTotalUsedBedrooms() < this.num_bedrooms) { 33 this.families.push({ num_bedrooms: 1 }); 34 } 35 }; 36 37 this.decrementFamilies = function() { 38 if (this.families.length > 1) { 39 this.families.pop(); 40 } 41 }; 42 43 this.incrementFamilyBedrooms = function(e) { 44 if (this.getTotalUsedBedrooms() < this.num_bedrooms) { 45 this.families[e.item.index].num_bedrooms++; 46 } 47 }; 48 49 this.decrementFamilyBedrooms = function(e) { 50 if (this.families[e.item.index].num_bedrooms > 1) { 51 this.families[e.item.index].num_bedrooms--; 52 } 53 }; 54 55 this.getCostPerBedroom = function() { 56 return this.current_price / this.num_bedrooms; 57 }; 58 59 this.getFamilyCost = function(family) { 60 return family.num_bedrooms * this.getCostPerBedroom(); 61 }; 62 63 this.showTab = function(e) { 64 this.selectedTab = parseInt(e.currentTarget.getAttribute('data-tab')); 65 }; 66});
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.