Modified Meter search and meter list problems2
parent
b415118cd5
commit
407796ea21
|
@ -61,6 +61,7 @@ const MeterCarbon = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
const [selectedSpaceName, setSelectedSpaceName] = useState(undefined);
|
||||
const [selectedSpaceID, setSelectedSpaceID] = useState(undefined);
|
||||
const [meterList, setMeterList] = useState([]);
|
||||
const [startfilteredMeterList, setstartFilteredMeterList] = useState([]);
|
||||
const [filteredMeterList, setFilteredMeterList] = useState([]);
|
||||
const [selectedMeter, setSelectedMeter] = useState(undefined);
|
||||
const [comparisonType, setComparisonType] = useState('month-on-month');
|
||||
|
@ -156,6 +157,7 @@ const MeterCarbon = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
console.log(json);
|
||||
setMeterList(json[0]);
|
||||
setFilteredMeterList(json[0]);
|
||||
setstartFilteredMeterList(json[0]);
|
||||
if (json[0].length > 0) {
|
||||
setSelectedMeter(json[0][0].value);
|
||||
// enable submit button
|
||||
|
@ -226,13 +228,14 @@ const MeterCarbon = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
|
||||
const onSearchMeter = ({ target }) => {
|
||||
const keyword = target.value.toLowerCase();
|
||||
if (keyword.length == 0){
|
||||
return false;
|
||||
};
|
||||
const filteredResult = meterList.filter(
|
||||
meter => meter.label.toLowerCase().includes(keyword)
|
||||
);
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
if (keyword.length == 0){
|
||||
setFilteredMeterList(startfilteredMeterList);
|
||||
}else {
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
}
|
||||
if (filteredResult.length > 0) {
|
||||
setSelectedMeter(filteredResult[0].value);
|
||||
// enable submit button
|
||||
|
|
|
@ -61,6 +61,7 @@ const MeterCost = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
const [selectedSpaceName, setSelectedSpaceName] = useState(undefined);
|
||||
const [selectedSpaceID, setSelectedSpaceID] = useState(undefined);
|
||||
const [meterList, setMeterList] = useState([]);
|
||||
const [startfilteredMeterList, setstartFilteredMeterList] = useState([]);
|
||||
const [filteredMeterList, setFilteredMeterList] = useState([]);
|
||||
const [selectedMeter, setSelectedMeter] = useState(undefined);
|
||||
const [comparisonType, setComparisonType] = useState('month-on-month');
|
||||
|
@ -156,6 +157,7 @@ const MeterCost = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
console.log(json);
|
||||
setMeterList(json[0]);
|
||||
setFilteredMeterList(json[0]);
|
||||
setstartFilteredMeterList(json[0]);
|
||||
if (json[0].length > 0) {
|
||||
setSelectedMeter(json[0][0].value);
|
||||
// enable submit button
|
||||
|
@ -226,13 +228,14 @@ const MeterCost = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
|
||||
const onSearchMeter = ({ target }) => {
|
||||
const keyword = target.value.toLowerCase();
|
||||
if (keyword.length == 0){
|
||||
return false;
|
||||
};
|
||||
const filteredResult = meterList.filter(
|
||||
meter => meter.label.toLowerCase().includes(keyword)
|
||||
);
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
if (keyword.length == 0){
|
||||
setFilteredMeterList(startfilteredMeterList);
|
||||
}else {
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
}
|
||||
if (filteredResult.length > 0) {
|
||||
setSelectedMeter(filteredResult[0].value);
|
||||
// enable submit button
|
||||
|
|
|
@ -61,6 +61,7 @@ const MeterEnergy = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
const [selectedSpaceName, setSelectedSpaceName] = useState(undefined);
|
||||
const [selectedSpaceID, setSelectedSpaceID] = useState(undefined);
|
||||
const [meterList, setMeterList] = useState([]);
|
||||
const [startfilteredMeterList, setstartFilteredMeterList] = useState([]);
|
||||
const [filteredMeterList, setFilteredMeterList] = useState([]);
|
||||
const [selectedMeter, setSelectedMeter] = useState(undefined);
|
||||
const [comparisonType, setComparisonType] = useState('month-on-month');
|
||||
|
@ -156,6 +157,7 @@ const MeterEnergy = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
console.log(json);
|
||||
setMeterList(json[0]);
|
||||
setFilteredMeterList(json[0]);
|
||||
setstartFilteredMeterList(json[0]);
|
||||
if (json[0].length > 0) {
|
||||
setSelectedMeter(json[0][0].value);
|
||||
// enable submit button
|
||||
|
@ -228,13 +230,14 @@ const MeterEnergy = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
|
||||
const onSearchMeter = ({ target }) => {
|
||||
const keyword = target.value.toLowerCase();
|
||||
if (keyword.length == 0){
|
||||
return false;
|
||||
};
|
||||
const filteredResult = meterList.filter(
|
||||
meter => meter.label.toLowerCase().includes(keyword)
|
||||
);
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
if (keyword.length == 0){
|
||||
setFilteredMeterList(startfilteredMeterList);
|
||||
}else {
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
}
|
||||
if (filteredResult.length > 0) {
|
||||
setSelectedMeter(filteredResult[0].value);
|
||||
// enable submit button
|
||||
|
|
|
@ -59,6 +59,7 @@ const MeterSubmetersBalance = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
const [selectedSpaceName, setSelectedSpaceName] = useState(undefined);
|
||||
const [selectedSpaceID, setSelectedSpaceID] = useState(undefined);
|
||||
const [meterList, setMeterList] = useState([]);
|
||||
const [startfilteredMeterList, setstartFilteredMeterList] = useState([]);
|
||||
const [filteredMeterList, setFilteredMeterList] = useState([]);
|
||||
const [selectedMeter, setSelectedMeter] = useState(undefined);
|
||||
const [periodType, setPeriodType] = useState('daily');
|
||||
|
@ -151,6 +152,7 @@ const MeterSubmetersBalance = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
console.log(json);
|
||||
setMeterList(json[0]);
|
||||
setFilteredMeterList(json[0]);
|
||||
setstartFilteredMeterList(json[0]);
|
||||
if (json[0].length > 0) {
|
||||
setSelectedMeter(json[0][0].value);
|
||||
// enable submit button
|
||||
|
@ -223,13 +225,14 @@ const MeterSubmetersBalance = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
|
||||
const onSearchMeter = ({ target }) => {
|
||||
const keyword = target.value.toLowerCase();
|
||||
if (keyword.length == 0){
|
||||
return false;
|
||||
};
|
||||
const filteredResult = meterList.filter(
|
||||
meter => meter.label.toLowerCase().includes(keyword)
|
||||
);
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
if (keyword.length == 0){
|
||||
setFilteredMeterList(startfilteredMeterList);
|
||||
}else {
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
}
|
||||
if (filteredResult.length > 0) {
|
||||
setSelectedMeter(filteredResult[0].value);
|
||||
// enable submit button
|
||||
|
|
|
@ -56,6 +56,7 @@ const MeterTrend = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
const [selectedSpaceName, setSelectedSpaceName] = useState(undefined);
|
||||
const [selectedSpaceID, setSelectedSpaceID] = useState(undefined);
|
||||
const [meterList, setMeterList] = useState([]);
|
||||
const [startfilteredMeterList, setstartFilteredMeterList] = useState([]);
|
||||
const [filteredMeterList, setFilteredMeterList] = useState([]);
|
||||
const [selectedMeter, setSelectedMeter] = useState(undefined);
|
||||
const [cascaderOptions, setCascaderOptions] = useState(undefined);
|
||||
|
@ -141,6 +142,7 @@ const MeterTrend = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
console.log(json);
|
||||
setMeterList(json[0]);
|
||||
setFilteredMeterList(json[0]);
|
||||
setstartFilteredMeterList(json[0]);
|
||||
if (json[0].length > 0) {
|
||||
setSelectedMeter(json[0][0].value);
|
||||
// enable submit button
|
||||
|
@ -213,13 +215,14 @@ const MeterTrend = ({ setRedirect, setRedirectUrl, t }) => {
|
|||
|
||||
const onSearchMeter = ({ target }) => {
|
||||
const keyword = target.value.toLowerCase();
|
||||
if (keyword.length == 0){
|
||||
return false;
|
||||
};
|
||||
const filteredResult = meterList.filter(
|
||||
meter => meter.label.toLowerCase().includes(keyword)
|
||||
);
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
if (keyword.length == 0){
|
||||
setFilteredMeterList(startfilteredMeterList);
|
||||
}else {
|
||||
setFilteredMeterList(keyword.length ? filteredResult : meterList);
|
||||
}
|
||||
if (filteredResult.length > 0) {
|
||||
setSelectedMeter(filteredResult[0].value);
|
||||
// enable submit button
|
||||
|
|
Loading…
Reference in New Issue