tango-app-api-trax 3.8.13 → 3.8.14-nike
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/controllers/download.controller.js +19 -19
- package/src/controllers/gallery.controller.js +1 -0
- package/src/controllers/handlebar-helper.js +1 -0
- package/src/controllers/internalTrax.controller.js +1021 -15
- package/src/controllers/mobileTrax.controller.js +146 -55
- package/src/controllers/teaxFlag.controller.js +5 -5
- package/src/controllers/trax.controller.js +2 -2
- package/src/hbs/flag.hbs +248 -248
- package/src/hbs/login-otp.hbs +943 -943
- package/src/hbs/recurringFlag.hbs +250 -0
- package/src/hbs/template.hbs +76 -29
- package/src/hbs/visit-checklist.hbs +90 -42
- package/src/hbs/weeklyWrap.hbs +218 -0
- package/src/routes/internalTraxApi.router.js +4 -0
- package/src/services/recurringFlagTracker.service.js +33 -0
- package/src/utils/visitChecklistPdf.utils.js +82 -1
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
7
|
+
<title>Recurring Flags Detected</title>
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
+
<style type="text/css">
|
|
10
|
+
body { font-family: "Inter", sans-serif !important; }
|
|
11
|
+
body, table, td, a { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
|
|
12
|
+
table, td { mso-table-rspace: 0pt; mso-table-lspace: 0pt; }
|
|
13
|
+
img { -ms-interpolation-mode: bicubic; }
|
|
14
|
+
a[x-apple-data-detectors] {
|
|
15
|
+
font-family: "inherit" !important;
|
|
16
|
+
font-size: inherit !important;
|
|
17
|
+
font-weight: inherit !important;
|
|
18
|
+
line-height: inherit !important;
|
|
19
|
+
color: inherit !important;
|
|
20
|
+
text-decoration: none !important;
|
|
21
|
+
}
|
|
22
|
+
body { width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; }
|
|
23
|
+
table { border-collapse: collapse !important; }
|
|
24
|
+
a { color: #1a82e2; }
|
|
25
|
+
img { height: auto; line-height: 100%; text-decoration: none; border: 0; outline: none; }
|
|
26
|
+
.flagText { font-size: 16px; font-weight: 600; line-height: 24px; text-align: left; }
|
|
27
|
+
.rfTable { width: 100%; border-collapse: collapse; }
|
|
28
|
+
.rfTable th, .rfTable td {
|
|
29
|
+
border: 1px solid #E2E8F0;
|
|
30
|
+
padding: 8px 12px;
|
|
31
|
+
font-size: 13px;
|
|
32
|
+
text-align: left;
|
|
33
|
+
color: #202B3C;
|
|
34
|
+
}
|
|
35
|
+
.rfTable th { background-color: #F1F5F9; font-weight: 600; }
|
|
36
|
+
.highlight { font-size: 14px; color: #202B3C; line-height: 22px; }
|
|
37
|
+
</style>
|
|
38
|
+
</head>
|
|
39
|
+
|
|
40
|
+
<body style="background-color: #dbe5ea;">
|
|
41
|
+
<div class="preheader" style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
|
|
42
|
+
Recurring Flags Detected
|
|
43
|
+
</div>
|
|
44
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-left:10px;padding-right:10px">
|
|
45
|
+
<tr>
|
|
46
|
+
<td bgcolor="#dbe5ea" style="padding:32px 10px 0 10px">
|
|
47
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;" align="center">
|
|
48
|
+
<tr>
|
|
49
|
+
<td style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 24px;background-color: #ffffff;padding-left: 18px;padding-right: 24px;padding-top: 24px;padding-bottom: 24px;">
|
|
50
|
+
<p style="margin-top: 0px;margin-bottom: 0px;">
|
|
51
|
+
<a href="https://tangoeye.ai/" style="text-decoration: none;outline: none;color: #ffffff;">
|
|
52
|
+
<img src="https://devtangoretail-api.tangoeye.ai/logo.png" width="200" height="100" alt="TangoEye"
|
|
53
|
+
style="-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;">
|
|
54
|
+
</a>
|
|
55
|
+
</p>
|
|
56
|
+
</td>
|
|
57
|
+
</tr>
|
|
58
|
+
<tr>
|
|
59
|
+
<td align="left" bgcolor="#ffffff" style="padding-left: 30px;padding-right: 24px;font-size: 14px; line-height: 24px;">
|
|
60
|
+
<p style="width: 624px;height: 0px;border: 1px solid #CBD5E1;flex: none;order: 1;flex-grow: 0;"></p>
|
|
61
|
+
</td>
|
|
62
|
+
</tr>
|
|
63
|
+
|
|
64
|
+
{{!-- Intro line --}}
|
|
65
|
+
<tr>
|
|
66
|
+
<td style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
|
|
67
|
+
<div style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 28px;color: #82899a;">
|
|
68
|
+
<span style="font-weight: 400;color: #121A26;line-height: 140%;">
|
|
69
|
+
Hi,<br/>
|
|
70
|
+
{{#if data.isMultiStoreSingleChecklist}}
|
|
71
|
+
Recurring flags has been detected across multiple {{data.subjectLabelPluralLower}} in recent <b>{{data.checklistName}}</b> on recent submissions, exceeding the configured threshold of {{data.threshold}} occurrences.
|
|
72
|
+
{{else if data.isMultiStore}}
|
|
73
|
+
Recurring flags has been detected across multiple {{data.subjectLabelPluralLower}} and across multiple checklists on recent submissions, exceeding the configured threshold of {{data.threshold}} occurrences.
|
|
74
|
+
{{else if data.isMultiChecklist}}
|
|
75
|
+
A Recurring flags has been identified for {{data.subjectLabelLower}} <b>{{data.subjectName}}</b> across multiple checklists on recent submissions, exceeding the configured threshold of {{data.threshold}} occurrences.
|
|
76
|
+
{{else}}
|
|
77
|
+
A recurring flag has been identified for {{data.subjectLabelLower}} <b>{{data.subjectName}}</b>.where a question has been flagged multiple times in recent {{data.checklistName}} submissions, exceeding the configured threshold of {{data.threshold}} occurrences.
|
|
78
|
+
{{/if}}
|
|
79
|
+
</span>
|
|
80
|
+
</div>
|
|
81
|
+
</td>
|
|
82
|
+
</tr>
|
|
83
|
+
|
|
84
|
+
{{!-- Multi-store: Key Highlights --}}
|
|
85
|
+
{{#if data.isMultiStore}}
|
|
86
|
+
<tr>
|
|
87
|
+
<td style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
|
|
88
|
+
<div class="highlight">
|
|
89
|
+
<b>Key Highlights:</b>
|
|
90
|
+
<ul style="margin:8px 0 0 0;padding-left:18px;">
|
|
91
|
+
<li>Total {{data.subjectLabelPlural}} with Recurring Flags: {{data.highlights.totalSubjects}}</li>
|
|
92
|
+
{{#unless data.isMultiStoreSingleChecklist}}
|
|
93
|
+
<li>Total Checklists with Recurring Flags: {{data.highlights.totalChecklists}}</li>
|
|
94
|
+
{{/unless}}
|
|
95
|
+
<li>Total Recurring Flags: {{data.highlights.totalFlags}}</li>
|
|
96
|
+
</ul>
|
|
97
|
+
</div>
|
|
98
|
+
</td>
|
|
99
|
+
</tr>
|
|
100
|
+
{{/if}}
|
|
101
|
+
|
|
102
|
+
{{!-- Section header for details --}}
|
|
103
|
+
<tr>
|
|
104
|
+
<td style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
|
|
105
|
+
<div style="font-size: 16px;line-height: 28px;color: #121A26;font-weight:600;">
|
|
106
|
+
{{#if data.isMultiStore}}
|
|
107
|
+
Details of the Recurring Flags are as follows:
|
|
108
|
+
{{else if data.isMultiChecklist}}
|
|
109
|
+
Details of the Recurring Flags from {{data.subjectLabel}} {{data.subjectName}} are as follows:
|
|
110
|
+
{{else}}
|
|
111
|
+
Details of the Recurring Flags from checklist are as follows:
|
|
112
|
+
{{/if}}
|
|
113
|
+
</div>
|
|
114
|
+
</td>
|
|
115
|
+
</tr>
|
|
116
|
+
</table>
|
|
117
|
+
</td>
|
|
118
|
+
</tr>
|
|
119
|
+
|
|
120
|
+
{{!-- ============ Single store + single checklist body ============ --}}
|
|
121
|
+
{{#unless data.isMultiChecklist}}{{#unless data.isMultiStore}}
|
|
122
|
+
<tr>
|
|
123
|
+
<td align="center" bgcolor="#dbe5ea" style="padding:0 10px 0 10px">
|
|
124
|
+
<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
|
|
125
|
+
<tr bgcolor="#ffffff">
|
|
126
|
+
<td class="flagText" style="padding-left:30px;line-height: 24px;color:#000000">{{data.subjectLabel}} Name :</td>
|
|
127
|
+
<td></td><td></td>
|
|
128
|
+
<td class="flagText">{{data.subjectName}}</td>
|
|
129
|
+
</tr>
|
|
130
|
+
<tr bgcolor="#ffffff">
|
|
131
|
+
<td class="flagText" style="padding-left:30px;line-height: 24px;">Checklist Name :</td>
|
|
132
|
+
<td></td><td></td>
|
|
133
|
+
<td class="flagText">{{data.checklistName}}</td>
|
|
134
|
+
</tr>
|
|
135
|
+
<tr bgcolor="#ffffff">
|
|
136
|
+
<td class="flagText" style="padding-left:30px;line-height: 24px;">Last Submitted By :</td>
|
|
137
|
+
<td></td><td></td>
|
|
138
|
+
<td class="flagText">{{data.lastSubmittedBy}}</td>
|
|
139
|
+
</tr>
|
|
140
|
+
<tr bgcolor="#ffffff">
|
|
141
|
+
<td class="flagText" style="padding-left:30px;line-height: 24px;">Last Submission Date :</td>
|
|
142
|
+
<td></td><td></td>
|
|
143
|
+
<td class="flagText">{{data.lastSubmissionDate}}</td>
|
|
144
|
+
</tr>
|
|
145
|
+
<tr bgcolor="#ffffff">
|
|
146
|
+
<td class="flagText" style="padding-left:30px;line-height: 24px;">No of Flags :</td>
|
|
147
|
+
<td></td><td></td>
|
|
148
|
+
<td class="flagText">{{data.totalFlags}} (Question Flags: {{data.flagCount}}, Run AI Flags: {{data.runAICount}})</td>
|
|
149
|
+
</tr>
|
|
150
|
+
</table>
|
|
151
|
+
</td>
|
|
152
|
+
</tr>
|
|
153
|
+
{{/unless}}{{/unless}}
|
|
154
|
+
|
|
155
|
+
{{!-- ============ Tabular body for multi-checklist or multi-store ============ --}}
|
|
156
|
+
{{#if data.showTable}}
|
|
157
|
+
<tr>
|
|
158
|
+
<td align="center" bgcolor="#dbe5ea" style="padding:0 10px 0 10px">
|
|
159
|
+
<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
|
|
160
|
+
<tr>
|
|
161
|
+
<td style="padding:10px 30px 10px 30px;background-color:#ffffff;">
|
|
162
|
+
<table class="rfTable">
|
|
163
|
+
<thead>
|
|
164
|
+
<tr>
|
|
165
|
+
{{#if data.isMultiStore}}<th>{{data.subjectLabel}} Name</th>{{/if}}
|
|
166
|
+
{{#unless data.isMultiStoreSingleChecklist}}<th>Checklist Name</th>{{/unless}}
|
|
167
|
+
<th>Last Submitted By</th>
|
|
168
|
+
<th>Last Submission Date</th>
|
|
169
|
+
<th>Total Recurring Flags</th>
|
|
170
|
+
</tr>
|
|
171
|
+
</thead>
|
|
172
|
+
<tbody>
|
|
173
|
+
{{#each data.rows}}
|
|
174
|
+
<tr>
|
|
175
|
+
{{#if ../data.isMultiStore}}<td>{{this.subjectName}}</td>{{/if}}
|
|
176
|
+
{{#unless ../data.isMultiStoreSingleChecklist}}<td>{{this.checklistName}}</td>{{/unless}}
|
|
177
|
+
<td>{{this.lastSubmittedBy}}</td>
|
|
178
|
+
<td>{{this.lastSubmissionDate}}</td>
|
|
179
|
+
<td>{{this.totalFlags}} (Question Flags: {{this.flagCount}}, Run AI Flags: {{this.runAICount}})</td>
|
|
180
|
+
</tr>
|
|
181
|
+
{{/each}}
|
|
182
|
+
</tbody>
|
|
183
|
+
</table>
|
|
184
|
+
</td>
|
|
185
|
+
</tr>
|
|
186
|
+
</table>
|
|
187
|
+
</td>
|
|
188
|
+
</tr>
|
|
189
|
+
{{/if}}
|
|
190
|
+
|
|
191
|
+
{{!-- View Flags button --}}
|
|
192
|
+
<tr>
|
|
193
|
+
<td align="center" bgcolor="#dbe5ea" style="padding:0 10px 0 10px">
|
|
194
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
|
|
195
|
+
<tr>
|
|
196
|
+
<td bgcolor="#ffffff" style="padding: 20px;padding-top:15px;padding-left:30px;">
|
|
197
|
+
<table border="0" cellpadding="0" cellspacing="0">
|
|
198
|
+
<tr>
|
|
199
|
+
<td align="center" bgcolor="#00A3FF" style="border-radius: 6px;height:50px;">
|
|
200
|
+
<a href="{{data.domain}}" target="_blank"
|
|
201
|
+
style="display: inline-block; padding: 16px 36px;font-size: 16px; color: #ffffff; text-decoration: none; border-radius: 6px;">
|
|
202
|
+
View Flags
|
|
203
|
+
</a>
|
|
204
|
+
</td>
|
|
205
|
+
</tr>
|
|
206
|
+
</table>
|
|
207
|
+
</td>
|
|
208
|
+
</tr>
|
|
209
|
+
</table>
|
|
210
|
+
</td>
|
|
211
|
+
</tr>
|
|
212
|
+
|
|
213
|
+
{{!-- Attachment hint when full data exceeds inline limit --}}
|
|
214
|
+
{{#if data.hasAttachment}}
|
|
215
|
+
<tr>
|
|
216
|
+
<td align="center" bgcolor="#dbe5ea" style="padding:0 10px 0 10px">
|
|
217
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
|
|
218
|
+
<tr>
|
|
219
|
+
<td bgcolor="#ffffff" style="padding:0 30px 15px 30px;font-size:13px;color:#202B3C;">
|
|
220
|
+
Refer to the attached file for a detailed breakdown of the Full report
|
|
221
|
+
</td>
|
|
222
|
+
</tr>
|
|
223
|
+
</table>
|
|
224
|
+
</td>
|
|
225
|
+
</tr>
|
|
226
|
+
{{/if}}
|
|
227
|
+
|
|
228
|
+
<tr>
|
|
229
|
+
<td align="center" bgcolor="#dbe5ea" style="padding:0 10px 32px 10px;">
|
|
230
|
+
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
|
|
231
|
+
<tr>
|
|
232
|
+
<td style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-top:5px">
|
|
233
|
+
<div style="font-size: 12px;color: #202B3C;font-weight: 400;line-height: 150%;">
|
|
234
|
+
<p>If you have any questions or need assistance, please reach out to us at support@tangotech.co.in.</p>
|
|
235
|
+
</div>
|
|
236
|
+
</td>
|
|
237
|
+
</tr>
|
|
238
|
+
<tr>
|
|
239
|
+
<td style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom:15px">
|
|
240
|
+
<div style="font-size: 12px;color: #202B3C;font-weight: 400;line-height: 150%;">
|
|
241
|
+
<p>© Tango Eye. All rights reserved.</p>
|
|
242
|
+
</div>
|
|
243
|
+
</td>
|
|
244
|
+
</tr>
|
|
245
|
+
</table>
|
|
246
|
+
</td>
|
|
247
|
+
</tr>
|
|
248
|
+
</table>
|
|
249
|
+
</body>
|
|
250
|
+
</html>
|
package/src/hbs/template.hbs
CHANGED
|
@@ -96,6 +96,7 @@
|
|
|
96
96
|
font-size: 10px !important;
|
|
97
97
|
font-weight: 400;
|
|
98
98
|
line-height: 28px;
|
|
99
|
+
white-space: pre-line;
|
|
99
100
|
}
|
|
100
101
|
|
|
101
102
|
.text-center {
|
|
@@ -196,14 +197,29 @@
|
|
|
196
197
|
{{#each data.questionAnswers}}
|
|
197
198
|
<div class="pdfcontent">
|
|
198
199
|
<div style="padding-bottom:20px;">
|
|
199
|
-
<
|
|
200
|
-
<
|
|
201
|
-
|
|
200
|
+
<table style="width:100%;border-collapse:collapse;">
|
|
201
|
+
<tr>
|
|
202
|
+
<td class="sectionname" style="white-space:nowrap;padding-right:8px;width:1%;">{{sectionName}}</td>
|
|
203
|
+
<td style="width:99%;"><hr class="horizondal-line" style="margin:0;border:none;border-top:1px solid #98A2B3;"/></td>
|
|
204
|
+
</tr>
|
|
205
|
+
</table>
|
|
202
206
|
</div>
|
|
203
207
|
{{#each questions}}
|
|
204
208
|
<div style="padding-bottom:20px">
|
|
205
209
|
{{#if userAnswer.length}}
|
|
206
210
|
<span class="question">{{qno}}.</span> <span class="question">{{qname}}</span>
|
|
211
|
+
{{#neq questionReferenceImage ''}}
|
|
212
|
+
<div class="Reference"><span>Question Reference Image</span><br>
|
|
213
|
+
<img src="{{questionReferenceImage}}" width="200" height="180" />
|
|
214
|
+
</div>
|
|
215
|
+
{{/neq}}
|
|
216
|
+
{{#if multiQuestionReferenceImage.length}}
|
|
217
|
+
<div class="Reference"><span>Question Reference Image</span><br>
|
|
218
|
+
{{#each multiQuestionReferenceImage}}
|
|
219
|
+
<img src="{{this}}" width="200" height="180" />
|
|
220
|
+
{{/each}}
|
|
221
|
+
</div>
|
|
222
|
+
{{/if}}
|
|
207
223
|
{{#each userAnswer}}
|
|
208
224
|
<div class="px-4 answer">
|
|
209
225
|
{{#if (includes ../../../data.validateType ../answerType)}}
|
|
@@ -214,20 +230,43 @@
|
|
|
214
230
|
<span id="agreed">{{answer}}</span><br>
|
|
215
231
|
{{/eq}}
|
|
216
232
|
{{#eq validation true}}
|
|
217
|
-
|
|
218
|
-
<
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
233
|
+
<table style="width:100%">
|
|
234
|
+
<tr>
|
|
235
|
+
{{#neq ../answerType 'image/video'}}
|
|
236
|
+
{{#neq ../answerType 'multipleImage'}}
|
|
237
|
+
{{#if multiReferenceImage.length}}
|
|
238
|
+
<td style="width:50%;vertical-align:top">
|
|
239
|
+
<div class="Reference"><span>Reference Image</span><br>
|
|
240
|
+
{{#each multiReferenceImage}}
|
|
241
|
+
<img src="{{this}}" width="200" height="180" />
|
|
242
|
+
{{/each}}
|
|
243
|
+
</div>
|
|
244
|
+
</td>
|
|
245
|
+
{{/if}}
|
|
246
|
+
{{/neq}}
|
|
247
|
+
{{/neq}}
|
|
248
|
+
<td style="width:50%;vertical-align:top">
|
|
249
|
+
{{#eq validationType 'Capture Image'}}
|
|
250
|
+
<div class="Reference"><span>Uploaded Image</span><br>
|
|
251
|
+
<img src="{{validationAnswer}}" alt="test" width="200" height="180">
|
|
252
|
+
</div>
|
|
253
|
+
{{/eq}}
|
|
254
|
+
{{#eq validationType 'Capture Video'}}
|
|
255
|
+
<a href="{{validationAnswer}}" target="_blank" style="text-decoration: underline;color:#0085D2" id="agreed">{{validationAnswer}}</a><br>
|
|
256
|
+
{{/eq}}
|
|
257
|
+
{{#eq validationType 'Descriptive Answer'}}
|
|
258
|
+
{{validationAnswer}}
|
|
259
|
+
{{/eq}}
|
|
260
|
+
{{#eq validationType 'Capture Multiple Image with description'}}
|
|
261
|
+
<div class="Reference"><span>Uploaded Image</span><br>
|
|
262
|
+
{{#each validationImage}}
|
|
263
|
+
<img src="{{this}}" alt="test" width="200" height="180">
|
|
264
|
+
{{/each}}
|
|
265
|
+
</div>
|
|
266
|
+
{{/eq}}
|
|
267
|
+
</td>
|
|
268
|
+
</tr>
|
|
269
|
+
</table>
|
|
231
270
|
{{/eq}}
|
|
232
271
|
{{/if}}
|
|
233
272
|
{{#eq ../answerType 'video'}}
|
|
@@ -238,13 +277,15 @@
|
|
|
238
277
|
{{!-- {{#each ../answers}} --}}
|
|
239
278
|
<table style="width:100%">
|
|
240
279
|
<tr>
|
|
241
|
-
{{#
|
|
280
|
+
{{#if multiReferenceImage.length}}
|
|
242
281
|
<td style="width:50%">
|
|
243
282
|
<div class="Reference"><span>Reference Image</span><br>
|
|
244
|
-
|
|
283
|
+
{{#each multiReferenceImage}}
|
|
284
|
+
<img src="{{this}}" width="200" height="180" />
|
|
285
|
+
{{/each}}
|
|
245
286
|
</div>
|
|
246
287
|
</td>
|
|
247
|
-
{{/
|
|
288
|
+
{{/if}}
|
|
248
289
|
<td style="width:50%">
|
|
249
290
|
<div class="Reference"><span>Uploaded Image</span><br>
|
|
250
291
|
<img src="{{answer}}" width="200" height="180" />
|
|
@@ -258,13 +299,15 @@
|
|
|
258
299
|
{{!-- {{#each ../answers}} --}}
|
|
259
300
|
<table style="width:100%">
|
|
260
301
|
<tr>
|
|
261
|
-
{{#
|
|
302
|
+
{{#if multiReferenceImage.length}}
|
|
262
303
|
<td style="width:50%">
|
|
263
304
|
<div class="Reference"><span>Reference Image</span><br>
|
|
264
|
-
|
|
305
|
+
{{#each multiReferenceImage}}
|
|
306
|
+
<img src="{{this}}" width="200" height="180" />
|
|
307
|
+
{{/each}}
|
|
265
308
|
</div>
|
|
266
309
|
</td>
|
|
267
|
-
{{/
|
|
310
|
+
{{/if}}
|
|
268
311
|
<td style="width:50%">
|
|
269
312
|
<div class="Reference"><span>Uploaded Image</span><br>
|
|
270
313
|
<img src="{{answer}}" width="200" height="180" />
|
|
@@ -278,13 +321,15 @@
|
|
|
278
321
|
{{!-- {{#each ../answers}} --}}
|
|
279
322
|
<table style="width:100%">
|
|
280
323
|
<tr>
|
|
281
|
-
{{#
|
|
324
|
+
{{#if multiReferenceImage.length}}
|
|
282
325
|
<td style="width:50%">
|
|
283
326
|
<div class="Reference"><span>Reference Image</span><br>
|
|
284
|
-
|
|
327
|
+
{{#each multiReferenceImage}}
|
|
328
|
+
<img src="{{this}}" width="200" height="180" />
|
|
329
|
+
{{/each}}
|
|
285
330
|
</div>
|
|
286
331
|
</td>
|
|
287
|
-
{{/
|
|
332
|
+
{{/if}}
|
|
288
333
|
{{#eq answerType 'image'}}
|
|
289
334
|
<td style="width:50%">
|
|
290
335
|
<div class="Reference"><span>Uploaded Image</span><br>
|
|
@@ -305,13 +350,15 @@
|
|
|
305
350
|
{{!-- {{#each ../answers}} --}}
|
|
306
351
|
<table style="width:100%">
|
|
307
352
|
<tr>
|
|
308
|
-
{{#
|
|
353
|
+
{{#if multiReferenceImage.length}}
|
|
309
354
|
<td style="width:50%">
|
|
310
355
|
<div class="Reference"><span>Reference Image</span><br>
|
|
311
|
-
|
|
356
|
+
{{#each multiReferenceImage}}
|
|
357
|
+
<img src="{{this}}" width="200" height="180" />
|
|
358
|
+
{{/each}}
|
|
312
359
|
</div>
|
|
313
360
|
</td>
|
|
314
|
-
{{/
|
|
361
|
+
{{/if}}
|
|
315
362
|
<td style="width:50%">
|
|
316
363
|
<div class="Reference"><span>Uploaded Image</span><br>
|
|
317
364
|
<img src="{{answer}}" width="200" height="180" />
|
|
@@ -69,10 +69,12 @@
|
|
|
69
69
|
.q-answer-text{font-size:12px;color:#1a1a1a;line-height:1.5}
|
|
70
70
|
.q-answer-text.flagged{color:#a32d2d}
|
|
71
71
|
.q-answer-media{margin-top:8px}
|
|
72
|
-
.q-answer-media img,.q-answer-media video{display:block;
|
|
72
|
+
.q-answer-media img,.q-answer-media video,.q-answer-item td img{display:block;width:200px;height:180px;object-fit:cover;border-radius:6px;margin-bottom:6px}
|
|
73
|
+
.img-grid{display:flex;flex-wrap:wrap;gap:8px}
|
|
74
|
+
.img-grid img{margin-bottom:0}
|
|
73
75
|
.q-answer-link{font-size:12px;color:#0085D2;text-decoration:underline;word-break:break-all}
|
|
74
76
|
.q-answer-caption{font-size:11px;color:#666;margin-bottom:4px}
|
|
75
|
-
.q-answer-remarks{font-size:11px;color:#666;margin-top:6px}
|
|
77
|
+
.q-answer-remarks{font-size:11px;color:#666;margin-top:6px;white-space:pre-line}
|
|
76
78
|
/* Footer */
|
|
77
79
|
.page-footer{position:absolute;bottom:20px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#999;border-top:1px solid #d9d9d9;padding-top:10px}
|
|
78
80
|
.footer-brand{display:flex;align-items:center;gap:8px;font-weight:600;color:#0066CC;font-size:11px}
|
|
@@ -111,7 +113,7 @@
|
|
|
111
113
|
<div class="cover-summary">
|
|
112
114
|
<div class="cover-sum-row"><span class="cover-sum-label">No. of questions</span><span class="cover-sum-colon">:</span><span class="cover-sum-val">{{numQuestions}}</span></div>
|
|
113
115
|
<div class="cover-sum-row"><span class="cover-sum-label">No. of flags</span><span class="cover-sum-colon">:</span><span class="cover-sum-val">{{numFlags}}</span></div>
|
|
114
|
-
<div class="cover-sum-row"><span class="cover-sum-label">AI Breached</span><span class="cover-sum-colon">:</span><span class="cover-sum-val">{{aiBreached}}</span></div>
|
|
116
|
+
{{!-- <div class="cover-sum-row"><span class="cover-sum-label">AI Breached</span><span class="cover-sum-colon">:</span><span class="cover-sum-val">{{aiBreached}}</span></div> --}}
|
|
115
117
|
<div class="cover-sum-row"><span class="cover-sum-label">Submitted By</span><span class="cover-sum-colon">:</span><span class="cover-sum-val">{{submittedBy}}</span></div>
|
|
116
118
|
<div class="cover-sum-row"><span class="cover-sum-label">Country</span><span class="cover-sum-colon">:</span><span class="cover-sum-val">{{country}}</span></div>
|
|
117
119
|
</div>
|
|
@@ -179,60 +181,106 @@
|
|
|
179
181
|
<div>Score:{{this.score}}</div>
|
|
180
182
|
{{/if}}
|
|
181
183
|
</div>
|
|
184
|
+
{{#if this.questionReferenceImage}}
|
|
185
|
+
<div class="q-answer-media">
|
|
186
|
+
<div class="q-answer-caption">Question Reference Image</div>
|
|
187
|
+
<img src="{{this.questionReferenceImage}}" alt="Reference Image" />
|
|
188
|
+
</div>
|
|
189
|
+
{{/if}}
|
|
190
|
+
{{#if this.multiQuestionReferenceImage.length}}
|
|
191
|
+
<div class="q-answer-media">
|
|
192
|
+
<div class="q-answer-caption">Question Reference Images</div>
|
|
193
|
+
<div class="img-grid">
|
|
194
|
+
{{#each this.multiQuestionReferenceImage}}
|
|
195
|
+
<img src="{{this}}" alt="Reference Image" />
|
|
196
|
+
{{/each}}
|
|
197
|
+
</div>
|
|
198
|
+
</div>
|
|
199
|
+
{{/if}}
|
|
182
200
|
{{!-- <span class="q-ans {{#if this.isYes}}ans-yes{{else}}{{#if this.isNo}}ans-no{{/if}}{{/if}}">{{#if this.isYes}}✓ Yes{{else}}{{#if this.isNo}}✗ No{{else}}{{this.answerDisplay}}{{/if}}{{/if}}</span> --}}
|
|
183
201
|
{{#if this.userAnswer.length}}
|
|
184
202
|
<div class="q-answer-list">
|
|
185
203
|
{{#each this.userAnswer}}
|
|
186
204
|
<div class="q-answer-item">
|
|
187
|
-
{{#
|
|
188
|
-
{{#
|
|
189
|
-
<div class="q-answer-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
<div class="q-answer-caption">Uploaded Image</div>
|
|
195
|
-
<img src="{{this.answer}}" alt="Uploaded Image" />
|
|
196
|
-
</div>
|
|
197
|
-
{{/eq}}
|
|
198
|
-
{{#eq this.answerType 'video'}}
|
|
205
|
+
{{#eq this.answerType 'text'}}
|
|
206
|
+
{{#if this.answer}}
|
|
207
|
+
<div class="q-answer-text {{#if this.sopFlag}}flagged{{/if}}">{{this.answer}}</div>
|
|
208
|
+
{{/if}}
|
|
209
|
+
{{/eq}}
|
|
210
|
+
{{#eq this.answerType 'video'}}
|
|
211
|
+
{{#if this.answer}}
|
|
199
212
|
<div class="q-answer-media">
|
|
200
213
|
<div class="q-answer-caption">Uploaded Video</div>
|
|
201
214
|
<a class="q-answer-link" href="{{this.answer}}" target="_blank">{{this.answer}}</a>
|
|
202
215
|
</div>
|
|
203
|
-
{{/eq}}
|
|
204
|
-
{{#eq this.answerType 'text'}}
|
|
205
|
-
<div class="q-answer-text {{#if this.sopFlag}}flagged{{/if}}">{{this.answer}}</div>
|
|
206
|
-
{{/eq}}
|
|
207
|
-
{{/if}}
|
|
208
|
-
|
|
209
|
-
{{#if this.validation}}
|
|
210
|
-
{{#if this.validationAnswer}}
|
|
211
|
-
{{#eq this.validationDisplayType 'image'}}
|
|
212
|
-
<div class="q-answer-media">
|
|
213
|
-
<div class="q-answer-caption">Validation Image</div>
|
|
214
|
-
<img src="{{this.validationAnswer}}" alt="Validation Image" />
|
|
215
|
-
</div>
|
|
216
|
-
{{/eq}}
|
|
217
|
-
{{#eq this.validationDisplayType 'video'}}
|
|
218
|
-
<div class="q-answer-media">
|
|
219
|
-
<div class="q-answer-caption">Validation Video</div>
|
|
220
|
-
<a class="q-answer-link" href="{{this.validationAnswer}}" target="_blank">{{this.validationAnswer}}</a>
|
|
221
|
-
</div>
|
|
222
|
-
{{/eq}}
|
|
223
|
-
{{#eq this.validationDisplayType 'text'}}
|
|
224
|
-
<div class="q-answer-text">{{this.validationAnswer}}</div>
|
|
225
|
-
{{/eq}}
|
|
226
216
|
{{/if}}
|
|
227
|
-
{{/
|
|
217
|
+
{{/eq}}
|
|
228
218
|
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
219
|
+
<table style="width:100%;margin-top:8px;table-layout:fixed"><tr>
|
|
220
|
+
<td style="width:50%;vertical-align:top;padding-right:8px">
|
|
221
|
+
{{#neq ../answerType 'image/video'}}
|
|
222
|
+
{{#neq ../answerType 'multipleImage'}}
|
|
223
|
+
{{#if this.multiReferenceImage.length}}
|
|
224
|
+
<div class="q-answer-media">
|
|
225
|
+
<div class="q-answer-caption">Reference Images</div>
|
|
226
|
+
{{#each this.multiReferenceImage}}
|
|
227
|
+
<img src="{{this}}" alt="Reference Image" />
|
|
228
|
+
{{/each}}
|
|
229
|
+
</div>
|
|
230
|
+
{{else}}
|
|
231
|
+
{{#if this.referenceImage}}
|
|
232
|
+
<div class="q-answer-media">
|
|
233
|
+
<div class="q-answer-caption">Reference Image</div>
|
|
234
|
+
<img src="{{this.referenceImage}}" alt="Reference Image" />
|
|
235
|
+
</div>
|
|
236
|
+
{{/if}}
|
|
237
|
+
{{/if}}
|
|
238
|
+
{{/neq}}
|
|
239
|
+
{{/neq}}
|
|
240
|
+
</td>
|
|
241
|
+
<td style="width:50%;vertical-align:top;padding-left:8px">
|
|
242
|
+
{{#eq this.answerType 'image'}}
|
|
243
|
+
{{#if this.answer}}
|
|
244
|
+
<div class="q-answer-caption">Uploaded Image</div>
|
|
245
|
+
<img src="{{this.answer}}" alt="Uploaded Image" />
|
|
246
|
+
{{/if}}
|
|
247
|
+
{{/eq}}
|
|
248
|
+
{{#if this.validation}}
|
|
249
|
+
{{#eq this.validationDisplayType 'image'}}
|
|
250
|
+
{{#if this.validationAnswer}}
|
|
251
|
+
<div class="q-answer-caption">Validation Image</div>
|
|
252
|
+
<img src="{{this.validationAnswer}}" alt="Validation Image" />
|
|
253
|
+
{{/if}}
|
|
254
|
+
{{/eq}}
|
|
255
|
+
{{#eq this.validationDisplayType 'video'}}
|
|
256
|
+
{{#if this.validationAnswer}}
|
|
257
|
+
<div class="q-answer-caption">Validation Video</div>
|
|
258
|
+
<a class="q-answer-link" href="{{this.validationAnswer}}" target="_blank">{{this.validationAnswer}}</a>
|
|
259
|
+
{{/if}}
|
|
260
|
+
{{/eq}}
|
|
261
|
+
{{#eq this.validationDisplayType 'text'}}
|
|
262
|
+
{{#if this.validationAnswer}}
|
|
263
|
+
<div class="q-answer-text">{{this.validationAnswer}}</div>
|
|
264
|
+
{{/if}}
|
|
265
|
+
{{/eq}}
|
|
266
|
+
{{#eq this.validationDisplayType 'multiImage'}}
|
|
267
|
+
{{#if this.validationImage.length}}
|
|
268
|
+
<div class="q-answer-caption">Validation Image</div>
|
|
269
|
+
{{#each this.validationImage}}
|
|
270
|
+
<img src="{{this}}" alt="Validation Image" />
|
|
271
|
+
{{/each}}
|
|
272
|
+
{{/if}}
|
|
273
|
+
{{/eq}}
|
|
274
|
+
{{/if}}
|
|
275
|
+
</td>
|
|
276
|
+
</tr></table>
|
|
232
277
|
</div>
|
|
233
278
|
{{/each}}
|
|
234
279
|
</div>
|
|
235
280
|
{{/if}}
|
|
281
|
+
{{#if this.remarks}}
|
|
282
|
+
<div class="q-answer-remarks">Remarks: {{this.remarks}}</div>
|
|
283
|
+
{{/if}}
|
|
236
284
|
</div>
|
|
237
285
|
</div>
|
|
238
286
|
{{/each}}
|