Zai
again
e339588
raw
history blame
27.2 kB
var roomvalarr = new Array(14);
for (i = 0; i < 14; i++) {
roomvalarr[i] = 0;
}
var otherval = 0;
var detailval = 0;
roomvalarr[0] = 1;
// console.log(roomvalarr)
//LivingRoom, MasterRoom, Kitchen,Bathroom,DiningRoom,ChildRoom,StudyRoom
// SecondRoom, GuestRoom, Balcony,Entrance,Storage, Wallin,BedRoom
//0
new Vue({
el: '#BedRoomVue',
data() {
return {
BedRoomradio1: 'Any',
BedRoomradio2: '0'
}
},
methods: {
// {# BedRoom#}
BedRoomnum(val) {
roomvalarr[13] = val;
document.getElementById("BedRoomlb").innerHTML = "BedRoom:" + roomvalarr[13];
if (val == "Any") {
roomvalarr[13] = 0;
document.getElementById("BedRoomlb").innerHTML = "BedRoom";
}
// console.log(val);
},
BedRoomnum_mt(val) {
roomvalarr[13] = val;
document.getElementById("BedRoomlb").innerHTML = "BedRoom:" + roomvalarr[13];
if (val == "0") {
roomvalarr[13] = 0;
document.getElementById("BedRoomlb").innerHTML = "BedRoom";
}
// console.log(val);
},
BedRoom_mt(val) {
if (val) {
document.getElementById("BedRoom").style.display = "none";
document.getElementById("BedRoommt").style.display = "block";
} else {
document.getElementById("BedRoom").style.display = "block";
document.getElementById("BedRoommt").style.display = "none";
}
// console.log(val);
},Done(val) {
animateHeight(true);
console.log(val);
}
}
})
//2
new Vue({
el: '#BathRoomVue',
data() {
return {
BathRoomradio1: 'Any',
BathRoomradio2: '0'
}
},
methods: {
// {# BathRoom#}
BathRoomnum(val) {
roomvalarr[3] = val;
document.getElementById("BathRoomlb").innerHTML = "BathRoom:" + roomvalarr[3];
if (val == "Any") {
roomvalarr[3] = 0;
document.getElementById("BathRoomlb").innerHTML = "BathRoom";
}
// console.log(val);
},
BathRoomnum_mt(val) {
roomvalarr[3] = val;
document.getElementById("BathRoomlb").innerHTML = "BathRoom:" + roomvalarr[3];
if (val == "0") {
roomvalarr[3] = 0;
document.getElementById("BathRoomlb").innerHTML = "BathRoom";
}
// console.log(val);
},
BathRoom_mt(val) {
if (val) {
document.getElementById("BathRoom").style.display = "none";
document.getElementById("BathRoommt").style.display = "block";
} else {
document.getElementById("BathRoom").style.display = "block";
document.getElementById("BathRoommt").style.display = "none";
}
// console.log(val);
},Done2(val) {
animateHeight2(true);
console.log(val);
}
}
})
//1
new Vue({
el: '#otherVue',
data() {
return {
// LivingRoomradio1: 'Any',
Kitchenradio1: 'Any',
Balconyradio1: 'Any',
DiningRoomradio1: 'Any',
Entranceradio1: 'Any',
Storageradio1: 'Any',
Wallinradio1: 'Any',
// LivingRoomradio2: '0',
Kitchenradio2: '0',
Balconyradio2: '0',
DiningRoomradio2: '0',
Entranceradio2: '0',
Storageradio2: '0',
Wallinradio2: '0',
}
},
methods: {
// // {# LivingRoom#}
// LivingRoomnum(val) {
// roomvalarr[0] = val;
// document.getElementById("LivingRoomlb").innerHTML = "LivingRoom:" + roomvalarr[0];
// if (val == "Any") {
// roomvalarr[0] = 0;
// document.getElementById("LivingRoomlb").innerHTML = "LivingRoom";
// }
// otherval = countother();
// document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
//
// console.log(val);
// },
// LivingRoomnum_mt(val) {
// roomvalarr[0] = val;
// document.getElementById("LivingRoomlb").innerHTML = "LivingRoom:" + roomvalarr[0];
// if (val == "0") {
// roomvalarr[0] = 0;
// document.getElementById("LivingRoomlb").innerHTML = "LivingRoom";
// }
// otherval = countother();
// document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
//
// console.log(val);
// },
// LivingRoom_mt(val) {
// if (val) {
// document.getElementById("LivingRoom").style.display = "none";
// document.getElementById("LivingRoommt").style.display = "block";
// } else {
// document.getElementById("LivingRoom").style.display = "block";
// document.getElementById("LivingRoommt").style.display = "none";
//
// }
// console.log(val);
// },
// {#Kitchen#}
Kitchennum(val) {
roomvalarr[2] = val;
document.getElementById("Kitchenlb").innerHTML = "Kitchen:" + roomvalarr[2];
if (val == "Any") {
roomvalarr[2] = 0;
document.getElementById("Kitchenlb").innerHTML = "Kitchen";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Kitchennum_mt(val) {
roomvalarr[2] = val;
document.getElementById("Kitchenlb").innerHTML = "Kitchen:" + roomvalarr[2];
if (val == "0") {
roomvalarr[2] = 0;
document.getElementById("Kitchenlb").innerHTML = "Kitchen";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Kitchen_mt(val) {
if (val) {
document.getElementById("Kitchen").style.display = "none";
document.getElementById("Kitchenmt").style.display = "block";
} else {
document.getElementById("Kitchen").style.display = "block";
document.getElementById("Kitchenmt").style.display = "none";
}
// console.log(val);
},
// {# Balcony #}
Balconynum(val) {
roomvalarr[9] = val;
document.getElementById("Balconylb").innerHTML = "Balcony:" + roomvalarr[9];
if (val == "Any") {
roomvalarr[9] = 0;
document.getElementById("Balconylb").innerHTML = "Balcony";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Balconynum_mt(val) {
roomvalarr[9] = val;
document.getElementById("Balconylb").innerHTML = "Balcony:" + roomvalarr[9];
if (val == "0") {
roomvalarr[9] = 0;
document.getElementById("Balconylb").innerHTML = "Balcony";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Balcony_mt(val) {
if (val) {
document.getElementById("Balcony").style.display = "none";
document.getElementById("Balconymt").style.display = "block";
} else {
document.getElementById("Balcony").style.display = "block";
document.getElementById("Balconymt").style.display = "none";
}
// console.log(val);
},
// {# DiningRoom #}
DiningRoomnum(val) {
roomvalarr[4] = val;
document.getElementById("DiningRoomlb").innerHTML = "DiningRoom:" + roomvalarr[4];
if (val == "Any") {
roomvalarr[4] = 0;
document.getElementById("DiningRoomlb").innerHTML = "DiningRoom";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
DiningRoomnum_mt(val) {
roomvalarr[4] = val;
document.getElementById("DiningRoomlb").innerHTML = "DiningRoom:" + roomvalarr[4];
if (val == "0") {
roomvalarr[4] = 0;
document.getElementById("DiningRoomlb").innerHTML = "DiningRoom";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
DiningRoom_mt(val) {
if (val) {
document.getElementById("DiningRoom").style.display = "none";
document.getElementById("DiningRoommt").style.display = "block";
} else {
document.getElementById("DiningRoom").style.display = "block";
document.getElementById("DiningRoommt").style.display = "none";
}
// console.log(val);
},
// {# Entrance #}
Entrancenum(val) {
roomvalarr[10] = val;
document.getElementById("Entrancelb").innerHTML = "Entrance:" + roomvalarr[10];
if (val == "Any") {
roomvalarr[10] = 0;
document.getElementById("Entrancelb").innerHTML = "Entrance";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Entrancenum_mt(val) {
roomvalarr[10] = val;
document.getElementById("Entrancelb").innerHTML = "Entrance:" + roomvalarr[10];
if (val == "0") {
roomvalarr[10] = 0;
document.getElementById("Entrancelb").innerHTML = "Entrance";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Entrance_mt(val) {
if (val) {
document.getElementById("Entrance").style.display = "none";
document.getElementById("Entrancemt").style.display = "block";
} else {
document.getElementById("Entrance").style.display = "block";
document.getElementById("Entrancemt").style.display = "none";
}
// console.log(val);
},
// {# Storage #}
Storagenum(val) {
roomvalarr[11] = val;
document.getElementById("Storagelb").innerHTML = "Storage:" + roomvalarr[11];
if (val == "Any") {
roomvalarr[11] = 0;
document.getElementById("Storagelb").innerHTML = "Storage";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Storagenum_mt(val) {
roomvalarr[11] = val;
document.getElementById("Storagelb").innerHTML = "Storage:" + roomvalarr[11];
if (val == "0") {
roomvalarr[11] = 0;
document.getElementById("Storagelb").innerHTML = "Storage";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Storage_mt(val) {
if (val) {
document.getElementById("Storage").style.display = "none";
document.getElementById("Storagemt").style.display = "block";
} else {
document.getElementById("Storage").style.display = "block";
document.getElementById("Storagemt").style.display = "none";
}
// console.log(val);
},
// {# Wallin #}
Wallinnum(val) {
roomvalarr[12] = val;
document.getElementById("Wallinlb").innerHTML = "Wallin:" + roomvalarr[12];
if (val == "Any") {
roomvalarr[12] = 0;
document.getElementById("Wallinlb").innerHTML = "Wallin";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Wallinnum_mt(val) {
roomvalarr[12] = val;
document.getElementById("Wallinlb").innerHTML = "Wallin:" + roomvalarr[12];
if (val == "0") {
roomvalarr[12] = 0;
document.getElementById("Wallinlb").innerHTML = "Wallin";
}
otherval = countother();
document.getElementById("otherlb").innerHTML = otherval == 0 ? "Other Room Types" : "Other Room Types:" + otherval;
// console.log(val);
},
Wallin_mt(val) {
if (val) {
document.getElementById("Wallin").style.display = "none";
document.getElementById("Wallinmt").style.display = "block";
} else {
document.getElementById("Wallin").style.display = "block";
document.getElementById("Wallinmt").style.display = "none";
}
// console.log(val);
},Done1(val) {
animateHeight1(true);
console.log(val);
}
}
})
//3
new Vue({
el: '#detailVue',
data() {
return {
MasterRoomradio1: 'Any',
GuestRoomradio1: 'Any',
SecondRoomradio1: 'Any',
ChildRoomradio1: 'Any',
StudyRoomradio1: 'Any',
MasterRoomradio2: '0',
GuestRoomradio2: '0',
SecondRoomradio2: '0',
ChildRoomradio2: '0',
StudyRoomradio2: '0',
}
},
methods: {
// {# MasterRoom#}
MasterRoomnum(val) {
roomvalarr[1] = val;
document.getElementById("MasterRoomlb").innerHTML = "MasterRoom:" + roomvalarr[1];
if (val == "Any") {
roomvalarr[1] = 0;
document.getElementById("MasterRoomlb").innerHTML = "MasterRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
MasterRoomnum_mt(val) {
roomvalarr[1] = val;
document.getElementById("MasterRoomlb").innerHTML = "MasterRoom:" + roomvalarr[1];
if (val == "0") {
roomvalarr[1] = 0;
document.getElementById("MasterRoomlb").innerHTML = "MasterRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
MasterRoom_mt(val) {
if (val) {
document.getElementById("MasterRoom").style.display = "none";
document.getElementById("MasterRoommt").style.display = "block";
} else {
document.getElementById("MasterRoom").style.display = "block";
document.getElementById("MasterRoommt").style.display = "none";
}
// console.log(val);
},
// {# GuestRoom#}
GuestRoomnum(val) {
roomvalarr[8] = val;
document.getElementById("GuestRoomlb").innerHTML = "GuestRoom:" + roomvalarr[8];
if (val == "Any") {
roomvalarr[8] = 0;
document.getElementById("GuestRoomlb").innerHTML = "GuestRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
GuestRoomnum_mt(val) {
roomvalarr[8] = val;
document.getElementById("GuestRoomlb").innerHTML = "GuestRoom:" + roomvalarr[8];
if (val == "0") {
roomvalarr[8] = 0;
document.getElementById("GuestRoomlb").innerHTML = "GuestRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
GuestRoom_mt(val) {
if (val) {
document.getElementById("GuestRoom").style.display = "none";
document.getElementById("GuestRoommt").style.display = "block";
} else {
document.getElementById("GuestRoom").style.display = "block";
document.getElementById("GuestRoommt").style.display = "none";
}
// console.log(detailval);
// console.log(val);
},
// {# SecondRoom#}
SecondRoomnum(val) {
roomvalarr[7] = val;
document.getElementById("SecondRoomlb").innerHTML = "SecondRoom:" + roomvalarr[7];
if (val == "Any") {
roomvalarr[7] = 0;
document.getElementById("SecondRoomlb").innerHTML = "SecondRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
SecondRoomnum_mt(val) {
roomvalarr[7] = val;
document.getElementById("SecondRoomlb").innerHTML = "SecondRoom:" + roomvalarr[7];
if (val == "0") {
roomvalarr[7] = 0;
document.getElementById("SecondRoomlb").innerHTML = "SecondRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
SecondRoom_mt(val) {
if (val) {
document.getElementById("SecondRoom").style.display = "none";
document.getElementById("SecondRoommt").style.display = "block";
} else {
document.getElementById("SecondRoom").style.display = "block";
document.getElementById("SecondRoommt").style.display = "none";
}
// console.log(val);
},
// {# ChildRoom#}
ChildRoomnum(val) {
roomvalarr[5] = val;
document.getElementById("ChildRoomlb").innerHTML = "ChildRoom:" + roomvalarr[5];
if (val == "Any") {
roomvalarr[5] = 0;
document.getElementById("ChildRoomlb").innerHTML = "ChildRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
ChildRoomnum_mt(val) {
roomvalarr[5] = val;
document.getElementById("ChildRoomlb").innerHTML = "ChildRoom:" + roomvalarr[5];
if (val == "0") {
roomvalarr[5] = 0;
document.getElementById("ChildRoomlb").innerHTML = "ChildRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
ChildRoom_mt(val) {
if (val) {
document.getElementById("ChildRoom").style.display = "none";
document.getElementById("ChildRoommt").style.display = "block";
} else {
document.getElementById("ChildRoom").style.display = "block";
document.getElementById("ChildRoommt").style.display = "none";
}
// console.log(val);
},
// {# StudyRoom#}
StudyRoomnum(val) {
roomvalarr[6] = val;
document.getElementById("StudyRoomlb").innerHTML = "StudyRoom:" + roomvalarr[6];
if (val == "Any") {
roomvalarr[6] = 0;
document.getElementById("StudyRoomlb").innerHTML = "StudyRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
StudyRoomnum_mt(val) {
roomvalarr[6] = val;
document.getElementById("StudyRoomlb").innerHTML = "StudyRoom:" + roomvalarr[6];
if (val == "0") {
roomvalarr[6] = 0;
document.getElementById("StudyRoomlb").innerHTML = "StudyRoom";
}
detailval = countdeailted();
document.getElementById("detailedlb").innerHTML = detailval == 0 ? "Detailed Bedroom Types" : "Detailed Bedroom Types:" + detailval;
// console.log(val);
},
StudyRoom_mt(val) {
if (val) {
document.getElementById("StudyRoom").style.display = "none";
document.getElementById("StudyRoommt").style.display = "block";
} else {
document.getElementById("StudyRoom").style.display = "block";
document.getElementById("StudyRoommt").style.display = "none";
}
// console.log(val);
},Done3(val) {
animateHeight3(true);
console.log(val);
}
},
})
new Vue({
el: '#addVue',
data() {
return {
}
},
methods: {
},
})
function initVue() {
var vue1=new Vue({ el: '#BedRoomVue' });
// vue1.BedRoomradio1= 'Any';
// vue1.BedRoomradio2= '0';
vue1.BedRoomradio1="Any";
// document.getElementById("detailVue").assign(this.$data, this.$options.data());
// document.getElementById("otherVue").assign(this.$data, this.$options.data());
// document.getElementById("BathRoomVue").assign(this.$data, this.$options.data());
}
function countdeailted() {
var count = 0;
if (roomvalarr[1] != 0) count = count + 1;
if (roomvalarr[5] != 0) count = count + 1;
if (roomvalarr[6] != 0) count = count + 1;
if (roomvalarr[7] != 0) count = count + 1;
if (roomvalarr[8] != 0) count = count + 1;
return count
}
function countother() {
var count = 0;
if (roomvalarr[2] != 0) count = count + 1;
if (roomvalarr[9] != 0) count = count + 1;
if (roomvalarr[4] != 0) count = count + 1;
if (roomvalarr[10] != 0) count = count + 1;
if (roomvalarr[11] != 0) count = count + 1;
if (roomvalarr[12] != 0) count = count + 1;
// console.log(roomvalarr);
return count
}
function Num() {
var detailindx = [1, 5, 6, 7, 8];
var temp = 0;
var bedroomsum = 0;
//detail :no,bedroom:exact
if (roomvalarr[13].length == 1 || roomvalarr[13] == 0)
if (roomvalarr[1].length == 2 || roomvalarr[5].length == 2 || roomvalarr[6].length == 2 || roomvalarr[7].length == 2 || roomvalarr[8].length == 2) {
for (i = 0; i < 5; i++) {
if (roomvalarr[detailindx[i]].length == 2) {
temp = temp + parseInt(roomvalarr[detailindx[i]].split("+")[0]) + 1;
} else
temp = temp + roomvalarr[detailindx[i]];
}
// console.log("temp", temp);
if (roomvalarr[13] < temp)
if (temp < 6)
roomvalarr[13] = temp;
else roomvalarr[13] = 5;
roomvalarr[13] = String(roomvalarr[13]) + "+";
}
//detail :exact,bedroom:exact
if (roomvalarr[13].length == 1 || roomvalarr[13] == 0) {
if ((roomvalarr[1].length == 1 || roomvalarr[1] == 0) &&(roomvalarr[5].length == 1 || roomvalarr[5] == 0) && (roomvalarr[6].length == 1 || roomvalarr[6] == 0) && (roomvalarr[7].length == 1 || roomvalarr[7] == 0) && (roomvalarr[8].length == 1 || roomvalarr[8] == 0) ) {
bedroomsum = parseInt(roomvalarr[1] )+parseInt( roomvalarr[5]) + parseInt(roomvalarr[6]) + parseInt(roomvalarr[7] )+ parseInt(roomvalarr[8]);
// console.log("bedroomsum", bedroomsum);
if (roomvalarr[13] < bedroomsum)
if (bedroomsum < 6)
roomvalarr[13] = bedroomsum;
else roomvalarr[13] = 5;
roomvalarr[13] = String(roomvalarr[13]);
}
}
if(roomvalarr[13]=="0")roomvalarr[13]=0;
// console.log("roomvalarr[13]", roomvalarr[13]);
var roomactarr = new Array(14);
var roomexaarr = new Array(14);
var roomnumarr = new Array(14);
roomactarr[0]=1;roomexaarr[0] = 1;roomnumarr[0] = 1;
for (i = 0; i < 14; i++) {
if (roomvalarr[i] == 0) {
roomactarr[i] = 0;
roomexaarr[i] = 0;
roomnumarr[i] = 0
}
if (roomvalarr[i].length == 2) {
roomactarr[i] = 1;
roomexaarr[i] = 0;
roomnumarr[i] = roomvalarr[i].split("+")[0];
}
if (roomvalarr[i].length == 1) {
roomactarr[i] = 1;
roomexaarr[i] = 1;
roomnumarr[i] = roomvalarr[i];
}
}
return {
roomactarr: roomactarr,
roomexaarr: roomexaarr,
roomnumarr: roomnumarr,
}
}