{"id":1874,"date":"2024-11-14T10:21:15","date_gmt":"2024-11-14T10:21:15","guid":{"rendered":"https:\/\/mystories.arunsystems.co.in\/?page_id=1874"},"modified":"2024-12-03T05:04:19","modified_gmt":"2024-12-03T05:04:19","slug":"fer-pilot-test","status":"publish","type":"page","link":"https:\/\/mystories.arunsystems.co.in\/index.php\/fer-pilot-test\/","title":{"rendered":"FER Pilot Test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1874\" class=\"elementor elementor-1874\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7403c150 e-flex e-con-boxed e-con e-parent\" data-id=\"7403c150\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11db67ec elementor-widget elementor-widget-text-editor\" data-id=\"11db67ec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<!-- wp:fl-builder\/layout \/-->\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23fbf6e e-flex e-con-boxed e-con e-parent\" data-id=\"23fbf6e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b1f436 elementor-widget elementor-widget-html\" data-id=\"2b1f436\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Emotion Selection<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            text-align: center;\r\n        }\r\n        .emotion-selection, .reason-selection {\r\n            margin: 20px auto;\r\n        }\r\n        .emotion-option {\r\n            margin: 10px;\r\n            cursor: pointer;\r\n        }\r\n        .hidden {\r\n            display: none;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <h4 id=\"patientHeader\">Enter Patient ID<\/h4>\r\n\r\n    <form id=\"patientForm\">\r\n        <input type=\"text\" id=\"patientID\" placeholder=\"Enter Patient ID\" required><br><br>\r\n        <button type=\"button\" onclick=\"startSelection()\" style=\"font-size: 20px;\">Start Emotion Selection<\/button>\r\n    <\/form>\r\n    \r\n    <h4 id=\"displayPatientID\" class=\"hidden\"><\/h4>\r\n\r\n    <div id=\"emotionSection\" class=\"emotion-selection hidden\">\r\n        <h1>Select an Emotion<\/h1>\r\n        <img decoding=\"async\" id=\"emotionImage\" src=\"\" alt=\"Emotion\" width=\"420\">\r\n        <div>\r\n            <button class=\"emotion-option\" style=\"font-size: 20px;\" onclick=\"selectEmotion('Sad')\">Sad<\/button>\r\n            <button class=\"emotion-option\" style=\"font-size: 20px;\" onclick=\"selectEmotion('Angry')\">Angry<\/button>\r\n            <button class=\"emotion-option\" style=\"font-size: 20px;\" onclick=\"selectEmotion('Disgust')\">Disgust<\/button>\r\n            <button class=\"emotion-option\" style=\"font-size: 20px;\" onclick=\"selectEmotion('Happy')\">Happy<\/button>\r\n            <button class=\"emotion-option\" style=\"font-size: 20px;\" onclick=\"selectEmotion('Surprise')\">Surprise<\/button>\r\n            <button class=\"emotion-option\" style=\"font-size: 20px; color: red;\" onclick=\"selectNoResponse()\">No Response<\/button>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"reasonSection\" class=\"reason-selection hidden\">\r\n        <h2>Why did you select <span id=\"selectedEmotion\"><\/span>?<\/h2>\r\n        <form id=\"responseForm\">\r\n            <input type=\"hidden\" name=\"patientID\" id=\"hiddenPatientID\">\r\n            <input type=\"hidden\" name=\"emotion\" id=\"hiddenEmotion\">\r\n            <input type=\"hidden\" name=\"imageFileName\" id=\"hiddenImageFileName\">\r\n            <label>\r\n                <input type=\"checkbox\" name=\"reason\" value=\"Eyes\"> Eyes\r\n            <\/label><br>\r\n            <label>\r\n                <input type=\"checkbox\" name=\"reason\" value=\"Mouth\"> Mouth\r\n            <\/label><br>\r\n            <label>\r\n                <input type=\"checkbox\" name=\"reason\" value=\"Teeth\"> Teeth\r\n            <\/label><br>\r\n            <label>\r\n                <input type=\"checkbox\" name=\"reason\" value=\"Wrinkles\"> Wrinkles\r\n            <\/label><br>\r\n            <label>\r\n                <input type=\"checkbox\" name=\"reason\" value=\"Others\" id=\"otherCheckbox\"> Others\r\n            <\/label>\r\n            <input type=\"text\" id=\"otherReason\" name=\"otherReason\" placeholder=\"Please specify\" class=\"hidden\"><br><br>\r\n            <button type=\"button\" onclick=\"submitResponse()\">Submit<\/button>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <script>\r\n        const images = [\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/01\/frown.jpg', name: 'frown.jpg' },\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/01\/happyy.png', name: 'happyy.png' },\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/09\/1_cD8nIooIkIrLoHKBOGnj9A.jpg', name: '1_cD8nIooIkIrLoHKBOGnj9A.jpg' },\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/01\/runaway.png', name: 'runaway.png' },\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/01\/32243-3.jpg', name: '32243-3.jpg' },\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/09\/DST_027_F_FEAR.jpg', name: 'image6.jpg' }, <!-- New image 1 -->\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/09\/DST_013_M_HAPPY.jpg', name: 'image7.jpg' }, <!-- New image 2 -->\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/09\/DST_009_F_FEAR.jpg', name: 'image8.jpg' }, <!-- New image 3 -->\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/09\/DST_002_F_ANGRY.jpg', name: 'image9.jpg' }, <!-- New image 4 -->\r\n            { src: 'https:\/\/mystories.arunsystems.co.in\/wp-content\/uploads\/2024\/09\/DST_032_F_DISGUST.jpg', name: 'image10.jpg' }  <!-- New image 5 -->\r\n        ];\r\n\r\n        let currentImageIndex = 0;\r\n        let startTime = Date.now();\r\n\r\n        document.getElementById('otherCheckbox').addEventListener('change', function () {\r\n            const otherReasonInput = document.getElementById('otherReason');\r\n            if (this.checked) {\r\n                otherReasonInput.classList.remove('hidden');\r\n            } else {\r\n                otherReasonInput.classList.add('hidden');\r\n                otherReasonInput.value = '';\r\n            }\r\n        });\r\n\r\n        function startSelection() {\r\n            const patientID = document.getElementById('patientID').value;\r\n            if (patientID) {\r\n                startTime = Date.now();\r\n                document.getElementById('hiddenPatientID').value = patientID;\r\n                document.getElementById('patientForm').style.display = 'none';\r\n                document.getElementById('patientHeader').style.display = 'none';\r\n                document.getElementById('displayPatientID').textContent = `Patient ID: ${patientID}`;\r\n                document.getElementById('displayPatientID').classList.remove('hidden');\r\n                document.getElementById('emotionSection').classList.remove('hidden');\r\n                loadImage();\r\n            } else {\r\n                alert('Please enter a valid Patient ID');\r\n            }\r\n        }\r\n\r\n        function loadImage() {\r\n            const image = images[currentImageIndex];\r\n            document.getElementById('emotionImage').src = image.src;\r\n            document.getElementById('hiddenImageFileName').value = image.name;\r\n        }\r\n\r\n        function selectEmotion(emotion) {\r\n            document.getElementById('selectedEmotion').textContent = emotion;\r\n            document.getElementById('hiddenEmotion').value = emotion;\r\n            document.getElementById('emotionSection').classList.add('hidden');\r\n            document.getElementById('reasonSection').classList.remove('hidden');\r\n        }\r\n\r\n        function selectNoResponse() {\r\n            const endTime = Date.now();\r\n            const timeTaken = Math.round((endTime - startTime) \/ 1000);\r\n            startTime = Date.now();\r\n\r\n            const patientID = document.getElementById('hiddenPatientID').value;\r\n            const responseData = {\r\n                patientId: patientID,\r\n                emotion: 'No Response',\r\n                imageFileName: images[currentImageIndex].name,\r\n                timeTaken: timeTaken\r\n            };\r\n\r\n            let responses = JSON.parse(localStorage.getItem('responses')) || [];\r\n            responses.push(responseData);\r\n            localStorage.setItem('responses', JSON.stringify(responses));\r\n\r\n            currentImageIndex++;\r\n            if (currentImageIndex < images.length) {\r\n                loadImage();\r\n            } else {\r\n                alert('You have completed the emotion selection for all images!');\r\n                document.getElementById('emotionSection').classList.add('hidden');\r\n            }\r\n        }\r\n\r\n        function submitResponse() {\r\n            const endTime = Date.now();\r\n            const timeTaken = Math.round((endTime - startTime) \/ 1000);\r\n            startTime = Date.now();\r\n\r\n            const patientID = document.getElementById('hiddenPatientID').value;\r\n            const emotion = document.getElementById('hiddenEmotion').value;\r\n            const imageFileName = document.getElementById('hiddenImageFileName').value;\r\n\r\n            const selectedReasons = [];\r\n            document.querySelectorAll('input[name=\"reason\"]:checked').forEach(checkbox => {\r\n                selectedReasons.push(checkbox.value);\r\n            });\r\n\r\n            const otherReason = document.getElementById('otherReason').value;\r\n            if (document.getElementById('otherCheckbox').checked && otherReason.trim() !== '') {\r\n                selectedReasons.push(otherReason);\r\n            }\r\n\r\n            if (selectedReasons.length === 0) {\r\n                alert('Please select at least one reason.');\r\n                return;\r\n            }\r\n\r\n            const responseData = {\r\n                patientId: patientID,\r\n                emotion: emotion,\r\n                reason: selectedReasons,\r\n                imageFileName: imageFileName,\r\n                timeTaken: timeTaken\r\n            };\r\n\r\n            let responses = JSON.parse(localStorage.getItem('responses')) || [];\r\n            responses.push(responseData);\r\n            localStorage.setItem('responses', JSON.stringify(responses));\r\n\r\n            document.querySelectorAll('input[name=\"reason\"]').forEach(checkbox => checkbox.checked = false);\r\n            document.getElementById('otherReason').classList.add('hidden');\r\n            document.getElementById('otherReason').value = '';\r\n\r\n            currentImageIndex++;\r\n            if (currentImageIndex < images.length) {\r\n                document.getElementById('reasonSection').classList.add('hidden');\r\n                document.getElementById('emotionSection').classList.remove('hidden');\r\n                loadImage();\r\n            } else {\r\n                alert('You have completed the emotion selection for all images!');\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Emotion Selection Enter Patient ID Start Emotion Selection Select an Emotion Sad Angry Disgust Happy Surprise No Response Why did you select ? Eyes Mouth Teeth Wrinkles Others Submit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/pages\/1874"}],"collection":[{"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=1874"}],"version-history":[{"count":16,"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/pages\/1874\/revisions"}],"predecessor-version":[{"id":1899,"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/pages\/1874\/revisions\/1899"}],"wp:attachment":[{"href":"https:\/\/mystories.arunsystems.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=1874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}