tango-app-api-trax 3.7.53 → 3.7.55

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tango-app-api-trax",
-    "version": "3.7.53",
+    "version": "3.7.55",
     "description": "Trax",
     "main": "index.js",
     "type": "module",

package/src/controllers/mobileTrax.controller.js

@@ -1089,7 +1089,7 @@ export async function sopMobilechecklistMultiSectionFormatterv1( req, res, next
 
     if ( requestData.submittype == 'submit' ) {
       reqAnswers.forEach( ( reqA ) => {
-        if ( ![ 'multiplechoicemultiple', 'multipleImage' ].includes( reqA?.answerType ) && ( reqA.answerType == 'dropDown' && !reqA.allowMultiple ) ) {
+        if ( ![ 'multiplechoicemultiple', 'multipleImage', 'image/video' ].includes( reqA?.answerType ) && ( reqA.answerType == 'dropDown' && !reqA.allowMultiple ) ) {
           if ( ( !reqA.linkType && ( reqA.answer == null || reqA.answer == '' ) ) || ( reqA.linkType && reqA.linkquestionenabled && ( reqA.answer == null || reqA.answer == '' ) ) ) {
             return res.sendError( 'Please Fill All Fields', 400 );
           }
@@ -1343,7 +1343,7 @@ export async function sopMobilechecklistMultiSectionFormatterv1( req, res, next
                   structure.redoComment = qaAnswers[j]?.redoComment;
                 };
                 newArray.push( structure );
-              } else if ( qaAnswers[j].answerType == 'multipleImage' ) {
+              } else if ( [ 'image/video', 'multipleImage' ].includes( qaAnswers[j].answerType ) ) {
                 let separatedArray = typeof requestSection[i].Multianswer == 'string' ? JSON.parse( requestSection[i].Multianswer ) : requestSection[i].Multianswer;
                 let mcmi = [];
                 // for (let k = 0; k < qaans.length; k++) {
@@ -1373,6 +1373,9 @@ export async function sopMobilechecklistMultiSectionFormatterv1( req, res, next
                     newAnswer.runAI = qaAnswers[j].answers[0]?.runAI || false;
                     newAnswer.runAIFeatures = qaAnswers[j].answers[0]?.runAIFeatures || [];
                     newAnswer.runAIDescription = qaAnswers[j].answers[0]?.runAIDescription || '';
+                    if ( qaAnswers[j].answerType == 'image/video' ) {
+                      newAnswer.answerType = separatedArray[s].answerType;
+                    }
                     mcmi.push( newAnswer );
                   }
                 }
@@ -2009,6 +2012,32 @@ export async function submitChecklist( req, res ) {
           };
           console.log( 'inserttraxlogs =>', inserttraxlogs );
           insertOpenSearchData( openSearch.traxActivityLog, inserttraxlogs );
+          let checklistDetails = await checklistService.findOne( { _id: getchecklist[0].sourceCheckList_id }, { notifyFlags: 1, approver: 1 } );
+          if ( checklistDetails?.notifyFlags?.notifyType?.length ) {
+            let emailList = checklistDetails?.notifyFlags?.notifyType.includes( 'approver' ) ? checklistDetails.approver.flatMap( ( ele ) => ele?.value ): [];
+            emailList = [ ...emailList, ...checklistDetails?.notifyFlags?.notifyType?.users.flatMap( ( ele ) => ele?.value ) ];
+            let data = {
+              storeName: getchecklist[0].storeName,
+              flagCount: updateData.questionFlag,
+              checklistName: getchecklist[0].checkListName,
+              submittedBy: getchecklist[0].userName,
+              time: updateData.submitMobileTime,
+              domain: JSON.parse( process.env.URL ).domain,
+            };
+            const templateHtml = fs.readFileSync( path.resolve( path.dirname( '' ) ) + '/src/hbs/trialExtentionEmail.hbs', 'utf8' );
+            const template = Handlebars.compile( templateHtml );
+            const html = template( { data: data } );
+            emailList.forEach( ( email ) => {
+              let params = {
+                toEmail: email,
+                mailSubject: 'TangoEye | Checklist Flag',
+                htmlBody: html,
+                attachment: '',
+                sourceEmail: JSON.parse( process.env.SES ).adminEmail,
+              };
+              sendEmailWithSES( params.toEmail, params.mailSubject, params.htmlBody, params.attachment, params.sourceEmail );
+            } );
+          }
         }
 
         return res.sendSuccess( 'Checklist Updated Successfully' );
@@ -3237,6 +3266,7 @@ export async function questionList( req, res ) {
         startTime: { $ifNull: [ '$startTime', '' ] },
         submitTime: { $ifNull: [ '$submitTime', '' ] },
         allowedOverTime: { $ifNull: [ '$allowedOverTime', '' ] },
+        sourceCheckList_id: 1,
         // allowedStoreLocation: { $ifNull: [ '$allowedStoreLocation', '' ] },
         allowedStoreLocation: {
           $cond: {
@@ -3292,7 +3322,7 @@ export async function questionList( req, res ) {
           }
 
           for ( let [ ansIndex, answer ] of question.answers.entries() ) {
-            if ( question.answerType == 'multiplechoicemultiple' ) {
+            if ( question.answerType == 'multiplechoicemultiple' || ( question.answerType == 'dropdown' && question.allowMultiple ) ) {
               let checkvalidation = null;
               if ( answer.validationAnswer && answer.validationAnswer !='' ) {
                 if ( answer.validationType != 'Descriptive Answer' ) {
@@ -3346,24 +3376,24 @@ export async function questionList( req, res ) {
                 getchecklist[0].questionAnswers[secIndex].questions[questionIndex].userAnswer[userAnsIndex].multiReferenceImage = userAns.multiReferenceImage;
               }
 
-              if ( question.answerType == 'multiplechoicemultiple' ) {
+              if ( question.answerType == 'multiplechoicemultiple' || ( question.answerType == 'dropdown' && question.allowMultiple ) ) {
                 let ansIndex = Multianswer.findIndex( ( item ) => item.answer == userAns.answer );
                 if ( ansIndex ) {
                   Multianswer[ansIndex].validationAnswer = userAns.validationAnswer;
                 }
               }
-              if ( question.answerType == 'multipleImage' ) {
+              if ( [ 'image/video', 'multipleImage' ].includes( question.answerType ) ) {
                 if ( userAns && userAns.answer && userAns.answer !='' ) {
                   // let manswer = await signedUrl( { file_path: decodeURIComponent( userAns.answer ), Bucket: bucket.sop } );
                   let manswer = `${cdnurl.TraxAnswerCDN}${userAns.answer}`;
-                  Multianswer.push( { 'answer': manswer, 'no': userAnsIndex, 'validationAnswer': '' } );
+                  Multianswer.push( { 'answer': manswer, 'no': userAnsIndex, 'validationAnswer': '', ...( question.answerType == 'image/video' && { answerType: userAns?.answerType } ) } );
                 } else {
 
                 }
               }
             }
           }
-          if ( question.answerType == 'multiplechoicemultiple' ) {
+          if ( question.answerType == 'multiplechoicemultiple' || ( question.answerType == 'dropdown' && question.allowMultiple ) ) {
             Multianswer.forEach( ( item ) => {
               if ( item.validationAnswer == null ) {
                 item.answer = null;
@@ -3375,11 +3405,11 @@ export async function questionList( req, res ) {
               question.Multianswer = Multianswer;
             }
           }
-          if ( question.answerType == 'multipleImage' ) {
+          if ( [ 'image/video', 'multipleImage' ].includes( question.answerType ) ) {
             if ( Multianswer.length ) {
               question.Multianswer = Multianswer;
             } else {
-              Multianswer.push( { 'answer': null, 'no': 0, 'validationAnswer': null } );
+              Multianswer.push( { 'answer': null, 'no': 0, 'validationAnswer': null, ...( question.answerType == 'image/video' && { answerType: null } ) } );
               question.Multianswer = Multianswer;
             }
           }
@@ -3424,6 +3454,11 @@ export async function questionList( req, res ) {
         }
       }
 
+      let checklisDetails = await checklistService.findOne( { _id: getchecklist?.[0]?.sourceCheckList_id }, { export: 1 } );
+      if ( checklisDetails ) {
+        getchecklist[0]['export'] = checklisDetails.export;
+      }
+
       return res.sendSuccess( getchecklist );
     }
   } catch ( e ) {
@@ -4245,6 +4280,7 @@ export async function questionListV1( req, res ) {
         startTime: { $ifNull: [ '$startTime', '' ] },
         submitTime: { $ifNull: [ '$submitTime', '' ] },
         allowedOverTime: { $ifNull: [ '$allowedOverTime', '' ] },
+        sourceCheckList_id: { $ifNull: [ '$sourceCheckList_id', '' ] },
         // allowedStoreLocation: { $ifNull: [ '$allowedStoreLocation', '' ] },
         allowedStoreLocation: {
           $cond: {
@@ -4300,7 +4336,7 @@ export async function questionListV1( req, res ) {
           }
 
           for ( let [ ansIndex, answer ] of question.answers.entries() ) {
-            if ( question.answerType == 'multiplechoicemultiple' ) {
+            if ( question.answerType == 'multiplechoicemultiple' || ( question.answerType == 'dropdown' && question.allowMultiple ) ) {
               let checkvalidation = null;
               if ( answer.validationAnswer && answer.validationAnswer !='' ) {
                 if ( answer.validationType != 'Descriptive Answer' ) {
@@ -4352,13 +4388,13 @@ export async function questionListV1( req, res ) {
 
                 getchecklist[0].questionAnswers[secIndex].questions[questionIndex].userAnswer[userAnsIndex].multiReferenceImage = userAns.multiReferenceImage;
               }
-              if ( question.answerType == 'multiplechoicemultiple' ) {
+              if ( question.answerType == 'multiplechoicemultiple' || ( question.answerType == 'dropdown' && question.allowMultiple ) ) {
                 let ansIndex = Multianswer.findIndex( ( item ) => item.answer == userAns.answer );
                 if ( ansIndex ) {
                   Multianswer[ansIndex].validationAnswer = userAns.validationAnswer;
                 }
               }
-              if ( question.answerType == 'multipleImage' ) {
+              if ( question.answerType == 'multipleImage' || question.answerType == 'image/video' ) {
                 if ( userAns && userAns.answer && userAns.answer !='' ) {
                   let manswer = `${cdnurl.TraxAnswerCDN}${userAns.answer}`;
                   Multianswer.push( { 'answer': manswer, 'no': userAnsIndex, 'validationAnswer': '' } );
@@ -4368,7 +4404,7 @@ export async function questionListV1( req, res ) {
               }
             }
           }
-          if ( question.answerType == 'multiplechoicemultiple' ) {
+          if ( question.answerType == 'multiplechoicemultiple' || ( question.answerType == 'dropdown' && question.allowMultiple ) ) {
             Multianswer.forEach( ( item ) => {
               if ( item.validationAnswer == null ) {
                 item.answer = null;
@@ -4380,7 +4416,7 @@ export async function questionListV1( req, res ) {
               question.Multianswer = Multianswer;
             }
           }
-          if ( question.answerType == 'multipleImage' ) {
+          if ( question.answerType == 'multipleImage' || question.answerType == 'image/video' ) {
             if ( Multianswer.length ) {
               question.Multianswer = Multianswer;
             } else {
@@ -4429,6 +4465,11 @@ export async function questionListV1( req, res ) {
         }
       }
 
+      let checklisDetails = await checklistService.findOne( { _id: getchecklist?.[0]?.sourceCheckList_id }, { export: 1 } );
+      if ( checklisDetails ) {
+        getchecklist[0]['export'] = checklisDetails.export;
+      }
+
       return res.sendSuccess( getchecklist );
     }
   } catch ( e ) {
@@ -4508,6 +4549,10 @@ export async function downloadChecklist( req, res ) {
       checklistDetails = await processedTask.findOne( { _id: requestData.checklistId, checklistStatus: 'submit' } );
     }
 
+    if ( !checklistDetails ) {
+      return res.sendError( 'No data found', 204 );
+    }
+
     let storeDetails = await storeService.findOne( { storeId: checklistDetails.store_id }, { storeProfile: 1 } );
     if ( !storeDetails ) {
       return res.sendError( 'No data found', 204 );
@@ -4521,31 +4566,29 @@ export async function downloadChecklist( req, res ) {
 
     checklistDetails = { ...checklistDetails.toObject(), ...storeDetails?.toObject()?.storeProfile };
 
-    console.log( checklistDetails );
 
     let scheduleDateTime = dayjs( checklistDetails.submitTime );
     checklistDetails.submitDate = scheduleDateTime.format( 'DD MMM, YYYY' );
     checklistDetails.submitTime = scheduleDateTime.format( 'hh:mm A' );
-    // if ( checklistDetails?.brandDetails?.brandLogo ) {
-    //   let bucketpath = req.user.client_id + '/logo';
-
-    //   let params = {
-    //     bucketName: JSON.parse( process.env.BUCKET )?.sop,
-    //     filePath: `${bucketpath}/${checklistDetails?.brandDetails?.brandLogo}`,
-    //   };
-    //   let url = await signedUrl( params.filePath, params.bucketName );
-
-    //   let brandImage = await convertUrltoBase64( url );
-    //   if ( brandImage ) {
-    //     checklistDetails.brandLogo = brandImage;
-    //   }
-    // }
-    // checklistDetails.brandName = checklistDetails.brandDetails.brandName;
+    if ( clientDetails?.profileDetails?.logo ) {
+      let bucketpath = checklistDetails.client_id + '/logo';
+
+      let params = {
+        Bucket: JSON.parse( process.env.BUCKET )?.assets,
+        file_path: `${bucketpath}/${clientDetails?.profileDetails?.logo}`,
+      };
+      let url = await signedUrl( params );
+      let brandImage = await convertUrltoBase64( url );
+      if ( brandImage ) {
+        checklistDetails['brandLogo'] = brandImage;
+      }
+    }
+    checklistDetails['brandName'] = clientDetails?.clientName;
     for ( let section of checklistDetails.questionAnswers ) {
       for ( let question of section.questions ) {
         question.remarks = question.remarks == null || question.remarks == 'null' ? '' : question.remarks;
         for ( let answer of question.userAnswer ) {
-          if ( answer.referenceImage != '' ) {
+          if ( answer?.referenceImage?.trim() ) {
             let inputData = {
               Bucket: JSON.parse( process.env.BUCKET )?.sop,
               file_path: answer.referenceImage,
@@ -4556,7 +4599,7 @@ export async function downloadChecklist( req, res ) {
               answer.referenceImage = base64Image;
             }
           }
-          if ( answer.validationType == 'Capture Image' && answer.validationAnswer != '' ) {
+          if ( answer.validationType == 'Capture Image' && answer?.validationAnswer?.trim() ) {
             let inputData = {
               Bucket: JSON.parse( process.env.BUCKET )?.sop,
               file_path: answer.validationAnswer,
@@ -4567,7 +4610,7 @@ export async function downloadChecklist( req, res ) {
               answer.validationAnswer = base64Image;
             }
           }
-          if ( answer.answer != '' && [ 'image', 'descriptiveImage' ].includes( question.answerType ) ) {
+          if ( answer?.answer?.trim() && [ 'image', 'descriptiveImage', 'multipleImage', 'image/video' ].includes( question.answerType ) ) {
             let inputData = {
               Bucket: JSON.parse( process.env.BUCKET )?.sop,
               file_path: answer.answer,

package/src/controllers/trax.controller.js

@@ -4093,7 +4093,7 @@ async function updateOpenSearch( user, data ) {
 export const aiChecklist = async ( req, res ) => {
   try {
     let storeDetails = await storeService.count( { clientId: req.query.clientId, status: 'active' } );
-    let aiList = [ 'mobileusagedetection', 'storeopenandclose', 'uniformdetection', 'staffleftinthemiddle', 'customerunattended', 'eyetest', 'remoteoptometrist', 'storehygienemonitoring', 'cleaning', 'scrum', 'suspiciousactivity', 'boxalert', 'suspiciousfootfall', 'drinking', 'bagdetection', 'inventorycount', 'carsattended', 'numberplateinfo', 'vehicle_check_in', 'outsidebusinesshoursqueuetracking', 'halfshutter', 'tvcompliance', 'cameratampering','queuealert' ];
+    let aiList = [ 'mobileusagedetection', 'storeopenandclose', 'uniformdetection', 'staffleftinthemiddle', 'customerunattended', 'eyetest', 'remoteoptometrist', 'storehygienemonitoring', 'cleaning', 'scrum', 'suspiciousactivity', 'boxalert', 'suspiciousfootfall', 'drinking', 'bagdetection', 'inventorycount', 'carsattended', 'numberplateinfo', 'vehicle_check_in', 'outsidebusinesshoursqueuetracking', 'halfshutter', 'tvcompliance', 'cameratampering', 'queuealert' ];
     let checklistDetails = [];
     let publishList = [];
     let unpublishList = [];
@@ -4106,7 +4106,7 @@ export const aiChecklist = async ( req, res ) => {
     checklistDetails = [ ...publishList, ...unpublishList ];
 
     checklistDetails.forEach( ( item ) => {
-      if ( ![ 'mobileusagedetection', 'storeopenandclose', 'cleaning', 'scrum', 'uniformdetection', 'staffleftinthemiddle', 'customerunattended', 'outsidebusinesshoursqueuetracking', 'halfshutter', 'tvcompliance', 'cameratampering','queuealert' ].includes( item.checkListType ) ) {
+      if ( ![ 'mobileusagedetection', 'storeopenandclose', 'cleaning', 'scrum', 'uniformdetection', 'staffleftinthemiddle', 'customerunattended', 'outsidebusinesshoursqueuetracking', 'halfshutter', 'tvcompliance', 'cameratampering', 'queuealert' ].includes( item.checkListType ) ) {
         item.storeCount = storeDetails;
       }
     } );

package/src/hbs/flag.hbs

@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Trial Intiate Email</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+        @media screen {
+            @font-face {
+                font-family: 'Inter';
+                font-style: normal;
+                font-weight: 400;
+                font-display: swap;
+                src: local("Inter"), local("Inter-Regular"), url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
+                unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+            }
+        }
+
+        body {
+            font-family: "Inter", sans-serif !important;
+        }
+
+        body,
+        table,
+        td,
+        a {
+            -ms-text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            mso-table-rspace: 0pt;
+            mso-table-lspace: 0pt;
+        }
+
+        img {
+            -ms-interpolation-mode: bicubic;
+        }
+
+        a[x-apple-data-detectors] {
+            font-family: "inherit" !important;
+            font-size: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+            color: inherit !important;
+            text-decoration: none !important;
+        }
+
+
+        div[style*="margin: 16px 0;"
+
+        ] {
+            margin: 0 !important;
+        }
+
+        body {
+            width: 100% !important;
+            height: 100% !important;
+            padding: 0 !important;
+            margin: 0 !important;
+        }
+
+
+        table {
+            border-collapse: collapse !important;
+        }
+
+        a {
+            color: #1a82e2;
+        }
+
+        img {
+            height: auto;
+            line-height: 100%;
+            text-decoration: none;
+            border: 0;
+            outline: none;
+        }
+
+        .flagText {
+            /* font-family: 'Inter'; */
+            /* color: #667085 !important; */
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 24px;
+            text-align: left;
+
+        }
+    </style>
+
+</head>
+
+<body style="background-color: #dbe5ea;">
+
+    <div class="preheader"
+        style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
+        Email Summary (Hidden)
+    </div>
+    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-left:10px;padding-right:10px">
+        <tr>
+            <td bgcolor="#dbe5ea" style="padding:32px 10px 0 10px">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;" align="center">
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-md o_sans o_text"
+                            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;">
+                            <p style="margin-top: 0px;margin-bottom: 0px;"><a class="o_text-white"
+                                    href="https://tangoeye.ai/"
+                                    style="text-decoration: none;outline: none;color: #ffffff;"><img
+                                        src="https://devtangoretail-api.tangoeye.ai/logo.png" width="200" height="100"
+                                        alt="SimpleApp"
+                                        style="-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;"></a>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td align="left" bgcolor="#ffffff"
+                            style="padding-left: 30px;padding-right: 24px;  font-size: 14px; line-height: 24px;">
+                            <p class="o_heading o_mb-xxs"
+                                style="width: 624px;height: 0px;border: 1px solid #CBD5E1;flex: none;order: 1;flex-grow: 0;">
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 28px;color: #82899a;">
+                                <span class="o_heading o_text-dark o_mb-xxs"
+                                    style="font-weight: 400;margin-top: 0px;margin-bottom: 4px;color: #121A26;line-height: 140%;">
+                                    Hi,<br />
+                                    Flag has been detected based on the response submitted in a recently completed
+                                    checklist for Store {{data.storeName}}. Review
+                                    the flagged item and take the necessary action from the dashboard.
+                                </span>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 28px;color: #82899a;">
+                                <span class="o_heading o_text-dark o_mb-xxs"
+                                    style="font-weight: 400;margin-top: 0px;margin-bottom: 4px;color: #121A26;line-height: 140%;">
+                                    Details of the checklist are as follows:
+                                </span>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+        <tr>
+            <td align="center" bgcolor="#dbe5ea" style="padding:0 10px 0 10px">
+                <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 680px;">
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:0px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;color:#000000">Store Name :
+                        </td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.storeName}}</td>
+                    </tr>
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:0px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;">Checklist Name :</td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.checklistName}}%</td>
+                    </tr>
+
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:0px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;">No of Flags :</td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.flagCount}}</td>
+                    </tr>
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:0px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;">Submitted By :</td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.submittedBy}}</td>
+                    </tr>
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:0px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;">Date & Time :</td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.time}}</td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+        <tr>
+            <td align="center" bgcolor="#dbe5ea" style="padding:0 10px 0 10px">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
+                    <tr>
+                        <td bgcolor="#ffffff" style="padding: 20px;padding-top:15px;padding-left:30px;">
+                            <table border="0" cellpadding="0" cellspacing="0">
+                                <tr>
+                                    <td align="center" bgcolor="#00A3FF" style="border-radius: 6px;height:50px;">
+                                        <a href="{{data.domain}}" target="_blank"
+                                            style="display: inline-block; padding: 16px 36px;  font-size: 16px; color: #ffffff; text-decoration: none; border-radius: 6px;">View
+                                            Flags
+                                        </a>
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+        <tr>
+            <td align="center" bgcolor="#dbe5ea" style="padding:0 10px 32px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-top:5px">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 12px;color: #202B3C;font-style: normal;font-weight: 400;font-size: 12px;line-height: 150%;">
+                                <p>
+                                    If you have any questions or need assistance, please reach out to us at
+                                    support@tangotech.co.in.
+                                </p>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom:15px">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 12px;color: #202B3C;font-style: normal;font-weight: 400;font-size: 12px;line-height: 150%;">
+                                <p>
+                                    © Tango Eye. All rights reserved.</p>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+    </table>
+
+</body>
+
+</html>

package/src/hbs/template.hbs

@@ -204,18 +204,20 @@
                         {{#neq ../answerType 'video'}}
                             {{#neq ../answerType 'image'}}
                                 {{#neq ../answerType 'descriptiveImage'}}
-                                    {{#eq sopFlag true }}
-                                        <span id="agreed" style="color:red">{{answer}}</span><br>
-                                    {{/eq}}
-                                    {{#eq sopFlag false }}
-                                        <span id="agreed">{{answer}}</span><br>
-                                    {{/eq}}
-                                    {{#neq validationAnswer ''}}
-                                        {{#eq validationType 'Capture Image'}}
-                                            <img src = "{{validationAnswer}}" alt="test" width="200" height="180">
+                                    {{#neq ../answerType 'multipleImage'}}
+                                        {{#eq sopFlag true }}
+                                            <span id="agreed" style="color:red">{{answer}}</span><br>
                                         {{/eq}}
-                                        {{#neq validationType 'Capture Image'}}
-                                            {{validationAnswer}}
+                                        {{#eq sopFlag false }}
+                                            <span id="agreed">{{answer}}</span><br>
+                                        {{/eq}}
+                                        {{#neq validationAnswer ''}}
+                                            {{#eq validationType 'Capture Image'}}
+                                                <img src = "{{validationAnswer}}" alt="test" width="200" height="180">
+                                            {{/eq}}
+                                            {{#neq validationType 'Capture Image'}}
+                                                {{validationAnswer}}
+                                            {{/neq}}
                                         {{/neq}}
                                     {{/neq}}
                                 {{/neq}}
@@ -245,6 +247,46 @@
                                 </table>
                             {{!-- {{/each}} --}}
                         {{/eq}}
+                        {{#eq ../answerType 'multipleImage'}}
+                        {{!-- {{#each ../answers}} --}}
+                        <table style="width:100%">
+                            <tr>
+                                {{#neq referenceImage ''}}
+                                <td style="width:50%">
+                                    <div class="Reference"><span>Reference Image</span><br>
+                                        <img src="{{referenceImage}}" width="200" height="180" />
+                                    </div>
+                                </td>
+                                {{/neq}}
+                                <td style="width:50%">
+                                    <div class="Reference"><span>Uploaded Image</span><br>
+                                        <img src="{{answer}}" width="200" height="180" />
+                                    </div>
+                                </td>
+                            </tr>
+                        </table>
+                        {{!-- {{/each}} --}}
+                        {{/eq}}
+                        {{#eq ../answerType 'image/video'}}
+                        {{!-- {{#each ../answers}} --}}
+                        <table style="width:100%">
+                            <tr>
+                                {{#neq referenceImage ''}}
+                                <td style="width:50%">
+                                    <div class="Reference"><span>Reference Image</span><br>
+                                        <img src="{{referenceImage}}" width="200" height="180" />
+                                    </div>
+                                </td>
+                                {{/neq}}
+                                <td style="width:50%">
+                                    <div class="Reference"><span>Uploaded Image</span><br>
+                                        <img src="{{answer}}" width="200" height="180" />
+                                    </div>
+                                </td>
+                            </tr>
+                        </table>
+                        {{!-- {{/each}} --}}
+                        {{/eq}}
                         {{#eq ../answerType 'descriptiveImage'}}
                         {{!-- {{#each ../answers}} --}}
                         <table style="width:100%">