{"version":3,"sources":["webpack:///./src/pages/manage-group/index.vue?efa3","webpack:///src/pages/manage-group/index.vue","webpack:///./src/pages/manage-group/index.vue?cebd","webpack:///./src/pages/manage-group/index.vue","webpack:///./src/pages/manage-group/index.vue?d10b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","_v","on","$event","addGroupDialog","proxy","model","value","filterGroup","callback","$$v","$set","expression","directives","name","rawName","_l","item","index","text","group","class","active","groupSelected","id","changeGroup","_s","feature","idx","featureActive","changeFeature","hasGroupSelected","deleteGroupDialog","_e","saveChanges","permission","i","child","childIndex","grandChild","grandChildIndex","is_parent","countChildren","label","channel","children","length","code","permissions","staticStyle","period","isEmpty","periods","_","periodIndex","p","countPeriods","company","locations","location","locationIndex","loc","locIndex","dialogAddGroup","close","newGroup","trim","saveNewGroup","dialogDeleteGroup","deleteGroup","staticRenderFns","components","TableFooter","Dialog","computed","mapGetters","groups","manageGroup","featurePermissions","periodPermissions","companyCode","siteId","allFilterSelectedGroup","watch","deep","handler","getGroups","getLocations","getManageGroupData","editableManageGroup","map","data","features","groupStatuses","search","status","methods","$vs","loading","$store","dispatch","finally","groupId","isLocation","_find","find","getLocationModel","selected","message","then","cb","reduce","sum","a","created","commit","component"],"mappings":"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","file":"js/manage-group.c4b41754.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"flex flex-row\"},[_c('div',{staticClass:\"w-1/4\"},[_c('AppCard',{staticClass:\"h-full\",attrs:{\"divider\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"w-1/2 mt-2\"},[_vm._v(\"Group List\")]),_c('div',{staticClass:\"w-1/2\"},[_c('VsButton',{attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.addGroupDialog()}}},[_vm._v(\"Create New Group\")])],1)]},proxy:true},{key:\"content\",fn:function(){return [_c('div',{staticClass:\"font-semibold mt-2 mb-1 text-sm\"},[_vm._v(\"Search\")]),_c('vs-input',{staticClass:\"text-sm w-full\",attrs:{\"icon\":\"search\",\"placeholder\":\"search\"},model:{value:(_vm.filterGroup.search),callback:function ($$v) {_vm.$set(_vm.filterGroup, \"search\", $$v)},expression:\"filterGroup.search\"}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],staticClass:\"flex-col w-full\"},[_c('div',{staticClass:\"font-semibold mt-2 mb-1 text-sm\"},[_vm._v(\"Group Status\")]),_c('VsSelect',{staticClass:\"w-full\",attrs:{\"icon\":\"arrow_drop_down\"},model:{value:(_vm.filterGroup.status),callback:function ($$v) {_vm.$set(_vm.filterGroup, \"status\", $$v)},expression:\"filterGroup.status\"}},_vm._l((_vm.groupStatuses),function(item,index){return _c('VsSelectItem',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('div',{staticClass:\"bottom-divider my-3\"}),_c('div',{staticClass:\"group-list\"},[_c('ul',{staticClass:\"tab-custom flex-col md:flex-col\"},_vm._l((_vm.groups),function(group,index){return _c('li',{key:index,class:{ active: _vm.groupSelected.id === group.id },on:{\"click\":function($event){return _vm.changeGroup(group)}}},[_vm._v(\" \"+_vm._s(group.name)+\" \")])}),0)])]},proxy:true}])})],1),_c('div',{staticClass:\"w-3/4 ml-4\"},[_c('AppCard',{scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('ul',{staticClass:\"tab-custom flex-col md:flex-row\"},_vm._l((_vm.features),function(feature,idx){return _c('li',{key:idx,class:{ active: feature.value === _vm.featureActive },on:{\"click\":function($event){return _vm.changeFeature(feature)}}},[_vm._v(\" \"+_vm._s(feature.text)+\" \")])}),0)]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-4 h-full\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.featureActive === 'FEATURES_PERMISSION'),expression:\"featureActive === 'FEATURES_PERMISSION'\"}]},[_c('div',{staticClass:\"font-semibold mt-2 mb-1 text-m\"},[_vm._v(\"Features Permission\")]),_c('div',{staticClass:\"flex flex-row w-full\"},[_c('div',{staticClass:\"flex-col w-1/3\"},[_c('div',{staticClass:\"mt-2 mb-1 text-sm\"},[_vm._v(\"Group Name\")]),_c('vs-input',{staticClass:\"text-sm w-full\",attrs:{\"placeholder\":\"Group Name\"},model:{value:(_vm.groupSelected.name),callback:function ($$v) {_vm.$set(_vm.groupSelected, \"name\", $$v)},expression:\"groupSelected.name\"}})],1),_c('div',{staticClass:\"mt-8 w-2/3 ml-10\"},[(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"w-1/3\",attrs:{\"size\":\"small\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.deleteGroupDialog()}}},[_vm._v(\"Deactive Group\")]):_vm._e(),(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"ml-2 w-1/3\",attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.saveChanges()}}},[_vm._v(\"Save Changes\")]):_vm._e()],1)]),_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"x-auto table-fix-head\"},[_c('table',{staticClass:\"table-custom-3\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"ta-center\",attrs:{\"rowspan\":\"2\",\"colspan\":\"3\"}},[_vm._v(\"Menu\")]),_c('th',{staticClass:\"ta-center\",attrs:{\"colspan\":\"12\"}},[_vm._v(\"Actions Permission\")])]),_c('tr',_vm._l((_vm.featurePermissions),function(permission,index){return _c('th',{key:index,staticClass:\"nowrap\"},[_vm._v(\" \"+_vm._s(permission.name)+\" \")])}),0)]),_c('tbody',{staticClass:\"group-list\"},[_vm._l((_vm.editableManageGroup),function(item,i){return [(item.is_parent)?[_vm._l((item.children),function(child,childIndex){return [(child.is_parent)?[_vm._l((child.children),function(grandChild,grandChildIndex){return [_c('tr',{key:(i + \"-\" + childIndex + \"-\" + grandChildIndex)},[(child.is_parent ? childIndex === 0 && grandChildIndex === 0 : childIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":_vm.countChildren(item)}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),(grandChildIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":child.children.length}},[_vm._v(\" \"+_vm._s(child.label)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\"},[_vm._v(_vm._s(grandChild.label))]),_vm._l((_vm.featurePermissions),function(permission,index){return [_c('td',{key:index},[(permission.code in grandChild.permissions)?_c('VsCheckbox',{model:{value:(grandChild.permissions[permission.code]),callback:function ($$v) {_vm.$set(grandChild.permissions, permission.code, $$v)},expression:\"grandChild.permissions[permission.code]\"}}):_vm._e()],1)]})],2)]})]:[_c('tr',{key:(i + \"-\" + childIndex)},[(childIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":item.children.length}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"2\"}},[_vm._v(_vm._s(child.label))]),_vm._l((_vm.featurePermissions),function(permission,index){return [_c('td',{key:index},[(permission.code in child.permissions)?_c('VsCheckbox',{model:{value:(child.permissions[permission.code]),callback:function ($$v) {_vm.$set(child.permissions, permission.code, $$v)},expression:\"child.permissions[permission.code]\"}}):_vm._e()],1)]})],2)]]})]:[_c('tr',{key:i},[_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"3\"}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]),_vm._l((_vm.featurePermissions),function(permission,index){return [_c('td',{key:index},[(permission.code in item.permissions)?_c('VsCheckbox',{model:{value:(item.permissions[permission.code]),callback:function ($$v) {_vm.$set(item.permissions, permission.code, $$v)},expression:\"item.permissions[permission.code]\"}}):_vm._e()],1)]})],2)]]})],2)])]),_c('TableFooter')],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.featureActive === 'LOCATION_PERMISSION'),expression:\"featureActive === 'LOCATION_PERMISSION'\"}]},[_c('div',{staticClass:\"font-semibold mt-2 mb-1 text-m\"},[_vm._v(\"Location Permission\")]),_c('div',{staticClass:\"flex flex-row w-full\"},[_c('div',{staticClass:\"flex-col w-1/3\"},[_c('div',{staticClass:\"mt-2 mb-1 text-sm\"},[_vm._v(\"Group Name\")]),_c('vs-input',{staticClass:\"text-sm w-full\",attrs:{\"placeholder\":\"Group Name\"},model:{value:(_vm.groupSelected.name),callback:function ($$v) {_vm.$set(_vm.groupSelected, \"name\", $$v)},expression:\"groupSelected.name\"}})],1),_c('div',{staticClass:\"mt-8 w-2/3 ml-10\"},[(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"w-1/3\",attrs:{\"size\":\"small\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.deleteGroupDialog()}}},[_vm._v(\"Deactive Group\")]):_vm._e(),(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"ml-2 w-1/3\",attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.saveChanges()}}},[_vm._v(\"Save Changes\")]):_vm._e()],1)]),_c('div',{staticClass:\"mt-4\"},[_c('VsTable',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":[]}},[_c('vs-tr',[_c('vs-td',{staticStyle:{\"width\":\"200px\"}},[_c('VsCheckbox')],1),_c('vs-th',[_vm._v(\"Adong\")])],1),_c('vs-tr',[_c('vs-td',{staticStyle:{\"width\":\"200px\"}},[_c('VsCheckbox')],1),_c('vs-th',[_vm._v(\"Bunyut\")])],1),_c('vs-tr',[_c('vs-td',{staticStyle:{\"width\":\"200px\"}},[_c('VsCheckbox')],1),_c('vs-th',[_vm._v(\"Belaban\")])],1),_c('vs-tr',[_c('vs-td',{staticStyle:{\"width\":\"200px\"}},[_c('VsCheckbox')],1),_c('vs-th',[_vm._v(\"Mine Operation\")])],1)],1)],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.featureActive === 'PERIODS_PERMISSION'),expression:\"featureActive === 'PERIODS_PERMISSION'\"}]},[_c('div',{staticClass:\"font-semibold mt-2 mb-1 text-m\"},[_vm._v(\"Features Permission\")]),_c('div',{staticClass:\"flex flex-row w-full\"},[_c('div',{staticClass:\"flex-col w-1/3\"},[_c('div',{staticClass:\"mt-2 mb-1 text-sm\"},[_vm._v(\"Group Name\")]),_c('vs-input',{staticClass:\"text-sm w-full\",attrs:{\"placeholder\":\"Group Name\"},model:{value:(_vm.groupSelected.name),callback:function ($$v) {_vm.$set(_vm.groupSelected, \"name\", $$v)},expression:\"groupSelected.name\"}})],1),_c('div',{staticClass:\"mt-8 w-2/3 ml-10\"},[(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"w-1/3\",attrs:{\"size\":\"small\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.deleteGroupDialog()}}},[_vm._v(\"Deactive Group\")]):_vm._e(),(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"ml-2 w-1/3\",attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.saveChanges()}}},[_vm._v(\"Save Changes\")]):_vm._e()],1)]),_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"x-auto table-fix-head\"},[_c('table',{staticClass:\"table-custom-3\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"ta-center\",attrs:{\"rowspan\":\"2\",\"colspan\":\"4\"}},[_vm._v(\"Menu\")]),_c('th',{staticClass:\"ta-center\",attrs:{\"colspan\":\"14\"}},[_vm._v(\"Periods Permission\")])]),_c('tr',_vm._l((_vm.periodPermissions),function(period,index){return _c('th',{key:index,staticClass:\"ta-center nowrap\"},[_vm._v(_vm._s(period.name))])}),0)]),_c('tbody',{staticClass:\"group-list\"},[_vm._l((_vm.editableManageGroup),function(item,i){return [(item.is_parent)?[_vm._l((item.children),function(child,childIndex){return [(child.is_parent)?[_vm._l((child.children),function(grandChild,grandChildIndex){return [(!_vm.isEmpty(grandChild.periods))?[_vm._l((grandChild.periods),function(period,periodIndex){return [_c('tr',{key:(i + \"-\" + childIndex + \"-\" + grandChildIndex + \"-\" + periodIndex)},[(\n                                        child.is_parent\n                                          ? !_vm.isEmpty(grandChild.periods)\n                                            ? childIndex === 0 && grandChildIndex === 0 && periodIndex === 0\n                                            : childIndex === 0 && grandChildIndex === 0\n                                          : childIndex === 0\n                                      )?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":_vm.countChildren(item, function (p) { return _vm.countPeriods(p); })}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),(!_vm.isEmpty(grandChild.periods) ? grandChildIndex === 0 && periodIndex === 0 : grandChildIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":_vm.countPeriods(child)}},[_vm._v(\" \"+_vm._s(child.label)+\" \")]):_vm._e(),(periodIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":grandChild.periods.length}},[_vm._v(\" \"+_vm._s(grandChild.label)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\"},[_vm._v(_vm._s(period.company))]),_vm._l((_vm.periodPermissions),function(permission,index){return [_c('td',{key:index},[(permission.code in period.periods)?_c('VsCheckbox',{model:{value:(period.periods[permission.code]),callback:function ($$v) {_vm.$set(period.periods, permission.code, $$v)},expression:\"period.periods[permission.code]\"}}):_vm._e()],1)]})],2)]})]:[_c('tr',{key:(i + \"-\" + childIndex + \"-\" + grandChildIndex + \"-0\")},[(child.is_parent ? childIndex === 0 && grandChildIndex === 0 : childIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":_vm.countChildren(item)}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),(grandChildIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":child.children.length}},[_vm._v(\" \"+_vm._s(child.label)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"2\"}},[_vm._v(_vm._s(grandChild.label))]),_vm._l((_vm.periodPermissions),function(_,index){return [_c('td',{key:index})]})],2)]]})]:(!_vm.isEmpty(child.periods))?[_vm._l((child.periods),function(period,periodIndex){return [_c('tr',{key:(i + \"-\" + childIndex + \"-0-\" + periodIndex)},[(!_vm.isEmpty(child.periods) ? childIndex === 0 && periodIndex === 0 : childIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":_vm.countPeriods(item)}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),(periodIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":child.periods.length}},[_vm._v(\" \"+_vm._s(child.label)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"2\"}},[_vm._v(_vm._s(period.company))]),_vm._l((_vm.periodPermissions),function(permission,index){return [_c('td',{key:index},[(permission.code in period.periods)?_c('VsCheckbox',{model:{value:(period.periods[permission.code]),callback:function ($$v) {_vm.$set(period.periods, permission.code, $$v)},expression:\"period.periods[permission.code]\"}}):_vm._e()],1)]})],2)]})]:[_c('tr',{key:(i + \"-\" + childIndex + \"-0-0\")},[(childIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":item.children.length}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"3\"}},[_vm._v(_vm._s(child.label))]),_vm._l((_vm.periodPermissions),function(_,index){return [_c('td',{key:index})]})],2)]]})]:(!_vm.isEmpty(item.periods))?[_vm._l((item.periods),function(period,periodIndex){return [_c('tr',{key:(i + \"-0-0-\" + periodIndex)},[(periodIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\"},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"3\"}},[_vm._v(_vm._s(period.company))]),_vm._l((_vm.periodPermissions),function(permission,index){return [_c('td',{key:index},[(permission.code in period.periods)?_c('VsCheckbox',{model:{value:(period.periods[permission.code]),callback:function ($$v) {_vm.$set(period.periods, permission.code, $$v)},expression:\"period.periods[permission.code]\"}}):_vm._e()],1)]})],2)]})]:[_c('tr',{key:(i + \"-0-0-0\")},[_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"4\"}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]),_vm._l((_vm.periodPermissions),function(_,index){return [_c('td',{key:index})]})],2)]]})],2)])]),_c('TableFooter')],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.featureActive === 'LOCATION_PERMISSION_ON_FEATURE'),expression:\"featureActive === 'LOCATION_PERMISSION_ON_FEATURE'\"}]},[_c('div',{staticClass:\"font-semibold mt-2 mb-1 text-m\"},[_vm._v(\"Location Permission On Feature\")]),_c('div',{staticClass:\"flex flex-row w-full\"},[_c('div',{staticClass:\"flex-col w-1/3\"},[_c('div',{staticClass:\"mt-2 mb-1 text-sm\"},[_vm._v(\"Group Name\")]),_c('vs-input',{staticClass:\"text-sm w-full\",attrs:{\"placeholder\":\"Group Name\"},model:{value:(_vm.groupSelected.name),callback:function ($$v) {_vm.$set(_vm.groupSelected, \"name\", $$v)},expression:\"groupSelected.name\"}})],1),_c('div',{staticClass:\"mt-8 w-2/3 ml-10\"},[(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"w-1/3\",attrs:{\"size\":\"small\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.deleteGroupDialog()}}},[_vm._v(\"Deactive Group\")]):_vm._e(),(_vm.hasGroupSelected())?_c('VsButton',{staticClass:\"ml-2 w-1/3\",attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.saveChanges()}}},[_vm._v(\"Save Changes\")]):_vm._e()],1)]),_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"x-auto table-fix-head\"},[_c('table',{staticClass:\"table-custom-3\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"ta-center\",attrs:{\"rowspan\":\"2\",\"colspan\":\"3\"}},[_vm._v(\"Menu\")]),_c('th',{staticClass:\"ta-center\",attrs:{\"colspan\":_vm.locations.length}},[_vm._v(\"Locations Permission\")])]),_c('tr',_vm._l((_vm.locations),function(location,index){return _c('th',{key:index,staticClass:\"ta-center\"},[_vm._v(_vm._s(location.name))])}),0)]),_c('tbody',{staticClass:\"group-list\"},[_vm._l((_vm.editableManageGroup),function(item,i){return [(item.is_parent)?[_vm._l((item.children),function(child,childIndex){return [(child.is_parent)?[_vm._l((child.children),function(grandChild,grandChildIndex){return [_c('tr',{key:(i + \"-\" + childIndex + \"-\" + grandChildIndex)},[(child.is_parent ? childIndex === 0 && grandChildIndex === 0 : childIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":_vm.countChildren(item)}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),(grandChildIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":child.children.length}},[_vm._v(\" \"+_vm._s(child.label)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\"},[_vm._v(_vm._s(grandChild.label))]),_vm._l((_vm.locations),function(location,locationIndex){return [_c('td',{key:locationIndex},[_vm._l((grandChild.locations),function(loc,locIndex){return [(loc.code === location.code)?_c('VsCheckbox',{key:locIndex,model:{value:(loc.selected),callback:function ($$v) {_vm.$set(loc, \"selected\", $$v)},expression:\"loc.selected\"}}):_vm._e()]})],2)]})],2)]})]:[_c('tr',{key:(i + \"-\" + childIndex)},[(childIndex === 0)?_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"rowspan\":item.children.length}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]):_vm._e(),_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"2\"}},[_vm._v(_vm._s(child.label))]),_vm._l((_vm.locations),function(location,locationIndex){return [_c('td',{key:locationIndex},[_vm._l((child.locations),function(loc,locIndex){return [(loc.code === location.code)?_c('VsCheckbox',{key:locIndex,model:{value:(loc.selected),callback:function ($$v) {_vm.$set(loc, \"selected\", $$v)},expression:\"loc.selected\"}}):_vm._e()]})],2)]})],2)]]})]:[_c('tr',{key:i},[_c('td',{staticClass:\"whitespace-no-wrap\",attrs:{\"colspan\":\"3\"}},[_vm._v(\" \"+_vm._s(item.label + ' - ' + item.channel)+\" \")]),_vm._l((_vm.locations),function(location,locationIndex){return [_c('td',{key:locationIndex},[_vm._l((item.locations),function(loc,locIndex){return [(loc.code === location.code)?_c('VsCheckbox',{key:locIndex,model:{value:(loc.selected),callback:function ($$v) {_vm.$set(loc, \"selected\", $$v)},expression:\"loc.selected\"}}):_vm._e()]})],2)]})],2)]]})],2)])]),_c('TableFooter')],1)])]},proxy:true}])})],1)]),_c('Dialog',{model:{value:(_vm.dialogAddGroup),callback:function ($$v) {_vm.dialogAddGroup=$$v},expression:\"dialogAddGroup\"}},[[_c('AppCard',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"text-2s mb-2\"},[_vm._v(\" Add New Group \")])]},proxy:true},{key:\"action\",fn:function(){return [_c('VsButton',{staticClass:\"ml-2\",attrs:{\"type\":\"flat\",\"icon\":\"close\"},on:{\"click\":_vm.close}})]},proxy:true},{key:\"content\",fn:function(){return [_c('VsInput',{staticClass:\"w-full\",attrs:{\"label\":\"Group Name\",\"placeholder\":\"New Group name..\"},model:{value:(_vm.newGroup.name),callback:function ($$v) {_vm.$set(_vm.newGroup, \"name\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"newGroup.name\"}}),_c('div',{staticClass:\"flex flex-row w-full justify-center p-5\"},[_c('VsButton',{staticClass:\"w-1/3 mr-2\",attrs:{\"color\":\"danger\",\"size\":\"small\"},on:{\"click\":_vm.close}},[_vm._v(\"Cancel\")]),_c('VsButton',{staticClass:\"w-1/3\",attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.saveNewGroup()}}},[_vm._v(\"Save\")])],1)]},proxy:true}])})]],2),_c('Dialog',{model:{value:(_vm.dialogDeleteGroup),callback:function ($$v) {_vm.dialogDeleteGroup=$$v},expression:\"dialogDeleteGroup\"}},[[_c('AppCard',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"text-2s mb-2\"},[_vm._v(\" Delete Group \")])]},proxy:true},{key:\"action\",fn:function(){return [_c('VsButton',{staticClass:\"ml-2\",attrs:{\"type\":\"flat\",\"icon\":\"close\"},on:{\"click\":_vm.close}})]},proxy:true},{key:\"content\",fn:function(){return [_c('div',{staticClass:\"text-2s mb-2\"},[_vm._v(\" Are you sure you want to delete \"),_c('b',[_vm._v(_vm._s(_vm.groupSelected.name))]),_vm._v(\" group? \")]),_c('div',{staticClass:\"flex flex-row w-full justify-center p-5\"},[_c('VsButton',{staticClass:\"w-1/3 mr-2\",attrs:{\"color\":\"danger\",\"size\":\"small\"},on:{\"click\":_vm.close}},[_vm._v(\"Cancel\")]),_c('VsButton',{staticClass:\"w-1/3\",attrs:{\"size\":\"small\"},on:{\"click\":function($event){return _vm.deleteGroup()}}},[_vm._v(\"Delete\")])],1)]},proxy:true}])})]],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- eslint-disable vue/require-v-for-key -->\n<template>\n  <div class=\"mt-4\">\n    <div class=\"flex flex-row\">\n      <div class=\"w-1/4\">\n        <AppCard divider class=\"h-full\">\n          <template #title>\n            <div class=\"w-1/2 mt-2\">Group List</div>\n            <div class=\"w-1/2\">\n              <VsButton size=\"small\" @click=\"addGroupDialog()\">Create New Group</VsButton>\n            </div>\n          </template>\n          <template #content>\n            <div class=\"font-semibold mt-2 mb-1 text-sm\">Search</div>\n            <vs-input class=\"text-sm w-full\" icon=\"search\" placeholder=\"search\" v-model=\"filterGroup.search\" />\n            <div class=\"flex-col w-full\" v-show=\"false\">\n              <div class=\"font-semibold mt-2 mb-1 text-sm\">Group Status</div>\n              <VsSelect class=\"w-full\" v-model=\"filterGroup.status\" icon=\"arrow_drop_down\">\n                <VsSelectItem v-for=\"(item, index) of groupStatuses\" :key=\"index\" :value=\"item.value\" :text=\"item.text\" />\n              </VsSelect>\n            </div>\n            <div class=\"bottom-divider my-3\" />\n            <div class=\"group-list\">\n              <ul class=\"tab-custom flex-col md:flex-col\">\n                <li v-for=\"(group, index) in groups\" :key=\"index\" @click=\"changeGroup(group)\" :class=\"{ active: groupSelected.id === group.id }\">\n                  {{ group.name }}\n                </li>\n              </ul>\n            </div>\n          </template>\n        </AppCard>\n      </div>\n      <div class=\"w-3/4 ml-4\">\n        <AppCard>\n          <template #content>\n            <ul class=\"tab-custom flex-col md:flex-row\">\n              <li v-for=\"(feature, idx) in features\" :key=\"idx\" @click=\"changeFeature(feature)\" :class=\"{ active: feature.value === featureActive }\">\n                {{ feature.text }}\n              </li>\n            </ul>\n          </template>\n        </AppCard>\n        <AppCard class=\"mt-4 h-full\">\n          <template #content>\n            <div v-show=\"featureActive === 'FEATURES_PERMISSION'\">\n              <div class=\"font-semibold mt-2 mb-1 text-m\">Features Permission</div>\n              <div class=\"flex flex-row w-full\">\n                <div class=\"flex-col w-1/3\">\n                  <div class=\"mt-2 mb-1 text-sm\">Group Name</div>\n                  <vs-input class=\"text-sm w-full\" placeholder=\"Group Name\" v-model=\"groupSelected.name\" />\n                </div>\n                <div class=\"mt-8 w-2/3 ml-10\">\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"w-1/3\" color=\"danger\" @click=\"deleteGroupDialog()\">Deactive Group</VsButton>\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"ml-2 w-1/3\" @click=\"saveChanges()\">Save Changes</VsButton>\n                </div>\n              </div>\n              <div class=\"mt-4\">\n                <div class=\"x-auto table-fix-head\">\n                  <table class=\"table-custom-3\">\n                    <thead>\n                      <tr>\n                        <th rowspan=\"2\" colspan=\"3\" class=\"ta-center\">Menu</th>\n                        <th colspan=\"12\" class=\"ta-center\">Actions Permission</th>\n                      </tr>\n                      <tr>\n                        <!-- Action Permission -->\n                        <th v-for=\"(permission, index) in featurePermissions\" :key=\"index\" class=\"nowrap\">\n                          {{ permission.name }}\n                        </th>\n                      </tr>\n                    </thead>\n                    <tbody class=\"group-list\">\n                      <!-- Contoh data sebelum ada API -->\n                      <template v-for=\"(item, i) in editableManageGroup\">\n                        <template v-if=\"item.is_parent\">\n                          <template v-for=\"(child, childIndex) in item.children\">\n                            <template v-if=\"child.is_parent\">\n                              <template v-for=\"(grandChild, grandChildIndex) in child.children\">\n                                <tr :key=\"`${i}-${childIndex}-${grandChildIndex}`\">\n                                  <td\n                                    v-if=\"child.is_parent ? childIndex === 0 && grandChildIndex === 0 : childIndex === 0\"\n                                    class=\"whitespace-no-wrap\"\n                                    :rowspan=\"countChildren(item)\"\n                                  >\n                                    {{ item.label + ' - ' + item.channel }}\n                                  </td>\n                                  <td v-if=\"grandChildIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"child.children.length\">\n                                    {{ child.label }}\n                                  </td>\n                                  <td class=\"whitespace-no-wrap\">{{ grandChild.label }}</td>\n                                  <template v-for=\"(permission, index) in featurePermissions\">\n                                    <td :key=\"index\">\n                                      <VsCheckbox\n                                        v-if=\"permission.code in grandChild.permissions\"\n                                        v-model=\"grandChild.permissions[permission.code]\"\n                                      />\n                                    </td>\n                                  </template>\n                                </tr>\n                              </template>\n                            </template>\n                            <template v-else>\n                              <tr :key=\"`${i}-${childIndex}`\">\n                                <td v-if=\"childIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"item.children.length\">\n                                  {{ item.label + ' - ' + item.channel }}\n                                </td>\n                                <td class=\"whitespace-no-wrap\" colspan=\"2\">{{ child.label }}</td>\n                                <template v-for=\"(permission, index) in featurePermissions\">\n                                  <td :key=\"index\">\n                                    <VsCheckbox v-if=\"permission.code in child.permissions\" v-model=\"child.permissions[permission.code]\" />\n                                  </td>\n                                </template>\n                              </tr>\n                            </template>\n                          </template>\n                        </template>\n                        <template v-else>\n                          <tr :key=\"i\">\n                            <td class=\"whitespace-no-wrap\" colspan=\"3\">\n                              {{ item.label + ' - ' + item.channel }}\n                            </td>\n                            <template v-for=\"(permission, index) in featurePermissions\">\n                              <td :key=\"index\">\n                                <VsCheckbox v-if=\"permission.code in item.permissions\" v-model=\"item.permissions[permission.code]\" />\n                              </td>\n                            </template>\n                          </tr>\n                        </template>\n                      </template>\n                    </tbody>\n                  </table>\n                </div>\n                <TableFooter />\n              </div>\n            </div>\n            <div v-show=\"featureActive === 'LOCATION_PERMISSION'\">\n              <div class=\"font-semibold mt-2 mb-1 text-m\">Location Permission</div>\n              <div class=\"flex flex-row w-full\">\n                <div class=\"flex-col w-1/3\">\n                  <div class=\"mt-2 mb-1 text-sm\">Group Name</div>\n                  <vs-input class=\"text-sm w-full\" placeholder=\"Group Name\" v-model=\"groupSelected.name\" />\n                </div>\n                <div class=\"mt-8 w-2/3 ml-10\">\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"w-1/3\" color=\"danger\" @click=\"deleteGroupDialog()\">Deactive Group</VsButton>\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"ml-2 w-1/3\" @click=\"saveChanges()\">Save Changes</VsButton>\n                </div>\n              </div>\n              <div class=\"mt-4\">\n                <!-- Example Data Location -->\n                <VsTable stripe sst :data=\"[]\">\n                  <vs-tr>\n                    <vs-td style=\"width:200px\"><VsCheckbox /></vs-td>\n                    <vs-th>Adong</vs-th>\n                  </vs-tr>\n                  <vs-tr>\n                    <vs-td style=\"width:200px\"><VsCheckbox /></vs-td>\n                    <vs-th>Bunyut</vs-th>\n                  </vs-tr>\n                  <vs-tr>\n                    <vs-td style=\"width:200px\"><VsCheckbox /></vs-td>\n                    <vs-th>Belaban</vs-th>\n                  </vs-tr>\n                  <vs-tr>\n                    <vs-td style=\"width:200px\"><VsCheckbox /></vs-td>\n                    <vs-th>Mine Operation</vs-th>\n                  </vs-tr>\n                </VsTable>\n              </div>\n            </div>\n            <div v-show=\"featureActive === 'PERIODS_PERMISSION'\">\n              <div class=\"font-semibold mt-2 mb-1 text-m\">Features Permission</div>\n              <div class=\"flex flex-row w-full\">\n                <div class=\"flex-col w-1/3\">\n                  <div class=\"mt-2 mb-1 text-sm\">Group Name</div>\n                  <vs-input class=\"text-sm w-full\" placeholder=\"Group Name\" v-model=\"groupSelected.name\" />\n                </div>\n                <div class=\"mt-8 w-2/3 ml-10\">\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"w-1/3\" color=\"danger\" @click=\"deleteGroupDialog()\">Deactive Group</VsButton>\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"ml-2 w-1/3\" @click=\"saveChanges()\">Save Changes</VsButton>\n                </div>\n              </div>\n              <div class=\"mt-4\">\n                <div class=\"x-auto table-fix-head\">\n                  <table class=\"table-custom-3\">\n                    <thead>\n                      <tr>\n                        <th rowspan=\"2\" colspan=\"4\" class=\"ta-center\">Menu</th>\n                        <th colspan=\"14\" class=\"ta-center\">Periods Permission</th>\n                      </tr>\n                      <tr>\n                        <!-- Periods Permission -->\n                        <th class=\"ta-center nowrap\" v-for=\"(period, index) in periodPermissions\" :key=\"index\">{{ period.name }}</th>\n                      </tr>\n                    </thead>\n                    <tbody class=\"group-list\">\n                      <!-- Contoh data sebelum ada API -->\n                      <template v-for=\"(item, i) in editableManageGroup\">\n                        <template v-if=\"item.is_parent\">\n                          <template v-for=\"(child, childIndex) in item.children\">\n                            <template v-if=\"child.is_parent\">\n                              <template v-for=\"(grandChild, grandChildIndex) in child.children\">\n                                <template v-if=\"!isEmpty(grandChild.periods)\">\n                                  <template v-for=\"(period, periodIndex) in grandChild.periods\">\n                                    <tr :key=\"`${i}-${childIndex}-${grandChildIndex}-${periodIndex}`\">\n                                      <td\n                                        v-if=\"\n                                          child.is_parent\n                                            ? !isEmpty(grandChild.periods)\n                                              ? childIndex === 0 && grandChildIndex === 0 && periodIndex === 0\n                                              : childIndex === 0 && grandChildIndex === 0\n                                            : childIndex === 0\n                                        \"\n                                        class=\"whitespace-no-wrap\"\n                                        :rowspan=\"countChildren(item, p => countPeriods(p))\"\n                                      >\n                                        {{ item.label + ' - ' + item.channel }}\n                                      </td>\n                                      <td\n                                        v-if=\"!isEmpty(grandChild.periods) ? grandChildIndex === 0 && periodIndex === 0 : grandChildIndex === 0\"\n                                        class=\"whitespace-no-wrap\"\n                                        :rowspan=\"countPeriods(child)\"\n                                      >\n                                        {{ child.label }}\n                                      </td>\n                                      <td v-if=\"periodIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"grandChild.periods.length\">\n                                        {{ grandChild.label }}\n                                      </td>\n                                      <td class=\"whitespace-no-wrap\">{{ period.company }}</td>\n                                      <template v-for=\"(permission, index) in periodPermissions\">\n                                        <td :key=\"index\">\n                                          <VsCheckbox v-if=\"permission.code in period.periods\" v-model=\"period.periods[permission.code]\" />\n                                        </td>\n                                      </template>\n                                    </tr>\n                                  </template>\n                                </template>\n                                <template v-else>\n                                  <tr :key=\"`${i}-${childIndex}-${grandChildIndex}-0`\">\n                                    <td\n                                      v-if=\"child.is_parent ? childIndex === 0 && grandChildIndex === 0 : childIndex === 0\"\n                                      class=\"whitespace-no-wrap\"\n                                      :rowspan=\"countChildren(item)\"\n                                    >\n                                      {{ item.label + ' - ' + item.channel }}\n                                    </td>\n                                    <td v-if=\"grandChildIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"child.children.length\">\n                                      {{ child.label }}\n                                    </td>\n                                    <td class=\"whitespace-no-wrap\" colspan=\"2\">{{ grandChild.label }}</td>\n                                    <template v-for=\"(_, index) in periodPermissions\">\n                                      <td :key=\"index\" />\n                                    </template>\n                                  </tr>\n                                </template>\n                              </template>\n                            </template>\n                            <template v-else-if=\"!isEmpty(child.periods)\">\n                              <template v-for=\"(period, periodIndex) in child.periods\">\n                                <tr :key=\"`${i}-${childIndex}-0-${periodIndex}`\">\n                                  <td\n                                    v-if=\"!isEmpty(child.periods) ? childIndex === 0 && periodIndex === 0 : childIndex === 0\"\n                                    class=\"whitespace-no-wrap\"\n                                    :rowspan=\"countPeriods(item)\"\n                                  >\n                                    {{ item.label + ' - ' + item.channel }}\n                                  </td>\n                                  <td v-if=\"periodIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"child.periods.length\">\n                                    {{ child.label }}\n                                  </td>\n                                  <td class=\"whitespace-no-wrap\" colspan=\"2\">{{ period.company }}</td>\n                                  <template v-for=\"(permission, index) in periodPermissions\">\n                                    <td :key=\"index\">\n                                      <VsCheckbox v-if=\"permission.code in period.periods\" v-model=\"period.periods[permission.code]\" />\n                                    </td>\n                                  </template>\n                                </tr>\n                              </template>\n                            </template>\n                            <template v-else>\n                              <tr :key=\"`${i}-${childIndex}-0-0`\">\n                                <td v-if=\"childIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"item.children.length\">\n                                  {{ item.label + ' - ' + item.channel }}\n                                </td>\n                                <td class=\"whitespace-no-wrap\" colspan=\"3\">{{ child.label }}</td>\n                                <template v-for=\"(_, index) in periodPermissions\">\n                                  <td :key=\"index\" />\n                                </template>\n                              </tr>\n                            </template>\n                          </template>\n                        </template>\n                        <template v-else-if=\"!isEmpty(item.periods)\">\n                          <template v-for=\"(period, periodIndex) in item.periods\">\n                            <tr :key=\"`${i}-0-0-${periodIndex}`\">\n                              <td v-if=\"periodIndex === 0\" class=\"whitespace-no-wrap\">\n                                {{ item.label + ' - ' + item.channel }}\n                              </td>\n                              <td class=\"whitespace-no-wrap\" colspan=\"3\">{{ period.company }}</td>\n                              <template v-for=\"(permission, index) in periodPermissions\">\n                                <td :key=\"index\">\n                                  <VsCheckbox v-if=\"permission.code in period.periods\" v-model=\"period.periods[permission.code]\" />\n                                </td>\n                              </template>\n                            </tr>\n                          </template>\n                        </template>\n                        <template v-else>\n                          <tr :key=\"`${i}-0-0-0`\">\n                            <td class=\"whitespace-no-wrap\" colspan=\"4\">\n                              {{ item.label + ' - ' + item.channel }}\n                            </td>\n                            <template v-for=\"(_, index) in periodPermissions\">\n                              <td :key=\"index\" />\n                            </template>\n                          </tr>\n                        </template>\n                      </template>\n                    </tbody>\n                  </table>\n                </div>\n                <TableFooter />\n              </div>\n            </div>\n            <div v-show=\"featureActive === 'LOCATION_PERMISSION_ON_FEATURE'\">\n              <div class=\"font-semibold mt-2 mb-1 text-m\">Location Permission On Feature</div>\n              <div class=\"flex flex-row w-full\">\n                <div class=\"flex-col w-1/3\">\n                  <div class=\"mt-2 mb-1 text-sm\">Group Name</div>\n                  <vs-input class=\"text-sm w-full\" placeholder=\"Group Name\" v-model=\"groupSelected.name\" />\n                </div>\n                <div class=\"mt-8 w-2/3 ml-10\">\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"w-1/3\" color=\"danger\" @click=\"deleteGroupDialog()\">Deactive Group</VsButton>\n                  <VsButton v-if=\"hasGroupSelected()\" size=\"small\" class=\"ml-2 w-1/3\" @click=\"saveChanges()\">Save Changes</VsButton>\n                </div>\n              </div>\n              <div class=\"mt-4\">\n                <div class=\"x-auto table-fix-head\">\n                  <table class=\"table-custom-3\">\n                    <thead>\n                      <tr>\n                        <th rowspan=\"2\" colspan=\"3\" class=\"ta-center\">Menu</th>\n                        <th :colspan=\"locations.length\" class=\"ta-center\">Locations Permission</th>\n                      </tr>\n                      <tr>\n                        <!-- Locations Permission -->\n                        <th class=\"ta-center\" v-for=\"(location, index) in locations\" :key=\"index\">{{ location.name }}</th>\n                      </tr>\n                    </thead>\n                    <tbody class=\"group-list\">\n                      <!-- Contoh data sebelum ada API -->\n\n                      <template v-for=\"(item, i) in editableManageGroup\">\n                        <template v-if=\"item.is_parent\">\n                          <template v-for=\"(child, childIndex) in item.children\">\n                            <template v-if=\"child.is_parent\">\n                              <template v-for=\"(grandChild, grandChildIndex) in child.children\">\n                                <tr :key=\"`${i}-${childIndex}-${grandChildIndex}`\">\n                                  <td\n                                    v-if=\"child.is_parent ? childIndex === 0 && grandChildIndex === 0 : childIndex === 0\"\n                                    class=\"whitespace-no-wrap\"\n                                    :rowspan=\"countChildren(item)\"\n                                  >\n                                    {{ item.label + ' - ' + item.channel }}\n                                  </td>\n                                  <td v-if=\"grandChildIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"child.children.length\">\n                                    {{ child.label }}\n                                  </td>\n                                  <td class=\"whitespace-no-wrap\">{{ grandChild.label }}</td>\n                                  <template v-for=\"(location, locationIndex) in locations\">\n                                    <td :key=\"locationIndex\">\n                                      <template v-for=\"(loc, locIndex) in grandChild.locations\">\n                                        <VsCheckbox v-if=\"loc.code === location.code\" v-model=\"loc.selected\" :key=\"locIndex\" />\n                                      </template>\n                                    </td>\n                                  </template>\n                                </tr>\n                              </template>\n                            </template>\n                            <template v-else>\n                              <tr :key=\"`${i}-${childIndex}`\">\n                                <td v-if=\"childIndex === 0\" class=\"whitespace-no-wrap\" :rowspan=\"item.children.length\">\n                                  {{ item.label + ' - ' + item.channel }}\n                                </td>\n                                <td class=\"whitespace-no-wrap\" colspan=\"2\">{{ child.label }}</td>\n                                <template v-for=\"(location, locationIndex) in locations\">\n                                  <td :key=\"locationIndex\">\n                                    <template v-for=\"(loc, locIndex) in child.locations\">\n                                      <VsCheckbox v-if=\"loc.code === location.code\" v-model=\"loc.selected\" :key=\"locIndex\" />\n                                    </template>\n                                  </td>\n                                </template>\n                              </tr>\n                            </template>\n                          </template>\n                        </template>\n                        <template v-else>\n                          <tr :key=\"i\">\n                            <td class=\"whitespace-no-wrap\" colspan=\"3\">\n                              {{ item.label + ' - ' + item.channel }}\n                            </td>\n                            <template v-for=\"(location, locationIndex) in locations\">\n                              <td :key=\"locationIndex\">\n                                <template v-for=\"(loc, locIndex) in item.locations\">\n                                  <VsCheckbox v-if=\"loc.code === location.code\" v-model=\"loc.selected\" :key=\"locIndex\" />\n                                </template>\n                              </td>\n                            </template>\n                          </tr>\n                        </template>\n                      </template>\n                    </tbody>\n                  </table>\n                </div>\n                <TableFooter />\n              </div>\n            </div>\n          </template>\n        </AppCard>\n      </div>\n    </div>\n\n    <!-- DIALOG ADD LOCATION -->\n    <Dialog v-model=\"dialogAddGroup\">\n      <template>\n        <AppCard>\n          <template #title>\n            <div class=\"text-2s mb-2\">\n              Add New Group\n            </div>\n          </template>\n          <template #action>\n            <VsButton class=\"ml-2\" @click=\"close\" type=\"flat\" icon=\"close\" />\n          </template>\n          <template #content>\n            <VsInput class=\"w-full\" v-model.trim=\"newGroup.name\" label=\"Group Name\" placeholder=\"New Group name..\" />\n            <div class=\"flex flex-row w-full justify-center p-5\">\n              <VsButton class=\"w-1/3 mr-2\" color=\"danger\" size=\"small\" @click=\"close\">Cancel</VsButton>\n              <VsButton class=\"w-1/3\" @click=\"saveNewGroup()\" size=\"small\">Save</VsButton>\n            </div>\n          </template>\n        </AppCard>\n      </template>\n    </Dialog>\n\n    <!-- DIALOG DELETE GROUP -->\n    <Dialog v-model=\"dialogDeleteGroup\">\n      <template>\n        <AppCard>\n          <template #title>\n            <div class=\"text-2s mb-2\">\n              Delete Group\n            </div>\n          </template>\n          <template #action>\n            <VsButton class=\"ml-2\" @click=\"close\" type=\"flat\" icon=\"close\" />\n          </template>\n          <template #content>\n            <div class=\"text-2s mb-2\">\n              Are you sure you want to delete <b>{{ groupSelected.name }}</b> group?\n            </div>\n            <div class=\"flex flex-row w-full justify-center p-5\">\n              <VsButton class=\"w-1/3 mr-2\" color=\"danger\" size=\"small\" @click=\"close\">Cancel</VsButton>\n              <VsButton class=\"w-1/3\" @click=\"deleteGroup()\" size=\"small\">Delete</VsButton>\n            </div>\n          </template>\n        </AppCard>\n      </template>\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport TableFooter from '@/components/Table/TableFooter';\nimport { find, isEmpty } from 'lodash';\nimport Dialog from '@/components/Base/Dialog';\n\nexport default {\n  name: 'ManageGroupIndex',\n  components: {\n    TableFooter,\n    Dialog\n  },\n  computed: {\n    ...mapGetters({\n      locations: 'Location/items',\n      groups: 'Group/items',\n      manageGroup: 'ManageGroup/items',\n      featurePermissions: 'ManageGroup/featurePermissions',\n      periodPermissions: 'ManageGroup/periodPermissions',\n      companyCode: 'Filter/companyCode',\n      siteId: 'Filter/siteId'\n    }),\n    allFilterSelectedGroup() {\n      return {\n        ...this.groupSelected,\n        companyCode: this.companyCode,\n        siteId: this.siteId\n      };\n    }\n  },\n  watch: {\n    filterGroup: {\n      deep: true,\n      handler() {\n        this.getGroups();\n      }\n    },\n    allFilterSelectedGroup: {\n      deep: true,\n      handler() {\n        this.getLocations();\n        if (this.groupSelected.id) {\n          this.getManageGroupData();\n        }\n      }\n    },\n    manageGroup: {\n      handler(value) {\n        this.editableManageGroup = value.map(item => {\n          return { ...item };\n        });\n      }\n    }\n  },\n  data: () => ({\n    features: [\n      { value: 'FEATURES_PERMISSION', text: 'Features Permission' },\n      // { value: 'LOCATION_PERMISSION', text: 'Location Permission' }, DISABLED FOR SOME REASON BUT DON'T DELETE IT FOR FUTURE DEVELOPMENT\n      { value: 'PERIODS_PERMISSION', text: 'Periods Permission' },\n      { value: 'LOCATION_PERMISSION_ON_FEATURE', text: 'Location Permission on Feature' }\n    ],\n    groupStatuses: [\n      { value: true, text: 'Active' },\n      { value: false, text: 'Inactive' }\n    ],\n    featureActive: 'FEATURES_PERMISSION',\n    filterGroup: {\n      search: null,\n      status: null\n    },\n    groupSelected: {\n      id: null,\n      name: null\n    },\n    editableManageGroup: [],\n    dialogAddGroup: false,\n    dialogDeleteGroup: false,\n    newGroup: {\n      name: null\n    }\n  }),\n  methods: {\n    isEmpty,\n    getGroups() {\n      const search = this.filterGroup.search;\n      const status = this.filterGroup.status;\n      this.$vs.loading();\n      this.$store.dispatch('Group/fetchDataWithParams', { search, status }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    getLocations() {\n      this.$vs.loading();\n      this.$store.dispatch('Location/fetch', { companyCode: this.companyCode, siteId: this.siteId }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    getManageGroupData() {\n      const groupId = this.groupSelected.id;\n      const siteId = this.siteId;\n      const companyCode = this.companyCode;\n      this.$vs.loading();\n      this.$store.dispatch('ManageGroup/fetchByGroupId', { groupId, siteId, companyCode }).finally(() => {\n        this.$vs.loading.close();\n      });\n      this.editableManageGroup = this.manageGroup;\n    },\n    changeFeature(feature) {\n      this.featureActive = feature.value;\n    },\n    changeGroup(group) {\n      this.groupSelected = group;\n    },\n    isLocation(locations, code) {\n      return find(locations, ['name', code]) ?? false;\n    },\n    getLocationModel(locations, code) {\n      return find(locations, ['name', code]).selected;\n    },\n    saveChanges() {\n      const groupId = this.groupSelected.id;\n      const siteId = this.siteId;\n      const companyCode = this.companyCode;\n      this.$vs.loading();\n      this.$store.dispatch('ManageGroup/store', { groupId, data: this.editableManageGroup, siteId, companyCode }).finally(() => {\n        this.$vs.loading.close();\n        this.$store.dispatch('General/showSuccessNotification', { message: `Edit Permission Success` });\n      });\n    },\n    saveNewGroup() {\n      this.$vs.loading();\n      const name = this.newGroup.name;\n      this.$store.dispatch('Group/store', { name }).then(data => {\n        this.$vs.loading.close();\n        if (data) {\n          this.close();\n          this.$store.dispatch('General/showSuccessNotification', { message: `Add Group Success` });\n          this.getGroups();\n        }\n      });\n    },\n    deleteGroup() {\n      const id = this.groupSelected.id;\n      this.$vs.loading();\n      this.$store.dispatch('Group/destroy', { id }).then(data => {\n        this.$vs.loading.close();\n        if (data) {\n          this.groupSelected.id = null;\n          this.groupSelected.name = null;\n          this.editableManageGroup = null;\n          this.close();\n          this.$store.dispatch('General/showSuccessNotification', { message: `Delete Group Success` });\n          this.getGroups();\n        }\n      });\n    },\n    addGroupDialog() {\n      this.dialogAddGroup = true;\n      this.newGroup.name = null;\n    },\n    deleteGroupDialog() {\n      this.dialogDeleteGroup = true;\n    },\n    close() {\n      this.dialogAddGroup = false;\n      this.dialogDeleteGroup = false;\n    },\n    hasGroupSelected() {\n      if (this.groupSelected.id) {\n        return true;\n      }\n      return false;\n    },\n    countChildren(item, cb = () => null) {\n      return item.children.reduce((sum, a) => sum + (a.is_parent ? (cb(a) ? cb(a) : a.children.length) : 1), 0);\n    },\n    countPeriods(item) {\n      return item.children.reduce((sum, a) => sum + (!isEmpty(a.periods) ? a.periods.length : 1), 0);\n    }\n  },\n  created() {\n    this.$store.commit('Table/RESET_PAGEABLE');\n    this.getGroups();\n    this.getLocations();\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.bottom-divider\n  border-bottom: solid 2px #3C4EBB\n.group-list\n  overflow-y: scroll;\n  height: 500px;\n.fw-normal\n  font-weight: normal\n.x-auto\n  overflow-x: auto\n.table-fix-head\n  overflow-y: auto;\n  height: 500px;\n.nowrap\n  white-space: nowrap;\n.br-1\n  border-right: 1px solid #eee;\n.b-1\n  border: 1px solid #eee;\n.bb-1\n  border-bottom: 1px solid #eee;\n.bl-1\n  border-left: 1px solid #eee;\n.bt-1\n  border-top: 1px solid #eee;\n.h-30\n  height: 30px;\n.h-29\n  height: 29px;\n.item-center\n  align-items: center;\n.m-auto\n  margin: auto;\n.ta-center\n  text-align: center;\n.w-500\n  width: 500px;\n.w-400\n  width: 400px;\n.w-300\n  width: 300px;\n.w-700\n  width: 700px;\n.w-800\n  width: 800px;\n.w-200\n  width: 200px;\n.w-100\n  width: 100px;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=28a13bee&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=28a13bee&lang=sass&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  \"28a13bee\",\n  null\n  \n)\n\nexport default component.exports","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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=28a13bee&lang=sass&scoped=true&\""],"sourceRoot":""}