Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
2
2021-208
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
2021-208
2021-208
Commits
df781caf
Commit
df781caf
authored
Nov 06, 2021
by
IT18109290_Fernando W.S.D
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'IT18109290_Dewmal' into 'master'
V1.23 See merge request
!96
parents
829857e5
c1f24771
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
216 additions
and
2 deletions
+216
-2
UI/app.js
UI/app.js
+23
-1
UI/css/alert.css
UI/css/alert.css
+85
-0
UI/main.html
UI/main.html
+8
-0
UI/progressBar.html
UI/progressBar.html
+99
-0
main.js
main.js
+1
-1
No files found.
UI/app.js
View file @
df781caf
...
...
@@ -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 @
df781caf
@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 @
df781caf
...
...
@@ -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 @
df781caf
...
...
@@ -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 @
df781caf
...
...
@@ -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([{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment