"
item += "
"
}
else if (index % 2 === 0) {
item += "
"
}
if (index !== 0 && (index % 2 === 0)) {
item += "
"
}
else if (index !== 0) {
item += "
"
item += "
"
}
item = item_active
boxs.push(rs.boxes[index])
encodings.push(rs.encodings[index])
});
this.setState({
encodings: encodings,
slides: Parser(item),
boxs: boxs,
value: 0,
selectedEncoding: encodings[0],
listHistory: [],
nimages: rs.imgs,
total_count: 0,
page_num: 1,
numbershow: (rs.imgs.length > 3 ? 3 : rs.imgs.length),
}, () => {
if (this.state.encodings.length === 1) {
window.$('.carousel-control-prev').hide();
window.$('.carousel-control-next').hide();
}
else {
window.$('.carousel-control-prev').show();
window.$('.carousel-control-next').show();
}
if (this.state.encodings.length >= 1)
this.changeFace(0)
})
}
else {
swal("Lỗi!", "Ảnh không hợp lệ!", "error");
this.setState({
listHistory: [],
loading: false,
total_count: 0,
});
}
}).catch((error) => {
if (error) {
console.log(error)
swal("Lỗi!", "Ảnh không hợp lệ!", "error");
this.setState({
listHistory: [],
loading: false,
total_count: 0,
});
}
})
}
onFilesChangeImagePerson = async (files) => {
document.getElementById('previewImagePerson').src = files.base64;
this.setState({
filesImagePerson: files.base64,
crrHistory: [],
nimages: [],
loading: false,
totalLength: 0,
plugins: []
});
this.getFaces();
}
isChangeRes = (event) => {
this.setState({
valueRes: event.target.value,
})
}
isChangeThreshold = (event) => {
let val = event.target.value
let maxLength = 3
let newValue = val < maxLength ? val : parseInt(val.toString().substring(0, maxLength));
this.setState({
threshold: newValue,
})
}
FilterSearch = (activePage) => {
const offset = (activePage - 1) * this.itemsPerPage;
const crrHistory = this.state.listHistory.slice(offset, offset + this.itemsPerPage);
this.setState({
crrHistory,
offset,
showFirst: offset + 1,
showLast: crrHistory.length + offset,
totalLength: this.state.listHistory.length
});
}
handlePageChange = (pageNumber) => {
this.setState({
...this.state,
page_num: pageNumber,
}, () => {
this.FilterSearch(pageNumber);
})
}
render() {
let rsImages = this.state.nimages.map((value, index) => {
var item_active = ""
if (index === 0) {
item_active =
(
this.changeFace(index)} class={"img-responsive"} />
)
}
else if (index > 0) {
item_active =
(
this.changeFace(index)} class={"img-responsive"} />
)
}
return item_active
});
let bulletedImg = this.state.crrHistory.map((value, index) => {
let layoutImg = "col-md-4"
if ($(window).width() >= 1400 && $(window).width() < 1750) {
layoutImg = "col-md-4"
} else if ($(window).width() <= 1280 ) {
layoutImg = "col-md-4"
} else {
layoutImg = "col-md-3"
}
return (
}
>
facebookID: {value.person_id}
ImageID: {value.image_id}
Độ chính xác: {parseFloat(value.confidence * 100).toFixed(2)}%
)
});
console.log('oke em', this.state.isLogin);
return (
Tổng kết quả {this.state.totalLength}
);
}
}
export default SearchImage;