{"version":3,"sources":["webpack:///./src/views/admin/templates/template-item/EditChecklistPage.vue?5d33","webpack:///./src/views/admin/templates/template-item/EditChecklistPage.vue","webpack:///./src/views/admin/templates/template-item/EditChecklistPage.vue?3f6e","webpack:///./src/views/admin/templates/template-item/EditChecklistPage.vue?dabc"],"names":["t","te","locale","translate","text","confirm","firstData","store","route","clId","params","id","loading","loadingButton","checklistPublished","checkListModel","name","cLInfoQuestions","departmentId","departmentName","questions","count","cLInfoQuestionsDepartments","departments","cLquestions","info","categorys","score","TotalQuestionandScore","model","totalQuestion","forEach","dep","detail","newDepartments","oldDepartments","length","index","findIndex","i","splice","department","status","some","item","Id","modelList","Value","push","selectedDepartment","value","deep","dispatch","then","response","Name","Published","TemplateQuestions","question","qObject","QuestionText","CategoryName","TemplateCategoryId","CategoryId","Code","InfoOnly","Score","Answers","ChecklistQuestionId","TemplateChecklistQuestionId","specificId","IsGeneral","TemplateDepartmentId","createSpecificId","find","deparmantObj","DepartmentName","dpt","toString","category","c","undefined","ctgry","d","dptValue","finally","JSON","stringify","showMessage","saveChecklist","departmentControl","setTimeout","alertMessage","payload","published","infoQuestion","infoModel","isGeneral","templateDepartmentId","templateChecklistQuestionId","q","updatedTrue","router","modalQuestion","closeModal","checklistValidator","shape","nullable","required","departmentList","inputCheckBoxs","selectAllDepartment","checked","addQuestionCheckBox","event","target","indexOf","addAddress","selectedDepartmantId","addQuestionDepartment","getQuestion","filterObject","modalFilterCheckbox","clInfQue","clInfoQuestionSelectDepartmentId","addQuestionInfoCL","deparmantId","infoStatus","addQuestionSelectedDepartment","actions","GET_COMMON_DEPARTMENT","block","categoryList","Response","records","computedQuestionList","questionList","filterList","page","pageSize","questionText","code","categoryIds","Search","filter","Object","keys","selectedCategory","filterCheckBox","e","onPage","step","TotalItemsCount","ListItems","msg","type","message","grouping","addQuestion","qfunction","deparmant","qselectfunction","newQuestion","createSpecificIdQuestion","selectedQuestion","array","parse","Date","getTime","x","sort","a","b","deleteQuestion","questionId","deleteInfoQuestion","infoList","deleteCLInfoQuestion","parseInt","document","getElementById","addEventListener","to","from","next","require","group","header","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","reject","__exports__"],"mappings":"2IAAA,W,8wOCy5BA,MAAM,EAAEA,EAAC,GAAEC,EAAE,OAAEC,GAAW,iBACpBC,EAAaC,GACbH,EAAGG,GACEJ,EAAEI,GAEFA,EAILC,EAAU,iBAChB,IAAIC,EAAY,KAGhB,MAAMC,GAAQ,iBACRC,GAAQ,iBACRC,GAAOD,GAAME,OAAOC,GACpBC,GAAU,gBAAI,GACdC,GAAgB,gBAAI,GACpBC,GAAqB,gBAAI,GAEzBC,GAAiB,eAAS,CAC9BJ,GAAI,EACJK,KAAM,KAENC,gBAAiB,CACf,CACEC,aAAc,EACdC,eAAgBhB,EAAU,6BAC1BiB,UAAW,GACXC,MAAO,IAGXC,2BAA4B,GAC5BC,YAAa,GACbC,YAAa,CACX,CACEN,aAAc,EACdC,eAAgBhB,EAAU,6BAC1BsB,KAAM,GACNC,UAAW,GACXL,MAAO,EACPM,MAAO,MAIPC,GAAyBC,IAC7B,IAAIC,EAAgB,EAChBH,EAAQ,EACZE,EAAMZ,gBAAgBc,QAASC,IAC7BF,GAAgCE,EAAIX,QAEtCQ,EAAML,YAAYO,QAASC,IACzBF,GAAgCE,EAAIX,MACpCM,GAAgBK,EAAIL,QAGtB,IAAIM,EACF9B,EAAU,wCACV,KACA2B,EACA,MACA3B,EAAU,8BACV,KACAwB,EACF,OAAOM,GAGT,eACE,IAAMlB,GAAeO,2BACrB,CAACY,EAAgBC,KAEf,GAAID,EAAeE,OAASD,EAAeC,OAAQ,CACjD,IAAIC,EAAQtB,GAAeE,gBAAgBqB,UACxCC,GAAyB,IAAnBA,EAAErB,eAEI,IAAXmB,GACFtB,GAAeE,gBAAgBuB,OAAOH,EAAO,GAG/CH,EAAeH,QAASU,IACtB,IAAIC,EAASP,EAAeQ,KAAMC,GAASA,EAAKC,KAAOJ,EAAWI,IAClE,IAAKH,EAAQ,CACX,IAAII,EAAY,CACd5B,aAAcuB,EAAWI,GACzB1B,eAAgBsB,EAAWM,MAC3B3B,UAAW,GACXC,MAAO,GAETN,GAAeE,gBAAgB+B,KAAKF,MAK1C,GAAIZ,EAAeE,OAASD,EAAeC,OACzC,GAA8B,IAA1BF,EAAeE,OAAc,CAC/BrB,GAAeE,gBAAkB,GACjCgC,GAAmBC,MAAQ,GAC3B,IAAIJ,EAAY,CACd5B,aAAc,EACdC,eAAgBhB,EAAU,wBAC1BiB,UAAW,GACXC,MAAO,GAETN,GAAeE,gBAAgB+B,KAAKF,QAEpCX,EAAeJ,QAASU,IACtB,IAAIC,EAASR,EAAeS,KAAMC,GAASA,EAAKC,KAAOJ,EAAWI,IAClE,IAAKH,EAAQ,CACX,IAAIL,EAAQtB,GAAeE,gBAAgBqB,UACxCM,GAASA,EAAK1B,eAAiBuB,EAAWI,IAG7C9B,GAAeE,gBAAgBuB,OAAOH,EAAO,OAMvD,CAAEc,MAAM,IAGV,eACE,IAAMpC,GAAeQ,YACrB,CAACW,EAAgBC,KAEf,GAAID,EAAeE,OAASD,EAAeC,OAAQ,CACjD,IAAIC,EAAQtB,GAAeS,YAAYc,UACpCC,GAAyB,IAAnBA,EAAErB,eAEI,IAAXmB,GACFtB,GAAeS,YAAYgB,OAAOH,EAAO,GAG3CH,EAAeH,QAASU,IACtB,IAAIC,EAASP,EAAeQ,KAAMC,GAASA,EAAKC,KAAOJ,EAAWI,IAClE,IAAKH,EAAQ,CACX,IAAII,EAAY,CACd5B,aAAcuB,EAAWI,GACzB1B,eAAgBsB,EAAWM,MAC3BtB,KAAM,GACNC,UAAW,GACXL,MAAO,EACPM,MAAO,GAETZ,GAAeS,YAAYwB,KAAKF,MAKtC,GAAIZ,EAAeE,OAASD,EAAeC,OACzC,GAA8B,IAA1BF,EAAeE,OAAc,CAC/BrB,GAAeS,YAAc,GAC7ByB,GAAmBC,MAAQ,GAC3B,IAAIJ,EAAY,CACd5B,aAAc,EACdC,eAAgBhB,EAAU,wBAC1BsB,KAAM,GACNC,UAAW,GACXL,MAAO,EACPM,MAAO,GAETZ,GAAeS,YAAYwB,KAAKF,QAEhCX,EAAeJ,QAASU,IACtB,IAAIC,EAASR,EAAeS,KAAMC,GAASA,EAAKC,KAAOJ,EAAWI,IAClE,IAAKH,EAAQ,CACX,IAAIL,EAAQtB,GAAeS,YAAYc,UACpCM,GAASA,EAAK1B,eAAiBuB,EAAWI,IAG7C9B,GAAeS,YAAYgB,OAAOH,EAAO,OAMnD,CAAEc,MAAM,IAGV5C,GACG6C,SAAS,6CAA8C3C,IACvD4C,KAAMC,IACLvC,GAAeJ,GAAKF,GACpBM,GAAeC,KAAOsC,EAASC,KAC/BzC,GAAmBoC,MAAQI,EAASE,UACpCF,EAASG,kBAAkB1B,QAAS2B,IAClC,IAAIC,EAAU,CACZd,GAAIa,EAASb,GACbU,KAAMG,EAASE,aACfC,aACkC,IAAhCH,EAASI,mBACLJ,EAASG,aACT1D,EAAU,SAChB4D,WAAYL,EAASI,mBACrBE,KAAMN,EAASM,KACfC,SAAUP,EAASO,SACnBC,MAAOR,EAASQ,MAChBC,QAAS,GACTC,oBAAqBV,EAASW,4BAC9BC,WAAY,MAId,GAAIZ,EAASa,UAQX,GAPAZ,EAAQE,aAAe,KAEa,IAAlCH,EAASc,sBAC0C,IAAnDzD,GAAeE,gBAAgB,GAAGC,eAElCH,GAAeE,gBAAkB,IAEG,IAAlCyC,EAASc,qBAA4B,CACvC,IAAI5B,EAAO7B,GAAeE,gBAAgB,GAAGG,UAC7CuC,EAAQW,WAAaG,GAAiB7B,GACtCA,EAAKI,KAAKW,GACV5C,GAAeE,gBAAgB,GAAGI,aAC7B,GACLN,GAAeE,gBAAgB0B,KAC5BJ,GAAMA,EAAErB,eAAiBwC,EAASc,sBAErC,CACA,IAAI5B,EAAO7B,GAAeE,gBAAgByD,KACvCnC,GAAMA,EAAErB,eAAiBwC,EAASc,sBAGrCb,EAAQW,WAAaG,GAAiB7B,EAAKxB,WAC3CwB,EAAKxB,UAAU4B,KAAKW,GACpBf,EAAKvB,YACA,CACL,IAAIsD,EAAe,CACjBzD,aAAcwC,EAASc,qBACvBrD,eAAgBuC,EAASkB,eACzBxD,UAAW,GACXC,MAAO,GAELwD,EAAM,CACRhC,GAAIa,EAASc,qBAAqBM,WAClC/B,MAAOW,EAASkB,gBAElBjB,EAAQW,WAAaG,GAAiB,IACtCE,EAAavD,UAAU4B,KAAKW,GAC5B5C,GAAeE,gBAAgB+B,KAAK2B,GACpC5D,GAAeO,2BAA2B0B,KAAK6B,OAK9C,CACH,GAAsC,IAAlCnB,EAASc,sBAA8Bd,EAASO,SAAU,CAC5D,IAAIrB,EAAO7B,GAAeS,YAAY,GACtCmC,EAAQW,WAAaG,GAAiB7B,EAAKnB,MAC3CmB,EAAKnB,KAAKuB,KAAKW,GACff,EAAKvB,QAEP,GAAsC,IAAlCqC,EAASc,uBAA+Bd,EAASO,SAAU,CAC7D,IAAIxB,EAAa1B,GAAeS,YAAY,GACxCuD,EAAWtC,EAAWf,UAAUgD,KACjCM,GAAMA,EAAErE,KAAO+C,EAASI,mBAAmBgB,YAE9C,QAAiBG,IAAbF,EAAwB,CAC1B,IAAIG,EAAQ,CACVvE,GAAI+C,EAASI,mBAAmBgB,WAChC9D,KACkC,IAAhC0C,EAASI,mBACLJ,EAASG,aACT1D,EAAU,SAChBiB,UAAW,IAGbuC,EAAQW,WAAaG,GAAiB,IACtCS,EAAM9D,UAAU4B,KAAKW,GAErBlB,EAAWf,UAAUsB,KAAKkC,GAC1BzC,EAAWpB,QACXoB,EAAWd,MAAQc,EAAWd,MAAQgC,EAAQO,WAE9CP,EAAQW,WAAaG,GAAiB,IACtCM,EAAS3D,UAAU4B,KAAKW,GACxBlB,EAAWpB,QACXoB,EAAWd,MAAQc,EAAWd,MAAQgC,EAAQO,MASlD,GALoC,IAAlCR,EAASc,sBACsC,IAA/CzD,GAAeS,YAAY,GAAGN,eAE9BH,GAAeS,YAAc,IAE3BkC,EAASc,qBAAuB,EAAG,CACrC,IAAI/B,EAAa1B,GAAeS,YAAYkD,KACzCS,GAAMA,EAAEjE,eAAiBwC,EAASc,qBAAqBM,YAI1D,QAAmBG,IAAfxC,EAA0B,CAC5B,IAAIoC,EAAM,CACR3D,aAAcwC,EAASc,qBAAqBM,WAC5C3D,eAAgBuC,EAASkB,eACzBnD,KAAM,GACNC,UAAW,GACXL,MAAO,EACPM,MAAO,GAGLyD,EAAW,CACbvC,GAAIa,EAASc,qBAAqBM,WAClC/B,MAAOW,EAASkB,gBAGlB,GAAIlB,EAASO,SACXN,EAAQW,WAAaG,GAAiB,IACtCI,EAAIpD,KAAKuB,KAAKW,GACdkB,EAAIxD,YAGD,CACH,IAAI6D,EAAQ,CACVvE,GAAI+C,EAASI,mBAAmBgB,WAChC9D,KACkC,IAAhC0C,EAASI,mBACLJ,EAASG,aACT1D,EAAU,SAChBiB,UAAW,IAEbuC,EAAQW,WAAaG,GAAiB,IACtCS,EAAM9D,UAAU4B,KAAKW,GACrBkB,EAAInD,UAAUsB,KAAKkC,GACnBL,EAAIxD,QACJwD,EAAIlD,MAAQ+B,EAASQ,MAGvBnD,GAAeQ,YAAYyB,KAAKoC,GAChCrE,GAAeS,YAAYwB,KAAK6B,QAMhC,GAAInB,EAASO,SACXN,EAAQW,WAAaG,GAAiB,IACtChC,EAAWhB,KAAKuB,KAAKW,GACrBlB,EAAWpB,YAGR,CACH,IAAI0D,EAAWtC,EAAWf,UAAUgD,KACjCM,GAAMA,EAAErE,KAAO+C,EAASI,mBAAmBgB,YAK9C,QAAiBG,IAAbF,EAAwB,CAC1B,IAAIG,EAAQ,CACVvE,GAAI+C,EAASI,mBAAmBgB,WAChC9D,KACkC,IAAhC0C,EAASI,mBACLJ,EAASG,aACT1D,EAAU,SAChBiB,UAAW,IAEbuC,EAAQW,WAAaG,GAAiB,IACtCS,EAAM9D,UAAU4B,KAAKW,GACrBlB,EAAWf,UAAUsB,KAAKkC,GAC1BzC,EAAWpB,QACXoB,EAAWd,MAAQc,EAAWd,MAAQ+B,EAASQ,WAI/CP,EAAQW,WAAaG,GAAiB,IACtCM,EAAS3D,UAAU4B,KAAKW,GACxBlB,EAAWpB,QACXoB,EAAWd,MAAQc,EAAWd,MAAQ+B,EAASQ,WAQ3D,eAA0BnD,GAAeC,KAAM,CAC7Cb,EAAU,yCAGbkF,QAAQ,KACPzE,GAAQsC,OAAQ,EAEhB5C,EAAYgF,KAAKC,UAAUxE,MAG/B,eAAMb,EAAQ,KACZ,eAA0Ba,GAAeC,KAAM,CAC7Cb,EAAU,yCAId,MAAMqF,GAAc,gBAAI,GAClBC,GAAgB,KACpB5E,GAAcqC,OAAQ,EACtB,IAAIwC,GAAoB,EAcxB,GAbA3E,GAAeS,YAAYO,QAASa,IACJ,IAA1BA,EAAKlB,UAAUU,SACjBuD,WAAW,KACTC,GACEhD,EAAKzB,eAAiBhB,EAAU,gCAChC,UAED,IACHuF,GAAoB,EACpB7E,GAAcqC,OAAQ,MAIrBwC,EAAmB,CACtB,IAAIG,EAAU,CACZlF,GAAIF,GACJO,KAAMD,GAAeC,KACrBI,UAAW,GACX0E,UAAWhF,GAAmBoC,OAGyB,IAArDnC,GAAeO,2BAA2Bc,OACxCrB,GAAeE,gBAAgB,GAAGG,UAAUgB,OAAS,GACvDrB,GAAeE,gBAAgB,GAAGG,UAAUW,QAASgE,IACnD,IAAIC,EAAY,CACdnD,GAAI,EACJoD,WAAW,EACXC,qBAAsB,EACtBC,4BAA6B,GAE/BH,EAAUG,iCAC6BlB,IAArCc,EAAa3B,oBACT,EACA2B,EAAa3B,oBACnB4B,EAAUnD,GAAKkD,EAAalD,GAC5BmD,EAAUC,WAAY,EACtBD,EAAUE,qBAAuB,EACjCL,EAAQzE,UAAU4B,KAAKgD,KAI3BjF,GAAeE,gBAAgBc,QAASU,IAClCA,EAAWrB,UAAUgB,OAAS,GAChCK,EAAWrB,UAAUW,QAASgE,IAC5B,IAAIC,EAAY,CACdnD,GAAI,EACJoD,WAAW,EACXC,qBAAsB,EACtBC,4BAA6B,GAE/BH,EAAUG,iCAC6BlB,IAArCc,EAAa3B,oBACT,EACA2B,EAAa3B,oBACnB4B,EAAUnD,GAAKkD,EAAalD,GAC5BmD,EAAUC,WAAY,EACtBD,EAAUE,qBAAuBzD,EAAWvB,aAC5C2E,EAAQzE,UAAU4B,KAAKgD,OAM/BjF,GAAeS,YAAYO,QAASa,IAClCA,EAAKnB,KAAKM,QAASN,IACjB,IAAIuE,EAAY,CACdnD,GAAI,EACJoD,WAAW,EACXC,qBAAsB,EACtBC,4BAA6B,GAG/BH,EAAUE,qBAAuBtD,EAAK1B,aACtC8E,EAAUnD,GAAKpB,EAAKoB,GACpBmD,EAAUG,iCACqBlB,IAA7BxD,EAAK2C,oBAAoC,EAAI3C,EAAK2C,oBACpDyB,EAAQzE,UAAU4B,KAAKgD,KAEzBpD,EAAKlB,UAAUK,QAASgD,IACtBA,EAAS3D,UAAUW,QAASqE,IAC1B,IAAIJ,EAAY,CACdnD,GAAI,EACJoD,WAAW,EACXC,qBAAsB,EACtBC,4BAA6B,GAG/BH,EAAUE,qBAAuBtD,EAAK1B,aACtC8E,EAAUnD,GAAKuD,EAAEvD,GACjBmD,EAAUG,iCACkBlB,IAA1BmB,EAAEhC,oBAAoC,EAAIgC,EAAEhC,oBAC9CyB,EAAQzE,UAAU4B,KAAKgD,SAI7BzF,GACG6C,SACC,0DACAyC,GAEDxC,KAAMC,IACDA,GACF+C,IAAc,EACdC,EAAA,KAAOtD,KAAK,CAAEhC,KAAM,wBACpBH,GAAcqC,OAAQ,GAEtBrC,GAAcqC,OAAQ,IAGzBmC,QAAQ,KACPxE,GAAcqC,OAAQ,MAKxBqD,GAAgB,iBAEhBC,GAAa,KACjB,eAAUD,GAAcrD,QAIpBuD,GAAqB,SAAaC,MAAM,CAC5C1F,KAAM,SACH2F,WACAC,SAASzG,EAAU,gCAGlB0G,GAAiB,eAAI,IAG3B,eAAe,KACbC,GAAe5D,MAAQ,KAGzB,IAAI4D,GAAiB,eAAI,IACzB,MAAM7D,GAAqB,eAAI,IAEzB8D,GAAsB,KACtB9D,GAAmBC,MAAMd,SAAWrB,GAAeQ,YAAYa,QACjEa,GAAmBC,MAAMnB,QAASU,IAChCqE,GAAe5D,MAAM,YAAYT,GAAcuE,SAAU,IAE3D/D,GAAmBC,MAAQ,KAE3BD,GAAmBC,MAAQ,GAC3BnC,GAAeQ,YAAYQ,QAASU,IAClCqE,GAAe5D,MAAM,YAAYT,EAAWI,IAAMmE,SAAU,EAC5D/D,GAAmBC,MAAMF,KAAKP,EAAWI,QAKzCoE,GAAuBC,IAC3B,GAAIA,EAAMC,OAAOH,QACf/D,GAAmBC,MAAMF,KAAKkE,EAAMC,OAAOjE,WACtC,CACL,IAAIb,EAAQY,GAAmBC,MAAMkE,QAAQF,EAAMC,OAAOjE,OAC1DD,GAAmBC,MAAMV,OAAOH,EAAO,KAIrCgF,GAAa,eAAI,MAGjBC,GAAuB,eAAI,GAC3BC,GAAyBrG,IAC7BmG,GAAWnE,OAAQ,EACnBoE,GAAqBpE,MAAQhC,EAC7BsG,GAAYC,KAGRC,GAAsB,iBACtBC,GAAW,gBAAI,GACrB,IAAIC,GAAmC,KACvC,MAAMC,GAAqBC,IACzBF,GAAmCE,EACnCJ,GAAoBxE,MAAM8D,SAAU,EACpCW,GAASzE,OAAQ,EACjBmE,GAAWnE,MAAQ,KACnBuE,GAAaM,WAAa,EAC1BP,GAAYC,KAGRO,GAAgC,KACpCX,GAAWnE,OAAQ,EACnBsE,GAAYC,KAId,OAAiBQ,QAAQC,wBAAwB7E,KAAMC,IACrDuD,GAAe3D,MAAQI,IAIzB,MAAM6E,GAAQ,gBAAI,GACZC,GAAe,eAAI,IACzB7H,GACG6C,SAAS,mDACTC,KAAMgF,IACLD,GAAalF,MAAQmF,IAGzB,MAAMC,GAAU,eAAI,GACdC,GAAuB,eAAS,IAAMC,GAAatF,OACnDsF,GAAe,eAAI,IACnBC,GAAa,eAAI,CAAC,eAAgB,SAClChB,GAAe,eAAS,CAC5BiB,KAAM,EACNC,SAAU,GACVC,aAAc,KACdC,KAAM,KACNC,YAAa,GACbf,WAAY,IAGRgB,GAAUC,IACC,OAAXA,EACFC,OAAOC,KAAKF,GAAQjH,QAASQ,IACjB,iBAANA,EACFkF,GAAamB,aAAeI,EAAOzG,GAEnCkF,GAAaoB,KAAOG,EAAOzG,MAI/BkF,GAAamB,aAAe,KAC5BnB,GAAaoB,KAAO,MAEtBrB,GAAYC,KAGR0B,GAAmB,KACvB3B,GAAYC,KAGR2B,GAAkBC,IACtB5B,GAAaM,YAAkC,IAArBsB,EAAElC,OAAOH,QAAmB,EAAI,EAC1DQ,GAAYC,KAGR6B,GAAUD,IAEZ5B,GAAaiB,OAASW,EAAEE,KAAKrG,OAC7BuE,GAAakB,WAAaU,EAAEV,SAASzF,QAErCuE,GAAaiB,KAAOW,EAAEE,KAAKrG,MAC3BuE,GAAakB,SAAWU,EAAEV,SAASzF,MACnCsE,GAAYC,MAIVD,GAAe3B,IACnBsC,GAAMjF,OAAQ,EACd3C,GACG6C,SAAS,uDAAwDyC,GACjExC,KAAMC,IACLkF,GAAatF,MAAQ,GACrBoF,GAAQpF,MAAQI,EAASkG,gBACzBlG,EAASmG,UAAU1H,QAAS2B,IAC1B,IAAIC,EAAU,CACZd,GAAI,EACJU,KAAM,KACNM,aAAc,KACdE,WAAY,EACZC,KAAM,KACNC,UAAU,EACVC,MAAO,EACPC,QAAS,GACT6C,SAAS,GAEXrD,EAAQd,GAAKa,EAASb,GACtBc,EAAQJ,KAAOG,EAASE,aACxBD,EAAQI,WACkB,IAAxBL,EAASK,WAAmBL,EAASI,mBAAqB,EAC5DH,EAAQE,aACkB,IAAxBH,EAASK,WACLL,EAASG,aACT1D,EAAU,SACZuD,EAASO,WACXN,EAAQI,WAAa,KACrBJ,EAAQE,aAAe,QAEzBF,EAAQM,SAAWP,EAASO,SAC5BN,EAAQO,MAAQR,EAASQ,MACzBP,EAAQQ,QAAUT,EAASS,QAC3BR,EAAQK,KAAON,EAASM,KACxBwE,GAAatF,MAAMF,KAAKW,OAG3B0B,QAAQ,IAAO8C,GAAMjF,OAAQ,IAG5B0C,GAAe,CAAC8D,EAAKC,KACzB,eAAU,CACRC,QAASF,EACTG,UAAU,EACVF,KAAMA,KAIJG,GAAepG,IACnB,QAAiBuB,IAAbvB,GACF,IAAyB,IAArB2D,GAAWnE,MACb6G,GAAUrG,QACL,IAAyB,IAArB2D,GAAWnE,MACpBD,GAAmBC,MAAMnB,QAASQ,GAChCxB,GAAeS,YAAYO,QAASiI,IAClCC,GAAgBvG,EAAUsG,EAAWzH,WAGpC,GAAyB,OAArB8E,GAAWnE,MACpB,GAAyC,IAArC0E,GAAwC,CAC1C,IAAIsC,EAAcC,GAChBzG,EACA3C,GAAeE,gBAAgB,GAAGG,WAEpCL,GAAeE,gBAAgB,GAAGG,UAAU4B,KAAKkH,GACjDnJ,GAAeE,gBAAgB,GAAGI,QAClCsE,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,QACE,CACL,IAAIkC,EAAQtB,GAAeE,gBAAgBqB,UACxCC,GAAMA,EAAErB,eAAiB0G,IAExBsC,EAAcC,GAChBzG,EACA3C,GAAeE,gBAAgBoB,GAAOjB,WAExCL,GAAeE,gBAAgBoB,GAAOjB,UAAU4B,KAAKkH,GACrDnJ,GAAeE,gBAAgBoB,GAAOhB,QACtCsE,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,SAGF,CAGL,IAAIiK,EAAmB7B,GAAqBrF,MAAM8F,OAC/CtF,IAAkC,IAArBA,EAASsD,SAGzBoD,EAAiBrI,QAAS2B,IACxB,IAAyB,IAArB2D,GAAWnE,MACb6G,GAAUrG,QACL,IAAyB,IAArB2D,GAAWnE,MACpBD,GAAmBC,MAAMnB,QAASQ,GAChCxB,GAAeS,YAAYO,QAASiI,IAClCC,GAAgBvG,EAAUsG,EAAWzH,WAGpC,GAAyB,OAArB8E,GAAWnE,MACpB,GAAyC,IAArC0E,GAAwC,CAC1C,IAAIsC,EAAcC,GAChBzG,EACA3C,GAAeE,gBAAgB,GAAGG,WAEpCL,GAAeE,gBAAgB,GAAGG,UAAU4B,KAAKkH,GACjDnJ,GAAeE,gBAAgB,GAAGI,QAClCsE,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,QACE,CACL,IAAIkC,EAAQtB,GAAeE,gBAAgBqB,UACxCC,GAAMA,EAAErB,eAAiB0G,IAExBsC,EAAcC,GAChBzG,EACA3C,GAAeE,gBAAgBoB,GAAOjB,WAExCL,GAAeE,gBAAgBoB,GAAOjB,UAAU4B,KAAKkH,GACrDnJ,GAAeE,gBAAgBoB,GAAOhB,QACtCsE,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,SAQPgK,GAA2B,CAACzG,EAAU2G,KAC1C,IAAIH,EAAc5E,KAAKgF,MAAMhF,KAAKC,UAAU7B,IACxCY,GAAa,IAAIiG,MAAOC,UAAYH,EAAMjI,OAE9C,OADA8H,EAAY5F,WAAaA,EAClB4F,GAIHzF,GAAoB4F,IACxB,IAAI/F,GAAa,IAAIiG,MAAOC,UAAYH,EAAMjI,OAC9C,OAAOkC,GAGH2F,GAAkB,CAACvG,EAAUsG,EAAWzH,KAC5C,GAAIyH,EAAU9I,aAAa4D,aAAevC,EAAEuC,WAC1C,IAA0B,IAAtBpB,EAASO,SAAmB,CAC9B,IAAIiG,EAAcC,GAAyBzG,EAAUsG,EAAUvI,MAE/DuI,EAAUvI,KAAKuB,KAAKkH,GACpBF,EAAU3I,QACVsE,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,QACE,CACL,IAAI4E,EAAW,CACbpE,GAAI,EACJK,KAAM,KACNI,UAAW,IAET4I,EAAUtI,UAAUU,OAAS,GAE7B4H,EAAUtI,UAAUiB,KACjBJ,GAAMA,EAAE5B,GAAGmE,aAAepB,EAASK,WAAWe,YAGjDkF,EAAUtI,UAAUK,QAASgD,IACvBA,EAASpE,GAAGmE,aAAepB,EAASK,WAAWe,cAIzC,IAFNC,EAAS3D,UAAUuB,KAChB8H,GAAMA,EAAE5H,GAAGiC,aAAepB,EAASb,GAAGiC,aAGzCC,EAAS3D,UAAU4B,KAAKU,GACxBsG,EAAU3I,QACV2I,EAAUrI,MAAQqI,EAAUrI,MAAQ+B,EAASQ,MAC7CyB,WAAW,KACTC,GACEzF,EAAU,8BACV,YAED,KAEHwF,WAAW,KACTC,GACElC,EAASH,KACP,IACAyG,EAAU7I,eACVhB,EAAU,oCACZ,YAED,QAgBX4E,EAASpE,GAAK+C,EAASK,WACvBgB,EAAS/D,KAAO0C,EAASG,aACzBkB,EAAS3D,UAAU4B,KAAKU,GACxBsG,EAAUtI,UAAUsB,KAAK+B,GACzBiF,EAAU3I,QACV2I,EAAUrI,MAAQqI,EAAUrI,MAAQ+B,EAASQ,MAC7CyB,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,KAEL6J,EAAUtI,UAAYsI,EAAUtI,UAAUgJ,MAAK,SAAUC,EAAGC,GAC1D,OAAOD,EAAE3J,KAAO4J,EAAE5J,KAAO,EAAI4J,EAAE5J,KAAO2J,EAAE3J,MAAQ,EAAI,OAMtD+I,GAAarG,IACjB3C,GAAeS,YAAYO,QAASa,IAClC,GACEA,EAAK1B,aAAa4D,aAAewC,GAAqBpE,MAAM4B,WAE5D,IAA0B,IAAtBpB,EAASO,SAAmB,CAC9B,IAAIiG,EAAcC,GAAyBzG,EAAUd,EAAKnB,MAC1DmB,EAAKnB,KAAKuB,KAAKkH,GACftH,EAAKvB,QACLsE,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,QACE,CACL,IAAI4E,EAAW,CACbpE,GAAI,EACJK,KAAM,KACNI,UAAW,IAETwB,EAAKlB,UAAUU,OAAS,GAExBQ,EAAKlB,UAAUiB,KACZJ,GAAMA,EAAE5B,GAAGmE,aAAepB,EAASK,WAAWe,YAGjDlC,EAAKlB,UAAUK,QAASgD,IAClBA,EAASpE,GAAGmE,aAAepB,EAASK,WAAWe,cAIzC,IAFNC,EAAS3D,UAAUuB,KAChB8H,GAAMA,EAAE5H,GAAGiC,aAAepB,EAASb,GAAGiC,aAGzCC,EAAS3D,UAAU4B,KAAKU,GACxBd,EAAKvB,QACLuB,EAAKjB,MAAQiB,EAAKjB,MAAQ+B,EAASQ,MACnCyB,WAAW,KACTC,GACEzF,EAAU,8BACV,YAED,KAEHwF,WAAW,KACTC,GACElC,EAASH,KACP,IACAX,EAAKzB,eACLhB,EAAU,oCACZ,YAED,QAgBX4E,EAASpE,GAAK+C,EAASK,WACvBgB,EAAS/D,KAAO0C,EAASG,aACzBkB,EAAS3D,UAAU4B,KAAKU,GACxBd,EAAKlB,UAAUsB,KAAK+B,GACpBnC,EAAKvB,QACLuB,EAAKjB,MAAQiB,EAAKjB,MAAQ+B,EAASQ,MACnCyB,WAAW,KACTC,GAAazF,EAAU,8BAA+B,YACrD,KAELyC,EAAKlB,UAAYkB,EAAKlB,UAAUgJ,MAAK,SAAUC,EAAGC,GAChD,OAAOD,EAAE3J,KAAO4J,EAAE5J,KAAO,EAAI4J,EAAE5J,KAAO2J,EAAE3J,MAAQ,EAAI,SAOxD6J,GAAiB,CAACpI,EAAYqI,KAClCrI,EAAWf,UAAUK,QAASgD,IAC5BA,EAAS3D,UAAUW,QAAS2B,IACtBA,EAASb,GAAGiC,aAAegG,EAAWhG,aACxCC,EAAS3D,UAAY2D,EAAS3D,UAAU4H,OACrC5C,GAAMA,EAAEvD,GAAGiC,aAAegG,EAAWhG,YAExCrC,EAAWpB,QACXoB,EAAWd,MAAQc,EAAWd,MAAQ+B,EAASQ,MACb,IAA9Ba,EAAS3D,UAAUgB,SACrBK,EAAWf,UAAYe,EAAWf,UAAUsH,OACzChE,GAAMA,EAAErE,GAAGmE,aAAeC,EAASpE,GAAGmE,mBAQ7CiG,GAAqB,CAACtI,EAAYuI,EAAUtH,KAChDsH,EAASjJ,QAASqE,IAChB,GAAIA,EAAE9B,WAAWQ,aAAepB,EAASY,WAAWQ,WAAY,CAC9D,IAAIzC,EAAQ2I,EAAS1I,UAClBC,GAAMA,EAAE+B,WAAWQ,aAAepB,EAASY,WAAWQ,YAEzDkG,EAASxI,OAAOH,EAAO,GACvBI,EAAWpB,YAKX4J,GAAuB,CAACvH,EAAUrB,EAAOyF,KAC7C,GAA8B,IAA1BoD,SAASpD,GACX/G,GAAeE,gBAAgB,GAAGG,UAAUoB,OAAOH,EAAO,GAC1DtB,GAAeE,gBAAgB,GAAGI,YAC7B,CACL,IAAIoB,EAAa1B,GAAeE,gBAAgByD,KAC7CnC,GAAMA,EAAErB,aAAa4D,aAAegD,EAAYhD,YAE/CvC,EAAIE,EAAWrB,UAAUkB,UAC1B8D,GAAMA,EAAE9B,WAAWQ,aAAepB,EAASY,WAAWQ,YAEzDrC,EAAWrB,UAAUoB,OAAOD,EAAG,GAC/BE,EAAWpB,UAIf,eAAU,KACR8J,SACGC,eAAe,0BACfC,iBAAiB,iBAAiB,WACjC1F,WAAW,KACTgC,GAASzE,OAAQ,EACjBwE,GAAoBxE,MAAM8D,SAAU,EACpCS,GAAaiB,KAAO,EACpBjB,GAAakB,SAAW,GACxBlB,GAAamB,aAAe,KAC5BnB,GAAaoB,KAAO,KACpBpB,GAAaqB,YAAc,GAC3BrB,GAAaM,WAAa,EAC1BS,GAAatF,MAAQ,IACpB,UAIT,IAAImD,IAAc,E,OAClB,eAAmB,CAACiF,EAAIC,EAAMC,KAC5B,IAAoB,IAAhBnF,GAAuB,CACzB,IAAI3D,GAAS,EACTpC,IAAcgF,KAAKC,UAAUxE,MAC/B2B,GAAS,GAGNA,EAkBH8I,GAAK,GAjBLnL,EAAQoL,QAAQ,CACdC,MAAO,WACP9B,QAASzJ,EAAU,qBACnBwL,OAAQ,eACRC,KAAM,uBACNC,YAAa1L,EAAU,yCACvB2L,YAAa3L,EAAU,yCACvB4L,YAAa,+BACbC,YAAa,uBACbC,OAAQ,KACNT,GAAK,IAEPU,OAAQ,KACNV,GAAK,WAOXA,GAAK,K,8tpBC/6DT,MAAMW,GAA2B,KAAgB,GAAQ,CAAC,CAAC,YAAY,qBAExD,iB,kCCTf","file":"js/chunk-f3477618.61da373f.js","sourcesContent":["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!./EditChecklistPage.vue?vue&type=style&index=0&id=6ecd5838&scoped=true&lang=css\"","<template>\r\n  <div>\r\n    <!--Modal Question-->\r\n    <div\r\n      ref=\"modalQuestion\"\r\n      class=\"modal fade\"\r\n      tabindex=\"-1\"\r\n      id=\"add-questionlist-modal\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"modal-dialog modal-dialog-centered mw-1000px\">\r\n        <div class=\"modal-content rounded\">\r\n          <BlockUI :loading=\"block\" />\r\n          <div class=\"modal-header\">\r\n            <h5 class=\"modal-title\">\r\n              {{ translate(\"checklist_create_modal_h5\") }}\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          <div class=\"title border-bottom ps-5 pe-5 pt-5\">\r\n            <div class=\"row align-items-center\">\r\n              <div\r\n                class=\"col-lg-2 p-3 mb-5 border rounded bg-white\"\r\n                style=\"border-color: #e8ebee !important\"\r\n              >\r\n                <div class=\"form-check form-check-custom form-check-solid\">\r\n                  <input\r\n                    ref=\"modalFilterCheckbox\"\r\n                    class=\"form-check-input\"\r\n                    type=\"checkbox\"\r\n                    id=\"filterCheckbox\"\r\n                    @change=\"filterCheckBox($event)\"\r\n                    :disabled=\"clInfQue\"\r\n                  />\r\n                  <div class=\"d-flex flex-column position-relative w-100\">\r\n                    <label\r\n                      class=\"form-check-label col-form-label fs-6 p-0\"\r\n                      :class=\"\r\n                        clInfQue === true ? 'text-gray-500' : 'text-gray-800'\r\n                      \"\r\n                      for=\"filterCheckbox\"\r\n                    >\r\n                      {{ translate(\"checklist_create_modal_checkbox_label\") }}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"col-lg-5 ps-2 pe-1 mb-5\">\r\n                <FilterInput\r\n                  :searchId=\"1\"\r\n                  :PlaceHolder=\"\r\n                    translate('checklist_create_modal_filter_input')\r\n                  \"\r\n                  :filterList=\"filterList\"\r\n                  :InputStyle=\"'height:42px; font-size: 13px;'\"\r\n                  @onFilterSearch=\"Search\"\r\n                />\r\n              </div>\r\n              <div id=\"modal-multi-select\" class=\"col-lg-5 ps-1 pe-1 mb-5\">\r\n                <MultiSelect\r\n                  :disabled=\"clInfQue\"\r\n                  v-model=\"filterObject.categoryIds\"\r\n                  :options=\"categoryList\"\r\n                  optionLabel=\"Value\"\r\n                  optionValue=\"Id\"\r\n                  :placeholder=\"translate('checklist_create_modal_select')\"\r\n                  style=\"height: 42px\"\r\n                  @change=\"selectedCategory\"\r\n                >\r\n                </MultiSelect>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"modal-body rounded p-3\" style=\"height: 475px\">\r\n            <div class=\"scroll overflow-y h-400px\">\r\n              <div\r\n                v-for=\"question in computedQuestionList\"\r\n                :key=\"question.Id\"\r\n                class=\"d-flex align-items-center mb-1 mx-2 p-1 ps-4 pt-3 pb-3 border rounded\"\r\n                style=\"height: 55px\"\r\n              >\r\n                <!--begin::Bullet-->\r\n                <span class=\"bullet bullet-vertical h-40px bg-primary\"></span>\r\n                <!--end::Bullet-->\r\n\r\n                <!--begin::Checkbox-->\r\n                <div class=\"form-check form-check-custom form-check-solid mx-5\">\r\n                  <input\r\n                    class=\"form-check-input\"\r\n                    type=\"checkbox\"\r\n                    v-model=\"question.checked\"\r\n                    :id=\"`checklist-${question.Id}`\"\r\n                  />\r\n                </div>\r\n                <!--end::Checkbox-->\r\n\r\n                <!--begin::Description-->\r\n                <div class=\"flex-grow-1\">\r\n                  <div class=\"d-flex flex-column position-relative\">\r\n                    <label\r\n                      class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                      style=\"\r\n                        overflow: hidden;\r\n                        display: inline-block;\r\n                        text-overflow: ellipsis;\r\n                        max-width: 841px;\r\n                        max-height: 40px;\r\n                      \"\r\n                      :for=\"`checklist-${question.Id}`\"\r\n                    >\r\n                      <span class=\"text-gray-900\" v-if=\"question.Code !== null\"\r\n                        >{{ question.Code }} -\r\n                      </span>\r\n                      <span class=\"text-gray-700\">{{ question.Name }}</span>\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <!--end::Description-->\r\n                <div style=\"50px\">\r\n                  <div\r\n                    class=\"btn btn-icon btn-sm btn-active-light-primary mx-2\"\r\n                    @click=\"addQuestion(question)\"\r\n                  >\r\n                    <i class=\"bi bi-plus-lg\"></i>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"d-flex justify-content-between p-3 pe-2\">\r\n              <div class=\"col-lg-10 p-0\">\r\n                <Pagination @onPage=\"onPage\" :TotalData=\"records\" />\r\n              </div>\r\n              <div class=\"col-lg-2 p-0\">\r\n                <button\r\n                  @click=\"addQuestion()\"\r\n                  class=\"btn btn-sm btn-primary fs-6 w-100\"\r\n                >\r\n                  {{ translate(\"Add\") }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--Modal Question-->\r\n    <ConfirmDialog group=\"exitPage\"></ConfirmDialog>\r\n    <div class=\"card\">\r\n      <BlockUI :loading=\"loading\" />\r\n      <Form\r\n        v-slot=\"{ errors }\"\r\n        class=\"form p-0\"\r\n        novalidate=\"novalidate\"\r\n        @submit=\"saveChecklist\"\r\n        :validation-schema=\"checklistValidator\"\r\n      >\r\n        <!-- Page Header Area -->\r\n        <div class=\"header align-items-center px-5 py-0 border-bottom mh-75px\">\r\n          <div class=\"card-title p-0 m-0\">\r\n            <h5 class=\"d-flex flex-column m-0\">\r\n              <span>{{ translate(\"checklist_edit_page_title\") }}</span>\r\n              <span class=\"text-gray-600 fs-8 fw-light pt-1\">{{\r\n                TotalQuestionandScore(checkListModel)\r\n              }}</span>\r\n            </h5>\r\n          </div>\r\n          <div class=\"d-flex\">\r\n            <div\r\n              class=\"btn btn-icon btn-sm btn-active-light border me-2\"\r\n              :title=\"translate('question_component_button_backto_list')\"\r\n              @click=\"router.push({ name: 'admin-template-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            <button type=\"submit\" class=\"btn btn-sm btn-primary me-3\">\r\n              <div\r\n                v-if=\"loadingButton\"\r\n                class=\"spinner-border spinner-border-sm mx-1\"\r\n              ></div>\r\n              <span class=\"indicator-label\">\r\n                {{ translate(\"Update\") }}\r\n              </span>\r\n            </button>\r\n            <transition name=\"component-fade \" mode=\"out-in\">\r\n              <div\r\n                v-if=\"showMessage == true\"\r\n                class=\"d-flex justify-content-end\"\r\n              >\r\n                <i class=\"bi bi-x-circle-fill fs-2 text-danger\"></i>\r\n                <span class=\"ms-3 fs-7 text-gray-800\">\r\n                  Kontrol listesi kullanımda</span\r\n                >\r\n                {{ showMessage }}\r\n              </div>\r\n            </transition>\r\n          </div>\r\n        </div>\r\n        <!-- Page Header Area -->\r\n\r\n        <!-- Checklist Form Area -->\r\n        <div class=\"card-body px-0 border-bottom\">\r\n          <!-- Checklist Name Input -->\r\n          <div class=\"row mb-4 px-10\">\r\n            <label\r\n              class=\"col-lg-4 col-form-label required fw-bolder fs-5 text-gray-800\"\r\n              >{{ translate(\"checklist_create_input_name\") }}</label\r\n            >\r\n\r\n            <div class=\"col-lg-8 fv-row d-v-container\">\r\n              <div class=\"fv-plugins-message-container d-v-content\">\r\n                <div class=\"fv-help-block ms-2 v-element\">\r\n                  <ErrorMessage name=\"name\" />\r\n                </div>\r\n              </div>\r\n              <Field\r\n                type=\"text\"\r\n                name=\"name\"\r\n                v-model=\"checkListModel.name\"\r\n                :class=\"`form-control form-control-lg fs-6 ${\r\n                  errors['name'] !== undefined ? 'v-invalid' : ''\r\n                }`\"\r\n                :placeholder=\"translate('checklist_create_input_name')\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"row justify-content-end\">\r\n            <div class=\"col-lg-8 fv-row ps-6\">\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-remember\"\r\n                  v-model=\"checklistPublished\"\r\n                />\r\n                <div class=\"d-flex flex-column position-relative w-100\">\r\n                  <label\r\n                    class=\"form-check-label col-form-label fw-bold p-0 mt-2 not-text-copy\"\r\n                    for=\"check-remember\"\r\n                    style=\"margin-bottom: 15px\"\r\n                  >\r\n                    {{ translate(\"customer_modal_check_label\") }}\r\n                  </label>\r\n                  <label\r\n                    class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500 not-text-copy\"\r\n                    for=\"check-remember\"\r\n                    style=\"position: absolute; margin-top: 20px\"\r\n                  >\r\n                    {{\r\n                      translate(\"template_published_check_label_description\")\r\n                    }}\r\n                  </label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"card-title px-10 pt-5\">\r\n            <h5\r\n              class=\"d-flex justify-content-between align-items-center text-gray-800 py-3 m-0 pb-0\"\r\n            >\r\n              {{ translate(\"checklist_page_info_title\") }}\r\n            </h5>\r\n          </div>\r\n\r\n          <div class=\"px-10\">\r\n            <!-- Multi Select Depatments -->\r\n            <div class=\"row mb-7\">\r\n              <label class=\"col-lg-6 col-form-label fs-7 ps-5 text-gray-400\">{{\r\n                translate(\"checklist_page_info_description\")\r\n              }}</label>\r\n              <div class=\"col-lg-12 fv-row\">\r\n                <MultiSelect\r\n                  v-model=\"checkListModel.cLInfoQuestionsDepartments\"\r\n                  :options=\"departmentList\"\r\n                  optionLabel=\"Value\"\r\n                  :placeholder=\"translate('checklist_create_select_department')\"\r\n                  style=\"padding: 5px !important\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- Checklist Info Question Accordion -->\r\n          <div\r\n            v-if=\"checkListModel.cLInfoQuestionsDepartments.length === 0\"\r\n            class=\"row align-items-center px-10\"\r\n          >\r\n            <div class=\"col-lg-12 fv-row position-relative\">\r\n              <div class=\"accordion\" id=\"info-accordion\">\r\n                <div class=\"accordion-item\">\r\n                  <h2 class=\"accordion-header\" id=\"info-1\">\r\n                    <button\r\n                      class=\"accordion-button collapsed ps-3 py-3 fw-bold text-gray-800\"\r\n                      type=\"button\"\r\n                      data-bs-toggle=\"collapse\"\r\n                      data-bs-target=\"#info-body-1\"\r\n                      aria-expanded=\"false\"\r\n                      aria-controls=\"info-body-1\"\r\n                    >\r\n                      <div class=\"d-flex flex-column\">\r\n                        <span\r\n                          class=\"fw-bold fs-6\"\r\n                          style=\"font-weight: bold !important\"\r\n                          >{{\r\n                            translate(\r\n                              \"checklist_create_accordion_checkinfo_button\"\r\n                            )\r\n                          }}</span\r\n                        ><a class=\"fs-8 text-gray-600\"\r\n                          >{{ translate(\"checklist_page_number_question\") }}:\r\n                          <span class=\"text-primary fw-bold\">{{\r\n                            checkListModel.cLInfoQuestions[0].count\r\n                          }}</span>\r\n                        </a>\r\n                      </div>\r\n                    </button>\r\n                  </h2>\r\n                  <Draggable\r\n                    id=\"info-body-1\"\r\n                    class=\"accordion-collapse collapse\"\r\n                    aria-labelledby=\"info-1\"\r\n                    v-model=\"checkListModel.cLInfoQuestions[0].questions\"\r\n                    group=\"people\"\r\n                    @start=\"drag = true\"\r\n                    @end=\"drag = false\"\r\n                    item-key=\"specificId\"\r\n                  >\r\n                    <template class=\"accordion-body\" #item=\"{ element, index }\">\r\n                      <div\r\n                        class=\"d-flex align-items-center mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                        style=\"height: 55px; background: #f9f9f9\"\r\n                      >\r\n                        <!--begin::Bullet-->\r\n                        <span\r\n                          class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                        ></span>\r\n                        <!--end::Bullet-->\r\n\r\n                        <!--begin::Description-->\r\n                        <div class=\"flex-grow-1\">\r\n                          <div class=\"d-flex flex-column position-relative\">\r\n                            <label\r\n                              class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                              style=\"\r\n                                overflow: hidden;\r\n                                display: inline-block;\r\n                                text-overflow: ellipsis;\r\n                                max-width: 841px;\r\n                                max-height: 40px;\r\n                              \"\r\n                              :for=\"`checklist-${element.Id + '-' + index}`\"\r\n                            >\r\n                              <span\r\n                                class=\"text-gray-900\"\r\n                                v-if=\"element.Code !== null\"\r\n                                >{{ element.Code }} -\r\n                              </span>\r\n                              <span class=\"text-gray-700\"\r\n                                >{{ element.Name }}\r\n                              </span>\r\n                            </label>\r\n                          </div>\r\n                        </div>\r\n                        <!--end::Description-->\r\n                        <div style=\"50px\">\r\n                          <div\r\n                            class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                            @click=\"deleteCLInfoQuestion(element, index, 0)\"\r\n                          >\r\n                            <i class=\"bi bi-x-lg\"></i>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </template>\r\n                  </Draggable>\r\n                </div>\r\n              </div>\r\n              <a\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#add-questionlist-modal\"\r\n                class=\"btn bg-white btn-active-white btn-lg fs-7 text-primary me-4 position-absolute\"\r\n                style=\"top: 5px; right: 35px; z-index: 5\"\r\n                @click=\"addQuestionInfoCL(0)\"\r\n              >\r\n                {{ translate(\"checklist_create_button_add_question\") }}</a\r\n              >\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Departmant Accordion -->\r\n          <Draggable\r\n            v-else\r\n            v-model=\"checkListModel.cLInfoQuestions\"\r\n            @start=\"drag = true\"\r\n            @end=\"drag = false\"\r\n            item-key=\"departmentId\"\r\n            class=\"py-6 px-10\"\r\n          >\r\n            <template class=\"accordion-body\" #item=\"{ element, index }\">\r\n              <div\r\n                class=\"accordion position-relative\"\r\n                :id=\"'accordion-' + element.departmentId\"\r\n              >\r\n                <a\r\n                  data-bs-toggle=\"modal\"\r\n                  data-bs-target=\"#add-questionlist-modal\"\r\n                  class=\"btn bg-white btn-lg fs-7 text-primary me-4 position-absolute\"\r\n                  style=\"top: 5px; right: 24px; z-index: 5\"\r\n                  @click=\"addQuestionInfoCL(element.departmentId)\"\r\n                >\r\n                  {{ translate(\"checklist_create_button_add_question\") }}</a\r\n                >\r\n                <div class=\"accordion-item mb-2\">\r\n                  <h2\r\n                    class=\"accordion-header\"\r\n                    :id=\"'header-' + element.departmentId\"\r\n                  >\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <button\r\n                        class=\"accordion-button collapsed py-3 fw-bold text-gray-800\"\r\n                        type=\"button\"\r\n                        data-bs-toggle=\"collapse\"\r\n                        :data-bs-target=\"'#body-' + element.departmentId\"\r\n                        aria-expanded=\"false\"\r\n                        aria-controls=\"info-body-1\"\r\n                      >\r\n                        <div class=\"d-flex flex-column\">\r\n                          <span\r\n                            class=\"fw-bold fs-6\"\r\n                            style=\"font-weight: bold !important\"\r\n                            >{{ element.departmentName }}</span\r\n                          ><a class=\"fs-8 text-gray-600\"\r\n                            >{{ translate(\"checklist_page_number_question\") }}:\r\n                            <span class=\"text-primary fw-bold\">{{\r\n                              element.count\r\n                            }}</span>\r\n                          </a>\r\n                        </div>\r\n                      </button>\r\n                    </div>\r\n                  </h2>\r\n                  <div\r\n                    :id=\"'body-' + element.departmentId\"\r\n                    class=\"accordion-collapse collapse border-top\"\r\n                    :aria-labelledby=\"'header-' + element.departmentId\"\r\n                  >\r\n                    <div class=\"accordion-body\">\r\n                      <Draggable\r\n                        v-model=\"element.questions\"\r\n                        @start=\"drag = true\"\r\n                        @end=\"drag = false\"\r\n                        item-key=\"specificId\"\r\n                      >\r\n                        <template #item=\"{ element }\">\r\n                          <div\r\n                            class=\"d-flex align-items-center mt-1 mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                            style=\"height: 55px; background: #f9f9f9\"\r\n                          >\r\n                            <!--begin::Bullet-->\r\n                            <span\r\n                              class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                            ></span>\r\n                            <!--end::Bullet-->\r\n\r\n                            <!--begin::Description-->\r\n                            <div class=\"flex-grow-1\">\r\n                              <div class=\"d-flex flex-column position-relative\">\r\n                                <label\r\n                                  class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                                  style=\"\r\n                                    overflow: hidden;\r\n                                    display: inline-block;\r\n                                    text-overflow: ellipsis;\r\n                                    max-width: 841px;\r\n                                    max-height: 40px;\r\n                                  \"\r\n                                  :for=\"`checklist-${element.Id}`\"\r\n                                >\r\n                                  <span\r\n                                    class=\"text-gray-900\"\r\n                                    v-if=\"element.Code !== null\"\r\n                                    >{{ element.Code }} -\r\n                                  </span>\r\n                                  <span class=\"text-gray-700\">{{\r\n                                    element.Name\r\n                                  }}</span>\r\n                                </label>\r\n                              </div>\r\n                            </div>\r\n                            <!--end::Description-->\r\n                            <div style=\"50px\">\r\n                              <div\r\n                                class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                                @click=\"\r\n                                  deleteCLInfoQuestion(\r\n                                    element,\r\n                                    null,\r\n                                    checkListModel.cLInfoQuestions[index]\r\n                                      .departmentId\r\n                                  )\r\n                                \"\r\n                              >\r\n                                <i class=\"bi bi-x-lg\"></i>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </template>\r\n                      </Draggable>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </template>\r\n          </Draggable>\r\n          <!-- Departmant Accordion -->\r\n        </div>\r\n      </Form>\r\n      <!-- Checklist Form Area -->\r\n\r\n      <!-- // ! Questions Accordion -->\r\n      <div class=\"card-body p-0 pt-5\">\r\n        <div class=\"card-title\">\r\n          <h5\r\n            class=\"d-flex justify-content-between align-items-center text-gray-800 px-10 py-3 pb-0 m-0\"\r\n          >\r\n            <span>{{ translate(\"checklist_create_label_department\") }}</span>\r\n          </h5>\r\n        </div>\r\n\r\n        <div class=\"px-10\">\r\n          <!-- Multi Select Depatments -->\r\n          <div class=\"row mb-7\">\r\n            <label class=\"col-lg-6 col-form-label fs-7 ps-5 text-gray-400\">{{\r\n              translate(\"checklist_page_sections_description\")\r\n            }}</label>\r\n            <div class=\"col-lg-12 fv-row\">\r\n              <MultiSelect\r\n                v-model=\"checkListModel.departments\"\r\n                :options=\"departmentList\"\r\n                optionLabel=\"Value\"\r\n                :placeholder=\"translate('checklist_create_select_department')\"\r\n                style=\"padding: 5px !important\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Button Toolbar -->\r\n          <div\r\n            v-if=\"checkListModel.departments.length > 0\"\r\n            class=\"d-flex justify-content-end align-items-center\"\r\n          >\r\n            <a\r\n              v-show=\"selectedDepartment.length > 0\"\r\n              data-bs-toggle=\"modal\"\r\n              data-bs-target=\"#add-questionlist-modal\"\r\n              class=\"btn btn-sm btn-primary me-4 position-relative\"\r\n              @click=\"addQuestionSelectedDepartment\"\r\n              >{{ translate(\"checklist_create_button_selected_add_question\") }}\r\n\r\n              <span\r\n                class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n                >{{ selectedDepartment.length }}</span\r\n              >\r\n            </a>\r\n            <a class=\"btn btn-sm btn-primary\" @click=\"selectAllDepartment\"\r\n              >{{ translate(\"checklist_create_button_select_all\") }}\r\n            </a>\r\n          </div>\r\n          <!-- Button Toolbar End -->\r\n        </div>\r\n\r\n        <!-- Departmant Accordion -->\r\n        <Draggable\r\n          v-model=\"checkListModel.cLquestions\"\r\n          @start=\"drag = true\"\r\n          @end=\"drag = false\"\r\n          item-key=\"departmentId\"\r\n          class=\"py-6 px-10\"\r\n        >\r\n          <template class=\"accordion-body\" #item=\"{ element, index }\">\r\n            <div\r\n              class=\"accordion position-relative\"\r\n              :id=\"'accordion-' + element.departmentId\"\r\n            >\r\n              <a\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#add-questionlist-modal\"\r\n                class=\"btn bg-white btn-lg fs-7 text-primary me-4 position-absolute\"\r\n                style=\"top: 5px; right: 24px; z-index: 5\"\r\n                @click=\"addQuestionDepartment(element.departmentId)\"\r\n              >\r\n                {{ translate(\"checklist_create_button_add_question\") }}</a\r\n              >\r\n              <div class=\"accordion-item mb-2\">\r\n                <h2\r\n                  class=\"accordion-header\"\r\n                  :id=\"'header-' + element.departmentId\"\r\n                >\r\n                  <div class=\"d-flex align-items-center\">\r\n                    <div\r\n                      v-if=\"checkListModel.departments.length > 0\"\r\n                      class=\"form-check form-check-custom form-check-solid ps-6\"\r\n                    >\r\n                      <input\r\n                        class=\"form-check-input\"\r\n                        :value=\"element.departmentId\"\r\n                        @change=\"addQuestionCheckBox($event)\"\r\n                        type=\"checkbox\"\r\n                        :id=\"`checkbox-${element.departmentId}`\"\r\n                        :ref=\"\r\n                          (el) => {\r\n                            inputCheckBoxs[`checkbox-${element.departmentId}`] =\r\n                              el;\r\n                          }\r\n                        \"\r\n                      />\r\n                    </div>\r\n\r\n                    <button\r\n                      class=\"accordion-button collapsed py-3 fw-bold text-gray-800\"\r\n                      type=\"button\"\r\n                      data-bs-toggle=\"collapse\"\r\n                      :data-bs-target=\"'#body-' + element.departmentId\"\r\n                      aria-expanded=\"false\"\r\n                      aria-controls=\"info-body-1\"\r\n                    >\r\n                      <div class=\"d-flex flex-column\">\r\n                        <span\r\n                          class=\"fw-bold fs-6\"\r\n                          style=\"font-weight: bold !important\"\r\n                          >{{ element.departmentName }}</span\r\n                        ><a class=\"fs-8 text-gray-600\"\r\n                          >{{ translate(\"checklist_page_number_question\") }}:\r\n                          <span class=\"text-primary fw-bold\">{{\r\n                            element.count\r\n                          }}</span>\r\n                          / {{ translate(\"checklist_page_score\") }}:\r\n                          <span class=\"text-primary\">\r\n                            {{ element.score }}\r\n                          </span></a\r\n                        >\r\n                      </div>\r\n                    </button>\r\n                  </div>\r\n                </h2>\r\n                <div\r\n                  :id=\"'body-' + element.departmentId\"\r\n                  class=\"accordion-collapse collapse border-top\"\r\n                  :aria-labelledby=\"'header-' + element.departmentId\"\r\n                >\r\n                  <div class=\"accordion-body\">\r\n                    <!-- Info Question Accordion -->\r\n                    <div\r\n                      v-show=\"element.info.length > 0\"\r\n                      class=\"accordion position-relative\"\r\n                      id=\"department-info-question\"\r\n                    >\r\n                      <div class=\"accordion-item mb-2\">\r\n                        <h2\r\n                          class=\"accordion-header\"\r\n                          id=\"header-department-info-question\"\r\n                        >\r\n                          <button\r\n                            class=\"accordion-button collapsed pt-5 pb-5 fw-bold text-gray-800\"\r\n                            style=\"font-weight: 600 !important\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            :data-bs-target=\"\r\n                              '#body-department-info-question' +\r\n                              checkListModel.cLquestions[index].departmentId\r\n                            \"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"info-body-1\"\r\n                          >\r\n                            {{\r\n                              translate(\r\n                                \"checklist_create_accordion_button_info\"\r\n                              )\r\n                            }}\r\n                          </button>\r\n                        </h2>\r\n                        <Draggable\r\n                          :id=\"\r\n                            'body-department-info-question' +\r\n                            checkListModel.cLquestions[index].departmentId\r\n                          \"\r\n                          class=\"accordion-collapse collapse border-top\"\r\n                          aria-labelledby=\"header-department-info-question\"\r\n                          v-model=\"checkListModel.cLquestions[index].info\"\r\n                          @start=\"drag = true\"\r\n                          @end=\"drag = false\"\r\n                          item-key=\"specificId\"\r\n                        >\r\n                          <template class=\"accordion-body\" #item=\"{ element }\">\r\n                            <div\r\n                              class=\"d-flex align-items-center mt-1 mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                              style=\"height: 55px; background: #f9f9f9\"\r\n                            >\r\n                              <!--begin::Bullet-->\r\n                              <span\r\n                                class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                              ></span>\r\n                              <!--end::Bullet-->\r\n\r\n                              <!--begin::Description-->\r\n                              <div class=\"flex-grow-1\">\r\n                                <div\r\n                                  class=\"d-flex flex-column position-relative\"\r\n                                >\r\n                                  <label\r\n                                    class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                                    style=\"\r\n                                      overflow: hidden;\r\n                                      display: inline-block;\r\n                                      text-overflow: ellipsis;\r\n                                      max-width: 841px;\r\n                                      max-height: 40px;\r\n                                    \"\r\n                                    :for=\"`checklist-${element.Id}`\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-gray-900\"\r\n                                      v-if=\"element.Code !== null\"\r\n                                      >{{ element.Code }} -\r\n                                    </span>\r\n                                    <span class=\"text-gray-700\">{{\r\n                                      element.Name\r\n                                    }}</span>\r\n                                  </label>\r\n                                </div>\r\n                              </div>\r\n                              <!--end::Description-->\r\n                              <div style=\"50px\">\r\n                                <div\r\n                                  class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                                  @click=\"\r\n                                    deleteInfoQuestion(\r\n                                      checkListModel.cLquestions[index],\r\n                                      checkListModel.cLquestions[index].info,\r\n                                      element\r\n                                    )\r\n                                  \"\r\n                                >\r\n                                  <i class=\"bi bi-x-lg\"></i>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </template>\r\n                        </Draggable>\r\n                      </div>\r\n                    </div>\r\n                    <!-- Info Question Accordion -->\r\n\r\n                    <!-- Category Question Accordion -->\r\n                    <Draggable\r\n                      v-model=\"checkListModel.cLquestions[index].categorys\"\r\n                      @start=\"drag = true\"\r\n                      @end=\"drag = false\"\r\n                      item-key=\"id\"\r\n                    >\r\n                      <template class=\"accordion-body\" #item=\"{ element }\">\r\n                        <div\r\n                          class=\"accordion position-relative\"\r\n                          :id=\"\r\n                            'accordion-category' +\r\n                            element.id +\r\n                            checkListModel.cLquestions[index].departmentId\r\n                          \"\r\n                        >\r\n                          <div class=\"accordion-item mb-2\">\r\n                            <h2\r\n                              class=\"accordion-header\"\r\n                              :id=\"\r\n                                'header-category' +\r\n                                element.id +\r\n                                checkListModel.cLquestions[index].departmentId\r\n                              \"\r\n                            >\r\n                              <button\r\n                                class=\"accordion-button collapsed pt-5 pb-5 fw-bold text-gray-800\"\r\n                                style=\"font-weight: 600 !important\"\r\n                                type=\"button\"\r\n                                data-bs-toggle=\"collapse\"\r\n                                :data-bs-target=\"\r\n                                  '#body-category' +\r\n                                  element.id +\r\n                                  checkListModel.cLquestions[index].departmentId\r\n                                \"\r\n                                aria-expanded=\"false\"\r\n                                aria-controls=\"info-body-1\"\r\n                              >\r\n                                {{ element.name }}\r\n                              </button>\r\n                            </h2>\r\n                            <Draggable\r\n                              :id=\"\r\n                                'body-category' +\r\n                                element.id +\r\n                                checkListModel.cLquestions[index].departmentId\r\n                              \"\r\n                              class=\"accordion-collapse collapse border-top\"\r\n                              :aria-labelledby=\"\r\n                                'header-category' +\r\n                                element.id +\r\n                                checkListModel.cLquestions[index].departmentId\r\n                              \"\r\n                              v-model=\"element.questions\"\r\n                              @start=\"drag = true\"\r\n                              @end=\"drag = false\"\r\n                              item-key=\"Id\"\r\n                            >\r\n                              <template\r\n                                class=\"accordion-body\"\r\n                                #item=\"{ element }\"\r\n                              >\r\n                                <div\r\n                                  class=\"d-flex align-items-center mt-1 mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                                  style=\"height: 55px; background: #f9f9f9\"\r\n                                >\r\n                                  <!--begin::Bullet-->\r\n                                  <span\r\n                                    class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                                  ></span>\r\n                                  <!--end::Bullet-->\r\n\r\n                                  <!--begin::Description-->\r\n                                  <div class=\"flex-grow-1\">\r\n                                    <div\r\n                                      class=\"d-flex flex-column position-relative\"\r\n                                    >\r\n                                      <label\r\n                                        class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                                        style=\"\r\n                                          overflow: hidden;\r\n                                          display: inline-block;\r\n                                          text-overflow: ellipsis;\r\n                                          max-width: 841px;\r\n                                          max-height: 40px;\r\n                                        \"\r\n                                        :for=\"`checklist-${element.Id}`\"\r\n                                      >\r\n                                        <span\r\n                                          class=\"text-gray-900\"\r\n                                          v-if=\"element.Code !== null\"\r\n                                          >{{ element.Code }} -\r\n                                        </span>\r\n                                        <span class=\"text-gray-700\">{{\r\n                                          element.Name\r\n                                        }}</span>\r\n                                      </label>\r\n                                    </div>\r\n                                  </div>\r\n                                  <!--end::Description-->\r\n                                  <div style=\"50px\">\r\n                                    <div\r\n                                      class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                                      @click=\"\r\n                                        deleteQuestion(\r\n                                          checkListModel.cLquestions[index],\r\n                                          element.Id\r\n                                        )\r\n                                      \"\r\n                                    >\r\n                                      <i class=\"bi bi-x-lg\"></i>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </template>\r\n                            </Draggable>\r\n                          </div>\r\n                        </div>\r\n                      </template>\r\n                    </Draggable>\r\n                    <!-- Category Question Accordion -->\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </Draggable>\r\n        <!-- Departmant Accordion -->\r\n      </div>\r\n      <!-- Questions Accordion -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\r\nimport * as Yup from \"yup\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport DepartmentModule from \"@/store/modules/Templates/AdminTemplateDepartmentModule\";\r\nimport {\r\n  computed,\r\n  onBeforeUpdate,\r\n  reactive,\r\n  ref,\r\n  onMounted,\r\n  watch,\r\n} from \"vue-demi\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { onBeforeRouteLeave, useRoute } from \"vue-router\";\r\nimport router from \"@/router\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\nimport Draggable from \"vuedraggable\";\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\nconst confirm = useConfirm();\r\nlet firstData = null;\r\n\r\n//Store Tanımlaması\r\nconst store = useStore();\r\nconst route = useRoute();\r\nconst clId = route.params.id;\r\nconst loading = ref(true);\r\nconst loadingButton = ref(false);\r\nconst checklistPublished = ref(false);\r\n\r\nconst checkListModel = reactive({\r\n  id: 0,\r\n  name: null,\r\n\r\n  cLInfoQuestions: [\r\n    {\r\n      departmentId: 0,\r\n      departmentName: translate(\"checklist_question_button\"),\r\n      questions: [],\r\n      count: 0,\r\n    },\r\n  ],\r\n  cLInfoQuestionsDepartments: [],\r\n  departments: [],\r\n  cLquestions: [\r\n    {\r\n      departmentId: 0,\r\n      departmentName: translate(\"checklist_question_button\"),\r\n      info: [],\r\n      categorys: [],\r\n      count: 0,\r\n      score: 0,\r\n    },\r\n  ],\r\n});\r\nconst TotalQuestionandScore = (model) => {\r\n  let totalQuestion = 0;\r\n  let score = 0;\r\n  model.cLInfoQuestions.forEach((dep) => {\r\n    totalQuestion = totalQuestion + dep.count;\r\n  });\r\n  model.cLquestions.forEach((dep) => {\r\n    totalQuestion = totalQuestion + dep.count;\r\n    score = score + dep.score;\r\n  });\r\n\r\n  let detail =\r\n    translate(\"checklist_page_total_number_question\") +\r\n    \": \" +\r\n    totalQuestion +\r\n    \" - \" +\r\n    translate(\"checklist_page_total_score\") +\r\n    \": \" +\r\n    score;\r\n  return detail;\r\n};\r\n\r\nwatch(\r\n  () => checkListModel.cLInfoQuestionsDepartments,\r\n  (newDepartments, oldDepartments) => {\r\n    //Yeni Bir Departman Eklendi Demek\r\n    if (newDepartments.length > oldDepartments.length) {\r\n      let index = checkListModel.cLInfoQuestions.findIndex(\r\n        (i) => i.departmentId === 0\r\n      );\r\n      if (index !== -1) {\r\n        checkListModel.cLInfoQuestions.splice(index, 1);\r\n      }\r\n\r\n      newDepartments.forEach((department) => {\r\n        let status = oldDepartments.some((item) => item.Id === department.Id);\r\n        if (!status) {\r\n          let modelList = {\r\n            departmentId: department.Id,\r\n            departmentName: department.Value,\r\n            questions: [],\r\n            count: 0,\r\n          };\r\n          checkListModel.cLInfoQuestions.push(modelList);\r\n        }\r\n      });\r\n    }\r\n    //Bir Departman Çıkartıldı Demek\r\n    if (newDepartments.length < oldDepartments.length) {\r\n      if (newDepartments.length === 0) {\r\n        checkListModel.cLInfoQuestions = [];\r\n        selectedDepartment.value = [];\r\n        let modelList = {\r\n          departmentId: 0,\r\n          departmentName: translate(\"Menu_Audit_Questions\"),\r\n          questions: [],\r\n          count: 0,\r\n        };\r\n        checkListModel.cLInfoQuestions.push(modelList);\r\n      } else {\r\n        oldDepartments.forEach((department) => {\r\n          let status = newDepartments.some((item) => item.Id === department.Id);\r\n          if (!status) {\r\n            let index = checkListModel.cLInfoQuestions.findIndex(\r\n              (item) => item.departmentId === department.Id\r\n            );\r\n\r\n            checkListModel.cLInfoQuestions.splice(index, 1);\r\n          }\r\n        });\r\n      }\r\n    }\r\n  },\r\n  { deep: true }\r\n);\r\n//Departman sayısında değişiklik olduğunda bölümlerin ayarlanması için watch ile takip yapılır\r\nwatch(\r\n  () => checkListModel.departments,\r\n  (newDepartments, oldDepartments) => {\r\n    //Yeni Bir Departman Eklendi Demek\r\n    if (newDepartments.length > oldDepartments.length) {\r\n      let index = checkListModel.cLquestions.findIndex(\r\n        (i) => i.departmentId === 0\r\n      );\r\n      if (index !== -1) {\r\n        checkListModel.cLquestions.splice(index, 1);\r\n      }\r\n\r\n      newDepartments.forEach((department) => {\r\n        let status = oldDepartments.some((item) => item.Id === department.Id);\r\n        if (!status) {\r\n          let modelList = {\r\n            departmentId: department.Id,\r\n            departmentName: department.Value,\r\n            info: [],\r\n            categorys: [],\r\n            count: 0,\r\n            score: 0,\r\n          };\r\n          checkListModel.cLquestions.push(modelList);\r\n        }\r\n      });\r\n    }\r\n    //Bir Departman Çıkartıldı Demek\r\n    if (newDepartments.length < oldDepartments.length) {\r\n      if (newDepartments.length === 0) {\r\n        checkListModel.cLquestions = [];\r\n        selectedDepartment.value = [];\r\n        let modelList = {\r\n          departmentId: 0,\r\n          departmentName: translate(\"Menu_Audit_Questions\"),\r\n          info: [],\r\n          categorys: [],\r\n          count: 0,\r\n          score: 0,\r\n        };\r\n        checkListModel.cLquestions.push(modelList);\r\n      } else {\r\n        oldDepartments.forEach((department) => {\r\n          let status = newDepartments.some((item) => item.Id === department.Id);\r\n          if (!status) {\r\n            let index = checkListModel.cLquestions.findIndex(\r\n              (item) => item.departmentId === department.Id\r\n            );\r\n\r\n            checkListModel.cLquestions.splice(index, 1);\r\n          }\r\n        });\r\n      }\r\n    }\r\n  },\r\n  { deep: true }\r\n);\r\n\r\nstore\r\n  .dispatch(\"AdminTemplateCheckListModule/GET_CHECKLIST\", clId)\r\n  .then((response) => {\r\n    checkListModel.id = clId;\r\n    checkListModel.name = response.Name;\r\n    checklistPublished.value = response.Published;\r\n    response.TemplateQuestions.forEach((question) => {\r\n      let qObject = {\r\n        Id: question.Id,\r\n        Name: question.QuestionText,\r\n        CategoryName:\r\n          question.TemplateCategoryId !== 0\r\n            ? question.CategoryName\r\n            : translate(\"Other\"),\r\n        CategoryId: question.TemplateCategoryId,\r\n        Code: question.Code,\r\n        InfoOnly: question.InfoOnly,\r\n        Score: question.Score,\r\n        Answers: [],\r\n        ChecklistQuestionId: question.TemplateChecklistQuestionId,\r\n        specificId: null,\r\n      };\r\n\r\n      // CL Info Bölümleri\r\n      if (question.IsGeneral) {\r\n        qObject.CategoryName = null;\r\n        if (\r\n          question.TemplateDepartmentId !== 0 &&\r\n          checkListModel.cLInfoQuestions[0].departmentId === 0\r\n        ) {\r\n          checkListModel.cLInfoQuestions = [];\r\n        }\r\n        if (question.TemplateDepartmentId === 0) {\r\n          let item = checkListModel.cLInfoQuestions[0].questions;\r\n          qObject.specificId = createSpecificId(item);\r\n          item.push(qObject);\r\n          checkListModel.cLInfoQuestions[0].count++;\r\n        } else if (\r\n          checkListModel.cLInfoQuestions.some(\r\n            (i) => i.departmentId === question.TemplateDepartmentId\r\n          )\r\n        ) {\r\n          let item = checkListModel.cLInfoQuestions.find(\r\n            (i) => i.departmentId === question.TemplateDepartmentId\r\n          );\r\n\r\n          qObject.specificId = createSpecificId(item.questions);\r\n          item.questions.push(qObject);\r\n          item.count++;\r\n        } else {\r\n          let deparmantObj = {\r\n            departmentId: question.TemplateDepartmentId,\r\n            departmentName: question.DepartmentName,\r\n            questions: [],\r\n            count: 1,\r\n          };\r\n          let dpt = {\r\n            Id: question.TemplateDepartmentId.toString(),\r\n            Value: question.DepartmentName,\r\n          };\r\n          qObject.specificId = createSpecificId([]);\r\n          deparmantObj.questions.push(qObject);\r\n          checkListModel.cLInfoQuestions.push(deparmantObj);\r\n          checkListModel.cLInfoQuestionsDepartments.push(dpt);\r\n        }\r\n      }\r\n\r\n      // Bölümler\r\n      else {\r\n        if (question.TemplateDepartmentId === 0 && question.InfoOnly) {\r\n          let item = checkListModel.cLquestions[0];\r\n          qObject.specificId = createSpecificId(item.info);\r\n          item.info.push(qObject);\r\n          item.count++;\r\n        }\r\n        if (question.TemplateDepartmentId === 0 && !question.InfoOnly) {\r\n          let department = checkListModel.cLquestions[0];\r\n          let category = department.categorys.find(\r\n            (c) => c.id === question.TemplateCategoryId.toString()\r\n          );\r\n          if (category === undefined) {\r\n            let ctgry = {\r\n              id: question.TemplateCategoryId.toString(),\r\n              name:\r\n                question.TemplateCategoryId !== 0\r\n                  ? question.CategoryName\r\n                  : translate(\"Other\"),\r\n              questions: [],\r\n            };\r\n\r\n            qObject.specificId = createSpecificId([]);\r\n            ctgry.questions.push(qObject);\r\n\r\n            department.categorys.push(ctgry);\r\n            department.count++;\r\n            department.score = department.score + qObject.Score;\r\n          } else {\r\n            qObject.specificId = createSpecificId([]);\r\n            category.questions.push(qObject);\r\n            department.count++;\r\n            department.score = department.score + qObject.Score;\r\n          }\r\n        }\r\n        if (\r\n          question.TemplateDepartmentId !== 0 &&\r\n          checkListModel.cLquestions[0].departmentId === 0\r\n        ) {\r\n          checkListModel.cLquestions = [];\r\n        }\r\n        if (question.TemplateDepartmentId > 0) {\r\n          let department = checkListModel.cLquestions.find(\r\n            (d) => d.departmentId === question.TemplateDepartmentId.toString()\r\n          );\r\n\r\n          //Departman Mevcut Değilse\r\n          if (department === undefined) {\r\n            let dpt = {\r\n              departmentId: question.TemplateDepartmentId.toString(),\r\n              departmentName: question.DepartmentName,\r\n              info: [],\r\n              categorys: [],\r\n              count: 0,\r\n              score: 0,\r\n            };\r\n\r\n            let dptValue = {\r\n              Id: question.TemplateDepartmentId.toString(),\r\n              Value: question.DepartmentName,\r\n            };\r\n            // Gelen Soru Türü Info ise\r\n            if (question.InfoOnly) {\r\n              qObject.specificId = createSpecificId([]);\r\n              dpt.info.push(qObject);\r\n              dpt.count++;\r\n            }\r\n            //Gelen Soru Info Değil ise\r\n            else {\r\n              let ctgry = {\r\n                id: question.TemplateCategoryId.toString(),\r\n                name:\r\n                  question.TemplateCategoryId !== 0\r\n                    ? question.CategoryName\r\n                    : translate(\"Other\"),\r\n                questions: [],\r\n              };\r\n              qObject.specificId = createSpecificId([]);\r\n              ctgry.questions.push(qObject);\r\n              dpt.categorys.push(ctgry);\r\n              dpt.count++;\r\n              dpt.score = question.Score;\r\n            }\r\n\r\n            checkListModel.departments.push(dptValue);\r\n            checkListModel.cLquestions.push(dpt);\r\n          }\r\n\r\n          // Departman Mevcutsa\r\n          else {\r\n            // Gelen Soru Türü Info ise\r\n            if (question.InfoOnly) {\r\n              qObject.specificId = createSpecificId([]);\r\n              department.info.push(qObject);\r\n              department.count++;\r\n            }\r\n            // Gelen Soru Türü Info Değilse\r\n            else {\r\n              let category = department.categorys.find(\r\n                (c) => c.id === question.TemplateCategoryId.toString()\r\n              );\r\n\r\n              //Kategori yoksa\r\n\r\n              if (category === undefined) {\r\n                let ctgry = {\r\n                  id: question.TemplateCategoryId.toString(),\r\n                  name:\r\n                    question.TemplateCategoryId !== 0\r\n                      ? question.CategoryName\r\n                      : translate(\"Other\"),\r\n                  questions: [],\r\n                };\r\n                qObject.specificId = createSpecificId([]);\r\n                ctgry.questions.push(qObject);\r\n                department.categorys.push(ctgry);\r\n                department.count++;\r\n                department.score = department.score + question.Score;\r\n              }\r\n              // Kategori varssa\r\n              else {\r\n                qObject.specificId = createSpecificId([]);\r\n                category.questions.push(qObject);\r\n                department.count++;\r\n                department.score = department.score + question.Score;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    });\r\n\r\n    setCurrentPageBreadcrumbs(checkListModel.name, [\r\n      translate(\"checklist_create_breadcrumbs_list\"),\r\n    ]);\r\n  })\r\n  .finally(() => {\r\n    loading.value = false;\r\n    //Data da bir değişiklik var mı? diye kontrol etmek amaçlı oluşturulmuştur.\r\n    firstData = JSON.stringify(checkListModel);\r\n  });\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(checkListModel.name, [\r\n    translate(\"checklist_create_breadcrumbs_list\"),\r\n  ]);\r\n});\r\n\r\nconst showMessage = ref(false);\r\nconst saveChecklist = () => {\r\n  loadingButton.value = true;\r\n  let departmentControl = false;\r\n  checkListModel.cLquestions.forEach((item) => {\r\n    if (item.categorys.length === 0) {\r\n      setTimeout(() => {\r\n        alertMessage(\r\n          item.departmentName + translate(\"checklist_msg_add_question_1\"),\r\n          \"error\"\r\n        );\r\n      }, 50);\r\n      departmentControl = true;\r\n      loadingButton.value = false;\r\n    }\r\n  });\r\n\r\n  if (!departmentControl) {\r\n    let payload = {\r\n      id: clId,\r\n      name: checkListModel.name,\r\n      questions: [],\r\n      published: checklistPublished.value,\r\n    };\r\n\r\n    if (checkListModel.cLInfoQuestionsDepartments.length === 0) {\r\n      if (checkListModel.cLInfoQuestions[0].questions.length > 0) {\r\n        checkListModel.cLInfoQuestions[0].questions.forEach((infoQuestion) => {\r\n          let infoModel = {\r\n            Id: 0,\r\n            isGeneral: false,\r\n            templateDepartmentId: 0,\r\n            templateChecklistQuestionId: 0,\r\n          };\r\n          infoModel.templateChecklistQuestionId =\r\n            infoQuestion.ChecklistQuestionId === undefined\r\n              ? 0\r\n              : infoQuestion.ChecklistQuestionId;\r\n          infoModel.Id = infoQuestion.Id;\r\n          infoModel.isGeneral = true;\r\n          infoModel.templateDepartmentId = 0;\r\n          payload.questions.push(infoModel);\r\n        });\r\n      }\r\n    } else {\r\n      checkListModel.cLInfoQuestions.forEach((department) => {\r\n        if (department.questions.length > 0) {\r\n          department.questions.forEach((infoQuestion) => {\r\n            let infoModel = {\r\n              Id: 0,\r\n              isGeneral: false,\r\n              templateDepartmentId: 0,\r\n              templateChecklistQuestionId: 0,\r\n            };\r\n            infoModel.templateChecklistQuestionId =\r\n              infoQuestion.ChecklistQuestionId === undefined\r\n                ? 0\r\n                : infoQuestion.ChecklistQuestionId;\r\n            infoModel.Id = infoQuestion.Id;\r\n            infoModel.isGeneral = true;\r\n            infoModel.templateDepartmentId = department.departmentId;\r\n            payload.questions.push(infoModel);\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    checkListModel.cLquestions.forEach((item) => {\r\n      item.info.forEach((info) => {\r\n        let infoModel = {\r\n          Id: 0,\r\n          isGeneral: false,\r\n          templateDepartmentId: 0,\r\n          templateChecklistQuestionId: 0,\r\n        };\r\n\r\n        infoModel.templateDepartmentId = item.departmentId;\r\n        infoModel.Id = info.Id;\r\n        infoModel.templateChecklistQuestionId =\r\n          info.ChecklistQuestionId === undefined ? 0 : info.ChecklistQuestionId;\r\n        payload.questions.push(infoModel);\r\n      });\r\n      item.categorys.forEach((category) => {\r\n        category.questions.forEach((q) => {\r\n          let infoModel = {\r\n            Id: 0,\r\n            isGeneral: false,\r\n            templateDepartmentId: 0,\r\n            templateChecklistQuestionId: 0,\r\n          };\r\n\r\n          infoModel.templateDepartmentId = item.departmentId;\r\n          infoModel.Id = q.Id;\r\n          infoModel.templateChecklistQuestionId =\r\n            q.ChecklistQuestionId === undefined ? 0 : q.ChecklistQuestionId;\r\n          payload.questions.push(infoModel);\r\n        });\r\n      });\r\n    });\r\n    store\r\n      .dispatch(\r\n        \"AdminTemplateCheckListModule/CREATE_OR_UPDATE_CHECKLIST\",\r\n        payload\r\n      )\r\n      .then((response) => {\r\n        if (response) {\r\n          updatedTrue = true;\r\n          router.push({ name: \"admin-template-list\" });\r\n          loadingButton.value = false;\r\n        } else {\r\n          loadingButton.value = false;\r\n        }\r\n      })\r\n      .finally(() => {\r\n        loadingButton.value = false;\r\n      });\r\n  }\r\n};\r\n\r\nconst modalQuestion = ref();\r\n\r\nconst closeModal = () => {\r\n  hideModal(modalQuestion.value);\r\n};\r\n\r\n// Validation Tanımlaması\r\nconst checklistValidator = Yup.object().shape({\r\n  name: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"checklist_name_validation\")),\r\n});\r\n\r\nconst departmentList = ref([]);\r\n\r\n// Soru eklemek için seçili departmanların tutulma funksiyonu\r\nonBeforeUpdate(() => {\r\n  inputCheckBoxs.value = {};\r\n});\r\n\r\nlet inputCheckBoxs = ref({});\r\nconst selectedDepartment = ref([]);\r\n\r\nconst selectAllDepartment = () => {\r\n  if (selectedDepartment.value.length === checkListModel.departments.length) {\r\n    selectedDepartment.value.forEach((department) => {\r\n      inputCheckBoxs.value[`checkbox-${department}`].checked = false;\r\n    });\r\n    selectedDepartment.value = [];\r\n  } else {\r\n    selectedDepartment.value = [];\r\n    checkListModel.departments.forEach((department) => {\r\n      inputCheckBoxs.value[`checkbox-${department.Id}`].checked = true;\r\n      selectedDepartment.value.push(department.Id);\r\n    });\r\n  }\r\n};\r\n\r\nconst addQuestionCheckBox = (event) => {\r\n  if (event.target.checked) {\r\n    selectedDepartment.value.push(event.target.value);\r\n  } else {\r\n    let index = selectedDepartment.value.indexOf(event.target.value);\r\n    selectedDepartment.value.splice(index, 1);\r\n  }\r\n};\r\n\r\nconst addAddress = ref(null);\r\n\r\n// Add Department Modal Question\r\nconst selectedDepartmantId = ref(0);\r\nconst addQuestionDepartment = (departmentId) => {\r\n  addAddress.value = true;\r\n  selectedDepartmantId.value = departmentId;\r\n  getQuestion(filterObject);\r\n};\r\n// Add CL Question Modal Info\r\nconst modalFilterCheckbox = ref();\r\nconst clInfQue = ref(false);\r\nlet clInfoQuestionSelectDepartmentId = null;\r\nconst addQuestionInfoCL = (deparmantId) => {\r\n  clInfoQuestionSelectDepartmentId = deparmantId;\r\n  modalFilterCheckbox.value.checked = true;\r\n  clInfQue.value = true;\r\n  addAddress.value = null;\r\n  filterObject.infoStatus = 1;\r\n  getQuestion(filterObject);\r\n};\r\n// Add Selected Department Modal Question\r\nconst addQuestionSelectedDepartment = () => {\r\n  addAddress.value = false;\r\n  getQuestion(filterObject);\r\n};\r\n\r\n//Get departments\r\nDepartmentModule.actions.GET_COMMON_DEPARTMENT().then((response) => {\r\n  departmentList.value = response;\r\n});\r\n\r\n//Get Questions\r\nconst block = ref(false);\r\nconst categoryList = ref([]);\r\nstore\r\n  .dispatch(\"AdminTemplateCategoryModule/GET_COMMON_CATEGORY\")\r\n  .then((Response) => {\r\n    categoryList.value = Response;\r\n  });\r\n\r\nconst records = ref(0);\r\nconst computedQuestionList = computed(() => questionList.value);\r\nconst questionList = ref([]);\r\nconst filterList = ref([\"questionText\", \"code\"]);\r\nconst filterObject = reactive({\r\n  page: 1,\r\n  pageSize: 10,\r\n  questionText: null,\r\n  code: null,\r\n  categoryIds: [],\r\n  infoStatus: 2,\r\n});\r\n\r\nconst Search = (filter) => {\r\n  if (filter !== null) {\r\n    Object.keys(filter).forEach((i) => {\r\n      if (i === \"questionText\") {\r\n        filterObject.questionText = filter[i];\r\n      } else {\r\n        filterObject.code = filter[i];\r\n      }\r\n    });\r\n  } else {\r\n    filterObject.questionText = null;\r\n    filterObject.code = null;\r\n  }\r\n  getQuestion(filterObject);\r\n};\r\n\r\nconst selectedCategory = () => {\r\n  getQuestion(filterObject);\r\n};\r\n\r\nconst filterCheckBox = (e) => {\r\n  filterObject.infoStatus = e.target.checked === true ? 1 : 2;\r\n  getQuestion(filterObject);\r\n};\r\n\r\nconst onPage = (e) => {\r\n  if (\r\n    filterObject.page !== e.step.value ||\r\n    filterObject.pageSize !== e.pageSize.value\r\n  ) {\r\n    filterObject.page = e.step.value;\r\n    filterObject.pageSize = e.pageSize.value;\r\n    getQuestion(filterObject);\r\n  }\r\n};\r\n\r\nconst getQuestion = (payload) => {\r\n  block.value = true;\r\n  store\r\n    .dispatch(\"AdminTemplateCheckListModule/GET_CHECKLISTS_QUESTİON\", payload)\r\n    .then((response) => {\r\n      questionList.value = [];\r\n      records.value = response.TotalItemsCount;\r\n      response.ListItems.forEach((question) => {\r\n        let qObject = {\r\n          Id: 0,\r\n          Name: null,\r\n          CategoryName: null,\r\n          CategoryId: 0,\r\n          Code: null,\r\n          InfoOnly: false,\r\n          Score: 0,\r\n          Answers: [],\r\n          checked: false,\r\n        };\r\n        qObject.Id = question.Id;\r\n        qObject.Name = question.QuestionText;\r\n        qObject.CategoryId =\r\n          question.CategoryId !== 0 ? question.TemplateCategoryId : 0;\r\n        qObject.CategoryName =\r\n          question.CategoryId !== 0\r\n            ? question.CategoryName\r\n            : translate(\"Other\");\r\n        if (question.InfoOnly) {\r\n          qObject.CategoryId = \"ab\";\r\n          qObject.CategoryName = \"Info\";\r\n        }\r\n        qObject.InfoOnly = question.InfoOnly;\r\n        qObject.Score = question.Score;\r\n        qObject.Answers = question.Answers;\r\n        qObject.Code = question.Code;\r\n        questionList.value.push(qObject);\r\n      });\r\n    })\r\n    .finally(() => (block.value = false));\r\n};\r\n\r\nconst alertMessage = (msg, type) => {\r\n  ElMessage({\r\n    message: msg,\r\n    grouping: true,\r\n    type: type,\r\n  });\r\n};\r\n\r\nconst addQuestion = (question) => {\r\n  if (question !== undefined) {\r\n    if (addAddress.value === true) {\r\n      qfunction(question);\r\n    } else if (addAddress.value === false) {\r\n      selectedDepartment.value.forEach((i) =>\r\n        checkListModel.cLquestions.forEach((deparmant) => {\r\n          qselectfunction(question, deparmant, i);\r\n        })\r\n      );\r\n    } else if (addAddress.value === null) {\r\n      if (clInfoQuestionSelectDepartmentId === 0) {\r\n        let newQuestion = createSpecificIdQuestion(\r\n          question,\r\n          checkListModel.cLInfoQuestions[0].questions\r\n        );\r\n        checkListModel.cLInfoQuestions[0].questions.push(newQuestion);\r\n        checkListModel.cLInfoQuestions[0].count++;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      } else {\r\n        let index = checkListModel.cLInfoQuestions.findIndex(\r\n          (i) => i.departmentId === clInfoQuestionSelectDepartmentId\r\n        );\r\n        let newQuestion = createSpecificIdQuestion(\r\n          question,\r\n          checkListModel.cLInfoQuestions[index].questions\r\n        );\r\n        checkListModel.cLInfoQuestions[index].questions.push(newQuestion);\r\n        checkListModel.cLInfoQuestions[index].count++;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      }\r\n    }\r\n  } else {\r\n    //Birden çok soru seçilip eklendiğinde\r\n\r\n    let selectedQuestion = computedQuestionList.value.filter(\r\n      (question) => question.checked === true\r\n    );\r\n\r\n    selectedQuestion.forEach((question) => {\r\n      if (addAddress.value === true) {\r\n        qfunction(question);\r\n      } else if (addAddress.value === false) {\r\n        selectedDepartment.value.forEach((i) =>\r\n          checkListModel.cLquestions.forEach((deparmant) => {\r\n            qselectfunction(question, deparmant, i);\r\n          })\r\n        );\r\n      } else if (addAddress.value === null) {\r\n        if (clInfoQuestionSelectDepartmentId === 0) {\r\n          let newQuestion = createSpecificIdQuestion(\r\n            question,\r\n            checkListModel.cLInfoQuestions[0].questions\r\n          );\r\n          checkListModel.cLInfoQuestions[0].questions.push(newQuestion);\r\n          checkListModel.cLInfoQuestions[0].count++;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        } else {\r\n          let index = checkListModel.cLInfoQuestions.findIndex(\r\n            (i) => i.departmentId === clInfoQuestionSelectDepartmentId\r\n          );\r\n          let newQuestion = createSpecificIdQuestion(\r\n            question,\r\n            checkListModel.cLInfoQuestions[index].questions\r\n          );\r\n          checkListModel.cLInfoQuestions[index].questions.push(newQuestion);\r\n          checkListModel.cLInfoQuestions[index].count++;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        }\r\n      }\r\n    });\r\n  }\r\n};\r\n\r\n//Create specific Id for Info Question return QUESTİON\r\nconst createSpecificIdQuestion = (question, array) => {\r\n  let newQuestion = JSON.parse(JSON.stringify(question));\r\n  let specificId = new Date().getTime() + array.length;\r\n  newQuestion.specificId = specificId;\r\n  return newQuestion;\r\n};\r\n\r\n//Create specific Id for Info Question return QUESTİON\r\nconst createSpecificId = (array) => {\r\n  let specificId = new Date().getTime() + array.length;\r\n  return specificId;\r\n};\r\n\r\nconst qselectfunction = (question, deparmant, i) => {\r\n  if (deparmant.departmentId.toString() === i.toString()) {\r\n    if (question.InfoOnly === true) {\r\n      let newQuestion = createSpecificIdQuestion(question, deparmant.info);\r\n\r\n      deparmant.info.push(newQuestion);\r\n      deparmant.count++;\r\n      setTimeout(() => {\r\n        alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n      }, 50);\r\n    } else {\r\n      let category = {\r\n        id: 0,\r\n        name: null,\r\n        questions: [],\r\n      };\r\n      if (deparmant.categorys.length > 0) {\r\n        if (\r\n          deparmant.categorys.some(\r\n            (i) => i.id.toString() === question.CategoryId.toString()\r\n          )\r\n        ) {\r\n          deparmant.categorys.forEach((category) => {\r\n            if (category.id.toString() === question.CategoryId.toString()) {\r\n              if (\r\n                category.questions.some(\r\n                  (x) => x.Id.toString() === question.Id.toString()\r\n                ) !== true\r\n              ) {\r\n                category.questions.push(question);\r\n                deparmant.count++;\r\n                deparmant.score = deparmant.score + question.Score;\r\n                setTimeout(() => {\r\n                  alertMessage(\r\n                    translate(\"checklist_msg_add_question\"),\r\n                    \"success\"\r\n                  );\r\n                }, 50);\r\n              } else {\r\n                setTimeout(() => {\r\n                  alertMessage(\r\n                    question.Name +\r\n                      \" \" +\r\n                      deparmant.departmentName +\r\n                      translate(\"checklist_msg_add_error_question\"),\r\n                    \"warning\"\r\n                  );\r\n                }, 50);\r\n              }\r\n            }\r\n          });\r\n        } else {\r\n          category.id = question.CategoryId;\r\n          category.name = question.CategoryName;\r\n          category.questions.push(question);\r\n          deparmant.categorys.push(category);\r\n          deparmant.count++;\r\n          deparmant.score = deparmant.score + question.Score;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        }\r\n      } else {\r\n        category.id = question.CategoryId;\r\n        category.name = question.CategoryName;\r\n        category.questions.push(question);\r\n        deparmant.categorys.push(category);\r\n        deparmant.count++;\r\n        deparmant.score = deparmant.score + question.Score;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      }\r\n      deparmant.categorys = deparmant.categorys.sort(function (a, b) {\r\n        return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n      });\r\n    }\r\n  }\r\n};\r\n\r\nconst qfunction = (question) => {\r\n  checkListModel.cLquestions.forEach((item) => {\r\n    if (\r\n      item.departmentId.toString() === selectedDepartmantId.value.toString()\r\n    ) {\r\n      if (question.InfoOnly === true) {\r\n        let newQuestion = createSpecificIdQuestion(question, item.info);\r\n        item.info.push(newQuestion);\r\n        item.count++;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      } else {\r\n        let category = {\r\n          id: 0,\r\n          name: null,\r\n          questions: [],\r\n        };\r\n        if (item.categorys.length > 0) {\r\n          if (\r\n            item.categorys.some(\r\n              (i) => i.id.toString() === question.CategoryId.toString()\r\n            )\r\n          ) {\r\n            item.categorys.forEach((category) => {\r\n              if (category.id.toString() === question.CategoryId.toString()) {\r\n                if (\r\n                  category.questions.some(\r\n                    (x) => x.Id.toString() === question.Id.toString()\r\n                  ) !== true\r\n                ) {\r\n                  category.questions.push(question);\r\n                  item.count++;\r\n                  item.score = item.score + question.Score;\r\n                  setTimeout(() => {\r\n                    alertMessage(\r\n                      translate(\"checklist_msg_add_question\"),\r\n                      \"success\"\r\n                    );\r\n                  }, 50);\r\n                } else {\r\n                  setTimeout(() => {\r\n                    alertMessage(\r\n                      question.Name +\r\n                        \" \" +\r\n                        item.departmentName +\r\n                        translate(\"checklist_msg_add_error_question\"),\r\n                      \"warning\"\r\n                    );\r\n                  }, 50);\r\n                }\r\n              }\r\n            });\r\n          } else {\r\n            category.id = question.CategoryId;\r\n            category.name = question.CategoryName;\r\n            category.questions.push(question);\r\n            item.categorys.push(category);\r\n            item.count++;\r\n            item.score = item.score + question.Score;\r\n            setTimeout(() => {\r\n              alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n            }, 50);\r\n          }\r\n        } else {\r\n          category.id = question.CategoryId;\r\n          category.name = question.CategoryName;\r\n          category.questions.push(question);\r\n          item.categorys.push(category);\r\n          item.count++;\r\n          item.score = item.score + question.Score;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        }\r\n        item.categorys = item.categorys.sort(function (a, b) {\r\n          return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n        });\r\n      }\r\n    }\r\n  });\r\n};\r\n\r\nconst deleteQuestion = (department, questionId) => {\r\n  department.categorys.forEach((category) => {\r\n    category.questions.forEach((question) => {\r\n      if (question.Id.toString() === questionId.toString()) {\r\n        category.questions = category.questions.filter(\r\n          (q) => q.Id.toString() !== questionId.toString()\r\n        );\r\n        department.count--;\r\n        department.score = department.score - question.Score;\r\n        if (category.questions.length === 0) {\r\n          department.categorys = department.categorys.filter(\r\n            (c) => c.id.toString() !== category.id.toString()\r\n          );\r\n        }\r\n      }\r\n    });\r\n  });\r\n};\r\n\r\nconst deleteInfoQuestion = (department, infoList, question) => {\r\n  infoList.forEach((q) => {\r\n    if (q.specificId.toString() === question.specificId.toString()) {\r\n      let index = infoList.findIndex(\r\n        (i) => i.specificId.toString() === question.specificId.toString()\r\n      );\r\n      infoList.splice(index, 1);\r\n      department.count--;\r\n    }\r\n  });\r\n};\r\n\r\nconst deleteCLInfoQuestion = (question, index, deparmantId) => {\r\n  if (parseInt(deparmantId) === 0) {\r\n    checkListModel.cLInfoQuestions[0].questions.splice(index, 1);\r\n    checkListModel.cLInfoQuestions[0].count--;\r\n  } else {\r\n    let department = checkListModel.cLInfoQuestions.find(\r\n      (i) => i.departmentId.toString() === deparmantId.toString()\r\n    );\r\n    let i = department.questions.findIndex(\r\n      (q) => q.specificId.toString() === question.specificId.toString()\r\n    );\r\n    department.questions.splice(i, 1);\r\n    department.count--;\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  document\r\n    .getElementById(\"add-questionlist-modal\")\r\n    .addEventListener(\"hide.bs.modal\", function () {\r\n      setTimeout(() => {\r\n        clInfQue.value = false;\r\n        modalFilterCheckbox.value.checked = false;\r\n        filterObject.page = 1;\r\n        filterObject.pageSize = 10;\r\n        filterObject.questionText = null;\r\n        filterObject.code = null;\r\n        filterObject.categoryIds = [];\r\n        filterObject.infoStatus = 2;\r\n        questionList.value = [];\r\n      }, 400);\r\n    });\r\n});\r\n\r\nlet updatedTrue = false;\r\nonBeforeRouteLeave((to, from, next) => {\r\n  if (updatedTrue === false) {\r\n    let status = true;\r\n    if (firstData !== JSON.stringify(checkListModel)) {\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\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  visibility: hidden;\r\n}\r\n.accordion-button:not(.collapsed) {\r\n  color: black;\r\n  background: #fff;\r\n  box-shadow: none;\r\n}\r\n\r\n.accordion-item {\r\n  border-color: #e4e6ef;\r\n}\r\n</style>\r\n<style>\r\n#modal-multi-select\r\n  .p-multiselect\r\n  .p-multiselect-label-container\r\n  .p-placeholder {\r\n  padding: 10px;\r\n  font-size: 13px !important;\r\n  font-family: \"Roboto\", sans-serif;\r\n  font-weight: 600;\r\n}\r\n</style>\r\n","import script from \"./EditChecklistPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./EditChecklistPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./EditChecklistPage.vue?vue&type=style&index=0&id=6ecd5838&scoped=true&lang=css\"\nimport \"./EditChecklistPage.vue?vue&type=style&index=1&id=6ecd5838&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-6ecd5838\"]])\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!./EditChecklistPage.vue?vue&type=style&index=1&id=6ecd5838&lang=css\""],"sourceRoot":""}