Skip to content

2
2021-208
Commit c1f24771 authored by dewmalFernando's avatar dewmalFernando
Browse files
Options

V1.23

parent 829857e5
Hide whitespace changes
Inline Side-by-side
Showing with 216 additions and 2 deletions
UI/app.js
View file @ c1f24771
......@@ -112,6 +112,7 @@ if(result != null){
//For Image enhancement
function insertVideo(newVideo) {
displayAlert("Image enhancement stared");
fetch('http://127.0.0.1:5000/StartImageEnhance', {
method: 'POST',
headers: {
......@@ -126,8 +127,10 @@ function insertVideo(newVideo) {
datas = VidData.id
if(VidData != null){
displayAlert("Image enhancement is successfully executed");
const nextBen1 = document.getElementById('next1')
nextBen1.addEventListener("click", () => {
displayAlert("Abnormal behaviour identification stared");
startAbnormalBehaviourDetection(datas)
VidData = null
})
......@@ -160,9 +163,11 @@ function startAbnormalBehaviourDetection(id) {
.then(data => {
console.log(data)
displayAlert("Abnormal behaviour identification is successfully executed");
if (data != null) {
const nextBen2 = document.getElementById('next2')
nextBen2.addEventListener("click", () => {
displayAlert("Face detection started");
startFaceRecognition();
data = null
})
......@@ -182,10 +187,11 @@ function startFaceRecognition() {
.then(list => {
console.log(list)
// 'E:\\BACKBONE\\face_detection_recognition\\output\\Output_Video.avi'
displayAlert("Face recognition is successfully executed");
if (list != null ) {
const nextBen3 = document.getElementById('next3')
nextBen3.addEventListener("click", () => {
displayAlert("Figure recognition started");
StartFigureRecognition()
list = null;
})
......@@ -215,6 +221,7 @@ function StartFigureRecognition() {
.then(figData => {
console.log(figData)
})
displayAlert("Figure recognition is successfully executed");
})
}
......@@ -418,4 +425,19 @@ if (mainSubmitBtn != null) {
alert("Choose a file")
}
})
}
function displayAlert(message){
$('.alert').addClass("show");
$('.alert').removeClass("hide");
$('.alert').addClass("showAlert");
$('.msg').text(message);
setTimeout(function(){
$('.alert').removeClass("show");
$('.alert').addClass("hide");
},5000);
$('.close-btn').click(function(){
$('.alert').removeClass("show");
$('.alert').addClass("hide");
});
}
\ No newline at end of file
UI/css/alert.css 0 → 100644
View file @ c1f24771
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
.alert{
z-index: 1;
background: #ffdb9b;
padding: 20px 40px;
min-width: 420px;
position: absolute;
right: 0;
top: 10px;
border-radius: 4px;
border-left: 8px solid #ffa502;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.alert.showAlert{
opacity: 1;
pointer-events: auto;
}
.alert.show{
animation: show_slide 1s ease forwards;
}
@keyframes show_slide {
0%{
transform: translateX(100%);
}
40%{
transform: translateX(-10%);
}
80%{
transform: translateX(0%);
}
100%{
transform: translateX(-10px);
}
}
.alert.hide{
animation: hide_slide 1s ease forwards;
}
@keyframes hide_slide {
0%{
transform: translateX(-10px);
}
40%{
transform: translateX(0%);
}
80%{
transform: translateX(-10%);
}
100%{
transform: translateX(100%);
}
}
.alert .fa-exclamation-circle{
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
color: #ce8500;
font-size: 30px;
}
.alert .msg{
padding: 0 20px;
font-size: 18px;
color: #ce8500;
}
.alert .close-btn{
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
background: #ffd080;
padding: 20px 18px;
cursor: pointer;
}
.alert .close-btn:hover{
background: #ffc766;
}
.alert .close-btn .fas{
color: #ce8500;
font-size: 22px;
line-height: 40px;
}
\ No newline at end of file
UI/main.html
View file @ c1f24771
......@@ -13,6 +13,7 @@
<link rel="stylesheet" href="css/progress_Bar.css">
<link href="css/progress_styles.css" rel="stylesheet"/>
<link href="css/popUpIcon.css" rel="stylesheet"/>
<link href="css/alert.css" rel="stylesheet"/>
<!-- <link href="css/result_styles.css" rel="stylesheet"/>-->
<!-- <link href="css/result.css" rel="stylesheet"/>-->
......@@ -32,6 +33,13 @@
</style>
<body id="page-top">
<div class="alert hide">
<span class="fas fa-exclamation-circle"></span>
<span class="msg"></span>
<div class="close-btn">
<span class="fas fa-times"></span>
</div>
</div>
<header class="masthead">
<div class="container">
<div>
......
UI/progressBar.html
View file @ c1f24771
......@@ -24,5 +24,104 @@
</div>
<script src="../../../%23Downloads/progress%20bar/js/progressBar.js"></script>
<!--<script>-->
<!-- var list = ['Image Enhancement Is Executed Successfully', 'Abnormal Behaviour Detection Is Executed Successfully', 'Face Detection Is Executed Successfully', 'Figure Recognition Is Executed Successfully']-->
<!-- var count = 0;-->
<!-- function DisplayNotification(){-->
<!-- console.log(list[count]);-->
<!-- console.log(count);-->
<!-- var notification = new Noty({-->
<!-- text: list[count],-->
<!-- animation: {-->
<!-- open: function (promise) {-->
<!-- var n = this;-->
<!-- var Timeline = new mojs.Timeline();-->
<!-- var body = new mojs.Html({-->
<!-- el : n.barDom,-->
<!-- x : {500: 0, delay: 0, duration: 500, easing: 'elastic.out'},-->
<!-- isForce3d : true,-->
<!-- onComplete: function () {-->
<!-- promise(function(resolve) {-->
<!-- resolve();-->
<!-- })-->
<!-- }-->
<!-- });-->
<!-- var parent = new mojs.Shape({-->
<!-- parent: n.barDom,-->
<!-- width : 200,-->
<!-- height : n.barDom.getBoundingClientRect().height,-->
<!-- radius : 0,-->
<!-- x : {[150]: -150},-->
<!-- duration : 1.2 * 500,-->
<!-- isShowStart: true-->
<!-- });-->
<!-- n.barDom.style['overflow'] = 'visible';-->
<!-- parent.el.style['overflow'] = 'hidden';-->
<!-- var burst = new mojs.Burst({-->
<!-- parent : parent.el,-->
<!-- count : 10,-->
<!-- top : n.barDom.getBoundingClientRect().height + 75,-->
<!-- degree : 90,-->
<!-- radius : 75,-->
<!-- angle : {[-90]: 40},-->
<!-- children: {-->
<!-- fill : '#EBD761',-->
<!-- delay : 'stagger(500, -50)',-->
<!-- radius : 'rand(8, 25)',-->
<!-- direction: -1,-->
<!-- isSwirl : true-->
<!-- }-->
<!-- });-->
<!-- var fadeBurst = new mojs.Burst({-->
<!-- parent : parent.el,-->
<!-- count : 2,-->
<!-- degree : 0,-->
<!-- angle : 75,-->
<!-- radius : {0: 100},-->
<!-- top : '90%',-->
<!-- children: {-->
<!-- fill : '#EBD761',-->
<!-- pathScale: [.65, 1],-->
<!-- radius : 'rand(12, 15)',-->
<!-- direction: [-1, 1],-->
<!-- delay : .8 * 500,-->
<!-- isSwirl : true-->
<!-- }-->
<!-- });-->
<!-- Timeline.add(body, burst, fadeBurst, parent);-->
<!-- Timeline.play();-->
<!-- },-->
<!-- close: function (promise) {-->
<!-- var n = this;-->
<!-- new mojs.Html({-->
<!-- el : n.barDom,-->
<!-- x : {0: 500, delay: 10, duration: 500, easing: 'cubic.out'},-->
<!-- skewY : {0: 10, delay: 10, duration: 500, easing: 'cubic.out'},-->
<!-- isForce3d : true,-->
<!-- onComplete: function () {-->
<!-- promise(function(resolve) {-->
<!-- resolve();-->
<!-- })-->
<!-- }-->
<!-- }).play();-->
<!-- }-->
<!-- }-->
<!--}).show();-->
<!-- count = count + 1;-->
<!-- }-->
<!--</script>-->
</body>
</html>
\ No newline at end of file
main.js
View file @ c1f24771
......@@ -12,7 +12,7 @@ function createWindow() {
mainWindow.maximize();
mainWindow.loadFile(__dirname + '/UI/loading.html')
// mainWindow.webContents.openDevTools()
mainWindow.webContents.openDevTools()
mainWindow.setAutoHideMenuBar(true)
// let menu = Menu.buildFromTemplate([{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment