{"version":3,"sources":["webpack:///./src/views/admin/templates/template-item/EditQuestionPage.vue","webpack:///./src/views/admin/templates/template-item/EditQuestionPage.vue?e90b","webpack:///./src/views/admin/templates/template-item/EditQuestionPage.vue?7ecf","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["store","platform","state","router","route","questionList","confirm","loading","firstData","answerIdList","answerValueIdList","dispatch","page","pageSize","answersTemplates","getters","selectedAnswerTemplate","addAnswerTemplate","question","value","forEach","answerTemplate","answerButton","id","type","Date","getTime","answerText","score","displayOrder","answers","length","notScorable","answerValues","answerValuesScore","answerTemplateId","actionRequired","proofRequired","noteProofRequired","mediaProofRequired","notAnswerFound","push","questionId","params","then","response","categoryId","questionText","questionInfoText","code","infoOnly","answerCheckText","isRequired","Id","TemplateCategoryId","QuestionText","QuestionInfoText","Score","Code","InfoOnly","IsRequired","Answers","answer","modelAnswer","Type","parseInt","AnswerText","DisplayOrder","NotScorable","TemplateAnswerTemplateId","NoteProofRequired","MediaProofRequired","ActionRequired","AnswerValues","modelValue","answerId","valueText","TemplateAnswerId","ValueText","JSON","stringify","t","te","locale","translate","text","categoryList","actions","GET_COMMON_CATEGORY","questionValidator","shape","title","nullable","required","answerValidator","answerTitle","lastMenuId","controllerAnswer","confirmQuestion","i","answerTypeController2","x","model","qvalue","parse","indexOf","answerValue","postQuestion","templateCategoryId","templateQuestionId","templateAnswerTemplateId","subOptions","templateAnswerId","questionUpdate","name","answerMenuShow","answerOptions","icon","color","selectedAnswer","lastDisplayOrder","lastAnswerValue","answerStateId","saveAnswer","filter","answerSaved","hideModalFunction","saveAnswerTypeInput","addAnswer","answerType","deleteAnswer","item","document","getElementById","removeEventListener","answerModalClose","displayChange","sort","a","b","typeList","answerTypeController","questionAnswers","status","index","some","addSubOption","deleteSubOption","addEventModal","Object","keys","key","subAnswer","addEventListener","closeModal","modal","querySelector","setTimeout","questionDivClick","event","answerMenu","composedPath","includes","to","from","next","require","group","message","header","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","reject","__exports__","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","remove","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"4jNA4nCA,MAAMA,EAAQ,iBACRC,EAAWD,EAAME,MAAMD,SACvBE,EAAS,iBACTC,GAAQ,iBACRC,GAAe,iBAAI,IACnBC,GAAU,iBACVC,GAAU,kBAAI,GACpB,IAAIC,GAAY,KACZC,GAAe,GACfC,GAAoB,GAExBV,EAAMW,SAAS,8DAA+D,CAC5EC,KAAM,EACNC,SAAU,MAGZ,MAAMC,GAAmB,sBACvB,IACEd,EAAMe,QAAQ,8DAEZC,GAAyB,iBAAI,IAC7BC,GAAqBC,IACzBF,GAAuBG,MAAMC,QAASC,IACpC,IAAIC,EAAe,CACjBC,GACEF,EAAeG,KACf,KACA,IAAIC,MAAOC,UACRL,EAAeE,GACpBI,WAAYN,EAAeM,WAC3BC,MAAO,EACPC,aAAcX,EAASY,QAAQC,OAAS,EACxCC,YAAaX,EAAeW,YAC5BR,KAAMH,EAAeG,KACrBS,aAAc,GACdC,mBAAmB,EACnBC,iBAAkBd,EAAeE,GACjCa,eAAgBf,EAAee,eAC/BC,eAAe,EACfC,kBAAmBjB,EAAeiB,kBAClCC,mBAAoBlB,EAAekB,qBAGjClB,EAAeiB,mBAAqBjB,EAAekB,sBACrDjB,EAAae,eAAgB,GAG/BG,GAAerB,OAAQ,EACvBD,EAASY,QAAQW,KAAKnB,KAExBN,GAAuBG,MAAQ,IAGjC,IAAIuB,GAAatC,GAAMuC,OAAOpB,GAC9BvB,EACGW,SAAS,4CAA6CP,GAAMuC,OAAOpB,IACnEqB,KAAMC,IACL,IAAI3B,EAAW,CACbK,GAAI,EACJuB,WAAY,EACZC,aAAc,KACdC,iBAAkB,KAClBC,KAAM,KACNrB,MAAO,EACPsB,UAAU,EACVpB,QAAS,GACTqB,iBAAiB,EACjBC,YAAY,GAGdlC,EAASK,GAAKsB,EAASQ,GACvBnC,EAAS4B,WAAaD,EAASS,mBAC/BpC,EAAS6B,aAAeF,EAASU,aACjCrC,EAAS8B,iBAAmBH,EAASW,iBACrCtC,EAASU,MAAQiB,EAASY,MAC1BvC,EAAS+B,KAAOJ,EAASa,KACzBxC,EAASgC,SAAWL,EAASc,SAC7BzC,EAASkC,WAAaP,EAASe,WAE3Bf,EAASgB,QAAQ9B,OAAS,GAC5Bc,EAASgB,QAAQzC,QAAS0C,IACxB,IAAIC,EAAc,CAChBxC,GAAI,EACJmB,WAAY,EACZf,WAAY,KACZC,MAAO,EACPC,aAAc,EACdG,aAAa,EACbR,KAAM,KACNS,aAAc,GACdC,mBAAmB,EACnBC,iBAAkB,EAClBC,gBAAgB,EAChBC,eAAe,EACfC,mBAAmB,EACnBC,oBAAoB,GAEtB9B,GAAagC,KAAKqB,EAAOT,IAEzBnC,EAASiC,gBAAkC,SAAhBW,EAAOE,KAClCD,EAAYxC,GAAKuC,EAAOT,GACxBU,EAAYrB,WAAauB,SAASvB,IAClCqB,EAAYpC,WAAamC,EAAOI,WAChCH,EAAYnC,MAAQkC,EAAOL,MAC3BM,EAAYlC,aAAeiC,EAAOK,aAClCJ,EAAY/B,YAAc8B,EAAOM,YACjCL,EAAY5B,iBAAmB2B,EAAOO,yBACtCN,EAAYzB,kBAAoBwB,EAAOQ,kBACvCP,EAAYxB,mBAAqBuB,EAAOS,mBACxCR,EAAY3B,eAAiB0B,EAAOU,gBAChCT,EAAYxB,oBAAsBwB,EAAYzB,qBAChDyB,EAAY1B,eAAgB,GAG9B0B,EAAYvC,KAAOsC,EAAOE,KACtBF,EAAOW,aAAa1C,OAAS,GAC/B+B,EAAOW,aAAarD,QAASD,IAC3B,IAAIuD,EAAa,CACfnD,GAAI,EACJoD,SAAU,EACVC,UAAW,KACXhD,MAAO,MAETlB,GAAkB+B,KAAKtB,EAAMkC,IAE7BqB,EAAWnD,GAAKJ,EAAMkC,GACtBqB,EAAWC,SAAWxD,EAAM0D,iBAC5BH,EAAWE,UAAYzD,EAAM2D,UAC7BJ,EAAW9C,MAAQT,EAAMsC,MAEA,OAArBiB,EAAW9C,QACbmC,EAAY7B,mBAAoB,GAGlC6B,EAAY9B,aAAaQ,KAAKiC,KAIlCxD,EAASY,QAAQW,KAAKsB,KAI1B1D,GAAac,MAAMsB,KAAKvB,GAGxBV,GAAYuE,KAAKC,UAAU3E,GAAac,SAI5C,MAAM,EAAE8D,GAAC,GAAEC,GAAE,OAAEC,IAAW,iBACpBC,GAAaC,GACbH,GAAGG,GACEJ,GAAEI,GAEFA,EAKLC,GAAe,iBAAI,IACzB,OAAeC,QAAQC,sBAAsB5C,KAAMC,IAC7CA,EAASd,OAAS,IACpBuD,GAAanE,MAAQ0B,KAMzB,MAAM4C,GAAoB,SAAaC,MAAM,CAC3CC,MAAO,SACJC,WACAC,SAAST,GAAU,kDAGlBU,GAAkB,SAAaJ,MAAM,CACzCK,YAAa,SACVH,WACAC,SAAST,GAAU,gDAKxB,IAAIY,GAAa,iBAAI,MACjBC,GAAmB,kBAAI,GACvBzD,GAAiB,kBAAI,GAEzB,MAAM0D,GAAmBhF,IAEvB,GADAX,GAAQY,OAAQ,EACZD,EAASY,QAAQC,OAAS,GAY5B,GAXAkE,GAAiB9E,OAAQ,EACzBD,EAASY,QAAQV,QAAS+E,IAEJ,OAAjBA,EAAExE,YAAwC,KAAjBwE,EAAExE,YAC3ByE,GAAsBD,EAAE3E,QAEzB2E,EAAExE,WAAa,GACfsE,GAAiB9E,OAAQ,KAIzB8E,GAAiB9E,MAAO,CACtBD,EAASgC,WACXhC,EAAS4B,WAAa,EACtB5B,EAASU,MAAQ,EACjBV,EAASY,QAAQV,QAAS+E,IACxBA,EAAEvE,MAAQ,KACVuE,EAAElE,aAAab,QAASiF,GAAOA,EAAEzE,MAAQ,SAG7C,IAAI0E,EAAQvB,KAAKC,UAAU9D,GACvBqF,EAASxB,KAAKyB,MAAMF,GAEpBC,EAAOrD,WACTqD,EAAOzD,WAAa,EACpByD,EAAO3E,MAAQ,GAGjB2E,EAAOzE,QAAQV,QAAS0C,KAClByC,EAAOrD,UAAYY,EAAO9B,eAC5B8B,EAAOlC,MAAQ,MAEG,SAAhBkC,EAAOtC,MACLf,GAAagG,QAAQ3C,EAAOvC,IAAM,IACpCuC,EAAOvC,GAAK,GAGVuC,EAAO7B,aAAaF,OAAS,GAC/B+B,EAAO7B,aAAab,QAASsF,IACvBhG,GAAkB+F,QAAQC,EAAYnF,IAAM,IAC9CmF,EAAYnF,GAAK,EACjBmF,EAAY/B,SAAWb,EAAOvC,KAG9BuC,EAAO9B,aACPuE,EAAOrD,WACNY,EAAO5B,qBAERwE,EAAY9E,MAAQ,MAEI,OAAtB8E,EAAY9E,OAAkBkC,EAAO5B,oBACvCwE,EAAY9E,MAAQkC,EAAOlC,UAK7BnB,GAAagG,QAAQ3C,EAAOvC,IAAM,IACpCuC,EAAOvC,GAAK,EACZuC,EAAOjC,aAAe,UAInBiC,EAAO5B,oBAGhB,IAAIyE,EAAe,CACjBpF,GAAIgF,EAAOhF,GACXqF,mBAAoBL,EAAOzD,WAC3BC,aAAcwD,EAAOxD,aACrBC,iBAAkBuD,EAAOvD,iBACzBC,KAAMsD,EAAOtD,KACbrB,MAAO2E,EAAO3E,MACdsB,SAAUqD,EAAOrD,SACjBpB,QAAS,GACTsB,WAAYmD,EAAOnD,YAErBmD,EAAOzE,QAAQV,QAAS0C,IACtB,IAAIxC,EAAe,CACjBC,GAAI,EACJsF,mBAAoB,EACpBlF,WAAY,KACZC,MAAO,KACPC,aAAc,EACdG,aAAa,EACbR,KAAM,KACNsF,yBAA0B,EAC1B7E,aAAc,GACdG,gBAAgB,EAChBE,mBAAmB,EACnBC,oBAAoB,GAEtBjB,EAAaC,GAAKuC,EAAOvC,GACzBD,EAAauF,mBAAqBN,EAAOhF,GACzCD,EAAaK,WAAamC,EAAOnC,WACjCL,EAAaM,MAAQkC,EAAOlC,MAC5BN,EAAaO,aAAeiC,EAAOjC,aACnCP,EAAaU,YAAc8B,EAAO9B,YAClCV,EAAaE,KAAOsC,EAAOtC,KAC3BF,EAAawF,yBAA2BhD,EAAO3B,iBAC/Cb,EAAac,eAAiB0B,EAAO1B,eACrCd,EAAagB,kBAAoBwB,EAAOxB,kBACxChB,EAAaiB,mBAAqBuB,EAAOvB,mBAErCuB,EAAO7B,aAAaF,OAAS,GAC/B+B,EAAO7B,aAAab,QAASD,IAC3B,IAAI4F,EAAa,CACfxF,GAAI,EACJyF,iBAAkB,EAClBpC,UAAW,KACXhD,MAAO,MAETmF,EAAWxF,GAAKJ,EAAMI,GACtBwF,EAAWC,iBAAmB7F,EAAMwD,SACpCoC,EAAWnC,UAAYzD,EAAMyD,UAC7BmC,EAAWnF,MAAQT,EAAMS,MACzBN,EAAaW,aAAaQ,KAAKsE,KAInCJ,EAAa7E,QAAQW,KAAKnB,KAG5BtB,EACGW,SAAS,+CAAgDgG,GACzD/D,KAAMC,IACDA,IACFoE,IAAiB,EACjB9G,EAAOsC,KAAK,CAAEyE,KAAM,mCAEtB3G,GAAQY,OAAQ,UAItBqB,GAAerB,OAAQ,GAIrBgG,GAAkB5F,IACtByE,GAAW7E,MAAQ6E,GAAW7E,QAAUI,EAAKA,EAAK,MAG9C6F,GAAgB,iBAAI,CACxB,CAAE5F,KAAM,SAAU6F,KAAM,YAAaC,MAAO,WAC5C,CAAE9F,KAAM,QAAS6F,KAAM,uBAAwBC,MAAO,WACtD,CAAE9F,KAAM,WAAY6F,KAAM,sBAAuBC,MAAO,WACxD,CAAE9F,KAAM,OAAQ6F,KAAM,cAAeC,MAAO,WAC5C,CAAE9F,KAAM,WAAY6F,KAAM,iBAAkBC,MAAO,WACnD,CAAE9F,KAAM,QAAS6F,KAAM,kBAAmBC,MAAO,WACjD,CAAE9F,KAAM,YAAa6F,KAAM,sBAAuBC,MAAO,WACzD,CAAE9F,KAAM,WAAY6F,KAAM,gBAAiBC,MAAO,aAI9CC,GAAiB,iBAAI,MAC3B,IAAIC,GAAmB,EACnBC,GAAkB,CACpBlG,GAAI,EACJI,WAAY,KACZC,MAAO,EACPC,aAAc,EACdG,aAAa,EACb0F,cAAe,EACflG,KAAM,KACNS,aAAc,GACdC,mBAAmB,EACnBE,gBAAgB,EAChBC,eAAe,EACfC,mBAAmB,EACnBC,oBAAoB,GAGtB,MAAMoF,GAAa,CAACzG,EAAU4C,KACF,OAAtBA,EAAOnC,YAA6C,KAAtBmC,EAAOnC,cACnCmC,EAAO9B,aAAgB8B,EAAO5B,oBAC5B4B,EAAO9B,cACT8B,EAAOlC,MAAQ,MAEjBkC,EAAO7B,aAAab,QAASD,GAAWA,EAAMS,MAAQ,OAEnDkC,EAAOzB,gBACVyB,EAAOvB,oBAAqB,EAC5BuB,EAAOxB,mBAAoB,GAExBwB,EAAOvB,oBAAuBuB,EAAOxB,oBACxCwB,EAAOzB,eAAgB,GAErByB,EAAO7B,aAAaF,OAAS,GAC/B+B,EAAO7B,aAAab,QAASiF,IACP,KAAhBA,EAAEzB,WAAoC,OAAhByB,EAAEzB,YAC1Bd,EAAO7B,aAAe6B,EAAO7B,aAAa2F,OACvCzB,GAAMA,EAAE5E,KAAO8E,EAAE9E,QAM5BsG,GAAY1G,OAAQ,EACpB2G,MAGIC,GAAuBjE,IACtBA,EAAOzB,gBACVyB,EAAOvB,oBAAqB,EAC5BuB,EAAOxB,mBAAoB,GAExBwB,EAAOvB,oBAAuBuB,EAAOxB,oBACxCwB,EAAOzB,eAAgB,GAEzBwF,GAAY1G,OAAQ,EACpB2G,MAGIE,GAAY,CAACC,EAAY/G,KAC7B,IAAII,EAAe,CACjBC,GAAI0G,EAAa,KAAM,IAAIxG,MAAOC,UAClCC,WAAY,KACZC,MAAO,EACPC,aAAcX,EAASY,QAAQC,OAAS,EACxCC,aAAa,EACbR,KAAMyG,EACNhG,aAAc,GACdC,mBAAmB,EACnBC,iBAAkB,EAClBC,gBAAgB,EAChBC,eAAe,EACfC,mBAAmB,EACnBC,oBAAoB,GAIL,SAAf0F,GACe,aAAfA,GACe,UAAfA,GACe,cAAfA,GACe,aAAfA,IAEA/G,EAASY,QAAU,GACnBZ,EAASU,MAAQ,GAEnBY,GAAerB,OAAQ,EACvBD,EAASY,QAAQW,KAAKnB,GACtB6F,GAAejG,EAASK,KAGpB2G,GAAe,CAAC3G,EAAIL,KACxBA,EAASY,QAAUZ,EAASY,QAAQ8F,OAAQO,GAASA,EAAK5G,KAAOA,GACjE6G,SACGC,eAAe,gBAAgB9G,GAC/B+G,oBAAoB,gBAAiBC,KAGpCC,GAAgB,CAACtH,EAAU4C,KAC/B5C,EAASY,QAAQV,QAAS+G,IACpBA,EAAK5G,KAAOuC,EAAOvC,IACjB4G,EAAKtG,eAAiBiC,EAAOjC,eAC/BsG,EAAKtG,aAAe2F,MAI1BA,GAAmB1D,EAAOjC,aAC1BX,EAASY,QAAUZ,EAASY,QAAQ2G,KAClC,CAACC,EAAGC,IAAM1E,SAASyE,EAAE7G,cAAgBoC,SAAS0E,EAAE9G,gBAIpD,IAAI+G,GAAW,CAAC,OAAQ,WAAY,QAAS,YAAa,YAC1D,MAAMC,GAAwBC,IAC5B,IAAIC,GAAS,EAEb,IAAK,IAAIC,EAAQ,EAAGA,EAAQF,EAAgB/G,OAAQiH,IAAS,CAC3D,IAAIlF,EAASgF,EAAgBE,GAC7B,GAAKD,EAEE,MADLA,EAASH,GAASK,KAAM5C,GAAMA,IAAMvC,EAAOtC,MAI/C,OAAOuH,GAGH3C,GAAyB5E,IAC7B,IAAIuH,GAAS,EAEb,OADAA,EAASH,GAASK,KAAM5C,GAAMA,IAAM7E,GAC7BuH,GAIHG,GAAgBpF,IACpB,IAAIiD,EAAa,CACfxF,GAAI,QAAS,IAAIE,MAAOC,UACxBiD,SAAU,EACVC,UAAW,KACXhD,MAAO,MAGTkC,EAAO7B,aAAaQ,KAAKsE,IAErBoC,GAAkB,CAAC5H,EAAIuC,KAC3BA,EAAO7B,aAAe6B,EAAO7B,aAAa2F,OAAQO,GAASA,EAAK5G,KAAOA,IAInEsG,GAAc,kBAAI,GAClBuB,GAAiBtF,IACrBuF,OAAOC,KAAK7B,IAAiBrG,QAASmI,IACxB,iBAARA,GACF9B,GAAgBxF,aAAe,GAC3B6B,EAAO7B,aAAaF,OAAS,GAC/B+B,EAAO7B,aAAab,QAASoI,IAC3B,IAAInD,EAAI,IAAIgD,OACZhD,EAAE9E,GAAKiI,EAAUjI,GACjB8E,EAAE1B,SAAW,EACb0B,EAAEzB,UAAY4E,EAAU5E,UACxByB,EAAEzE,MAAQ4H,EAAU5H,MACpB6F,GAAgBxF,aAAaQ,KAAK4D,MAItCoB,GAAgB8B,GAAOzF,EAAOyF,KAGlChC,GAAepG,MAAQ2C,EACvB0D,GAAmB1D,EAAOjC,aAC1BuG,SACGC,eAAe,gBAAgBvE,EAAOvC,IACtC+G,oBAAoB,gBAAiBC,IACxCH,SACGC,eAAe,gBAAgBvE,EAAOvC,IACtCkI,iBAAiB,gBAAiBlB,KAEjCmB,GAAa,KACjB7B,GAAY1G,OAAQ,EAEpB2G,MAEIA,GAAoB,KACxB,IAAI6B,EAAQvB,SAASwB,cACnB,iBAAiBrC,GAAepG,MAAMI,IAExC,eAAUoI,IAINpB,GAAmB,KACvBsB,WAAW,KACJhC,GAAY1G,QACfoG,GAAepG,MAAMQ,WAAa8F,GAAgB9F,WAClD4F,GAAepG,MAAMS,MAAQ6F,GAAgB7F,MAC7C2F,GAAepG,MAAMa,YAAcyF,GAAgBzF,YACnDuF,GAAepG,MAAMc,aAAewF,GAAgBxF,aACpDsF,GAAepG,MAAMe,kBACnBuF,GAAgBvF,kBAClBqF,GAAepG,MAAMuG,cAAgBD,GAAgBC,cACrDH,GAAepG,MAAMiB,eAAiBqF,GAAgBrF,eACtDmF,GAAepG,MAAMkB,cAAgBoF,GAAgBpF,cACrDkF,GAAepG,MAAMoB,mBACnBkF,GAAgBlF,mBAClBgF,GAAepG,MAAMmB,kBACnBmF,GAAgBnF,oBAEnB,MAICwH,GAAoBC,IACxB,IAAIC,EAAa5B,SAASwB,cACxB,oBAAoB5D,GAAW7E,OAE5B4I,EAAME,eAAeC,SAASF,KACjChE,GAAW7E,MAAQ,OAIvB,mBAAMgE,GAAQ,KACZ,eAA0BC,GAAU,uCAAwC,CAC1EA,GAAU,sCAId,uBAAU,KACR,eAA0BA,GAAU,uCAAwC,CAC1EA,GAAU,sCAId,IAAI6B,IAAiB,E,OACrB,eAAmB,CAACkD,EAAIC,EAAMC,KAC5B,GAAKpD,GA2BHoD,GAAK,OA3Bc,CACnB,IAAItB,GAAS,EACTvI,KAAcuE,KAAKC,UAAU3E,GAAac,SAC5C4H,GAAS,GAGNA,EAkBHsB,GAAK,GAjBL/J,GAAQgK,QAAQ,CACdC,MAAO,WACPC,QAASpF,GAAU,qBACnBqF,OAAQ,eACRpD,KAAM,uBACNqD,YAAatF,GAAU,yCACvBuF,YAAavF,GAAU,yCACvBwF,YAAa,+BACbC,YAAa,uBACbC,OAAQ,KACNT,GAAK,IAEPU,OAAQ,KACNV,GAAK,S,g4zBCzsDf,MAAMW,GAA2B,KAAgB,GAAQ,CAAC,CAAC,YAAY,qBAExD,iB,2DCRf,W,kCCAA,oFAEMC,EAAY,SAACC,GACjB,GAAKA,EAAL,CAIA,IAAMC,EAAU,OAAMC,YAAYF,GAClCC,EAAQE,SAGJC,EAAsB,WACtBlD,SAASmD,iBAAiB,6BAA6BxJ,QACzDqG,SAASmD,iBAAiB,6BAA6BnK,SAAQ,SAAC+G,GAC9DA,EAAKqD,c,kCCdX,8DAQaC,EAA4B,SACvCC,EACAC,GAEA,OAAMhL,SAAS,OAAQiL,sBAAuB,CAC5CjG,MAAO+F,EACPG,mBAAoBF","file":"js/chunk-432d5a34.4cebbd1e.js","sourcesContent":["<template>\r\n  <div class=\"question-list w-100 h-100\" @click=\"questionDivClick($event)\">\r\n    <div class=\"card\">\r\n      <div\r\n        class=\"d-flex justify-content-between align-items-center p-5 pt-7 pb-7\"\r\n      >\r\n        <h4 class=\"ms-2 text-gray-800 m-0\">\r\n          {{ translate(\"question_edit_page_title_h4\") }}\r\n        </h4>\r\n        <div\r\n          class=\"btn btn-icon btn-sm btn-active-light border\"\r\n          :title=\"translate('question_component_button_backto_list')\"\r\n          @click=\"router.push({ name: 'admin-template-questions-list' })\"\r\n        >\r\n          <span class=\"svg-icon svg-icon-2\">\r\n            <inline-svg src=\"media/icons/duotune/arrows/arr077.svg\" />\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <ConfirmDialog group=\"exitPage\"></ConfirmDialog>\r\n    <!-- Question Item Start -->\r\n\r\n    <div v-for=\"question in questionList\" :key=\"question.id\">\r\n      <!-- Question Confirm False -->\r\n      <div class=\"card p-4 ps-0 pe-0 mt-4 position-relative\">\r\n        <div\r\n          class=\"d-flex justify-content-between align-items-center border-bottom p-5 pt-3\"\r\n        >\r\n          <div class=\"d-flex justify-content-between align-items-center w-100\">\r\n            <h5 class=\"ms-2 text-gray-800 m-0\">\r\n              {{ translate(\"question_component_h3_content_title\") }}\r\n            </h5>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Question Type Checkbox / Is Required  Checkbox-->\r\n        <div class=\"d-flex justify-content-end mt-6 px-5 py-1 gap-2\">\r\n          <div\r\n            class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n            :title=\"translate('question_component_checkbox_required_title')\"\r\n          >\r\n            <input\r\n              class=\"form-check-input\"\r\n              type=\"checkbox\"\r\n              :id=\"'isRequired-' + question.id\"\r\n              v-model.trim=\"question.isRequired\"\r\n            />\r\n            <label\r\n              class=\"form-check-label user-select-none text-gray-800 fw-bold\"\r\n              :for=\"'isRequired-' + question.id\"\r\n            >\r\n              {{ translate(\"question_component_checkbox_required\") }}\r\n            </label>\r\n          </div>\r\n          <div class=\"form-check form-check-custom form-check-solid\">\r\n            <input\r\n              class=\"form-check-input\"\r\n              type=\"checkbox\"\r\n              :id=\"'check-' + question.id\"\r\n              v-model.trim=\"question.infoOnly\"\r\n            />\r\n            <label\r\n              class=\"form-check-label user-select-none text-gray-800 fw-bold\"\r\n              :for=\"'check-' + question.id\"\r\n            >\r\n              {{ translate(\"question_component_checkbox_label_info\") }}\r\n              <i\r\n                class=\"fas fa-exclamation-circle ms-1 fs-7\"\r\n                :title=\"\r\n                  translate('question_component_checkbox_label_info_icon_title')\r\n                \"\r\n              ></i>\r\n            </label>\r\n          </div>\r\n        </div>\r\n        <Form\r\n          v-slot=\"{ errors }\"\r\n          class=\"form p-5 pb-2 rounded-bottom\"\r\n          novalidate=\"novalidate\"\r\n          @submit=\"confirmQuestion(question)\"\r\n          :validation-schema=\"questionValidator\"\r\n        >\r\n          <!-- Questions Elements Start-->\r\n\r\n          <!-- Question Categorys -->\r\n          <div v-show=\"!question.infoOnly\" class=\"row mt-2\">\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n              translate(\"question_component_input_categoryId\")\r\n            }}</label>\r\n            <div class=\"col-lg-8 fv-row d-v-container\">\r\n              <Dropdown\r\n                class=\"mb-3\"\r\n                :filter=\"!platform\"\r\n                :emptyFilterMessage=\"translate('No_Records')\"\r\n                v-model=\"question.categoryId\"\r\n                :options=\"categoryList\"\r\n                optionLabel=\"Value\"\r\n                optionValue=\"Id\"\r\n                :placeholder=\"\r\n                  translate('question_component_input_select_category')\r\n                \"\r\n                style=\"padding: 3px !important\"\r\n                appendTo=\"self\"\r\n              >\r\n                <template v-slot:indicator>\r\n                  <div\r\n                    class=\"p-dropdown-trigger\"\r\n                    role=\"button\"\r\n                    aria-haspopup=\"listbox\"\r\n                    aria-expanded=\"false\"\r\n                  >\r\n                    <span\r\n                      class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                    ></span>\r\n                  </div>\r\n\r\n                  <i\r\n                    v-if=\"question.categoryId === 0 ? false : true\"\r\n                    class=\"p-dropdown-clear-icon pi pi-times\"\r\n                    @click=\"question.categoryId = 0\"\r\n                  ></i>\r\n                </template>\r\n              </Dropdown>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Question Text  -->\r\n          <div class=\"row mt-2\">\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6 required\">{{\r\n              translate(\"question_component_input_title\")\r\n            }}</label>\r\n\r\n            <div class=\"col-lg-8 fv-row d-v-container\">\r\n              <div class=\"fv-plugins-message-container d-v-s-content\">\r\n                <div class=\"fv-help-block ms-2 v-element\">\r\n                  <ErrorMessage name=\"title\" />\r\n                </div>\r\n              </div>\r\n              <Field\r\n                type=\"text\"\r\n                name=\"title\"\r\n                class=\"form-control fs-6\"\r\n                :class=\"errors['title'] !== undefined ? 'v-invalid' : ''\"\r\n                :placeholder=\"translate('question_component_input_title')\"\r\n                v-model.trim=\"question.questionText\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <!--  Qustion İnfo Text -->\r\n          <div class=\"row mt-5\">\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n              translate(\"question_component_input_info\")\r\n            }}</label>\r\n            <div class=\"col-lg-8\">\r\n              <textarea\r\n                name=\"info\"\r\n                v-model.trim=\"question.questionInfoText\"\r\n                :placeholder=\"translate('question_component_input_info')\"\r\n                class=\"form-control fs-6\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <!-- Question Code / Qusetion Score -->\r\n          <div class=\"row mt-5\">\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6\"\r\n              ><span>\r\n                {{ translate(\"question_component_input_code\") }}\r\n              </span>\r\n\r\n              <span v-show=\"!question.infoOnly\">\r\n                / {{ translate(\"question_component_input_score\") }}\r\n              </span>\r\n            </label>\r\n            <!-- Question Code -->\r\n            <div class=\"col-lg-4 mb-5\">\r\n              <input\r\n                type=\"text\"\r\n                name=\"code\"\r\n                v-model.trim=\"question.code\"\r\n                :placeholder=\"translate('question_component_input_code')\"\r\n                class=\"form-control fs-6\"\r\n              />\r\n            </div>\r\n\r\n            <!-- Qusetion Score -->\r\n            <div v-show=\"!question.infoOnly\" class=\"col-lg-4 fv-row mb-5\">\r\n              <input\r\n                :disabled=\"answerTypeController(question.answers)\"\r\n                type=\"number\"\r\n                min=\"0\"\r\n                name=\"questionScore\"\r\n                onkeydown=\"return event.keyCode !== 69\"\r\n                @blur=\"\r\n                  question.score < 0 ? (question.score = 0) : question.score\r\n                \"\r\n                :class=\"\r\n                  errors['questionScore'] !== undefined ? 'v-invalid' : ''\r\n                \"\r\n                v-model.number=\"question.score\"\r\n                :placeholder=\"translate('question_component_input_score')\"\r\n                class=\"form-control fs-6\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Questions Elements End-->\r\n\r\n          <!-- Question Answer Templete  -->\r\n          <div v-show=\"!question.infoOnly\" class=\"row mb-5\">\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n              translate(\"question_component_answer_template\")\r\n            }}</label>\r\n            <div class=\"col-lg-8\">\r\n              <div class=\"d-flex align-items-center\">\r\n                <MultiSelect\r\n                  v-model=\"selectedAnswerTemplate\"\r\n                  :options=\"answersTemplates\"\r\n                  optionLabel=\"answerText\"\r\n                  :placeholder=\"\r\n                    translate('question_component_answer_template_select')\r\n                  \"\r\n                  style=\"padding: 3px !important\"\r\n                  :disabled=\"answerTypeController(question.answers)\"\r\n                >\r\n                </MultiSelect>\r\n                <a\r\n                  :class=\"\r\n                    answerTypeController(question.answers) ? 'disabled' : ''\r\n                  \"\r\n                  class=\"btn btn-sm btn-success ms-2\"\r\n                  @click=\"addAnswerTemplate(question)\"\r\n                  >{{ translate(\"Add\") }}</a\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Select Answer Type and Answers -->\r\n          <div class=\"row mb-8 mt-10 position-relative\">\r\n            <!-- Answer Type List  -->\r\n            <div class=\"col-lg-4\">\r\n              <a\r\n                :id=\"`btn-answer-list-${question.id}`\"\r\n                class=\"btn btn-sm btn-success\"\r\n                :class=\"\r\n                  answerTypeController(question.answers) ? 'disabled' : ''\r\n                \"\r\n                @click=\"answerMenuShow(question.id)\"\r\n                >{{ translate(\"question_component_button_add_answer\") }}</a\r\n              >\r\n              <ul\r\n                v-show=\"lastMenuId === question.id\"\r\n                :id=\"`answer-list-${question.id}`\"\r\n                class=\"answer-list\"\r\n              >\r\n                <div\r\n                  v-for=\"(answerOption, index) in answerOptions\"\r\n                  :key=\"index\"\r\n                >\r\n                  <li\r\n                    v-if=\"question.infoOnly\"\r\n                    @click=\"addAnswer(answerOption.type, question)\"\r\n                  >\r\n                    <i\r\n                      :class=\"answerOption.icon\"\r\n                      class=\"me-3 fs-5\"\r\n                      :style=\"`color:${answerOption.color}`\"\r\n                    ></i>\r\n                    <span>\r\n                      {{\r\n                        translate(\r\n                          `question_component_li_answer_type_${answerOption.type}`\r\n                        )\r\n                      }}\r\n                    </span>\r\n                  </li>\r\n                  <li\r\n                    v-else-if=\"\r\n                      answerOption.type !== 'Single' &&\r\n                      answerOption.type !== 'Radio' &&\r\n                      answerOption.type !== 'Multiple'\r\n                    \"\r\n                    :style=\"\r\n                      index === 3\r\n                        ? 'border-top: none; border-radius: 5px 5px 0 0;'\r\n                        : ''\r\n                    \"\r\n                    @click=\"addAnswer(answerOption.type, question)\"\r\n                  >\r\n                    <i\r\n                      :class=\"answerOption.icon\"\r\n                      class=\"me-3 fs-5\"\r\n                      :style=\"`color:${answerOption.color}`\"\r\n                    ></i>\r\n                    <span>\r\n                      {{\r\n                        translate(\r\n                          `question_component_li_answer_type_${answerOption.type}`\r\n                        )\r\n                      }}\r\n                    </span>\r\n                  </li>\r\n                </div>\r\n              </ul>\r\n            </div>\r\n            <!-- Answer Type List  End-->\r\n\r\n            <!-- Answer Buttons -->\r\n            <div class=\"col-lg-8\">\r\n              <label\r\n                v-if=\"notAnswerFound\"\r\n                class=\"ms-3 fs-8\"\r\n                style=\"color: #f31f0cd5\"\r\n                >{{\r\n                  translate(\"question_component_answer_select_valid\")\r\n                }}</label\r\n              >\r\n              <div class=\"d-flex flex-wrap gap-10\">\r\n                <div\r\n                  class=\"d-inline\"\r\n                  v-for=\"(answer, inx) in question.answers\"\r\n                  :key=\"answer.id\"\r\n                >\r\n                  <Form\r\n                    v-slot=\"{ errors }\"\r\n                    class=\"form p-0 m-0\"\r\n                    novalidate=\"novalidate\"\r\n                    @submit=\"saveAnswer(question, answer)\"\r\n                    :validation-schema=\"answerValidator\"\r\n                  >\r\n                    <!-- Answer Buttons Start -->\r\n                    <div\r\n                      :id=\"`btn-answer-${answer.id}`\"\r\n                      :class=\"` position-relative\r\n                          btn\r\n                          btn-sm\r\n                          btn-outline\r\n                          btn-outline-dashed ${\r\n                            answer.answerText === ''\r\n                              ? 'btn-outline-danger btn-active-light-danger'\r\n                              : 'btn-outline-primary btn-active-light-primary'\r\n                          }`\"\r\n                    >\r\n                      <span\r\n                        v-if=\"!answerTypeController2(answer.type)\"\r\n                        class=\"ps-4 pe-4\"\r\n                      >\r\n                        {{\r\n                          answer.answerText === null || answer.answerText === \"\"\r\n                            ? `${translate(\r\n                                \"question_component_button_answer\"\r\n                              )} - ${inx + 1}`\r\n                            : answer.answerText\r\n                        }}\r\n                      </span>\r\n                      <div\r\n                        v-else\r\n                        class=\"d-flex align-items-center ps-4 pe-4 fs-6\"\r\n                      >\r\n                        <i\r\n                          v-if=\"answer.type === 'Text'\"\r\n                          class=\"bi bi-fonts me-1\"\r\n                          style=\"color: #214cc5\"\r\n                        ></i>\r\n                        <i\r\n                          v-if=\"answer.type === 'DateTime'\"\r\n                          class=\"bi bi-calendar me-1\"\r\n                          style=\"color: #214cc5\"\r\n                        ></i>\r\n                        <i\r\n                          v-if=\"answer.type === 'Phone'\"\r\n                          class=\"bi bi-telephone me-1\"\r\n                          style=\"color: #214cc5\"\r\n                        ></i>\r\n                        <i\r\n                          v-if=\"answer.type === 'Signature'\"\r\n                          class=\"bi bi-pencil-square me-1\"\r\n                          style=\"color: #214cc5\"\r\n                        ></i>\r\n                        <i\r\n                          v-if=\"answer.type === 'Location'\"\r\n                          class=\"bi bi-geo-alt me-1\"\r\n                          style=\"color: #214cc5\"\r\n                        ></i>\r\n\r\n                        <span>\r\n                          {{\r\n                            translate(\r\n                              `question_component_li_answer_type_${answer.type}`\r\n                            )\r\n                          }}\r\n                        </span>\r\n                      </div>\r\n\r\n                      <span\r\n                        data-bs-toggle=\"modal\"\r\n                        :data-bs-target=\"`#answer-modal-${answer.id}`\"\r\n                        @click=\"addEventModal(answer)\"\r\n                        class=\"position-absolute top-0 start-100 translate-middle badge badge-primary rounded-circle p-2 border shadow-sm\"\r\n                        ><i class=\"bi bi-pencil-fill fs-5 p-0 text-white\"></i\r\n                      ></span>\r\n\r\n                      <span\r\n                        class=\"position-absolute top-100 start-100 translate-middle badge badge-primary rounded-circle p-2 border shadow-sm\"\r\n                        @click=\"deleteAnswer(answer.id, question)\"\r\n                      >\r\n                        <i class=\"bi bi-x-lg fs-6 p-0 text-white\"></i\r\n                      ></span>\r\n                    </div>\r\n                    <!-- Answer Buttons End -->\r\n\r\n                    <!-- Answer Modal -->\r\n\r\n                    <!-- İf Answer Type not Input -->\r\n                    <div\r\n                      v-if=\"!answerTypeController2(answer.type)\"\r\n                      class=\"modal fade\"\r\n                      tabindex=\"-1\"\r\n                      :id=\"`answer-modal-${answer.id}`\"\r\n                      ref=\"newTargetModalRef\"\r\n                      aria-hidden=\"true\"\r\n                    >\r\n                      <div class=\"modal-dialog modal-dialog-centered mw-750px\">\r\n                        <div class=\"modal-content rounded\">\r\n                          <!-- Answer Modal Header -->\r\n                          <div class=\"modal-header\">\r\n                            <h5 class=\"modal-title\">\r\n                              {{\r\n                                translate(\r\n                                  \"question_component_modal_h5_content_title\"\r\n                                )\r\n                              }}\r\n                            </h5>\r\n\r\n                            <!--begin::Close-->\r\n                            <div\r\n                              class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n                              @click=\"closeModal\"\r\n                              aria-label=\"Close\"\r\n                            >\r\n                              <i class=\"bi bi-x-lg\"></i>\r\n                            </div>\r\n                            <!--end::Close-->\r\n                          </div>\r\n\r\n                          <!-- Answer Modal Body -->\r\n                          <div class=\"modal-body rounded\">\r\n                            <!-- Answer Text -->\r\n                            <div class=\"row mt-2\">\r\n                              <label\r\n                                class=\"col-lg-4 col-form-label fw-bold fs-6 required\"\r\n                                >{{\r\n                                  translate(\r\n                                    \"question_component_modal_label_answer_title\"\r\n                                  )\r\n                                }}</label\r\n                              >\r\n\r\n                              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                                <div\r\n                                  class=\"fv-plugins-message-container d-v-s-content\"\r\n                                >\r\n                                  <div class=\"fv-help-block ms-2 v-element\">\r\n                                    <ErrorMessage name=\"answerTitle\" />\r\n                                  </div>\r\n                                </div>\r\n                                <Field\r\n                                  :disabled=\"\r\n                                    answer.answerTemplateId > 0 ? true : false\r\n                                  \"\r\n                                  type=\"text\"\r\n                                  name=\"answerTitle\"\r\n                                  class=\"form-control fs-6\"\r\n                                  :class=\"\r\n                                    errors['answerTitle'] !== undefined\r\n                                      ? 'v-invalid'\r\n                                      : ''\r\n                                  \"\r\n                                  :placeholder=\"\r\n                                    translate(\r\n                                      'question_component_modal_label_answer_title'\r\n                                    )\r\n                                  \"\r\n                                  v-model.trim=\"answer.answerText\"\r\n                                />\r\n                              </div>\r\n                            </div>\r\n\r\n                            <!-- Answer Score / Answer View Order -->\r\n                            <div class=\"row mt-2\">\r\n                              <label\r\n                                class=\"col-lg-4 col-form-label fw-bold fs-6\"\r\n                              >\r\n                                <span\r\n                                  v-show=\"\r\n                                    !answer.notScorable && !question.infoOnly\r\n                                  \"\r\n                                  >{{\r\n                                    translate(\r\n                                      \"question_component_modal_label_answer_score\"\r\n                                    )\r\n                                  }}\r\n                                  /\r\n                                </span>\r\n\r\n                                <span>\r\n                                  {{\r\n                                    translate(\r\n                                      \"question_component_modal_label_answer_orderBy\"\r\n                                    )\r\n                                  }}\r\n                                </span></label\r\n                              >\r\n                              <!-- Answer Score -->\r\n                              <div\r\n                                class=\"col-lg-4 mb-4\"\r\n                                v-show=\"\r\n                                  !answer.notScorable && !question.infoOnly\r\n                                \"\r\n                              >\r\n                                <div class=\"d-flex align-items-center\">\r\n                                  <input\r\n                                    type=\"number\"\r\n                                    name=\"code\"\r\n                                    onkeydown=\"return event.keyCode !== 69\"\r\n                                    :max=\"question.score\"\r\n                                    @blur=\"\r\n                                      answer.score > question.score\r\n                                        ? (answer.score = question.score)\r\n                                        : null\r\n                                    \"\r\n                                    v-model.number=\"answer.score\"\r\n                                    :placeholder=\"\r\n                                      translate(\r\n                                        'question_component_modal_label_answer_score'\r\n                                      )\r\n                                    \"\r\n                                    :class=\"`form-control  fs-6 ${\r\n                                      answer.score > question.score\r\n                                        ? 'v-invalid'\r\n                                        : ''\r\n                                    }`\"\r\n                                  />\r\n\r\n                                  <label\r\n                                    v-show=\"answer.score > question.score\"\r\n                                    class=\"ms-3 fs-8\"\r\n                                    style=\"color: #f31f0cd5\"\r\n                                    >{{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_score_valid\"\r\n                                      )\r\n                                    }}</label\r\n                                  >\r\n                                </div>\r\n                              </div>\r\n                              <!-- Answer View Order  -->\r\n                              <div class=\"col-lg-4 mb-4\">\r\n                                <select\r\n                                  :placeholder=\"\r\n                                    translate(\r\n                                      'question_component_modal_label_answer_orderBy'\r\n                                    )\r\n                                  \"\r\n                                  class=\"form-select fs-6\"\r\n                                  v-model.number=\"answer.displayOrder\"\r\n                                  @change=\"displayChange(question, answer)\"\r\n                                >\r\n                                  <option\r\n                                    v-for=\"(x, indx) in question.answers\"\r\n                                    :key=\"indx\"\r\n                                    :value=\"x.displayOrder\"\r\n                                  >\r\n                                    {{ x.displayOrder }}\r\n                                  </option>\r\n                                </select>\r\n                              </div>\r\n                            </div>\r\n                            <!-- Answer Action - Evidence Required and Null Avalible Checkbox -->\r\n                            <div class=\"row mb-4\">\r\n                              <div class=\"col-lg-4\">\r\n                                {{\r\n                                  translate(\r\n                                    \"question_component_answer_modal_label_logic_choice\"\r\n                                  )\r\n                                }}\r\n                              </div>\r\n                              <div\r\n                                class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                              >\r\n                                <!-- Answer Action Required Checkbox -->\r\n                                <div\r\n                                  class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                  :title=\"\r\n                                    translate(\r\n                                      'question_component_answer_modal_action_checkbox_title'\r\n                                    )\r\n                                  \"\r\n                                >\r\n                                  <input\r\n                                    class=\"form-check-input\"\r\n                                    type=\"checkbox\"\r\n                                    :id=\"`check-action-required${answer.id}`\"\r\n                                    v-model=\"answer.actionRequired\"\r\n                                  />\r\n                                  <label\r\n                                    class=\"form-check-label text-gray-600 user-select-none\"\r\n                                    :for=\"`check-action-required${answer.id}`\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_action_checkbox_label\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n\r\n                                <!-- Answer Evidence Required Checkbox -->\r\n                                <div\r\n                                  class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                  :title=\"\r\n                                    translate(\r\n                                      'question_component_answer_modal_evidence_checkbox_title'\r\n                                    )\r\n                                  \"\r\n                                >\r\n                                  <input\r\n                                    class=\"form-check-input\"\r\n                                    type=\"checkbox\"\r\n                                    :id=\"`check-evidence-required${answer.id}`\"\r\n                                    v-model=\"answer.proofRequired\"\r\n                                  />\r\n                                  <label\r\n                                    class=\"form-check-label text-gray-600 user-select-none\"\r\n                                    :for=\"`check-evidence-required${answer.id}`\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_evidence_checkbox_label\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n\r\n                                <!-- Answer Null Avalible Checkbox -->\r\n                                <div\r\n                                  class=\"form-check form-check-custom form-check-solid\"\r\n                                  v-show=\"!question.infoOnly\"\r\n                                  :title=\"\r\n                                    translate(\r\n                                      'question_component_modal_label_answer_nullAvailable'\r\n                                    )\r\n                                  \"\r\n                                >\r\n                                  <input\r\n                                    class=\"form-check-input\"\r\n                                    type=\"checkbox\"\r\n                                    :id=\"`check-null-avalible${answer.id}`\"\r\n                                    v-model=\"answer.notScorable\"\r\n                                    @change=\"\r\n                                      answer.answerValuesScore &&\r\n                                      answer.notScorable\r\n                                        ? (answer.answerValuesScore = false)\r\n                                        : null\r\n                                    \"\r\n                                  />\r\n                                  <label\r\n                                    class=\"form-check-label text-gray-600 user-select-none\"\r\n                                    :for=\"`check-null-avalible${answer.id}`\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_na_checkbox_label\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <!-- Answer Evidence Required (Notes and Media) Checkbox -->\r\n                            <div v-show=\"answer.proofRequired\" class=\"row my-4\">\r\n                              <div class=\"col-lg-4\"></div>\r\n                              <div\r\n                                class=\"col-lg-8 border\"\r\n                                style=\"\r\n                                  background: #f6faff;\r\n                                  padding: 9px;\r\n                                  border-radius: 5px;\r\n                                \"\r\n                              >\r\n                                {{\r\n                                  translate(\r\n                                    \"question_component_answer_modal_evidence_options_title\"\r\n                                  )\r\n                                }}\r\n                                <div class=\"row\">\r\n                                  <label\r\n                                    class=\"form-check-label text-gray-500 user-select-none fs-7\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_evidence_options_explication\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n                                <div class=\"row mt-2\">\r\n                                  <div\r\n                                    class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                                  >\r\n                                    <!-- Answer Evidence Required Notes Checkbox -->\r\n                                    <div\r\n                                      class=\"form-check form-check-custom form-check-solid form-check-sm pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                    >\r\n                                      <input\r\n                                        class=\"form-check-input form-check-input-sm\"\r\n                                        type=\"checkbox\"\r\n                                        :id=\"`check-notes-required${answer.id}`\"\r\n                                        v-model=\"answer.noteProofRequired\"\r\n                                      />\r\n                                      <label\r\n                                        class=\"form-check-label text-gray-600 user-select-none\"\r\n                                        :for=\"`check-notes-required${answer.id}`\"\r\n                                      >\r\n                                        {{\r\n                                          translate(\r\n                                            \"question_component_answer_modal_evidence_options_notes\"\r\n                                          )\r\n                                        }}\r\n                                      </label>\r\n                                    </div>\r\n                                    <!-- Answer Evidence Required Media Checkbox -->\r\n                                    <div\r\n                                      class=\"form-check form-check-custom form-check-solid form-check-sm\"\r\n                                    >\r\n                                      <input\r\n                                        class=\"form-check-input\"\r\n                                        type=\"checkbox\"\r\n                                        :id=\"`check-media-required${answer.id}`\"\r\n                                        v-model=\"answer.mediaProofRequired\"\r\n                                      />\r\n                                      <label\r\n                                        class=\"form-check-label text-gray-600 user-select-none\"\r\n                                        :for=\"`check-media-required${answer.id}`\"\r\n                                      >\r\n                                        {{\r\n                                          translate(\r\n                                            \"question_component_answer_modal_evidence_options_media\"\r\n                                          )\r\n                                        }}\r\n                                      </label>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <!-- Answer Sub Option -->\r\n                            <div v-if=\"answer.type !== 'Single'\" class=\"mt-2\">\r\n                              <!-- Add Sub Options Button -->\r\n\r\n                              <a\r\n                                class=\"btn btn-sm btn-success\"\r\n                                @click=\"addSubOption(answer)\"\r\n                              >\r\n                                {{\r\n                                  translate(\r\n                                    \"question_component_modal_button_add_sub_option\"\r\n                                  )\r\n                                }}\r\n                              </a>\r\n\r\n                              <div\r\n                                v-show=\"\r\n                                  answer.answerValues.length > 0 &&\r\n                                  answer.notScorable !== true &&\r\n                                  !question.infoOnly\r\n                                \"\r\n                                class=\"form-check form-check-custom form-check-solid mt-5\"\r\n                                style=\"margin-left: 1.4rem !important\"\r\n                              >\r\n                                <input\r\n                                  class=\"form-check-input\"\r\n                                  type=\"checkbox\"\r\n                                  :id=\"`check-score-${answer.id}`\"\r\n                                  v-model=\"answer.answerValuesScore\"\r\n                                />\r\n                                <label\r\n                                  class=\"form-check-label user-select-none text-gray-600\"\r\n                                  :for=\"`check-score-${answer.id}`\"\r\n                                >\r\n                                  {{\r\n                                    translate(\r\n                                      \"question_component_answer_modal_checkbox_sub_option_score\"\r\n                                    )\r\n                                  }}\r\n                                </label>\r\n                              </div>\r\n\r\n                              <ul class=\"p-0\">\r\n                                <li\r\n                                  v-for=\"(sub, index) in answer.answerValues\"\r\n                                  :key=\"sub.id\"\r\n                                  style=\"list-style: none\"\r\n                                >\r\n                                  <div\r\n                                    :class=\"`d-flex ${\r\n                                      index === 0 ? 'mt-6' : 'mt-2'\r\n                                    }`\"\r\n                                  >\r\n                                    <div\r\n                                      class=\"col-lg-1 d-flex justify-content-center align-items-center pe-0\"\r\n                                    >\r\n                                      <div\r\n                                        class=\"sub-index-div border border-secondary\"\r\n                                      >\r\n                                        <a class=\"text-gray-700\">\r\n                                          {{ index + 1 }}</a\r\n                                        >\r\n                                      </div>\r\n                                    </div>\r\n                                    <div\r\n                                      :class=\"\r\n                                        answer.answerValuesScore === false\r\n                                          ? 'col-lg-10 pe-4'\r\n                                          : 'col-lg-7 pe-4'\r\n                                      \"\r\n                                    >\r\n                                      <input\r\n                                        type=\"text\"\r\n                                        v-model.trim=\"sub.valueText\"\r\n                                        :placeholder=\"\r\n                                          translate(\r\n                                            'question_component_modal_sub_option_input'\r\n                                          )\r\n                                        \"\r\n                                        class=\"form-control fs-6\"\r\n                                      />\r\n                                    </div>\r\n                                    <div\r\n                                      :class=\"\r\n                                        answer.answerValuesScore === false &&\r\n                                        question.infoOnly === true\r\n                                          ? 'col-lg-1 p-0'\r\n                                          : 'col-lg-4'\r\n                                      \"\r\n                                    >\r\n                                      <div class=\"d-flex gap-4\">\r\n                                        <div\r\n                                          v-if=\"\r\n                                            answer.answerValuesScore &&\r\n                                            !question.infoOnly\r\n                                          \"\r\n                                        >\r\n                                          <input\r\n                                            :max=\"question.score\"\r\n                                            @blur=\"\r\n                                              sub.score > question.score\r\n                                                ? (sub.score = question.score)\r\n                                                : null\r\n                                            \"\r\n                                            onkeydown=\"return event.keyCode !== 69\"\r\n                                            type=\"number\"\r\n                                            v-model.number=\"sub.score\"\r\n                                            placeholder=\"Score\"\r\n                                            :class=\"`form-control  fs-6 ${\r\n                                              sub.score > question.score\r\n                                                ? 'v-invalid'\r\n                                                : ''\r\n                                            }`\"\r\n                                          />\r\n                                        </div>\r\n                                        <a\r\n                                          class=\"btn btn-light-danger border border-1\"\r\n                                          style=\"height: 42.64px\"\r\n                                          @click=\"\r\n                                            deleteSubOption(sub.id, answer)\r\n                                          \"\r\n                                        >\r\n                                          <i class=\"bi bi-trash2 fs-5 p-0\"></i>\r\n                                        </a>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </li>\r\n                              </ul>\r\n                            </div>\r\n                            <div class=\"d-flex justify-content-end p-0\">\r\n                              <a\r\n                                @click=\"closeModal\"\r\n                                class=\"btn btn-sm btn-white mt-4 border me-2\"\r\n                                >{{ translate(\"Cancel\") }}</a\r\n                              >\r\n                              <button\r\n                                type=\"submit\"\r\n                                class=\"btn btn-sm btn-primary mt-4\"\r\n                              >\r\n                                {{ translate(\"Save\") }}\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <!-- İf Answer Type Input -->\r\n                    <div\r\n                      v-else\r\n                      class=\"modal fade\"\r\n                      tabindex=\"-1\"\r\n                      :id=\"`answer-modal-${answer.id}`\"\r\n                      ref=\"newTargetModalRef\"\r\n                      aria-hidden=\"true\"\r\n                    >\r\n                      <div class=\"modal-dialog modal-dialog-centered mw-750px\">\r\n                        <div class=\"modal-content rounded\">\r\n                          <!-- Answer Modal Header -->\r\n                          <div class=\"modal-header\">\r\n                            <h5 class=\"modal-title\">\r\n                              {{\r\n                                translate(\r\n                                  \"question_component_modal_h5_content_title\"\r\n                                )\r\n                              }}\r\n                            </h5>\r\n\r\n                            <!--begin::Close-->\r\n                            <div\r\n                              class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n                              @click=\"closeModal\"\r\n                              aria-label=\"Close\"\r\n                            >\r\n                              <i class=\"bi bi-x-lg\"></i>\r\n                            </div>\r\n                            <!--end::Close-->\r\n                          </div>\r\n\r\n                          <!-- Answer Modal Body -->\r\n                          <div class=\"modal-body rounded\">\r\n                            <!-- Answer Action - Evidence Required and Null Avalible Checkbox -->\r\n                            <div class=\"row mb-4\">\r\n                              <div class=\"col-lg-4\">\r\n                                {{\r\n                                  translate(\r\n                                    \"question_component_answer_modal_label_logic_choice\"\r\n                                  )\r\n                                }}\r\n                              </div>\r\n                              <div\r\n                                class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                              >\r\n                                <!-- Answer Action Required Checkbox -->\r\n                                <div\r\n                                  class=\"form-check form-check-custom form-check-solid pe-2 border border-end-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                  :title=\"\r\n                                    translate(\r\n                                      'question_component_answer_modal_action_checkbox_title'\r\n                                    )\r\n                                  \"\r\n                                >\r\n                                  <input\r\n                                    class=\"form-check-input\"\r\n                                    type=\"checkbox\"\r\n                                    :id=\"`check-action-required${answer.id}`\"\r\n                                    v-model=\"answer.actionRequired\"\r\n                                  />\r\n                                  <label\r\n                                    class=\"form-check-label text-gray-600 user-select-none\"\r\n                                    :for=\"`check-action-required${answer.id}`\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_action_checkbox_label\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n\r\n                                <!-- Answer Evidence Required Checkbox -->\r\n                                <div\r\n                                  class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                  :title=\"\r\n                                    translate(\r\n                                      'question_component_answer_modal_evidence_checkbox_title'\r\n                                    )\r\n                                  \"\r\n                                >\r\n                                  <input\r\n                                    class=\"form-check-input\"\r\n                                    type=\"checkbox\"\r\n                                    :id=\"`check-evidence-required${answer.id}`\"\r\n                                    v-model=\"answer.proofRequired\"\r\n                                  />\r\n                                  <label\r\n                                    class=\"form-check-label text-gray-600 user-select-none\"\r\n                                    :for=\"`check-evidence-required${answer.id}`\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_evidence_checkbox_label\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <!-- Answer Evidence Required (Notes and Media) Checkbox -->\r\n                            <div v-show=\"answer.proofRequired\" class=\"row my-4\">\r\n                              <div class=\"col-lg-4\"></div>\r\n                              <div\r\n                                class=\"col-lg-8 border\"\r\n                                style=\"\r\n                                  background: #f6faff;\r\n                                  padding: 9px;\r\n                                  border-radius: 5px;\r\n                                \"\r\n                              >\r\n                                {{\r\n                                  translate(\r\n                                    \"question_component_answer_modal_evidence_options_title\"\r\n                                  )\r\n                                }}\r\n                                <div class=\"row\">\r\n                                  <label\r\n                                    class=\"form-check-label text-gray-500 user-select-none fs-7\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_evidence_options_explication\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n                                <div class=\"row mt-2\">\r\n                                  <div\r\n                                    class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                                  >\r\n                                    <!-- Answer Evidence Required Notes Checkbox -->\r\n                                    <div\r\n                                      class=\"form-check form-check-custom form-check-solid form-check-sm pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                    >\r\n                                      <input\r\n                                        class=\"form-check-input form-check-input-sm\"\r\n                                        type=\"checkbox\"\r\n                                        :id=\"`check-notes-required${answer.id}`\"\r\n                                        v-model=\"answer.noteProofRequired\"\r\n                                      />\r\n                                      <label\r\n                                        class=\"form-check-label text-gray-600 user-select-none\"\r\n                                        :for=\"`check-notes-required${answer.id}`\"\r\n                                      >\r\n                                        {{\r\n                                          translate(\r\n                                            \"question_component_answer_modal_evidence_options_notes\"\r\n                                          )\r\n                                        }}\r\n                                      </label>\r\n                                    </div>\r\n                                    <!-- Answer Evidence Required Media Checkbox -->\r\n                                    <div\r\n                                      class=\"form-check form-check-custom form-check-solid form-check-sm\"\r\n                                    >\r\n                                      <input\r\n                                        class=\"form-check-input\"\r\n                                        type=\"checkbox\"\r\n                                        :id=\"`check-media-required${answer.id}`\"\r\n                                        v-model=\"answer.mediaProofRequired\"\r\n                                      />\r\n                                      <label\r\n                                        class=\"form-check-label text-gray-600 user-select-none\"\r\n                                        :for=\"`check-media-required${answer.id}`\"\r\n                                      >\r\n                                        {{\r\n                                          translate(\r\n                                            \"question_component_answer_modal_evidence_options_media\"\r\n                                          )\r\n                                        }}\r\n                                      </label>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div class=\"d-flex justify-content-end p-0\">\r\n                              <a\r\n                                @click=\"closeModal\"\r\n                                class=\"btn btn-sm btn-white mt-4 border me-2\"\r\n                                >{{ translate(\"Cancel\") }}</a\r\n                              >\r\n                              <a\r\n                                class=\"btn btn-sm btn-primary mt-4\"\r\n                                @click=\"saveAnswerTypeInput(answer)\"\r\n                              >\r\n                                {{ translate(\"Save\") }}\r\n                              </a>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <!-- Answer Modal End -->\r\n                  </Form>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- Select Answer Type and Answers End-->\r\n\r\n          <!-- Question Button Set  Start-->\r\n\r\n          <div class=\"d-flex justify-content-end p-0\">\r\n            <button\r\n              class=\"btn btn-white btn-sm border border-gray-300 text-gray-800 me-2\"\r\n              @click=\"router.push({ name: 'admin-template-questions-list' })\"\r\n            >\r\n              {{ translate(\"Cancel\") }}\r\n            </button>\r\n\r\n            <button\r\n              type=\"submit\"\r\n              class=\"btn btn-primary btn-sm border border-gray-300\"\r\n            >\r\n              {{ translate(\"question_edit_button\") }}\r\n            </button>\r\n          </div>\r\n          <!-- Question Button Set End-->\r\n        </Form>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Question Item End -->\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport CategoryModule from \"@/store/modules/Templates/AdminTemplateCategoryModule\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { ref, computed, onBeforeUpdate, onMounted, watch } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport { useRouter, useRoute, onBeforeRouteLeave } from \"vue-router\";\r\nimport * as Yup from \"yup\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\n\r\nconst store = useStore();\r\nconst platform = store.state.platform;\r\nconst router = useRouter();\r\nconst route = useRoute();\r\nconst questionList = ref([]);\r\nconst confirm = useConfirm();\r\nconst loading = ref(false);\r\nlet firstData = null;\r\nlet answerIdList = [];\r\nlet answerValueIdList = [];\r\n\r\nstore.dispatch(\"AdminTemplateAnswersTempalteModule/GET_ALL_ANSWERS_TEMPLATE\", {\r\n  page: 1,\r\n  pageSize: 1000,\r\n});\r\n\r\nconst answersTemplates = computed(\r\n  () =>\r\n    store.getters[\"AdminTemplateAnswersTempalteModule/_getAnswerTemplateList\"]\r\n);\r\nconst selectedAnswerTemplate = ref([]);\r\nconst addAnswerTemplate = (question) => {\r\n  selectedAnswerTemplate.value.forEach((answerTemplate) => {\r\n    let answerButton = {\r\n      id:\r\n        answerTemplate.type +\r\n        \"-\" +\r\n        new Date().getTime() +\r\n        `${answerTemplate.id}`,\r\n      answerText: answerTemplate.answerText,\r\n      score: 0,\r\n      displayOrder: question.answers.length + 1,\r\n      notScorable: answerTemplate.notScorable,\r\n      type: answerTemplate.type,\r\n      answerValues: [],\r\n      answerValuesScore: false,\r\n      answerTemplateId: answerTemplate.id,\r\n      actionRequired: answerTemplate.actionRequired,\r\n      proofRequired: false,\r\n      noteProofRequired: answerTemplate.noteProofRequired,\r\n      mediaProofRequired: answerTemplate.mediaProofRequired,\r\n    };\r\n\r\n    if (answerTemplate.noteProofRequired || answerTemplate.mediaProofRequired) {\r\n      answerButton.proofRequired = true;\r\n    }\r\n\r\n    notAnswerFound.value = false;\r\n    question.answers.push(answerButton);\r\n  });\r\n  selectedAnswerTemplate.value = [];\r\n};\r\n\r\nlet questionId = route.params.id;\r\nstore\r\n  .dispatch(\"AdminTemplateQuestionModule/GET_QUESTIONS\", route.params.id)\r\n  .then((response) => {\r\n    let question = {\r\n      id: 0,\r\n      categoryId: 0,\r\n      questionText: null,\r\n      questionInfoText: null,\r\n      code: null,\r\n      score: 0,\r\n      infoOnly: false,\r\n      answers: [],\r\n      answerCheckText: false,\r\n      isRequired: false,\r\n    };\r\n\r\n    question.id = response.Id;\r\n    question.categoryId = response.TemplateCategoryId;\r\n    question.questionText = response.QuestionText;\r\n    question.questionInfoText = response.QuestionInfoText;\r\n    question.score = response.Score;\r\n    question.code = response.Code;\r\n    question.infoOnly = response.InfoOnly;\r\n    question.isRequired = response.IsRequired;\r\n\r\n    if (response.Answers.length > 0) {\r\n      response.Answers.forEach((answer) => {\r\n        let modelAnswer = {\r\n          id: 0,\r\n          questionId: 0,\r\n          answerText: null,\r\n          score: 0,\r\n          displayOrder: 0,\r\n          notScorable: false,\r\n          type: null,\r\n          answerValues: [],\r\n          answerValuesScore: false,\r\n          answerTemplateId: 0,\r\n          actionRequired: false,\r\n          proofRequired: false,\r\n          noteProofRequired: false,\r\n          mediaProofRequired: false,\r\n        };\r\n        answerIdList.push(answer.Id);\r\n\r\n        question.answerCheckText = answer.Type === \"Text\" ? true : false;\r\n        modelAnswer.id = answer.Id;\r\n        modelAnswer.questionId = parseInt(questionId);\r\n        modelAnswer.answerText = answer.AnswerText;\r\n        modelAnswer.score = answer.Score;\r\n        modelAnswer.displayOrder = answer.DisplayOrder;\r\n        modelAnswer.notScorable = answer.NotScorable;\r\n        modelAnswer.answerTemplateId = answer.TemplateAnswerTemplateId;\r\n        modelAnswer.noteProofRequired = answer.NoteProofRequired;\r\n        modelAnswer.mediaProofRequired = answer.MediaProofRequired;\r\n        modelAnswer.actionRequired = answer.ActionRequired;\r\n        if (modelAnswer.mediaProofRequired || modelAnswer.noteProofRequired) {\r\n          modelAnswer.proofRequired = true;\r\n        }\r\n\r\n        modelAnswer.type = answer.Type;\r\n        if (answer.AnswerValues.length > 0) {\r\n          answer.AnswerValues.forEach((value) => {\r\n            let modelValue = {\r\n              id: 0,\r\n              answerId: 0,\r\n              valueText: null,\r\n              score: null,\r\n            };\r\n            answerValueIdList.push(value.Id);\r\n\r\n            modelValue.id = value.Id;\r\n            modelValue.answerId = value.TemplateAnswerId;\r\n            modelValue.valueText = value.ValueText;\r\n            modelValue.score = value.Score;\r\n\r\n            if (modelValue.score !== null) {\r\n              modelAnswer.answerValuesScore = true;\r\n            }\r\n\r\n            modelAnswer.answerValues.push(modelValue);\r\n          });\r\n        }\r\n\r\n        question.answers.push(modelAnswer);\r\n      });\r\n    }\r\n\r\n    questionList.value.push(question);\r\n\r\n    //Data da bir değişiklik var mı? diye kontrol etmek amaçlı oluşturulmuştur.\r\n    firstData = JSON.stringify(questionList.value);\r\n  });\r\n\r\n//Multi Language\r\nconst { t, te, locale } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\n// Get Category\r\nconst categoryList = ref([]);\r\nCategoryModule.actions.GET_COMMON_CATEGORY().then((response) => {\r\n  if (response.length > 0) {\r\n    categoryList.value = response;\r\n  }\r\n});\r\n\r\n// Validation Tanımlaması\r\n\r\nconst questionValidator = Yup.object().shape({\r\n  title: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"question_component_validation_question_text\")),\r\n});\r\n\r\nconst answerValidator = Yup.object().shape({\r\n  answerTitle: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"question_component_validation_answer_text\")),\r\n});\r\n\r\n// ! Question Transactions\r\n\r\nlet lastMenuId = ref(null);\r\nlet controllerAnswer = ref(true);\r\nlet notAnswerFound = ref(false);\r\n\r\nconst confirmQuestion = (question) => {\r\n  loading.value = true;\r\n  if (question.answers.length > 0) {\r\n    controllerAnswer.value = true;\r\n    question.answers.forEach((i) => {\r\n      if (\r\n        (i.answerText === null || i.answerText === \"\") &&\r\n        !answerTypeController2(i.type)\r\n      ) {\r\n        i.answerText = \"\";\r\n        controllerAnswer.value = false;\r\n      }\r\n    });\r\n\r\n    if (controllerAnswer.value) {\r\n      if (question.infoOnly) {\r\n        question.categoryId = 0;\r\n        question.score = 0;\r\n        question.answers.forEach((i) => {\r\n          i.score = null;\r\n          i.answerValues.forEach((x) => (x.score = null));\r\n        });\r\n      }\r\n      let model = JSON.stringify(question);\r\n      let qvalue = JSON.parse(model);\r\n\r\n      if (qvalue.infoOnly) {\r\n        qvalue.categoryId = 0;\r\n        qvalue.score = 0;\r\n      }\r\n\r\n      qvalue.answers.forEach((answer) => {\r\n        if (qvalue.infoOnly || answer.notScorable) {\r\n          answer.score = null;\r\n        }\r\n        if (answer.type !== \"Text\") {\r\n          if (answerIdList.indexOf(answer.id) < 0) {\r\n            answer.id = 0;\r\n          }\r\n\r\n          if (answer.answerValues.length > 0) {\r\n            answer.answerValues.forEach((answerValue) => {\r\n              if (answerValueIdList.indexOf(answerValue.id) < 0) {\r\n                answerValue.id = 0;\r\n                answerValue.answerId = answer.id;\r\n              }\r\n              if (\r\n                answer.notScorable ||\r\n                qvalue.infoOnly ||\r\n                !answer.answerValuesScore\r\n              ) {\r\n                answerValue.score = null;\r\n              }\r\n              if (answerValue.score === null && answer.answerValuesScore) {\r\n                answerValue.score = answer.score;\r\n              }\r\n            });\r\n          }\r\n        } else {\r\n          if (answerIdList.indexOf(answer.id) < 0) {\r\n            answer.id = 0;\r\n            answer.displayOrder = 1;\r\n          }\r\n        }\r\n\r\n        delete answer.answerValuesScore;\r\n      });\r\n\r\n      let postQuestion = {\r\n        id: qvalue.id,\r\n        templateCategoryId: qvalue.categoryId,\r\n        questionText: qvalue.questionText,\r\n        questionInfoText: qvalue.questionInfoText,\r\n        code: qvalue.code,\r\n        score: qvalue.score,\r\n        infoOnly: qvalue.infoOnly,\r\n        answers: [],\r\n        isRequired: qvalue.isRequired,\r\n      };\r\n      qvalue.answers.forEach((answer) => {\r\n        let answerButton = {\r\n          id: 0,\r\n          templateQuestionId: 0,\r\n          answerText: null,\r\n          score: null,\r\n          displayOrder: 0,\r\n          notScorable: false,\r\n          type: null,\r\n          templateAnswerTemplateId: 0,\r\n          answerValues: [],\r\n          actionRequired: false,\r\n          noteProofRequired: false,\r\n          mediaProofRequired: false,\r\n        };\r\n        answerButton.id = answer.id;\r\n        answerButton.templateQuestionId = qvalue.id;\r\n        answerButton.answerText = answer.answerText;\r\n        answerButton.score = answer.score;\r\n        answerButton.displayOrder = answer.displayOrder;\r\n        answerButton.notScorable = answer.notScorable;\r\n        answerButton.type = answer.type;\r\n        answerButton.templateAnswerTemplateId = answer.answerTemplateId;\r\n        answerButton.actionRequired = answer.actionRequired;\r\n        answerButton.noteProofRequired = answer.noteProofRequired;\r\n        answerButton.mediaProofRequired = answer.mediaProofRequired;\r\n\r\n        if (answer.answerValues.length > 0) {\r\n          answer.answerValues.forEach((value) => {\r\n            let subOptions = {\r\n              id: 0,\r\n              templateAnswerId: 0,\r\n              valueText: null,\r\n              score: null,\r\n            };\r\n            subOptions.id = value.id;\r\n            subOptions.templateAnswerId = value.answerId;\r\n            subOptions.valueText = value.valueText;\r\n            subOptions.score = value.score;\r\n            answerButton.answerValues.push(subOptions);\r\n          });\r\n        }\r\n\r\n        postQuestion.answers.push(answerButton);\r\n      });\r\n\r\n      store\r\n        .dispatch(\"AdminTemplateQuestionModule/UPDATE_QUESTIONS\", postQuestion)\r\n        .then((response) => {\r\n          if (response) {\r\n            questionUpdate = true;\r\n            router.push({ name: \"admin-template-questions-list\" });\r\n          }\r\n          loading.value = false;\r\n        });\r\n    }\r\n  } else {\r\n    notAnswerFound.value = true;\r\n  }\r\n};\r\n\r\nconst answerMenuShow = (id) => {\r\n  lastMenuId.value = lastMenuId.value !== id ? id : null;\r\n};\r\n\r\nconst answerOptions = ref([\r\n  { type: \"Single\", icon: \"bi bi-app\", color: \"#fd7e14\" },\r\n  { type: \"Radio\", icon: \"bi bi-ui-radios-grid\", color: \"#fd7e14\" },\r\n  { type: \"Multiple\", icon: \"bi bi-check2-square\", color: \"#fd7e14\" },\r\n  { type: \"Text\", icon: \"bi bi-fonts\", color: \"#214cc5\" },\r\n  { type: \"DateTime\", icon: \"bi bi-calendar\", color: \"#214cc5\" },\r\n  { type: \"Phone\", icon: \"bi bi-telephone\", color: \"#214cc5\" },\r\n  { type: \"Signature\", icon: \"bi bi-pencil-square\", color: \"#214cc5\" },\r\n  { type: \"Location\", icon: \"bi bi-geo-alt\", color: \"#214cc5\" },\r\n]);\r\n\r\n// ! Answer Transactions\r\nconst selectedAnswer = ref(null);\r\nlet lastDisplayOrder = 0;\r\nlet lastAnswerValue = {\r\n  id: 0,\r\n  answerText: null,\r\n  score: 0,\r\n  displayOrder: 0,\r\n  notScorable: false,\r\n  answerStateId: 0,\r\n  type: null,\r\n  answerValues: [],\r\n  answerValuesScore: false,\r\n  actionRequired: false,\r\n  proofRequired: false,\r\n  noteProofRequired: false,\r\n  mediaProofRequired: false,\r\n};\r\n\r\nconst saveAnswer = (question, answer) => {\r\n  if (answer.answerText !== null && answer.answerText !== \"\") {\r\n    if (answer.notScorable || !answer.answerValuesScore) {\r\n      if (answer.notScorable) {\r\n        answer.score = null;\r\n      }\r\n      answer.answerValues.forEach((value) => (value.score = null));\r\n    }\r\n    if (!answer.proofRequired) {\r\n      answer.mediaProofRequired = false;\r\n      answer.noteProofRequired = false;\r\n    }\r\n    if (!answer.mediaProofRequired && !answer.noteProofRequired) {\r\n      answer.proofRequired = false;\r\n    }\r\n    if (answer.answerValues.length > 0) {\r\n      answer.answerValues.forEach((x) => {\r\n        if (x.valueText === \"\" || x.valueText === null) {\r\n          answer.answerValues = answer.answerValues.filter(\r\n            (i) => i.id !== x.id\r\n          );\r\n        }\r\n      });\r\n    }\r\n  }\r\n  answerSaved.value = true;\r\n  hideModalFunction();\r\n};\r\n\r\nconst saveAnswerTypeInput = (answer) => {\r\n  if (!answer.proofRequired) {\r\n    answer.mediaProofRequired = false;\r\n    answer.noteProofRequired = false;\r\n  }\r\n  if (!answer.mediaProofRequired && !answer.noteProofRequired) {\r\n    answer.proofRequired = false;\r\n  }\r\n  answerSaved.value = true;\r\n  hideModalFunction();\r\n};\r\n\r\nconst addAnswer = (answerType, question) => {\r\n  let answerButton = {\r\n    id: answerType + \"-\" + new Date().getTime(),\r\n    answerText: null,\r\n    score: 0,\r\n    displayOrder: question.answers.length + 1,\r\n    notScorable: false,\r\n    type: answerType,\r\n    answerValues: [],\r\n    answerValuesScore: false,\r\n    answerTemplateId: 0,\r\n    actionRequired: false,\r\n    proofRequired: false,\r\n    noteProofRequired: false,\r\n    mediaProofRequired: false,\r\n  };\r\n\r\n  if (\r\n    answerType === \"Text\" ||\r\n    answerType === \"DateTime\" ||\r\n    answerType === \"Phone\" ||\r\n    answerType === \"Signature\" ||\r\n    answerType === \"Location\"\r\n  ) {\r\n    question.answers = [];\r\n    question.score = 0;\r\n  }\r\n  notAnswerFound.value = false;\r\n  question.answers.push(answerButton);\r\n  answerMenuShow(question.id);\r\n};\r\n\r\nconst deleteAnswer = (id, question) => {\r\n  question.answers = question.answers.filter((item) => item.id !== id);\r\n  document\r\n    .getElementById(`answer-modal-${id}`)\r\n    .removeEventListener(\"hide.bs.modal\", answerModalClose);\r\n};\r\n\r\nconst displayChange = (question, answer) => {\r\n  question.answers.forEach((item) => {\r\n    if (item.id !== answer.id) {\r\n      if (item.displayOrder === answer.displayOrder) {\r\n        item.displayOrder = lastDisplayOrder;\r\n      }\r\n    }\r\n  });\r\n  lastDisplayOrder = answer.displayOrder;\r\n  question.answers = question.answers.sort(\r\n    (a, b) => parseInt(a.displayOrder) - parseInt(b.displayOrder)\r\n  );\r\n};\r\n\r\nlet typeList = [\"Text\", \"DateTime\", \"Phone\", \"Signature\", \"Location\"];\r\nconst answerTypeController = (questionAnswers) => {\r\n  let status = false;\r\n\r\n  for (let index = 0; index < questionAnswers.length; index++) {\r\n    let answer = questionAnswers[index];\r\n    if (!status) {\r\n      status = typeList.some((x) => x === answer.type);\r\n    } else break;\r\n  }\r\n\r\n  return status;\r\n};\r\n\r\nconst answerTypeController2 = (type) => {\r\n  let status = false;\r\n  status = typeList.some((x) => x === type);\r\n  return status;\r\n};\r\n\r\n// ! Sub Options Transactions\r\nconst addSubOption = (answer) => {\r\n  let subOptions = {\r\n    id: \"sub-\" + new Date().getTime(),\r\n    answerId: 0,\r\n    valueText: null,\r\n    score: null,\r\n  };\r\n\r\n  answer.answerValues.push(subOptions);\r\n};\r\nconst deleteSubOption = (id, answer) => {\r\n  answer.answerValues = answer.answerValues.filter((item) => item.id !== id);\r\n};\r\n\r\n// ! Answer Modal Transactions\r\nconst answerSaved = ref(false);\r\nconst addEventModal = (answer) => {\r\n  Object.keys(lastAnswerValue).forEach((key) => {\r\n    if (key === \"answerValues\") {\r\n      lastAnswerValue.answerValues = [];\r\n      if (answer.answerValues.length > 0) {\r\n        answer.answerValues.forEach((subAnswer) => {\r\n          let x = new Object();\r\n          x.id = subAnswer.id;\r\n          x.answerId = 0;\r\n          x.valueText = subAnswer.valueText;\r\n          x.score = subAnswer.score;\r\n          lastAnswerValue.answerValues.push(x);\r\n        });\r\n      }\r\n    } else {\r\n      lastAnswerValue[key] = answer[key];\r\n    }\r\n  });\r\n  selectedAnswer.value = answer;\r\n  lastDisplayOrder = answer.displayOrder;\r\n  document\r\n    .getElementById(`answer-modal-${answer.id}`)\r\n    .removeEventListener(\"hide.bs.modal\", answerModalClose);\r\n  document\r\n    .getElementById(`answer-modal-${answer.id}`)\r\n    .addEventListener(\"hide.bs.modal\", answerModalClose);\r\n};\r\nconst closeModal = () => {\r\n  answerSaved.value = false;\r\n\r\n  hideModalFunction();\r\n};\r\nconst hideModalFunction = () => {\r\n  let modal = document.querySelector(\r\n    `#answer-modal-${selectedAnswer.value.id}`\r\n  );\r\n  hideModal(modal);\r\n};\r\n\r\n// Answer Modal Close Event\r\nconst answerModalClose = () => {\r\n  setTimeout(() => {\r\n    if (!answerSaved.value) {\r\n      selectedAnswer.value.answerText = lastAnswerValue.answerText;\r\n      selectedAnswer.value.score = lastAnswerValue.score;\r\n      selectedAnswer.value.notScorable = lastAnswerValue.notScorable;\r\n      selectedAnswer.value.answerValues = lastAnswerValue.answerValues;\r\n      selectedAnswer.value.answerValuesScore =\r\n        lastAnswerValue.answerValuesScore;\r\n      selectedAnswer.value.answerStateId = lastAnswerValue.answerStateId;\r\n      selectedAnswer.value.actionRequired = lastAnswerValue.actionRequired;\r\n      selectedAnswer.value.proofRequired = lastAnswerValue.proofRequired;\r\n      selectedAnswer.value.mediaProofRequired =\r\n        lastAnswerValue.mediaProofRequired;\r\n      selectedAnswer.value.noteProofRequired =\r\n        lastAnswerValue.noteProofRequired;\r\n    }\r\n  }, 500);\r\n};\r\n\r\n// Answer Menu Close\r\nconst questionDivClick = (event) => {\r\n  let answerMenu = document.querySelector(\r\n    `#btn-answer-list-${lastMenuId.value}`\r\n  );\r\n  if (!event.composedPath().includes(answerMenu)) {\r\n    lastMenuId.value = null;\r\n  }\r\n};\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(translate(\"question_component_breadcrumbs_edit\"), [\r\n    translate(\"question_component_breadcrumbs\"),\r\n  ]);\r\n});\r\n\r\nonMounted(() => {\r\n  setCurrentPageBreadcrumbs(translate(\"question_component_breadcrumbs_edit\"), [\r\n    translate(\"question_component_breadcrumbs\"),\r\n  ]);\r\n});\r\n\r\nlet questionUpdate = false;\r\nonBeforeRouteLeave((to, from, next) => {\r\n  if (!questionUpdate) {\r\n    let status = true;\r\n    if (firstData !== JSON.stringify(questionList.value)) {\r\n      status = false;\r\n    }\r\n\r\n    if (!status) {\r\n      confirm.require({\r\n        group: \"exitPage\",\r\n        message: translate(\"confirm_exit_page\"),\r\n        header: \"Confirmation\",\r\n        icon: \"bi bi-exclamation-lg\",\r\n        acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n        rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n        acceptClass: \"btn btn-sm btn-light-primary\",\r\n        rejectClass: \"btn btn-sm btn-light\",\r\n        accept: () => {\r\n          next(true);\r\n        },\r\n        reject: () => {\r\n          next(false);\r\n        },\r\n      });\r\n    } else {\r\n      next(true);\r\n    }\r\n  } else {\r\n    next(true);\r\n  }\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n.component-fade-enter-active,\r\n.component-fade-leave-active {\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.component-fade-enter-from,\r\n.component-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  visibility: hidden;\r\n}\r\n.answer-list {\r\n  position: absolute;\r\n  top: 40px;\r\n  padding: 0;\r\n  z-index: 5;\r\n  background-color: #fff;\r\n  border-radius: 5px;\r\n  border: 1px solid #dbdbdb;\r\n}\r\n\r\n.answer-list li {\r\n  box-sizing: border-box;\r\n  min-width: 240px;\r\n  list-style: none;\r\n  background-color: #fff;\r\n  color: #838383;\r\n  padding: 12px 7px 12px 7px;\r\n  text-align: start;\r\n  cursor: pointer;\r\n  border-top: 1px solid #f5f5f5;\r\n}\r\n.answer-list li:hover {\r\n  background-color: #ececec;\r\n  color: #323232;\r\n}\r\n.answer-list > :first-child li {\r\n  border-top: none;\r\n  border-radius: 5px 5px 0 0;\r\n}\r\n.answer-list > :last-child li {\r\n  border-radius: 0 0 5px 5px;\r\n}\r\n\r\n.qx-answer-content {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: fixed;\r\n  background-color: rgba(0, 0, 0, 0.13);\r\n  width: 100vw;\r\n  height: 100vh;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 10000;\r\n  overflow: auto;\r\n}\r\n\r\n.sub-index-div {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  background: #fff;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  border-radius: 50%;\r\n  font-weight: 300;\r\n}\r\n.ques-index-div {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  background: #ff5e00d3;\r\n  color: #ffffff;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  border-radius: 50%;\r\n  font-weight: 400;\r\n  border: 1px solid #e5e4e4;\r\n  position: absolute;\r\n  top: 61px;\r\n  left: -12px;\r\n}\r\n.d-v-s-content {\r\n  padding: 0px 0px 16px 14px;\r\n  position: absolute;\r\n  bottom: 1px;\r\n  left: 3px;\r\n}\r\n.confim-div {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  background: #21c338;\r\n  color: #ffffff;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  border-radius: 50%;\r\n  font-weight: 400;\r\n  border: 1px solid #e5e4e4;\r\n  position: absolute;\r\n  top: 17px;\r\n  left: -12px;\r\n}\r\n</style>\r\n","import script from \"./EditQuestionPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./EditQuestionPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./EditQuestionPage.vue?vue&type=style&index=0&id=4eff6414&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4eff6414\"]])\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./EditQuestionPage.vue?vue&type=style&index=0&id=4eff6414&scoped=true&lang=css\"","import { Modal } from \"bootstrap\";\r\n\r\nconst hideModal = (modalEl: HTMLElement | null): void => {\r\n  if (!modalEl) {\r\n    return;\r\n  }\r\n\r\n  const myModal = Modal.getInstance(modalEl);\r\n  myModal.hide();\r\n};\r\n\r\nconst removeModalBackdrop = (): void => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop, hideModal };\r\n","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}