{"version":3,"sources":["webpack:///./src/pages/settings/manager/page.settings.manager.offices.vue","webpack:///src/pages/settings/manager/page.settings.manager.offices.vue","webpack:///./src/pages/settings/manager/page.settings.manager.offices.vue?1f03","webpack:///./src/pages/settings/manager/page.settings.manager.offices.vue?08d1"],"names":["render","_vm","this","_c","_self","staticClass","attrs","$t","slot","_v","_s","$tc","count","scopedSlots","_u","key","fn","on","_g","_b","newItem","selected","map","v","id","showEdit","closeEdit","loadItems","removeItems","showDialogRemove","confirmRemoveItems","$event","selectItems","loading","items","offset","limit","applyFilters","resetFilters","changePage","selectItem","editItem","searchItems","ref","proxy","countries","length","editItems","item","$getImgSrc","images","title","companyItem","image_url","$moment","updated_at","fromNow","stopPropagation","removeItem","editPermissionItem","staticRenderFns","name","components","Loading","Side","DialogRemove","List","PageHeader","data","page","showDialogPermissionEdit","timeout","status","methods","props","watch","update","select","computed","fullname","state","user","paramsId","itemId","mounted","setCompany","order","mode","options","where","company_id","queryList","then","response","finally","updateSelected","goToItem","component","VBtn","VCol","VIcon","VImg","VListItemAction","VListItemContent","VList","VListItemSubtitle","VListItemTitle","VSelect","VTextField","VTooltip"],"mappings":"+HAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,KAAOL,EAAIM,GAAG,eAAe,MAAQN,EAAIM,GAAG,iBAAiB,KAAO,eAAe,CAACJ,EAAG,WAAW,CAACK,KAAK,OAAO,CAACL,EAAG,QAAQ,CAACA,EAAG,SAAS,CAACF,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,IAAI,qBAAqBV,EAAIW,eAAeT,EAAG,YAAY,CAACG,MAAM,CAAC,OAAS,GAAG,WAAa,QAAQO,YAAYZ,EAAIa,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,UAAS,GAAEC,EAAF,MAAMX,IAAS,MAAO,CAACH,EAAG,QAAQF,EAAIiB,GAAGjB,EAAIkB,GAAG,CAACd,YAAY,OAAOC,MAAM,CAAC,UAAY,GAAG,MAAQ,WAAWW,GAAG,CAAC,MAAQhB,EAAImB,UAAU,QAAQd,GAAM,GAAOW,GAAI,CAACd,EAAG,SAAS,CAACF,EAAIQ,GAAG,eAAe,SAAS,CAACR,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIM,GAAG,eAAe,QAAQ,GAAGJ,EAAG,OAAO,CAACG,MAAM,CAAC,UAAY,yCAAyC,KAAOL,EAAIoB,UAAY,IAAIC,IAAIC,GAAKA,EAAEC,IAAI,MAAQvB,EAAIwB,UAAUR,GAAG,CAAC,MAAQhB,EAAIyB,UAAU,OAASzB,EAAI0B,UAAU,OAAS1B,EAAI0B,UAAU,OAAS1B,EAAI2B,eAAezB,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQL,EAAI4B,iBAAiB,MAAQ5B,EAAIoB,SAAS,YAAY,SAASJ,GAAG,CAAC,QAAUhB,EAAI6B,mBAAmB,MAAQ,SAASC,GAAQ9B,EAAI4B,kBAAmB,GAAO,OAAS5B,EAAI+B,eAAe7B,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQL,EAAIgC,WAAW9B,EAAG,OAAO,CAACG,MAAM,CAAC,MAAQL,EAAIiC,MAAM,MAAQjC,EAAIW,MAAM,OAASX,EAAIkC,OAAO,MAAQlC,EAAImC,MAAM,YAAa,EAAK,QAAUnC,EAAIgC,QAAQ,SAAWhC,EAAIoB,UAAUJ,GAAG,CAAC,aAAehB,EAAIoC,aAAa,aAAepC,EAAIqC,aAAa,OAASrC,EAAI+B,YAAY,KAAO/B,EAAIsC,WAAW,MAAQtC,EAAIuC,WAAW,SAAWvC,EAAIwC,SAAS,OAASxC,EAAIyC,aAAa7B,YAAYZ,EAAIa,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACb,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,eAAe,CAACwC,IAAI,cAAcrC,MAAM,CAAC,QAAU,GAAG,eAAe,GAAG,SAAW,GAAG,MAAQ,GAAG,UAAY,GAAG,qBAAqB,cAAc,YAAcL,EAAIM,GAAG,kBAAkBU,GAAG,CAAC,MAAQhB,EAAIyC,YAAY,cAAczC,EAAIyC,gBAAgB,KAAKE,OAAM,GAAM,CAAC7B,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACb,EAAG,WAAW,CAACwC,IAAI,qBAAqBrC,MAAM,CAAC,MAAQL,EAAI4C,UAAU,YAAY,OAAO,aAAa,QAAQ,eAAe,GAAG,SAAW,GAAG,MAAQ,GAAG,UAAY,GAAG,qBAAqB,YAAY,YAAc5C,EAAIM,GAAG,sBAAsBqC,OAAM,GAAM,CAAC7B,IAAI,aAAaC,GAAG,WAAW,MAAO,CAACb,EAAG,QAAQ,CAACE,YAAY,YAAYC,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,SAAS,CAACF,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,IAAI,mBAAoBV,EAAIoB,SAASyB,gBAAgB3C,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,GAAG,QAAU,GAAG,UAAY,GAAG,MAAQ,WAAWW,GAAG,CAAC,MAAQhB,EAAI8C,YAAY,CAAC5C,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,OAAO,CAACL,EAAIQ,GAAG,gBAAgBR,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIM,GAAG,gBAAgB,MAAM,GAAGJ,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,GAAG,QAAU,GAAG,UAAY,GAAG,MAAQ,SAASW,GAAG,CAAC,MAAQhB,EAAI2B,cAAc,CAACzB,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,OAAO,CAACL,EAAIQ,GAAG,gBAAgBR,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIM,GAAG,kBAAkB,MAAM,GAAGJ,EAAG,QAAQ,CAACG,MAAM,CAAC,MAAQ,GAAG,QAAU,GAAG,UAAY,GAAG,MAAQ,gCAAgCW,GAAG,CAAC,MAAQ,SAASc,GAAQ,OAAO9B,EAAI+B,YAAY,OAAO,CAAC7B,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,OAAO,CAACL,EAAIQ,GAAG,eAAeR,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIM,GAAG,kBAAkB,MAAM,IAAI,KAAKqC,OAAM,GAAM,CAAC7B,IAAI,YAAYC,GAAG,SAASgC,GAAM,MAAO,CAAC7C,EAAG,qBAAqB,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACG,MAAM,CAAC,IAAML,EAAIgD,WAAWD,EAAKE,OAAQ,KAAM,wBAAwB,aAAa,OAAO,YAAY,OAAO,MAAQ,OAAO,GAAG/C,EAAG,sBAAsB,CAACA,EAAG,oBAAoB,CAACE,YAAY,iBAAiB,CAACF,EAAG,SAAS,CAACF,EAAIQ,GAAGR,EAAIS,GAAGsC,EAAKG,YAAYhD,EAAG,uBAAuB,CAAC,CAACA,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,OAAO,CAACL,EAAIQ,GAAG,gBAAgBN,EAAG,OAAO,CAACF,EAAIQ,GAAGR,EAAIS,GAAGT,EAAImD,YAAYD,YAAY,IAAI,GAAGhD,EAAG,qBAAqB,CAACA,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM0C,EAAKK,UAAU,MAAQ,UAAUlD,EAAG,qBAAqB,CAACE,YAAY,aAAa,CAACJ,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIqD,QAAQN,EAAKO,YAAYC,WAAW,OAAOrD,EAAG,qBAAqB,CAACA,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,IAAIW,GAAG,CAAC,MAAQ,SAASc,GAAiC,OAAzBA,EAAO0B,kBAAyBxD,EAAIyD,WAAWV,MAAS,CAAC7C,EAAG,SAAS,CAACF,EAAIQ,GAAG,iBAAiB,GAAGN,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,IAAIW,GAAG,CAAC,MAAQ,SAASc,GAAiC,OAAzBA,EAAO0B,kBAAyBxD,EAAI0D,mBAAmBX,MAAS,CAAC7C,EAAG,SAAS,CAACF,EAAIQ,GAAG,4BAA4B,GAAGN,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,IAAIW,GAAG,CAAC,MAAQ,SAASc,GAAiC,OAAzBA,EAAO0B,kBAAyBxD,EAAIwC,SAASO,MAAS,CAAC7C,EAAG,SAAS,CAACF,EAAIQ,GAAG,iBAAiB,IAAI,aAAa,IAE35ImD,EAAkB,G,wECwOP,GACfC,8BACAC,YACAC,qBACAC,kBAEAC,0BACAC,kBACAC,yBAEAC,WACAnC,WACAC,SACAtB,QACAuB,SACAC,UACAiC,OACAhD,YACAI,YACAI,oBACAyC,4BACAlB,eACAmB,aACAC,UACAC,WACA5B,eAGA6B,0BAEAC,OACAC,SACA,kBAGAC,UACA,kBAIAC,aACA,uBACAC,YACAC,oDACAC,2BAEAC,WACA,oDAGAC,SACA,sDAIAC,UACA,2BACA,kBACA,mBACA,cACA,mBAAA5D,kBACA,mBAKAiD,SAEAY,aACA,mDAIA3C,eACA,iBACA,gBAEA,yCACA,6BACA,kBACA,MAGAf,gBACA,gBACA,4BACA,SACA2D,8BACAC,YACAlB,kBACAjC,kBAEA,qBACAoD,8BACAC,OACAjB,WACAkB,mCAGA,wBAAAC,cACA,yCACAC,KAAAC,IACA,QACA,wBACA,wBACA,0BACA,0BAEA,cACA,aACA,cACA,cAEA,wBAEAC,QAAA,KACA,mBAIAvD,cACA,aACA,oBAGAT,qBACA,mCACA,uCAAA2D,OAAAjE,QACAoE,KAAAC,IACA,iBACA,yBACA,oBAIAE,iBACA,4CACA,yBACA,yCACA,sBACA,gBACA,mBACA,UAQAnE,cACA,0BAGAmB,YACA,kBAGAP,cACA,2CACA,+DAEA,8BAGAR,eACA,iBAGAN,YACA,iBACA,iDAKAN,UACA,iBACA,kBAGAqB,YACA,kBACA,kBAGAkB,sBACA,kBACA,kCAGAD,cACA,kBACA,0BAGAsC,YACA,4CAGA1D,eACA,qBAGAD,eACA,sBCvbqY,I,6ICOjY4D,EAAY,eACd,EACAjG,EACA4D,GACA,EACA,KACA,KACA,MAIa,aAAAqC,EAAiB,QAehC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,OAAA,KAAKC,QAAA,KAAMC,OAAA,KAAKC,kBAAA,KAAgBC,iBAAAC,EAAA,KAAiBC,kBAAAD,EAAA,KAAkBE,eAAAF,EAAA,KAAeG,UAAA,KAAQC,aAAA,KAAWC,WAAA","file":"js/settings-admin-offices.4567eef6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-xadmin-office\"},[_c('PageHeader',{attrs:{\"icon\":_vm.$t('OFFICE.ICON'),\"title\":_vm.$t('OFFICE.TITLES'),\"back\":\"/settings/\"}},[_c('template',{slot:\"nav\"},[_c('small',[_c('strong',[_vm._v(_vm._s(_vm.$tc('OFFICE.TITLE_COUNT',_vm.count)))])])]),_c('v-tooltip',{attrs:{\"bottom\":\"\",\"transition\":\"none\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"ml-2\",attrs:{\"depressed\":\"\",\"color\":\"success\"},on:{\"click\":_vm.newItem}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-plus\")])],1)]}}])},[_vm._v(\" \"+_vm._s(_vm.$t('COMMON.ADD'))+\" \")])],2),_c('Side',{attrs:{\"component\":\"forms/office/compact/FormOfficeCompact\",\"ids\":(_vm.selected || []).map(v => v.id),\"value\":_vm.showEdit},on:{\"close\":_vm.closeEdit,\"create\":_vm.loadItems,\"update\":_vm.loadItems,\"remove\":_vm.removeItems}}),_c('DialogRemove',{attrs:{\"value\":_vm.showDialogRemove,\"items\":_vm.selected,\"item-text\":\"title\"},on:{\"confirm\":_vm.confirmRemoveItems,\"close\":function($event){_vm.showDialogRemove = false},\"select\":_vm.selectItems}}),_c('Loading',{attrs:{\"value\":_vm.loading}}),_c('List',{attrs:{\"items\":_vm.items,\"count\":_vm.count,\"offset\":_vm.offset,\"limit\":_vm.limit,\"pagination\":true,\"loading\":_vm.loading,\"selected\":_vm.selected},on:{\"applyFilters\":_vm.applyFilters,\"resetFilters\":_vm.resetFilters,\"select\":_vm.selectItems,\"page\":_vm.changePage,\"click\":_vm.selectItem,\"dblclick\":_vm.editItem,\"reload\":_vm.searchItems},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"col-3\"},[_c('v-text-field',{ref:\"where.title\",attrs:{\"rounded\":\"\",\"hide-details\":\"\",\"outlined\":\"\",\"dense\":\"\",\"clearable\":\"\",\"prepend-inner-icon\":\"mdi-magnify\",\"placeholder\":_vm.$t('COMMON.SEARCH')},on:{\"keyup\":_vm.searchItems,\"click:clear\":_vm.searchItems}})],1)]},proxy:true},{key:\"filters\",fn:function(){return [_c('v-select',{ref:\"where.country.code\",attrs:{\"items\":_vm.countries,\"item-text\":\"text\",\"item-value\":\"value\",\"hide-details\":\"\",\"outlined\":\"\",\"dense\":\"\",\"clearable\":\"\",\"prepend-inner-icon\":\"mdi-earth\",\"placeholder\":_vm.$t('INPUT.COUNTRY')}})]},proxy:true},{key:\"selections\",fn:function(){return [_c('v-col',{staticClass:\"pt-0 pl-0\",attrs:{\"cols\":\"12\"}},[_c('div',[_c('small',[_c('strong',[_vm._v(_vm._s(_vm.$tc('COMMON.SELECTED', +_vm.selected.length)))])])]),_c('v-btn',{staticClass:\"mr-2\",attrs:{\"small\":\"\",\"rounded\":\"\",\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.editItems}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"size\":\"20\"}},[_vm._v(\"mdi-pencil\")]),_vm._v(\" \"+_vm._s(_vm.$t('COMMON.EDIT'))+\" \")],1),_c('v-btn',{staticClass:\"mr-2\",attrs:{\"small\":\"\",\"rounded\":\"\",\"depressed\":\"\",\"color\":\"error\"},on:{\"click\":_vm.removeItems}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"size\":\"20\"}},[_vm._v(\"mdi-delete\")]),_vm._v(\" \"+_vm._s(_vm.$t('COMMON.REMOVE'))+\" \")],1),_c('v-btn',{attrs:{\"small\":\"\",\"rounded\":\"\",\"depressed\":\"\",\"color\":\"secondary custom black--text\"},on:{\"click\":function($event){return _vm.selectItems([])}}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"size\":\"20\"}},[_vm._v(\"mdi-close\")]),_vm._v(\" \"+_vm._s(_vm.$t('COMMON.CANCEL'))+\" \")],1)],1)]},proxy:true},{key:\"item-list\",fn:function(item){return [_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-img',{attrs:{\"src\":_vm.$getImgSrc(item.images, 'md', '/img/empty-image.png'),\"max-height\":\"35px\",\"max-width\":\"80px\",\"cover\":\"\"}})],1),_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"primary--text\"},[_c('strong',[_vm._v(_vm._s(item.title))])]),_c('v-list-item-subtitle',[[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"size\":\"16\"}},[_vm._v(\"mdi-domain\")]),_c('span',[_vm._v(_vm._s(_vm.companyItem.title))])]],2)],1),_c('v-list-item-action',[_c('img',{attrs:{\"src\":item.image_url,\"width\":\"40\"}})]),_c('v-list-item-action',{staticClass:\"date ml-3\"},[_vm._v(\" \"+_vm._s(_vm.$moment(item.updated_at).fromNow())+\" \")]),_c('v-list-item-action',[_c('div',[_c('v-btn',{staticClass:\"ml-2\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.removeItem(item)}}},[_c('v-icon',[_vm._v(\"mdi-delete\")])],1),_c('v-btn',{staticClass:\"ml-2\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.editPermissionItem(item)}}},[_c('v-icon',[_vm._v(\"mdi-key-chain-variant\")])],1),_c('v-btn',{staticClass:\"ml-2\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.editItem(item)}}},[_c('v-icon',[_vm._v(\"mdi-pencil\")])],1)],1)])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-xadmin-office\">\n\n    <PageHeader\n    :icon=\"$t('OFFICE.ICON')\"\n    :title=\"$t('OFFICE.TITLES')\"\n    back=\"/settings/\"\n    >\n      <template slot=\"nav\">\n        <small><strong>{{$tc('OFFICE.TITLE_COUNT',count)}}</strong></small>\n      </template>\n      \n      <v-tooltip bottom transition=\"none\">\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            depressed\n            color=\"success\"\n            class=\"ml-2\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n            @click=\"newItem\"\n          >\n            <v-icon>mdi-plus</v-icon>\n          </v-btn>\n        </template>\n        {{ $t('COMMON.ADD') }}\n      </v-tooltip>\n\n    </PageHeader>\n\n    <Side\n      component=\"forms/office/compact/FormOfficeCompact\"\n      :ids=\"(selected || []).map(v => v.id)\"\n      :value=\"showEdit\"\n      @close=\"closeEdit\"\n      @create=\"loadItems\"\n      @update=\"loadItems\"\n      @remove=\"removeItems\"\n    />\n\n    <!-- <Dialog\n      :icon=\"selected.length ? 'mdi-pencil' : 'mdi-plus-thick'\"\n      :title=\"$t('COMMON.EDIT') + ': ' + $tc('USER_PERMISSION.TITLE_COUNT', selected.length)\"\n      component=\"form/FormAssignUserPermission\"\n      :items=\"selected || []\"\n      :props=\"{type:'office'}\"\n      :value=\"showDialogPermissionEdit\"\n      @close=\"showDialogPermissionEdit = false\"\n      @update=\"loadItems\"\n      @select=\"selectItems\"\n    /> -->\n    <DialogRemove\n      :value=\"showDialogRemove\"\n      :items=\"selected\"\n      item-text=\"title\"\n      @confirm=\"confirmRemoveItems\"\n      @close=\"showDialogRemove = false\"\n      @select=\"selectItems\"\n    />\n  <Loading :value=\"loading\" />\n  <List\n    :items=\"items\"\n    :count=\"count\"\n    :offset=\"offset\"\n    :limit=\"limit\"\n    :pagination=\"true\"\n    :loading=\"loading\"\n    :selected=\"selected\"\n    @applyFilters=\"applyFilters\"\n    @resetFilters=\"resetFilters\"\n    @select=\"selectItems\"\n    @page=\"changePage\"\n    @click=\"selectItem\"\n    @dblclick=\"editItem\"\n    @reload=\"searchItems\"\n  >\n    <template v-slot:header=\"\">\n      <div class=\"col-3\">\n        <v-text-field\n          rounded\n          ref=\"where.title\"\n          hide-details\n          outlined\n          dense\n          clearable\n          prepend-inner-icon=\"mdi-magnify\"\n            :placeholder=\"$t('COMMON.SEARCH')\"\n          @keyup=\"searchItems\"\n          @click:clear=\"searchItems\"\n        />\n      </div>\n      <!-- <div>\n        <v-btn-toggle\n          ref=\"where.methods\"\n          @change=\"searchItems\"\n          dense\n          v-model=\"methods\"\n          multiple\n        >\n          <v-btn small value=\"cpc\">cpc</v-btn>\n          <v-btn small value=\"cpm\">cpm</v-btn>\n          <v-btn small value=\"credit\">credit</v-btn>\n          <v-btn small value=\"organic\">organic</v-btn>\n        </v-btn-toggle>\n      </div>\n\n      <v-spacer />\n\n      <div>\n        <v-btn-toggle\n          ref=\"where.status\"\n          @change=\"searchItems\"\n          dense\n          v-model=\"status\"\n          multiple\n        >\n          <v-btn small icon><v-icon size=\"14\" color=\"error\">mdi-circle</v-icon></v-btn>\n          <v-btn small icon><v-icon size=\"14\" color=\"success\">mdi-circle</v-icon></v-btn>\n        </v-btn-toggle>\n      </div> -->\n    </template>\n\n    <template v-slot:filters=\"\">\n      <v-select\n        ref=\"where.country.code\"\n        :items=\"countries\"\n        item-text=\"text\"\n        item-value=\"value\"\n        hide-details\n        outlined\n        dense\n        clearable\n        prepend-inner-icon=\"mdi-earth\"\n        :placeholder=\"$t('INPUT.COUNTRY')\"\n      />\n    </template>\n\n    <template v-slot:selections=\"\">\n      <v-col cols=\"12\" class=\"pt-0 pl-0\">\n        <div><small><strong>{{ $tc('COMMON.SELECTED', +selected.length) }}</strong></small></div>\n        <v-btn\n          small\n          rounded\n          depressed\n          color=\"primary\"\n          class=\"mr-2\"\n          @click=\"editItems\"\n        >\n          <v-icon size=\"20\" class=\"mr-2\">mdi-pencil</v-icon>\n          {{ $t('COMMON.EDIT') }}\n        </v-btn>\n        <v-btn\n          small\n          rounded\n          depressed\n          color=\"error\"\n          class=\"mr-2\"\n          @click=\"removeItems\"\n        >\n          <v-icon size=\"20\" class=\"mr-2\">mdi-delete</v-icon>\n          {{ $t('COMMON.REMOVE') }}\n        </v-btn>\n        <v-btn\n          small\n          rounded\n          depressed\n          color=\"secondary custom black--text\"\n          @click=\"selectItems([])\"\n        >\n          <v-icon size=\"20\" class=\"mr-2\">mdi-close</v-icon>\n          {{ $t('COMMON.CANCEL') }}\n        </v-btn>\n      </v-col>\n    </template>\n\n    <template v-slot:item-list=\"item\">\n      <v-list-item-action class=\"mr-4\">\n        <v-img :src=\"$getImgSrc(item.images, 'md', '/img/empty-image.png')\" max-height=\"35px\" max-width=\"80px\" cover />\n      </v-list-item-action>\n      <v-list-item-content>\n        <v-list-item-title class=\"primary--text\"><strong>{{ item.title }}</strong></v-list-item-title>\n        <v-list-item-subtitle>\n          <template>\n            <v-icon class=\"mr-2\" size=\"16\">mdi-domain</v-icon>\n            <span>{{ companyItem.title }}</span>\n          </template>\n        </v-list-item-subtitle>\n      </v-list-item-content>\n      <v-list-item-action>\n        <img :src=\"item.image_url\" width=\"40\" >\n      </v-list-item-action>\n      <v-list-item-action class=\"date ml-3\">\n        {{ $moment(item.updated_at).fromNow() }}\n      </v-list-item-action>\n      <v-list-item-action>\n        <div>\n          <v-btn\n            icon\n            class=\"ml-2\"\n            @click.stop=\"removeItem(item)\"\n          >\n            <v-icon>mdi-delete</v-icon>\n          </v-btn>\n          <v-btn\n            icon\n            class=\"ml-2\"\n            @click.stop=\"editPermissionItem(item)\"\n          >\n            <v-icon>mdi-key-chain-variant</v-icon>\n          </v-btn>\n          <v-btn\n            icon\n            class=\"ml-2\"\n            @click.stop=\"editItem(item)\"\n          >\n            <v-icon>mdi-pencil</v-icon>\n          </v-btn>\n        </div>\n      </v-list-item-action>\n    </template>\n  </List>\n  </div>\n</template>\n\n<script>\nimport Loading from '@/components/Loading'\nimport DialogRemove from '@/components/DialogRemove'\nimport Side from '@/components/Side'\n// import Dialog from '@/components/Dialog'\nimport List from '@/components/List'\nimport PageHeader from '@/components/PageHeader'\nimport { mapState } from \"vuex\";\n\n\nexport default {\n  name: 'PageManagerOfficesList',\n  components: {\n    Loading,\n    Side,\n    // Dialog,\n    DialogRemove,\n    List,\n    PageHeader,\n  },\n  data: () => ({\n    loading: false,\n    items: [],\n    count: 0,\n    offset: 0,\n    limit: 100,\n    page: 1,\n    selected: [],\n    showEdit: false,\n    showDialogRemove: false,\n    showDialogPermissionEdit: false,\n    companyItem: [],\n    timeout: null,\n    status: [],\n    methods: [],\n    countries: [],\n  }),\n\n  props: ['update', 'select'],\n\n  watch: {\n    update () {\n      this.loadItems()\n    },\n\n    select (items) {\n      this.selected = items\n    },\n  },\n\n  computed: {\n    ...mapState(\"user\", {\n      fullname: (state) =>\n        state.user ? `${state.user.firstname} ${state.user.lastname}` : \"-\",\n        user: (state) => state.user ? state.user : {}\n    }),\n    paramsId () {\n      return this.$router.currentRoute.params.id || undefined\n    },\n\n    itemId () {\n      return this.$router.currentRoute.query.edit || undefined\n    },\n  },\n\n  mounted () {\n    this.$queryFilters().get()\n    this.setCompany()\n    this.searchItems()\n    if (this.itemId) {\n      this.selectItems([{id: this.itemId}])\n      this.editItems()\n    }\n  },\n\n\n  methods: {\n\n    setCompany () {\n      this.companyItem = Object.create(this.user.company)\n    },\n\n    // Request\n    searchItems (element) {\n      this.selected = []\n      this.loading = true\n      // debounce request\n      if (this.timeout) clearTimeout(this.timeout)\n      this.timeout = setTimeout(() => {\n        this.loadItems()\n      }, 100)\n    },\n\n    loadItems (options = {}) {\n      this.loading = true\n      this.$queryFilters().save()\n      const defaultOptions = {\n        order: [['updated_at', 'DESC']],\n        mode: 'list',\n        page: this.page || 1,\n        limit: this.limit,\n      }\n      const query = this.$queryFormat({\n        options: Object.assign({}, defaultOptions, options),\n        where: {\n          status: [1],\n          company_id: this.user.company_id\n        }\n      })\n      this.$emit('childData', { queryList: query })\n      this.$services.api_user.office.search(query)\n        .then(response => {\n          if (response.data) {\n            this.items = response.data.items\n            this.count = response.data.count\n            this.offset = response.data.offset\n            this.limit = response.data.limit\n          } else {\n            this.items = []\n            this.count = 0\n            this.offset = 0\n            this.limit = 0\n          }\n          this.updateSelected()\n        })\n        .finally(() => {\n          this.loading = false\n        })\n    },\n\n    changePage (page) {\n      this.page = +page\n      this.searchItems()\n    },\n\n    confirmRemoveItems () {\n      const ids = this.selected.map(v => v.id)\n      this.$services.api_user.office.remove({ where: { id: ids }})\n        .then(response => {\n          this.selected = []\n          this.showDialogRemove = false\n          this.loadItems()\n        })\n    },\n\n    updateSelected () {\n      for (let i = 0, lenI = this.selected.length; i < lenI; i++) {\n        const a = this.selected[i]\n        for (let j = 0, lenJ = this.items.length; j < lenJ; j++) {\n          const b = this.items[j]\n          if (a.id === b.id) {\n            this.selected[i] = b\n            break\n          }\n        }\n      }\n    },\n\n    // Mutliple items\n\n    removeItems () {\n      this.showDialogRemove = true\n    },\n\n    editItems () {\n      this.showEdit = true\n    },\n\n    selectItem (item) {\n      for (let i = 0, len = this.selected.length; i < len; i++) {\n        if (this.selected[i].id === item.id) return this.selected.splice(i,1)\n      }\n      return this.selected.push(item)\n    },\n\n    selectItems (arr) {\n      this.selected = arr\n    },\n\n    closeEdit () {\n      this.showEdit = false\n      this.$router.push(`/settings/manager/offices/`)\n    },\n\n    // Single item\n\n    newItem () {\n      this.selected = []\n      this.showEdit = true\n    },\n\n    editItem (item) {\n      this.selected = [item]\n      this.showEdit = true\n    },\n\n    editPermissionItem (item) {\n      this.selected = [item]\n      this.showDialogPermissionEdit = true\n    },\n\n    removeItem (item) {\n      this.selected = [item]\n      this.showDialogRemove = true\n    },\n\n    goToItem (item) {\n      this.$router.push(`/manager/office/${item.id}`)\n    },\n    // filter methods\n    resetFilters () {\n      this.applyFilters()\n    },\n\n    applyFilters () {\n      this.searchItems()\n    },\n  }\n}\n</script>\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!./page.settings.manager.offices.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!./page.settings.manager.offices.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page.settings.manager.offices.vue?vue&type=template&id=4500d026&\"\nimport script from \"./page.settings.manager.offices.vue?vue&type=script&lang=js&\"\nexport * from \"./page.settings.manager.offices.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VListItemAction } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCol,VIcon,VImg,VListItemAction,VListItemContent,VListItemSubtitle,VListItemTitle,VSelect,VTextField,VTooltip})\n"],"sourceRoot":""}