{"version":3,"sources":["webpack:///./src/views/admin/WorkflowTasks.vue?7b3a","webpack:///./src/views/admin/WorkflowTasks.vue?129a","webpack:///src/views/admin/WorkflowTasks.vue","webpack:///./src/views/admin/WorkflowTasks.vue?54dd","webpack:///./src/views/admin/WorkflowTasks.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","taskType","attrs","on","$event","handleNewClick","taskTypeString","tableData","Rows","Columns","Values","hiddenColumns","ellipsisButtonConfig","tableTextLength","ellipsisButtonClicked","rowClickHandler","_e","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","showDeleteDialog","deleteTask","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","data","columns","ValueType","windowWidth","computed","created","window","destroyed","methods","buildTableData","response","id","getWorkflowTasks","endpoint","payload","taskTemplateID","taskText","taskListID","taskListName","orderedTaskTemplateIDs","showEditDialog","Promise","promises","showTheDeleteDialog","toggleTaskDialog","toggleTasklistDialog","updateWindowWidth","component"],"mappings":"gHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,eAAe,CAACE,YAAY,WAAWI,MAAM,CAAC,GAAK,UAAU,KAAO,UAAU,UAAY,WAAWC,GAAG,CAAC,oBAAsB,SAASC,GAAQ,OAAOZ,EAAIa,oBAAoB,CAACb,EAAIO,GAAG,QAAQP,EAAIQ,GAAGR,EAAIc,gBAAgB,QAAQ,KAAKV,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAAEN,EAAIe,WAAaf,EAAIe,UAAUC,KAAMZ,EAAG,MAAM,CAACA,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,sBAAsB,cAAgBV,EAAIe,UAAUE,QAAQC,OAAO,UAAYlB,EAAIe,UAAUC,KAAKE,OAAO,YAAclB,EAAImB,cAAc,qBAAuBnB,EAAIoB,qBAAqB,cAAgBpB,EAAIqB,iBAAiBV,GAAG,CAAC,0BAA0BX,EAAIsB,sBAAsB,mBAAmBtB,EAAIuB,oBAAoB,GAAGvB,EAAIwB,SAASpB,EAAG,qBAAqB,CAACM,MAAM,CAAC,GAAK,8BAA8B,kBAAmC,IAAfV,EAAIyB,OAAe,SAAW,OAAO,iBAAmB,SAAS,UAAY,OAAO,YAAc,MAAM,WAA4B,IAAfzB,EAAIyB,OAAe,WAAa,YAAY,sBAAoD,IAA5BzB,EAAI0B,aAAaC,OAAa,KAAO3B,EAAI4B,yBAAyBjB,GAAG,CAAC,mBAAqB,SAASC,GAAQ,OAAOZ,EAAI6B,YAAY,cAAgB,SAASjB,GAAQ,OAAOZ,EAAI8B,gBAAgB,CAAC1B,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiByB,MAAM,CAAE,aAAc/B,EAAIgC,YAAa,CAAChC,EAAIO,GAAG,iBAAiBH,EAAG,WAAW,CAAC6B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpC,EAAgB,aAAEqC,WAAW,iBAAiB/B,YAAY,kBAAkByB,MAAM,CAAE,aAAc/B,EAAIgC,WAAYtB,MAAM,CAAC,GAAK,gBAAgB,MAAQ,OAAO,YAAc,gBAAgB,KAAO,MAAM4B,SAAS,CAAC,MAAStC,EAAgB,cAAGW,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO2B,OAAOC,YAAqBxC,EAAI0B,aAAad,EAAO2B,OAAOH,iBAAgBhC,EAAG,qBAAqB,CAACM,MAAM,CAAC,GAAK,kCAAkC,kBAAmC,IAAfV,EAAIyB,OAAe,SAAW,OAAO,iBAAmB,SAAS,UAAY,OAAO,YAAc,MAAM,WAA4B,IAAfzB,EAAIyB,OAAe,eAAiB,gBAAgB,sBAAwBzB,EAAIyC,uBAAuB,KAAOzC,EAAI0C,6BAA6B/B,GAAG,CAAC,mBAAqB,SAASC,GAAQ,OAAOZ,EAAI6B,YAAY,cAAgB,SAASjB,GAAQ,OAAOZ,EAAI8B,gBAAgB,CAAC1B,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,gBAAgB,MAAQ,gBAAgB,KAAO,gBAAgB,YAAc,gBAAgB,UAAY,YAAY,eAAiBV,EAAI2C,eAAeC,MAAM,CAACR,MAAOpC,EAAgB,aAAE6C,SAAS,SAAUC,GAAM9C,EAAI+C,aAAaD,GAAKT,WAAW,kBAAmBrC,EAAIgD,eAAiBhD,EAAIgD,cAAcrB,OAAS,EAAGvB,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,6CAA6CF,EAAG,KAAK,CAACE,YAAY,4BAA4B,CAACF,EAAG,QAAQ,CAACJ,EAAIO,GAAG,qBAAqBH,EAAG,QAAQ,CAACE,YAAY,iBAAiBN,EAAIiD,GAAIjD,EAAiB,eAAE,SAASkD,EAAKC,GAAO,OAAO/C,EAAG,KAAK,CAACgD,IAAID,EAAMpB,MAAM,CAAC,kCAAmCoB,EAAQ,IAAM,IAAI,CAAC/C,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,iBAAiB,CAACiD,IAAK,UAAaH,EAAQ,IAAGI,UAAS,EAAK5C,MAAM,CAAC,GAAM,UAAawC,EAAQ,IAAG,QAAUlD,EAAIuD,aAAaC,SAASN,EAAKO,MAAM9C,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOZ,EAAI0D,iBAAiBR,EAAKO,UAAU,GAAGrD,EAAG,KAAK,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAG0C,EAAKS,OAAO,cAAa,OAAO3D,EAAIwB,MAAM,KAAKpB,EAAG,qBAAqB,CAACM,MAAM,CAAC,GAAK,oBAAoB,kBAAoB,MAAM,iBAAmB,KAAK,YAAc,MAAM,UAAY,UAAU,WAAc,UAAYV,EAAIc,eAAgB,QAA2B,UAAjBd,EAAIS,SAAwB,oCAAsCT,EAAI0B,aAAiB,oCAAsC1B,EAAI+C,aAAc,KAAO/C,EAAI4D,kBAAkBjD,GAAG,CAAC,mBAAqB,SAASC,GAAQ,OAAOZ,EAAI6D,cAAc,cAAgB,SAASjD,GAAQZ,EAAI4D,kBAAoB5D,EAAI4D,qBAAqBxD,EAAG,iBAAiB,CAACM,MAAM,CAAC,GAAK,gBAAgB,iBAAmBV,EAAI8D,aAAa,cAAgB9D,EAAI+D,cAAc,iBAAmB/D,EAAIgE,iBAAiB,cAAgBhE,EAAIiE,eAAetD,GAAG,CAAC,0BAA0B,SAASC,GAAQZ,EAAI8D,aAAalD,GAAQ,4BAA4B,SAASA,GAAQZ,EAAI8D,aAAalD,OAAY,IAC3iJsD,EAAkB,G,oCC8IP,G,gFAAA,CACfhC,qBACAiC,gBACA,OACAZ,gBACAa,SACAlD,QACA,eACA,YACA,0BAEAmD,oBAEArC,aACAW,iBACAxB,+BACAyC,oBACAhC,2BACAc,+BACAoB,gBACAC,iBACAC,oBACAC,iBACAlD,aACAU,SACAsB,gBACArB,gBACAZ,kBACAwD,cACAtB,qBAGAuB,UACA9B,kCAAA,+DACArB,gCAAA,wDACAX,oBAAA,gDACAY,2BAAA,0EAEAmD,mBAAA,oKACA,sFACA,qBACA,wDACAC,sDACA,gEALA,IAOAC,qBACAD,6DAEAE,SACAC,2BACA,2BACA,OACA1D,QACAgC,MACAA,QACA,sBAEAmB,uBAPA,GAWA,8DAEA,gBACApD,qBACAD,MACAE,SACAmD,0BAIAvC,sBACA,wBACA,wBACA,4BACA,6BAGA+B,sBAAA,0JACA,GAAAgB,OACA,mEACA,iEAAAA,SAAA,0BACA,wEACA,8DAAAA,SAAA,QAGA,YACA,sBACA,0BACA,0DACA,mBACA,kBAEA,uBAEA,sBACA,0BACA,8DACA,mBACA,mBACA,2CAtBA,IAwBAvD,kCAAA,MACA,qEACA,sCAAAwD,OACA,mBACA,uBACA,uBACA,MACA,yBACA,4BACA,MACA,2BACA,uBACA,MACA,6BACA,4BACA,MACA,QACA,SAIAC,4BAAA,uJACA,qDACA,0GACA,yDACA,qGAEA,6EANA,IAQAlE,0BAAA,uJACA,qCACA,8CACA,wDACA,gFACA,mEALA,IAQAU,6BACA,kCACA,kCAEAM,oBAAA,8JAEA,GADAmD,KACAC,KAEA,yCACA,4CAKA,OAJA,eACA,wBACA,sDACA,mBACA,6CAIAA,GACAC,wBACAC,yBAEAH,qBAAA,2BACA,4CACA,4CAKA,OAJA,mBACA,wBACA,+DACA,mBACA,6CAIAC,GACAG,oBACAC,4BACAC,uCAEAN,iBAAA,yBAGA,mDAAAH,SACA,UACA,0BACA,aACA,2EAEA,sEAEA,mBACA,kBACA,qBAEA,qBACA,qBACA,yBACA,2BAGA,wBACA,uJACA,mBACA,mBACA,2CA3DA,IA6DAU,2BAAA,iKACA,qDACA,iFAEA,qCACA,6BACA,aAEA,wBACA,wGACA,mBACA,mBACA,0BACA,0DACAC,aACA,kDACA,sDACA,QAHAC,SAKA,sCACAA,YAEA,eACA,wCACA,WACA,8BACA,mCAEA,wBACA,wGACA,mBACA,mBACA,2CAhCA,IAmCAC,gCAAA,6JACA,qDACA,iFAEA,qCACA,sBACA,aAEA,wBACA,0GACA,mBACA,mBACA,0BACA,0DACA,4DAAAT,SACA,eACA,sBACA,wCACA,WACA,gCAEA,wBACA,0GACA,mBACA,mBACA,2CAzBA,IA4BAvB,6BACA,mCAEA,KACA,8BAEA,2BAGAiC,4BACA,2DACA,cACA,qBACA,mBAEAC,gCACA,mEACA,qBACA,cACA,qBACA,uBAEAC,6BAAA,uCChbsW,I,wBCQlWC,EAAY,eACd,EACA/F,EACAmE,GACA,EACA,KACA,WACA,MAIa,aAAA4B,E","file":"js/chunk-3577b7d0.3269f2d4.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WorkflowTasks.vue?vue&type=style&index=0&id=e45a9c2e&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\"},[_c('div',{staticClass:\"vap-page-header\"},[_c('h1',[_vm._v(_vm._s(_vm.taskType))]),_c('div',{staticClass:\"btns-container\"},[_c('VasionButton',{staticClass:\"last-btn\",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:\"vap-page-content\"},[_c('div',{staticClass:\"main-table-container vasion-html-table-default\"},[(_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,\"vasion-selection\":_vm.rowClickHandler}})],1):_vm._e()])]),_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 vasion-html-table-header\"}),_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=\"vap-page\">\n    <div class=\"vap-page-header\">\n      <h1>{{ taskType }}</h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          id=\"actions\"\n          name=\"actions\"\n          class=\"last-btn\"\n          classProp=\"primary\"\n          @vasionButtonClicked=\"handleNewClick()\"\n        >\n          New {{ taskTypeString }}\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div class=\"main-table-container vasion-html-table-default\">\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            @vasion-selection=\"rowClickHandler\"\n          />\n        </div>\n      </div>\n    </div>\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 vasion-html-table-header\"></th>\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    rowClickHandler(data) {\n      if (!data || !data.Values || data.Values.length <= 0) return\n      this.showEditDialog(data.Values[0])\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      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 - 224px);\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: 100%;\n  max-height: calc(100vh - 200px);\n  padding: 20px 0px;\n  overflow: hidden;\n\n  @media (min-width: $breakpoint-md) {\n    min-width: 600px;\n  }\n\n  @media (min-width: $breakpoint-lg) {\n    max-height: calc(100vh - 400px);\n    min-width: 900px;\n  }\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#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 - 344px);\n\n  @media (min-width: $breakpoint-lg) {\n    max-height: calc(100vh - 544px);\n  }\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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=e45a9c2e&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=e45a9c2e&prod&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  \"e45a9c2e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}