{"version":3,"sources":["webpack:///./src/views/admin/WorkflowTasks.vue?b7b8","webpack:///src/views/admin/WorkflowTasks.vue","webpack:///./src/views/admin/WorkflowTasks.vue?e3e6","webpack:///./src/views/admin/WorkflowTasks.vue","webpack:///./src/views/admin/WorkflowTasks.vue?e163"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","taskType","on","$event","handleNewClick","taskTypeString","tableData","Rows","Columns","Values","hiddenColumns","ellipsisButtonConfig","tableTextLength","ellipsisButtonClicked","taskId","taskTextBody","length","showNewOrEditTaskDialog","saveTask","cancelTask","class","errorTask","directives","name","rawName","value","expression","domProps","target","composing","disableTasklistConfirm","showNewOrEditTaskListDialog","errorTasklist","model","callback","$$v","tasklistName","workflowTasks","_l","task","index","key","ref","refInFor","checkedTasks","includes","iID","toggleCheckedRow","sName","_e","showDeleteDialog","deleteTask","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","data","columns","ValueType","windowWidth","computed","destroyed","window","removeEventListener","updateWindowWidth","methods","buildTableData","toggleTaskDialog","toggleTasklistDialog","payload","buttonId","showEditDialog","id","showTheDeleteDialog","indexOf","splice","push","item","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yDAAyD,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,GAAK,YAAYH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACN,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,UAAU,OAAON,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,eAAe,CAACG,MAAM,CAAC,GAAK,UAAU,KAAO,UAAU,UAAY,WAAWI,GAAG,CAAC,oBAAsB,SAASC,GAAQ,OAAOZ,EAAIa,oBAAoB,CAACb,EAAIQ,GAAG,QAAQR,EAAIS,GAAGT,EAAIc,gBAAgB,QAAQ,KAAKV,EAAG,MAAM,CAACE,YAAY,YAAY,CAAEN,EAAIe,WAAaf,EAAIe,UAAUC,KAAMZ,EAAG,MAAM,CAACA,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,sBAAsB,cAAgBP,EAAIe,UAAUE,QAAQC,OAAO,UAAYlB,EAAIe,UAAUC,KAAKE,OAAO,YAAclB,EAAImB,cAAc,qBAAuBnB,EAAIoB,qBAAqB,cAAgBpB,EAAIqB,iBAAiBV,GAAG,CAAC,0BAA0BX,EAAIsB,0BAA0B,GAAGlB,EAAG,MAAM,CAACJ,EAAIQ,GAAG,iCAAiCJ,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,8BAA8B,kBAAmC,IAAfP,EAAIuB,OAAe,SAAW,OAAO,iBAAmB,SAAS,UAAY,OAAO,YAAc,MAAM,WAA4B,IAAfvB,EAAIuB,OAAe,WAAa,YAAY,sBAAoD,IAA5BvB,EAAIwB,aAAaC,OAAa,KAAOzB,EAAI0B,yBAAyBf,GAAG,CAAC,mBAAqB,SAASC,GAAQ,OAAOZ,EAAI2B,YAAY,cAAgB,SAASf,GAAQ,OAAOZ,EAAI4B,gBAAgB,CAACxB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiBuB,MAAM,CAAE,aAAc7B,EAAI8B,YAAa,CAAC9B,EAAIQ,GAAG,iBAAiBJ,EAAG,WAAW,CAAC2B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlC,EAAgB,aAAEmC,WAAW,iBAAiB7B,YAAY,kBAAkBuB,MAAM,CAAE,aAAc7B,EAAI8B,WAAYvB,MAAM,CAAC,GAAK,gBAAgB,MAAQ,OAAO,YAAc,gBAAgB,KAAO,MAAM6B,SAAS,CAAC,MAASpC,EAAgB,cAAGW,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOyB,OAAOC,YAAqBtC,EAAIwB,aAAaZ,EAAOyB,OAAOH,iBAAgB9B,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,kCAAkC,kBAAmC,IAAfP,EAAIuB,OAAe,SAAW,OAAO,iBAAmB,SAAS,UAAY,OAAO,YAAc,MAAM,WAA4B,IAAfvB,EAAIuB,OAAe,eAAiB,gBAAgB,sBAAwBvB,EAAIuC,uBAAuB,KAAOvC,EAAIwC,6BAA6B7B,GAAG,CAAC,mBAAqB,SAASC,GAAQ,OAAOZ,EAAI2B,YAAY,cAAgB,SAASf,GAAQ,OAAOZ,EAAI4B,gBAAgB,CAACxB,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,gBAAgB,MAAQ,gBAAgB,KAAO,gBAAgB,YAAc,gBAAgB,UAAY,YAAY,eAAiBP,EAAIyC,eAAeC,MAAM,CAACR,MAAOlC,EAAgB,aAAE2C,SAAS,SAAUC,GAAM5C,EAAI6C,aAAaD,GAAKT,WAAW,kBAAmBnC,EAAI8C,eAAiB9C,EAAI8C,cAAcrB,OAAS,EAAGrB,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,oBAAoBF,EAAG,KAAK,CAACE,YAAY,4BAA4B,CAACF,EAAG,QAAQ,CAACJ,EAAIQ,GAAG,qBAAqBJ,EAAG,QAAQ,CAACE,YAAY,iBAAiBN,EAAI+C,GAAI/C,EAAiB,eAAE,SAASgD,EAAKC,GAAO,OAAO7C,EAAG,KAAK,CAAC8C,IAAID,EAAMpB,MAAM,CAAC,kCAAmCoB,EAAQ,IAAM,IAAI,CAAC7C,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,iBAAiB,CAAC+C,IAAK,UAAaH,EAAQ,IAAGI,UAAS,EAAK7C,MAAM,CAAC,GAAM,UAAayC,EAAQ,IAAG,QAAUhD,EAAIqD,aAAaC,SAASN,EAAKO,MAAM5C,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOZ,EAAIwD,iBAAiBR,EAAKO,UAAU,GAAGnD,EAAG,KAAK,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACJ,EAAIQ,GAAG,IAAIR,EAAIS,GAAGuC,EAAKS,OAAO,cAAa,OAAOzD,EAAI0D,MAAM,KAAKtD,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,oBAAoB,kBAAoB,MAAM,iBAAmB,KAAK,YAAc,MAAM,UAAY,UAAU,WAAc,UAAYP,EAAIc,eAAgB,QAA2B,UAAjBd,EAAIU,SAAwB,oCAAsCV,EAAIwB,aAAiB,oCAAsCxB,EAAI6C,aAAc,KAAO7C,EAAI2D,kBAAkBhD,GAAG,CAAC,mBAAqB,SAASC,GAAQ,OAAOZ,EAAI4D,cAAc,cAAgB,SAAShD,GAAQZ,EAAI2D,kBAAoB3D,EAAI2D,qBAAqBvD,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,gBAAgB,iBAAmBP,EAAI6D,aAAa,cAAgB7D,EAAI8D,cAAc,iBAAmB9D,EAAI+D,iBAAiB,cAAgB/D,EAAIgE,eAAerD,GAAG,CAAC,0BAA0B,SAASC,GAAQZ,EAAI6D,aAAajD,GAAQ,4BAA4B,SAASA,GAAQZ,EAAI6D,aAAajD,OAAY,IACpoJqD,EAAkB,G,wBCmJtB,G,gFAAA,CACEjC,KAAM,gBACNkC,KAAM,WACJ,MAAO,CACLb,aAAc,GACdc,QAAS,CACPjD,OAAQ,CAChB,eACA,YACA,0BAEQkD,UAAW,UAEbtC,WAAW,EACXW,eAAe,EACftB,cAAe,CAAC,gBAChBwC,kBAAkB,EAClBjC,yBAAyB,EACzBc,6BAA6B,EAC7BqB,cAAc,EACdC,eAAe,EACfC,iBAAkB,GAClBC,cAAe,GACfjD,UAAW,GACXQ,OAAQ,EACRsB,aAAc,GACdrB,aAAc,GACdV,eAAgB,GAChBuD,YAAa,EACbvB,cAAe,OAGnBwB,SAAU,CACR/B,uBADJ,WACA,+DACInB,qBAFJ,WAEA,wDACIV,SAHJ,WAGA,gDACIW,gBAJJ,WAIA,0EAEE,QAtCF,WAsCA,wKACA,+EADA,OAEA,qBACA,wDACA,sDACA,sBALA,8CAOEkD,UA7CF,WA8CIC,OAAOC,oBAAoB,SAAUxE,KAAKyE,oBAE5CC,QAAS,CACPC,eADJ,SACA,GACM,IAAN,uBACQ,MAAO,CACL1D,OAAQ,CAClB,MACA,QACA,sBAEUkD,UAAW,aAPrB,GAWMnE,KAAKkE,QAAQjD,OAAO,GAAK,GAA/B,oCAEMjB,KAAKc,UAAY,CACfE,QAAShB,KAAKkE,QACdnD,KAAM,CACJE,OAAQgD,EACRE,UAAW,gBAIjBxC,WAvBJ,WAwB4B,UAAlB3B,KAAKS,SACPT,KAAK4E,mBACb,4BACQ5E,KAAK6E,wBAGT,WA9BJ,WA8BA,iKACA,OACA,mCAFA,gCAGA,0DAHA,OAGA,EAHA,iCAIA,sCAJA,kCAKA,sDALA,QAKA,EALA,eAQA,YACA,sBACA,0BACA,0DACA,mBACA,kBAEA,uBAEA,sBACA,0BACA,8DACA,mBACA,mBArBA,+CAwBIxD,sBAtDJ,SAsDA,SACM,GAAN,OAAUyD,QAAV,mDACQ,IAAR,yCACQ,OAAQA,EAAQC,UACd,IAAK,mBACH/E,KAAKgF,eAAeC,GACpB,MACF,IAAK,qBACHjF,KAAKkF,oBAAoBD,GACzB,MACF,IAAK,uBACHjF,KAAKgF,eAAeC,GACpB,MACF,IAAK,yBACHjF,KAAKkF,oBAAoBD,GACzB,MACF,QACE,SAIR,iBA3EJ,WA2EA,2JACA,qBADA,gCAEA,kDAFA,OAEA,gBAFA,iCAGA,wBAHA,iCAIA,8CAJA,OAIA,gBAJA,gCAMA,kCANA,+CAQI,eAnFJ,WAmFA,2JACA,qBADA,gBAEA,qBAFA,yBAGA,wBAHA,gCAIA,kDAJA,OAIA,gBAJA,OAKA,yBALA,8CAQI,SA3FJ,WA2FA,qKACA,KACA,KAEA,qBAJA,oBAKA,2BALA,wBAMA,eACA,wBACA,sDACA,mBACA,kBAVA,2BAcA,GACA,wBACA,yBAEA,qBAlBA,2BAmBA,wBAnBA,oBAoBA,2BApBA,wBAqBA,mBACA,wBACA,+DACA,mBACA,kBAzBA,2BA6BA,GACA,oBACA,4BACA,uCAEA,iBAlCA,eAqCA,eArCA,UAsCA,2CAtCA,QAsCA,EAtCA,OAuCA,UACA,0BACA,aACA,2EAEA,sEAEA,mBACA,kBACA,qBAEA,qBACA,qBACA,yBACA,2BAGA,wBACA,uJACA,mBACA,mBA3DA,+CA8DI,eAzJJ,SAyJA,wKACA,qBADA,gCAEA,oDAFA,OAEA,eAFA,OAIA,qCACA,6BACA,aAEA,wBACA,wGACA,mBACA,mBAXA,0BAaA,wBAbA,kCAcA,aACA,kDACA,sDAhBA,QAcA,EAdA,OAmBA,qBAnBA,iBAoBA,EApBA,GAoBA,EApBA,KAsBA,eACA,wCACA,WACA,8BACA,mCAEA,wBACA,wGACA,mBACA,mBA/BA,+CAmCI,oBA5LJ,SA4LA,oKACA,qBADA,gCAEA,oDAFA,OAEA,eAFA,OAIA,qCACA,sBACA,aAEA,wBACA,0GACA,mBACA,mBAXA,0BAaA,wBAbA,kCAcA,oDAdA,QAcA,EAdA,OAeA,eACA,sBACA,wCACA,WACA,gCAEA,wBACA,0GACA,mBACA,mBAxBA,+CA4BI1B,iBAxNJ,SAwNA,GACM,IAAN,+BAEU4B,GAAW,EACbnF,KAAKoD,aAAagC,OAAOD,EAAS,GAElCnF,KAAKoD,aAAaiC,KAAKC,IAG3BV,iBAjOJ,WAkOM5E,KAAKyB,yBAA2BzB,KAAKyB,wBACrCzB,KAAKsB,OAAS,EACdtB,KAAKuB,aAAe,GACpBvB,KAAK6B,WAAY,GAEnBgD,qBAvOJ,WAwOM7E,KAAKuC,6BAA+BvC,KAAKuC,4BACzCvC,KAAKoD,aAAe,GACpBpD,KAAKsB,OAAS,EACdtB,KAAK4C,aAAe,GACpB5C,KAAKwC,eAAgB,GAEvBiC,kBA9OJ,WA8OA,uCClbsW,I,wBCQlWc,EAAY,eACd,EACAzF,EACAkE,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E,2CCnBf,W","file":"js/chunk-c9a09952.543a5f4c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-white-background full-width vasion-calc-height\"},[_c('div',{staticClass:\"vasion-main-inner-div\"},[_c('div',{staticClass:\"full-width\",attrs:{\"id\":\"header\"}}),_c('div',{staticClass:\"md-layout\"},[_c('div',{staticClass:\"md-layout-item vasion-page-title\"},[_vm._v(\" \"+_vm._s(_vm.taskType)+\" \")]),_c('div',{staticClass:\"md-layout-item vasion-flex-end\"},[_c('VasionButton',{attrs:{\"id\":\"actions\",\"name\":\"actions\",\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.handleNewClick()}}},[_vm._v(\" New \"+_vm._s(_vm.taskTypeString)+\" \")])],1)]),_c('div',{staticClass:\"grid-div\"},[(_vm.tableData && _vm.tableData.Rows)?_c('div',[_c('VasionTable',{attrs:{\"id\":\"all-workflows-table\",\"headerColumns\":_vm.tableData.Columns.Values,\"tableRows\":_vm.tableData.Rows.Values,\"hideColumns\":_vm.hiddenColumns,\"ellipsisButtonConfig\":_vm.ellipsisButtonConfig,\"maxTextLength\":_vm.tableTextLength},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked}})],1):_c('div',[_vm._v(\" No content to display \")])])]),_c('VasionGeneralModal',{attrs:{\"id\":\"vasion-new-or-edit-task-div\",\"confirmButtonText\":_vm.taskId === 0 ? 'Create' : 'Save',\"rejectButtonText\":'Cancel',\"modalType\":'slot',\"buttonGroup\":'end',\"modalTitle\":_vm.taskId === 0 ? 'New Task' : 'Edit Task',\"confirmButtonDisabled\":_vm.taskTextBody.length === 0,\"sync\":_vm.showNewOrEditTaskDialog},on:{\"confirmButtonClick\":function($event){return _vm.saveTask()},\"noButtonClick\":function($event){return _vm.cancelTask()}}},[_c('div',{staticClass:\"task-dialog\"},[_c('div',[_c('div',{staticClass:\"textarea-title\",class:{ 'error-task': _vm.errorTask }},[_vm._v(\" TASK TEXT \")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.taskTextBody),expression:\"taskTextBody\"}],staticClass:\"vasion-textarea\",class:{ 'error-task': _vm.errorTask },attrs:{\"id\":\"task-textarea\",\"label\":\"Task\",\"placeholder\":\"Enter text...\",\"rows\":\"10\"},domProps:{\"value\":(_vm.taskTextBody)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.taskTextBody=$event.target.value}}})])])]),_c('VasionGeneralModal',{attrs:{\"id\":\"vasion-new-or-edit-tasklist-div\",\"confirmButtonText\":_vm.taskId === 0 ? 'Create' : 'Save',\"rejectButtonText\":'Cancel',\"modalType\":'slot',\"buttonGroup\":'end',\"modalTitle\":_vm.taskId === 0 ? 'New Tasklist' : 'Edit Tasklist',\"confirmButtonDisabled\":_vm.disableTasklistConfirm,\"sync\":_vm.showNewOrEditTaskListDialog},on:{\"confirmButtonClick\":function($event){return _vm.saveTask()},\"noButtonClick\":function($event){return _vm.cancelTask()}}},[_c('div',{staticClass:\"new-tasklist-dialog\"},[_c('VasionInput',{attrs:{\"id\":\"tasklist-name\",\"title\":\"TASKLIST NAME\",\"name\":\"tasklist-name\",\"placeholder\":\"Enter Name...\",\"inputType\":\"top-white\",\"isInErrorState\":_vm.errorTasklist},model:{value:(_vm.tasklistName),callback:function ($$v) {_vm.tasklistName=$$v},expression:\"tasklistName\"}}),(_vm.workflowTasks && _vm.workflowTasks.length > 0)?_c('div',{staticClass:\"tasklist-modal-table vasion-html-table-default\"},[_c('table',[_c('thead',{staticClass:\"whiteBackground\"},[_c('tr',[_c('th',{staticClass:\"checkbox-column\"}),_c('th',{staticClass:\"vasion-html-table-header\"},[_c('label',[_vm._v(\"Task Name\")])])])]),_c('tbody',{staticClass:\"tasklist-body\"},_vm._l((_vm.workflowTasks),function(task,index){return _c('tr',{key:index,class:{'vasion-lightest-grey-background': index % 2 === 0}},[_c('td',{staticClass:\"checkbox-column\"},[_c('VasionCheckbox',{ref:(\"chkRow_\" + (task.iID)),refInFor:true,attrs:{\"id\":(\"chkRow_\" + (task.iID)),\"checked\":_vm.checkedTasks.includes(task.iID)},on:{\"change\":function($event){return _vm.toggleCheckedRow(task.iID)}}})],1),_c('td',{staticClass:\"vasion-html-table-field fullWidth\"},[_c('label',[_vm._v(\" \"+_vm._s(task.sName)+\" \")])])])}),0)])]):_vm._e()],1)]),_c('VasionGeneralModal',{attrs:{\"id\":\"vasion-delete-div\",\"confirmButtonText\":'Yes',\"rejectButtonText\":'No',\"buttonGroup\":'end',\"modalType\":'message',\"modalTitle\":(\"Delete \" + _vm.taskTypeString),\"message\":_vm.taskType === 'Tasks' ? (\"Are you sure you want to delete: \" + _vm.taskTextBody) : (\"Are you sure you want to delete: \" + _vm.tasklistName),\"sync\":_vm.showDeleteDialog},on:{\"confirmButtonClick\":function($event){return _vm.deleteTask()},\"noButtonClick\":function($event){_vm.showDeleteDialog = !_vm.showDeleteDialog}}}),_c('VasionSnackbar',{attrs:{\"id\":\"results-snack\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbar=$event}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vasion-white-background full-width vasion-calc-height\">\n    <div class=\"vasion-main-inner-div\">\n      <div id=\"header\" class=\"full-width\" />\n      <div class=\"md-layout\">\n        <div class=\"md-layout-item vasion-page-title\">\n          {{ taskType }}\n        </div>\n        <div class=\"md-layout-item vasion-flex-end\">\n          <VasionButton\n            id=\"actions\"\n            name=\"actions\"\n            :classProp=\"'primary'\"\n            @vasionButtonClicked=\"handleNewClick()\"\n          >\n            New {{ taskTypeString }}\n          </VasionButton>\n        </div>\n      </div>\n      <div class=\"grid-div\">\n        <div v-if=\"tableData && tableData.Rows\">\n          <VasionTable\n            id=\"all-workflows-table\"\n            :headerColumns=\"tableData.Columns.Values\"\n            :tableRows=\"tableData.Rows.Values\"\n            :hideColumns=\"hiddenColumns\"\n            :ellipsisButtonConfig=\"ellipsisButtonConfig\"\n            :maxTextLength=\"tableTextLength\"\n            @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n          />\n        </div>\n        <div v-else>\n          No content to display\n        </div>\n      </div>\n    </div>\n\n    <VasionGeneralModal\n      id=\"vasion-new-or-edit-task-div\"\n      :confirmButtonText=\"taskId === 0 ? 'Create' : 'Save'\"\n      :rejectButtonText=\"'Cancel'\"\n      :modalType=\"'slot'\"\n      :buttonGroup=\"'end'\"\n      :modalTitle=\"taskId === 0 ? 'New Task' : 'Edit Task'\"\n      :confirmButtonDisabled=\"taskTextBody.length === 0\"\n      :sync=\"showNewOrEditTaskDialog\"\n      @confirmButtonClick=\"saveTask()\"\n      @noButtonClick=\"cancelTask()\"\n    >\n      <div class=\"task-dialog\">\n        <div>\n          <div class=\"textarea-title\" :class=\"{ 'error-task': errorTask }\">\n            TASK TEXT\n          </div>\n          <textarea\n            id=\"task-textarea\"\n            v-model=\"taskTextBody\"\n            label=\"Task\"\n            class=\"vasion-textarea\"\n            :class=\"{ 'error-task': errorTask }\"\n            placeholder=\"Enter text...\"\n            rows=\"10\"\n          />\n        </div>\n      </div>\n    </VasionGeneralModal>\n\n    <VasionGeneralModal\n      id=\"vasion-new-or-edit-tasklist-div\"\n      :confirmButtonText=\"taskId === 0 ? 'Create' : 'Save'\"\n      :rejectButtonText=\"'Cancel'\"\n      :modalType=\"'slot'\"\n      :buttonGroup=\"'end'\"\n      :modalTitle=\"taskId === 0 ? 'New Tasklist' : 'Edit Tasklist'\"\n      :confirmButtonDisabled=\"disableTasklistConfirm\"\n      :sync=\"showNewOrEditTaskListDialog\"\n      @confirmButtonClick=\"saveTask()\"\n      @noButtonClick=\"cancelTask()\"\n    >\n      <div class=\"new-tasklist-dialog\">\n        <VasionInput\n          id=\"tasklist-name\"\n          v-model=\"tasklistName\"\n          title=\"TASKLIST NAME\"\n          name=\"tasklist-name\"\n          placeholder=\"Enter Name...\"\n          inputType=\"top-white\"\n          :isInErrorState=\"errorTasklist\"\n        />\n\n        <div v-if=\"workflowTasks && workflowTasks.length > 0\" class=\"tasklist-modal-table vasion-html-table-default\">\n          <table>\n            <thead class=\"whiteBackground\">\n              <tr>\n                <th class=\"checkbox-column\" />\n                <th class=\"vasion-html-table-header\">\n                  <label>Task Name</label>\n                </th>\n              </tr>\n            </thead>\n            <tbody class=\"tasklist-body\">\n              <tr\n                v-for=\"(task, index) in workflowTasks\"\n                :key=\"index\"\n                :class=\"{'vasion-lightest-grey-background': index % 2 === 0}\"\n              >\n                <td class=\"checkbox-column\">\n                  <VasionCheckbox\n                    :id=\"`chkRow_${task.iID}`\"\n                    :ref=\"`chkRow_${task.iID}`\"\n                    :checked=\"checkedTasks.includes(task.iID)\"\n                    @change=\"toggleCheckedRow(task.iID)\"\n                  />\n                </td>\n                <td class=\"vasion-html-table-field fullWidth\">\n                  <label> {{ task.sName }} </label>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </VasionGeneralModal>\n\n    <VasionGeneralModal\n      id=\"vasion-delete-div\"\n      :confirmButtonText=\"'Yes'\"\n      :rejectButtonText=\"'No'\"\n      :buttonGroup=\"'end'\"\n      :modalType=\"'message'\"\n      :modalTitle=\"`Delete ${taskTypeString}`\"\n      :message=\"taskType === 'Tasks' ? `Are you sure you want to delete: ${taskTextBody}` : `Are you sure you want to delete: ${tasklistName}`\"\n      :sync=\"showDeleteDialog\"\n      @confirmButtonClick=\"deleteTask()\"\n      @noButtonClick=\"showDeleteDialog = !showDeleteDialog\"\n    />\n\n    <VasionSnackbar\n      id=\"results-snack\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'WorkflowTasks',\n  data: function () {\n    return {\n      checkedTasks: [],\n      columns: {\n        Values: [\n            '_WorkflowID_',\n            'Task Name',\n            '_VasionEllipsisButton_',\n        ],\n        ValueType: 'String',\n      },\n      errorTask: false,\n      errorTasklist: false,\n      hiddenColumns: ['_WorkflowID_'],\n      showDeleteDialog: false,\n      showNewOrEditTaskDialog: false,\n      showNewOrEditTaskListDialog: false,\n      showSnackbar: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      tableData: {},\n      taskId: 0,\n      tasklistName: '',\n      taskTextBody: '',\n      taskTypeString: '',\n      windowWidth: 0,\n      workflowTasks: null,\n    }\n  },\n  computed: {\n    disableTasklistConfirm() { return this.checkedTasks.length < 1 || this.tasklistName.length < 1 },\n    ellipsisButtonConfig() { return this.$store.state.security.ellipsisButtonConfig },\n    taskType() { return this.$store.state.workflow.workflowTask },\n    tableTextLength() { return this.windowWidth > 948 ? 'calc(100vw - 400px)' : 'calc(100vw - 100px)' },\n  },\n  async created() {\n    await this.$store.dispatch('security/setEllipsisButtonConfig', this.taskType.toLowerCase())\n    this.getWorkflowTasks()\n    this.taskTypeString = this.taskType === 'Tasks' ? 'Task' : 'Tasklist'\n    window.addEventListener('resize', this.updateWindowWidth);\n    this.updateWindowWidth()\n  },\n  destroyed() {\n    window.removeEventListener('resize', this.updateWindowWidth);\n  },\n  methods: {\n    buildTableData(workflowTasks) {\n      const data = !workflowTasks ? [] : workflowTasks.map((task) => {\n        return {\n          Values: [\n            task.iID,\n            task.sName,\n            'VasionEllipsisIcon',\n          ],\n          ValueType: 'String',\n        }\n      })\n\n      this.columns.Values[1] = `${this.taskTypeString} Name`\n\n      this.tableData = {\n        Columns: this.columns,\n        Rows: {\n          Values: data,\n          ValueType: 'ApiArray`1',\n        },\n      }\n    },\n    cancelTask() {\n      if (this.taskType === 'Tasks') {\n        this.toggleTaskDialog()\n      } else if (this.taskType === 'Tasklist') {\n        this.toggleTasklistDialog()\n      }\n    },\n    async deleteTask() {\n      let response = null\n      if (this.taskType === 'Tasks' && this.taskId !== 0) {\n        response = await this.$store.dispatch('workflow/deleteTemplateTask', this.taskId)\n      } else if (this.taskType === 'Tasklist' && this.taskId !== 0) {\n        response = await this.$store.dispatch('workflow/deleteTaskList', this.taskId)\n      }\n\n      if (response === 'True') {\n        this.showDeleteDialog = false\n        this.snackbarTitle = 'Success'\n        this.snackbarSubTitle = `${this.taskTypeString} Deleted`\n        this.snackbarImage = true\n        this.showSnackbar = true\n\n        this.getWorkflowTasks()\n      } else {\n        this.showDeleteDialog = false\n        this.snackbarTitle = 'Failure'\n        this.snackbarSubTitle = `${this.taskTypeString} Not Deleted`\n        this.snackbarImage = false\n        this.showSnackbar = true\n      }\n    },\n    ellipsisButtonClicked(payload) {\n      if (payload?.item?.Values[0]) {\n        const [id] = payload.item.Values\n        switch (payload.buttonId) {\n          case 'edit-task-button':\n            this.showEditDialog(id)\n            break;\n          case 'delete-task-button':\n            this.showTheDeleteDialog(id)\n            break;\n          case 'edit-tasklist-button':\n            this.showEditDialog(id)\n            break\n          case 'delete-tasklist-button':\n            this.showTheDeleteDialog(id)\n            break\n          default:\n            break;\n        }\n      }\n    },\n    async getWorkflowTasks() {\n      if (this.taskType === 'Tasks') {\n        this.workflowTasks = await this.$store.dispatch('workflow/getAllTemplateTasks')\n      } else if (this.taskType === 'Tasklist') {\n        this.workflowTasks = await this.$store.dispatch('workflow/getAllTaskLists')\n      }\n      await this.buildTableData(this.workflowTasks)\n    },\n    async handleNewClick() {\n      if (this.taskType === 'Tasks') {\n        this.toggleTaskDialog()\n      } else if (this.taskType === 'Tasklist') {\n        this.workflowTasks = await this.$store.dispatch('workflow/getAllTemplateTasks')\n        this.toggleTasklistDialog()\n      }\n    },\n    async saveTask() {\n      let endpoint = ''\n      let payload = {}\n\n      if (this.taskType === 'Tasks') {\n        if (this.taskTextBody.trim() === '') {\n          this.errorTask = true\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = 'Task cannot only include spaces.'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          return\n        }\n\n        payload = {\n          taskTemplateID: this.taskId,\n          taskText: this.taskTextBody,\n        }\n        endpoint = 'saveTemplateTask'\n      } else if (this.taskType === 'Tasklist') {\n        if (this.tasklistName.trim() === '') {\n          this.errorTasklist = true\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = 'Tasklist Name cannot only include spaces.'\n          this.snackbarImage = false\n          this.showSnackbar = true\n          return\n        }\n\n        payload = {\n          taskListID: this.taskId,\n          taskListName: this.tasklistName,\n          orderedTaskTemplateIDs: this.checkedTasks,\n        }\n        endpoint = 'saveTaskList'\n      }\n\n      this.errorText = ''\n      const response = await this.$store.dispatch(`workflow/${endpoint}`, payload)\n      if (response && response !== 0) {\n        this.snackbarTitle = 'Success'\n        if (this.taskId === 0) {\n          this.snackbarSubTitle = `New ${this.taskTypeString} created successfully`\n        } else {\n          this.snackbarSubTitle = `${this.taskTypeString} edited successfully`\n        }\n        this.snackbarImage = true\n        this.showSnackbar = true\n        this.getWorkflowTasks()\n\n        if (this.taskType === 'Tasks') {\n          this.toggleTaskDialog()\n        } else if (this.taskType === 'Tasklist') {\n          this.toggleTasklistDialog()\n        }\n      } else {\n        this.snackbarTitle = 'Error'\n        this.snackbarSubTitle = this.taskId === 0 ? `There was an error creating the ${this.taskTypeString}` : `There was an error editing the ${this.taskTypeString}`\n        this.snackbarImage = false\n        this.showSnackbar = true\n      }\n    },\n    async showEditDialog(taskId) {\n      if (this.taskType === 'Tasks') {\n        this.taskTextBody = await this.$store.dispatch('workflow/getTemplateTaskText', taskId)\n\n        if (this.taskTextBody && this.taskTextBody !== '') {\n          this.showNewOrEditTaskDialog = true\n          this.taskId = taskId\n        } else {\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = `Something went wrong when loading the ${this.taskTypeString} details to edit`\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n      } else if (this.taskType === 'Tasklist') {\n        const promises = await Promise.all([\n          this.$store.dispatch('workflow/getAllTemplateTasks'),\n          this.$store.dispatch('workflow/getTaskListWithData', taskId),\n        ])\n        // eslint-disable-next-line prefer-destructuring\n        this.workflowTasks = promises[0]\n        const [, payload] = promises\n\n        if (payload && payload !== undefined) {\n          this.checkedTasks = payload.orderedTaskTemplateIDs\n          this.taskId = taskId\n          this.tasklistName = payload.taskListName\n          this.showNewOrEditTaskListDialog = true\n        } else {\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = `Something went wrong when loading the ${this.taskTypeString} details to edit`\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n      }\n    },\n    async showTheDeleteDialog(taskId) {\n      if (this.taskType === 'Tasks') {\n        this.taskTextBody = await this.$store.dispatch('workflow/getTemplateTaskText', taskId)\n\n        if (this.taskTextBody && this.taskTextBody !== '') {\n          this.showDeleteDialog = true\n          this.taskId = taskId\n        } else {\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = `Something went wrong when loading the ${this.taskTypeString} details to delete`\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n      } else if (this.taskType === 'Tasklist') {\n        const payload = await this.$store.dispatch('workflow/getTaskListWithData', taskId)\n        if (payload && payload !== undefined) {\n          this.showDeleteDialog = true\n          this.checkedTasks = payload.orderedTaskTemplateIDs\n          this.taskId = taskId\n          this.tasklistName = payload.taskListName\n        } else {\n          this.snackbarTitle = 'Error'\n          this.snackbarSubTitle = `Something went wrong when loading the ${this.taskTypeString} details to delete`\n          this.snackbarImage = false\n          this.showSnackbar = true\n        }\n      }\n    },\n    toggleCheckedRow(item) {\n      const indexOf = this.checkedTasks.indexOf(item)\n\n      if (indexOf >= 0) {\n        this.checkedTasks.splice(indexOf, 1)\n      } else {\n        this.checkedTasks.push(item)\n      }\n    },\n    toggleTaskDialog() {\n      this.showNewOrEditTaskDialog = !this.showNewOrEditTaskDialog\n      this.taskId = 0\n      this.taskTextBody = ''\n      this.errorTask = false\n    },\n    toggleTasklistDialog() {\n      this.showNewOrEditTaskListDialog = !this.showNewOrEditTaskListDialog\n      this.checkedTasks = []\n      this.taskId = 0\n      this.tasklistName = ''\n      this.errorTasklist = false\n    },\n    updateWindowWidth() { this.windowWidth = window.innerWidth },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n\n.grid-div {\n  max-height: calc(100vh - 125px);\n  overflow: auto;\n}\n.task-dialog {\n  width: 928px;\n  border-radius: 8px;\n  padding: 20px 0px;\n}\n.new-tasklist-dialog {\n  width: 928px;\n  height: 536px;\n  padding: 20px 0px;\n  overflow: hidden;\n}\n.textarea-title {\n  height: 12px;\n  font-size: 12px;\n  font-weight: 500;\n  color: $grey-400;\n  margin-bottom: 15px;\n}\n#errorText {\n  color: red;\n}\n#task-textarea {\n  background-color: $white;\n  border-color: $grey-100;\n}\n.tasklist-modal-table {\n  margin: 10px 0px;\n}\n.checkbox-column {\n  width: 60px;\n  padding: 0 15px;\n}\n.tasklist-body {\n  display: table-caption;\n  caption-side: bottom;\n  overflow: auto;\n  max-height: calc(100vh - 450px);\n}\n.whiteBackground {\n  background-color: $white;\n}\n.fullWidth {\n  width: 100%;\n}\n.error-task {\n  border-color: $error-red !important;\n  color: $error-red !important;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WorkflowTasks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WorkflowTasks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WorkflowTasks.vue?vue&type=template&id=1440a963&scoped=true&\"\nimport script from \"./WorkflowTasks.vue?vue&type=script&lang=js&\"\nexport * from \"./WorkflowTasks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WorkflowTasks.vue?vue&type=style&index=0&id=1440a963&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1440a963\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WorkflowTasks.vue?vue&type=style&index=0&id=1440a963&lang=scss&scoped=true&\""],"sourceRoot":""}