-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathactivity_processing.html
138 lines (134 loc) · 7.08 KB
/
activity_processing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<html>
<head>
<title>Event Processing</title>
<link rel="stylesheet" type="text/css" href="core/modules/activity/activity_processing.css" />
<link rel="stylesheet" type="text/css" href="core/core.css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="core/common/icons/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="skin/colors.css" />
<script src="core/jquery-3.5.1.js"></script>
<script src="core/jquery-ui.js"></script>
<script src="core/modules/activity/activity_processing.js"></script>
<!-- <script src="core/modules/player/camerameta.js"></script> -->
<script src="core/vxg_cloud_api.js"></script>
<script src="core/vxg_cloudone_api.js"></script>
<script src="core/vxg_cloud.js"></script>
<script src="core/vxg_cloudone.js"></script>
<script src="core/core.js"></script>
<link rel="stylesheet" type="text/css" href="core/common/sdk/vxgwebsdk/range-slider.min.css">
<link rel="stylesheet" type="text/css" href="core/common/sdk/vxgwebsdk/video-js.min.css">
<link rel="stylesheet" type="text/css" href="core/common/sdk/vxgwebsdk/CloudSDK.min.css">
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/x2js.min.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/gl-matrix-min.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/range-slider.min.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/moment.min.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/moment-timezone-with-data-1970-2030.min.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/vxg_cloud_player.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/video.min.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/webrtc-adapter-latest.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/CloudSDK.min.js"></script>
<script type="text/javascript" src="core/common/sdk/vxgwebsdk/LocalPlayer.js"></script>
<script type="text/javascript" src="core/common/videoSegmentsPlayer/sp-control-play.js"></script>
<script type="text/javascript" src="core/common/videoSegmentsPlayer/video-segments-player.js"></script>
<link rel="stylesheet" type="text/css" href="core/common/videoSegmentsPlayer/video-segments-player.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/i18next.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery-i18next.min.js"></script>
<script src="core/i18n.js"></script>
</head>
<body>
<div class="header-border"></div>
<!-- <div class="header-info-cont"> -->
<!-- <p class="header-info event-type">Event Type <span id="event-type"></span></p> -->
<!-- <p class="header-info event-status">Event Status <span id="event-type"> New </span></p> -->
<!-- </div> -->
<div class="image-title-cont">
<p class="image-title">Event Snapshot</p>
<p class="image-title">Event Playback</p>
<p class="image-title">Camera Live</p>
</div>
<div class="image-info-cont">
<div class="image-section event-thumbnail-cont">
<div class="image-wrapper">
<div class="metaSvg" id="metaSvg1"></div>
<div class="metaTitle"></div>
<img class="metaImg event-thumbnail" src="">
</div>
</div>
<div class="image-section event-playback-cont">
<video style="display: none;" width="100%" controls id="event-video"></video>
<div style="display: none;" id="event-player"></div>
<div class="video-error-cont" style="display: none;">
<span class="error-message"></span>
</div>
</div>
<div class="image-section video-live-cont">
<div id="live-player"></div>
</div>
</div>
<div class="image-tags">
<div class="data-cont">
<div class="tags-btn-cont">
<div class="tags-cont">
<p class="tags-label">Event Tags:</p>
<div class="metaTags"></div>
<div class="meta" style="display: none;">
<textarea readonly class="metaText"></textarea>
</div>
</div>
<button class="vxgbutton processing-btn show-btn">Toggle Raw Data</button>
</div>
<div class="raw-data-cont" style="display: none">
<pre class="raw-data"></pre>
</div>
</div>
<div class="processing-ctrl-cont">
<div class="event-info-cont">
<div class="event-info">
<p class="event-label">Time:</p>
<span class="event-time"></span>
</div>
<div class="event-info">
<p class="event-label">Camera: </p>
<span class="event-camera"></span>
</div>
<div class="event-info">
<p class="event-label">Location:</p>
<span class="event-loc"></span>
</div>
<div class="event-info">
<p class="event-label">Type:</p>
<span class="event-type"></span>
</div>
<div class="event-info">
<p class="event-label">Status:</p>
<span class="event-status-new" data-i18n="action.new" style="display:none"></span>
<span class="event-status"></span>
</div>
</div>
<button class="vxgbutton processing-input processing-btn start-btn">Start Processing</button>
</div>
<div class="processing-cont" style="display:none">
<div class="status-btn-cont">
<div class="status-input-cont">
<label class="status-input">True
<input type="radio" class="processing-input" id="check-true" name="alarm-status" value="true">
<span class="checkmark"></span>
</label>
<label class="status-input">False
<input type="radio" class="processing-input" id="check-false" name="alarm-status" value="false">
<span class="checkmark"></span>
</label>
</div>
<div class="btn-cont">
<button class="vxgbutton processing-input processing-btn end-btn">Complete Event Processing</button>
<button class="vxgbutton-transparent processing-input processing-btn save-btn">Save without Completing</button>
</div>
</div>
<div class="description-cont">
<p class="description-title">Description:</p>
<textarea class="event-description processing-input" rows="7" maxlength="255"></textarea>
</div>
</div>
</div>
</body>
</html>