{"version":3,"sources":["webpack:///./src/views/Tags.vue","webpack:///src/views/Tags.vue","webpack:///./src/views/Tags.vue?60d2","webpack:///./src/views/Tags.vue?24bf","webpack:///./src/views/Tags.vue?f703"],"names":["render","_vm","this","_c","_self","attrs","$t","ref","tags","on","handleSelected","scopedSlots","_u","key","fn","_ref","data","_l","tr","index","name","staticClass","color","style","text_color","_v","_s","global","model","value","selected","callback","$$v","expression","slot","$event","addTagPrompt","currentPage","itemsPerPage","length","addTagObject","$set","staticStyle","backgroundColor","directives","rawName","domProps","target","composing","addTagTextColor","addTag","editTagPrompt","editTagObject","editTagTextColor","editTag","removeTag","staticRenderFns","components","vSelect","selectedTags","isMounted","computed","$refs","table","currentx","rgbColor","hexToRgb","lightness","r","b","g","methods","JSON","parse","stringify","hex","shorthandRegex","replace","m","result","exec","parseInt","updateTags","thisIns","$http","get","then","response","catch","error","$vs","notify","title","text","iconPack","icon","post","put","id","delete","watch","created","mounted","beforeRouteLeave","to","from","next","component"],"mappings":"qIAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQJ,EAAIK,GAAG,UAAU,CAACH,EAAG,WAAW,CAACI,IAAI,QAAQF,MAAM,CAAC,WAAa,GAAG,YAAY,GAAG,OAAS,GAAG,KAAOJ,EAAIO,MAAMC,GAAG,CAAC,SAAWR,EAAIS,gBAAgBC,YAAYV,EAAIW,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAADC,GAAiB,IAANC,EAAID,EAAJC,KAAO,MAAO,CAACb,EAAG,QAAQF,EAAIgB,GAAID,GAAM,SAASE,EAAGC,GAAO,OAAOhB,EAAG,QAAQ,CAACU,IAAIM,EAAMd,MAAM,CAAC,KAAOa,IAAK,CAACf,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAOW,EAAKG,GAAOC,OAAO,CAACjB,EAAG,UAAU,CAACkB,YAAY,OAAOhB,MAAM,CAAC,MAAQW,EAAKG,GAAOG,QAAQ,CAACnB,EAAG,IAAI,CAACoB,MAAO,CAACD,MAAON,EAAKG,GAAOK,aAAc,CAACrB,EAAG,IAAI,CAACF,EAAIwB,GAAGxB,EAAIyB,GAAGV,EAAKG,GAAOC,cAAc,GAAGjB,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAOW,EAAKG,GAAOQ,SAAS,CAAC1B,EAAIwB,GAAG,eAAexB,EAAIyB,GAAKV,EAAKG,GAAOQ,OAAU1B,EAAIK,GAAG,OAASL,EAAIK,GAAG,OAAQ,iBAAiB,MAAK,QAAQsB,MAAM,CAACC,MAAO5B,EAAI6B,SAAUC,SAAS,SAAUC,GAAM/B,EAAI6B,SAASE,GAAKC,WAAW,aAAa,CAAC9B,EAAG,MAAM,CAACkB,YAAY,gEAAgEhB,MAAM,CAAC,KAAO,UAAU6B,KAAK,UAAU,CAAC/B,EAAG,MAAM,CAACkB,YAAY,uCAAuC,CAAClB,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,SAAS,MAAQ,UAAU,YAAY,UAAU,KAAO,oBAAoBI,GAAG,CAAC,MAAQ,SAAS0B,GAAQlC,EAAImC,cAAe,KAAQ,CAACnC,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,YAAY,GAAGH,EAAG,cAAc,CAACkB,YAAY,2BAA2BhB,MAAM,CAAC,mBAAmB,KAAK,CAACF,EAAG,MAAM,CAACkB,YAAY,+IAA+I,CAAClB,EAAG,OAAO,CAACkB,YAAY,QAAQ,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIoC,YAAcpC,EAAIqC,cAAgBrC,EAAIqC,aAAe,IAAI,MAAMrC,EAAIyB,GAAGzB,EAAIO,KAAK+B,OAAStC,EAAIoC,YAAcpC,EAAIqC,aAAe,EAAIrC,EAAIoC,YAAcpC,EAAIqC,aAAerC,EAAIO,KAAK+B,QAAQ,OAAOtC,EAAIyB,GAAGzB,EAAIO,KAAK+B,WAAWpC,EAAG,eAAe,CAACE,MAAM,CAAC,KAAO,kBAAkB,WAAa,cAAc,GAAGF,EAAG,mBAAmB,CAACA,EAAG,mBAAmB,CAACM,GAAG,CAAC,MAAQ,SAAS0B,GAAQlC,EAAIqC,aAAa,MAAM,CAACnC,EAAG,OAAO,CAACF,EAAIwB,GAAG,UAAUtB,EAAG,mBAAmB,CAACM,GAAG,CAAC,MAAQ,SAAS0B,GAAQlC,EAAIqC,aAAa,MAAM,CAACnC,EAAG,OAAO,CAACF,EAAIwB,GAAG,UAAUtB,EAAG,mBAAmB,CAACM,GAAG,CAAC,MAAQ,SAAS0B,GAAQlC,EAAIqC,aAAa,MAAM,CAACnC,EAAG,OAAO,CAACF,EAAIwB,GAAG,UAAUtB,EAAG,mBAAmB,CAACM,GAAG,CAAC,MAAQ,SAAS0B,GAAQlC,EAAIqC,aAAa,OAAO,CAACnC,EAAG,OAAO,CAACF,EAAIwB,GAAG,YAAY,IAAI,IAAI,GAAGtB,EAAG,WAAW,CAAC+B,KAAK,SAAS,CAAC/B,EAAG,QAAQ,CAACE,MAAM,CAAC,WAAW,SAAS,CAACJ,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,YAAYH,EAAG,QAAQ,CAACE,MAAM,CAAC,WAAW,WAAW,CAACJ,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,kBAAkB,IAAI,GAAGH,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQJ,EAAIK,GAAG,OAAO,OAASL,EAAImC,cAAc3B,GAAG,CAAC,gBAAgB,SAAS0B,GAAQlC,EAAImC,aAAaD,KAAU,CAAChC,EAAG,MAAM,CAACA,EAAG,cAAc,CAACkB,YAAY,OAAOO,MAAM,CAACC,MAAO5B,EAAIuC,aAAa,UAAWT,SAAS,SAAUC,GAAM/B,EAAIwC,KAAKxC,EAAIuC,aAAc,SAAUR,IAAMC,WAAW,2BAA2B,CAAChC,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,iBAAiBH,EAAG,IAAI,CAACkB,YAAY,QAAQ,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,YAAYH,EAAG,WAAW,CAACuC,YAAY,CAAC,MAAQ,QAAQd,MAAM,CAACC,MAAO5B,EAAIuC,aAAa,QAAST,SAAS,SAAUC,GAAM/B,EAAIwC,KAAKxC,EAAIuC,aAAc,OAAQR,IAAMC,WAAW,0BAA0B9B,EAAG,IAAI,CAACkB,YAAY,QAAQ,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,aAAaH,EAAG,WAAW,CAACuC,YAAY,CAAC,MAAQ,QAAQd,MAAM,CAACC,MAAO5B,EAAIuC,aAAa,SAAUT,SAAS,SAAUC,GAAM/B,EAAIwC,KAAKxC,EAAIuC,aAAc,QAASR,IAAMC,WAAW,2BAA2B9B,EAAG,MAAM,CAACkB,YAAY,cAAcE,MAAO,CAACoB,gBAAiB1C,EAAIuC,aAAa,WAAY,CAACrC,EAAG,QAAQ,CAACyC,WAAW,CAAC,CAACxB,KAAK,QAAQyB,QAAQ,UAAUhB,MAAO5B,EAAIuC,aAAa,SAAUP,WAAW,0BAA0B5B,MAAM,CAAC,KAAO,SAASyC,SAAS,CAAC,MAAS7C,EAAIuC,aAAa,UAAW/B,GAAG,CAAC,MAAQ,SAAS0B,GAAWA,EAAOY,OAAOC,WAAiB/C,EAAIwC,KAAKxC,EAAIuC,aAAc,QAASL,EAAOY,OAAOlB,WAAW1B,EAAG,IAAI,CAACoB,MAAO,CAACD,MAAOrB,EAAIgD,kBAAmB,CAAC9C,EAAG,IAAI,CAACF,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIuC,aAAa,gBAAgBrC,EAAG,cAAcA,EAAG,YAAY,CAACkB,YAAY,aAAahB,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUI,GAAG,CAAC,MAAQR,EAAIiD,SAAS,CAACjD,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,YAAY,KAAKH,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQJ,EAAIK,GAAG,QAAQ,OAASL,EAAIkD,eAAe1C,GAAG,CAAC,gBAAgB,SAAS0B,GAAQlC,EAAIkD,cAAchB,KAAU,CAAChC,EAAG,MAAM,CAACA,EAAG,cAAc,CAACkB,YAAY,OAAOO,MAAM,CAACC,MAAO5B,EAAImD,cAAc,UAAWrB,SAAS,SAAUC,GAAM/B,EAAIwC,KAAKxC,EAAImD,cAAe,SAAUpB,IAAMC,WAAW,4BAA4B,CAAChC,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,iBAAiBH,EAAG,IAAI,CAACkB,YAAY,QAAQ,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,YAAYH,EAAG,WAAW,CAACuC,YAAY,CAAC,MAAQ,QAAQd,MAAM,CAACC,MAAO5B,EAAImD,cAAc,QAASrB,SAAS,SAAUC,GAAM/B,EAAIwC,KAAKxC,EAAImD,cAAe,OAAQpB,IAAMC,WAAW,2BAA2B9B,EAAG,IAAI,CAACkB,YAAY,QAAQ,CAACpB,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,aAAaH,EAAG,WAAW,CAACuC,YAAY,CAAC,MAAQ,QAAQd,MAAM,CAACC,MAAO5B,EAAImD,cAAc,SAAUrB,SAAS,SAAUC,GAAM/B,EAAIwC,KAAKxC,EAAImD,cAAe,QAASpB,IAAMC,WAAW,4BAA4B9B,EAAG,MAAM,CAACkB,YAAY,cAAcE,MAAO,CAACoB,gBAAiB1C,EAAImD,cAAc,WAAY,CAACjD,EAAG,QAAQ,CAACyC,WAAW,CAAC,CAACxB,KAAK,QAAQyB,QAAQ,UAAUhB,MAAO5B,EAAImD,cAAc,SAAUnB,WAAW,2BAA2B5B,MAAM,CAAC,KAAO,SAASyC,SAAS,CAAC,MAAS7C,EAAImD,cAAc,UAAW3C,GAAG,CAAC,MAAQ,SAAS0B,GAAWA,EAAOY,OAAOC,WAAiB/C,EAAIwC,KAAKxC,EAAImD,cAAe,QAASjB,EAAOY,OAAOlB,WAAW1B,EAAG,IAAI,CAACoB,MAAO,CAACD,MAAOrB,EAAIoD,mBAAoB,CAAClD,EAAG,IAAI,CAACF,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAImD,cAAc,gBAAgBjD,EAAG,cAAcA,EAAG,YAAY,CAACkB,YAAY,aAAaqB,YAAY,CAAC,MAAQ,QAAQrC,MAAM,CAAC,MAAQ,UAAU,YAAY,UAAU,KAAO,YAAY,KAAO,UAAUI,GAAG,CAAC,MAAQR,EAAIqD,UAAU,CAACrD,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,cAAcH,EAAG,YAAY,CAACuC,YAAY,CAAC,MAAQ,SAASrC,MAAM,CAAC,KAAO,SAAS,MAAQ,SAAS,YAAY,UAAU,KAAO,gBAAgBI,GAAG,CAAC,MAAQR,EAAIsD,YAAY,CAACtD,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIK,GAAG,eAAe,MAAM,IAEpwLkD,EAAkB,G,iCCmGtB,GACAC,WAAA,CACA,WAAAC,KAEA1C,KAAA,WACA,OACAc,SAAA,GACAtB,KAAA,GAEAmD,aAAA,GAEArB,aAAA,GACAsB,WAAA,EAEAxB,cAAA,EACAe,eAAA,EAEAX,aAAA,CAAAlB,MAAA,WAEA8B,cAAA,KAGAS,SAAA,CACAxB,YAAA,WACA,YAAAuB,UACA,KAAAE,MAAAC,MAAAC,SAEA,GAEAf,gBAAA,WACA,SAAAT,aAAAlB,MAAA,gBACA,IAAA2C,EAAA,KAAAC,SAAA,KAAA1B,aAAAlB,OACA6C,EAAA,KAAAF,EAAAG,EAAA,KAAAH,EAAAI,EAAA,KAAAJ,EAAAK,EACA,OAAAH,EAAA,cACA,WAEAd,iBAAA,WACA,SAAAD,cAAA9B,MAAA,gBACA,IAAA2C,EAAA,KAAAC,SAAA,KAAAd,cAAA9B,OACA6C,EAAA,KAAAF,EAAAG,EAAA,KAAAH,EAAAI,EAAA,KAAAJ,EAAAK,EACA,OAAAH,EAAA,cACA,YAGAI,QAAA,CACA7D,eAAA,SAAAQ,GACA,KAAAkC,cAAAoB,KAAAC,MAAAD,KAAAE,UAAAxD,IACA,KAAAiC,eAAA,GAEAe,SAAA,SAAAS,GACA,IAAAC,EAAA,mCACAD,IAAAE,QAAAD,GAAA,SAAAE,EAAAV,EAAAE,EAAAD,GACA,OAAAD,IAAAE,IAAAD,OAGA,IAAAU,EAAA,4CAAAC,KAAAL,GACA,OAAAI,EAAA,CACAX,EAAAa,SAAAF,EAAA,OACAT,EAAAW,SAAAF,EAAA,OACAV,EAAAY,SAAAF,EAAA,QACA,MAEAG,WAAA,WACA,IAAAC,EAAA,KACA,KAAAC,MAAAC,IAAA,iBACAC,MAAA,SAAAC,GACAJ,EAAA3E,KAAA+E,EAAAvE,QAEAwE,OAAA,SAAAC,GACAN,EAAAO,IAAAC,OAAA,CACAC,MAAA,QACAC,KAAAJ,EACAnE,MAAA,SACAwE,SAAA,UACAC,KAAA,0BAGA7C,OAAA,WACA,IAAAiC,EAAA,KAEA,KAAA3C,aAAA,mBAAAS,gBAEA,KAAAmC,MAAAY,KAAA,qBAAAxD,cACA8C,MAAA,WACAH,EAAAD,aACAC,EAAA/C,cAAA,EACA+C,EAAA3C,aAAA,MACAgD,OAAA,SAAAC,GACAN,EAAA/C,cAAA,EACA+C,EAAAO,IAAAC,OAAA,CACAC,MAAA,QACAC,KAAAJ,EAAAF,SAAAvE,KACAM,MAAA,SACAwE,SAAA,UACAC,KAAA,0BAGAzC,QAAA,WACA,IAAA6B,EAAA,KAEA,KAAA/B,cAAA,mBAAAC,iBAEA,KAAA+B,MAAAa,IAAA,qBAAAnE,SAAAoE,GAAA,KAAA9C,eACAkC,MAAA,WACAH,EAAAD,aACAC,EAAAhC,eAAA,KACAqC,OAAA,SAAAC,GACAN,EAAAhC,eAAA,EACAgC,EAAAO,IAAAC,OAAA,CACAC,MAAA,QACAC,KAAAJ,EAAAF,SAAAvE,KACAM,MAAA,SACAwE,SAAA,UACAC,KAAA,0BAGAxC,UAAA,WACA,IAAA4B,EAAA,KACA,KAAAC,MAAAe,OAAA,qBAAArE,SAAAoE,IACAZ,MAAA,WACAH,EAAAD,aACAC,EAAAhC,eAAA,KACAqC,OAAA,SAAAC,GACAN,EAAAhC,eAAA,EACAgC,EAAAO,IAAAC,OAAA,CACAC,MAAA,QACAC,KAAAJ,EAAAF,SAAAvE,KACAM,MAAA,SACAwE,SAAA,UACAC,KAAA,2BAIAK,MAAA,CACAjD,cAAA,WACA,KAAAA,gBACA,KAAArB,SAAA,MAIAuE,QAAA,WACA,KAAAnB,cAEAoB,QAAA,WACA,KAAA1C,WAAA,GAEA2C,iBAAA,SAAAC,EAAAC,EAAAC,GACA,KAAAtE,cACA,KAAAA,cAAA,EACAsE,GAAA,IACA,KAAAvD,eACA,KAAAA,eAAA,EACAuD,GAAA,IAEAA,MC/P6U,I,wBCQzUC,EAAY,eACd,EACA3G,EACAwD,GACA,EACA,KACA,KACA,MAIa,aAAAmD,E,sECnBf","file":"js/chunk-18c0f1f4.93bd40f9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":_vm.$t(\"Tags\")}},[_c('vs-table',{ref:\"table\",attrs:{\"pagination\":\"\",\"max-items\":50,\"search\":\"\",\"data\":_vm.tags},on:{\"selected\":_vm.handleSelected},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return [_c('tbody',_vm._l((data),function(tr,index){return _c('vs-tr',{key:index,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[index].name}},[_c('vs-chip',{staticClass:\"mr-3\",attrs:{\"color\":data[index].color}},[_c('p',{style:({color: data[index].text_color})},[_c('b',[_vm._v(_vm._s(data[index].name))])])])],1),_c('vs-td',{attrs:{\"data\":data[index].global}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(((data[index].global) ? _vm.$t(\"Yes\") : _vm.$t(\"No\")))+\"\\n\\t\\t\\t\\t\")])],1)}),1)]}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center\"},[_c('vs-button',{attrs:{\"type\":\"border\",\"color\":\"success\",\"icon-pack\":\"feather\",\"icon\":\"icon-plus-circle\"},on:{\"click\":function($event){_vm.addTagPrompt = true}}},[_vm._v(_vm._s(_vm.$t(\"Add\")))])],1),_c('vs-dropdown',{staticClass:\"cursor-pointer mb-4 mr-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.itemsPerPage - (_vm.itemsPerPage - 1))+\" - \"+_vm._s(_vm.tags.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.tags.length)+\" of \"+_vm._s(_vm.tags.length))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=10}}},[_c('span',[_vm._v(\"10\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=20}}},[_c('span',[_vm._v(\"20\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=50}}},[_c('span',[_vm._v(\"50\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=100}}},[_c('span',[_vm._v(\"100\")])])],1)],1)],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"name\"}},[_vm._v(_vm._s(_vm.$t(\"Name\")))]),_c('vs-th',{attrs:{\"sort-key\":\"global\"}},[_vm._v(_vm._s(_vm.$t(\"GlobalTag\")))])],1)],2),_c('vs-popup',{attrs:{\"title\":_vm.$t('Add'),\"active\":_vm.addTagPrompt},on:{\"update:active\":function($event){_vm.addTagPrompt=$event}}},[_c('div',[_c('vs-checkbox',{staticClass:\"mb-6\",model:{value:(_vm.addTagObject['global']),callback:function ($$v) {_vm.$set(_vm.addTagObject, 'global', $$v)},expression:\"addTagObject['global']\"}},[_vm._v(_vm._s(_vm.$t(\"GlobalTag\")))]),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"Name\")))]),_c('vs-input',{staticStyle:{\"width\":\"100%\"},model:{value:(_vm.addTagObject['name']),callback:function ($$v) {_vm.$set(_vm.addTagObject, 'name', $$v)},expression:\"addTagObject['name']\"}}),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"Color\")))]),_c('vs-input',{staticStyle:{\"width\":\"100%\"},model:{value:(_vm.addTagObject['color']),callback:function ($$v) {_vm.$set(_vm.addTagObject, 'color', $$v)},expression:\"addTagObject['color']\"}}),_c('div',{staticClass:\"colorPicker\",style:({backgroundColor: _vm.addTagObject['color']})},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addTagObject['color']),expression:\"addTagObject['color']\"}],attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.addTagObject['color'])},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.addTagObject, 'color', $event.target.value)}}}),_c('p',{style:({color: _vm.addTagTextColor})},[_c('b',[_vm._v(_vm._s(_vm.addTagObject['name']))])])]),_c('vs-divider'),_c('vs-button',{staticClass:\"mt-6; mr-1\",attrs:{\"color\":\"success\",\"type\":\"border\"},on:{\"click\":_vm.addTag}},[_vm._v(_vm._s(_vm.$t(\"Add\")))])],1)]),_c('vs-popup',{attrs:{\"title\":_vm.$t('Edit'),\"active\":_vm.editTagPrompt},on:{\"update:active\":function($event){_vm.editTagPrompt=$event}}},[_c('div',[_c('vs-checkbox',{staticClass:\"mb-6\",model:{value:(_vm.editTagObject['global']),callback:function ($$v) {_vm.$set(_vm.editTagObject, 'global', $$v)},expression:\"editTagObject['global']\"}},[_vm._v(_vm._s(_vm.$t(\"GlobalTag\")))]),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"Name\")))]),_c('vs-input',{staticStyle:{\"width\":\"100%\"},model:{value:(_vm.editTagObject['name']),callback:function ($$v) {_vm.$set(_vm.editTagObject, 'name', $$v)},expression:\"editTagObject['name']\"}}),_c('p',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"Color\")))]),_c('vs-input',{staticStyle:{\"width\":\"100%\"},model:{value:(_vm.editTagObject['color']),callback:function ($$v) {_vm.$set(_vm.editTagObject, 'color', $$v)},expression:\"editTagObject['color']\"}}),_c('div',{staticClass:\"colorPicker\",style:({backgroundColor: _vm.editTagObject['color']})},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editTagObject['color']),expression:\"editTagObject['color']\"}],attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.editTagObject['color'])},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.editTagObject, 'color', $event.target.value)}}}),_c('p',{style:({color: _vm.editTagTextColor})},[_c('b',[_vm._v(_vm._s(_vm.editTagObject['name']))])])]),_c('vs-divider'),_c('vs-button',{staticClass:\"mt-6; mr-1\",staticStyle:{\"float\":\"left\"},attrs:{\"color\":\"success\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit\",\"type\":\"border\"},on:{\"click\":_vm.editTag}},[_vm._v(_vm._s(_vm.$t(\"Change\")))]),_c('vs-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"border\",\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash-2\"},on:{\"click\":_vm.removeTag}},[_vm._v(_vm._s(_vm.$t(\"Delete\")))])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<vx-card :title='$t(\"Tags\")'>\n\t\t<vs-table ref=\"table\" v-model=\"selected\" @selected=\"handleSelected\" pagination :max-items=\"50\" search :data=\"tags\">\n\n\t\t\t<div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\n\n\t\t\t\t<div class=\"flex flex-wrap-reverse items-center\">\n\t\t\t\t\t<vs-button type=\"border\" color=\"success\" icon-pack=\"feather\" icon=\"icon-plus-circle\" @click=\"addTagPrompt = true\">{{$t(\"Add\")}}</vs-button>\n\t\t\t\t</div>\n\n\t\t\t\t<vs-dropdown vs-trigger-click class=\"cursor-pointer mb-4 mr-4\">\n\t\t\t\t\t<div class=\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\">\n\t\t\t\t\t\t<span class=\"mr-2\">{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} - {{ tags.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : tags.length }} of {{ tags.length }}</span>\n\t\t\t\t\t\t<feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<vs-dropdown-menu>\n\n\t\t\t\t\t\t<vs-dropdown-item @click=\"itemsPerPage=10\">\n\t\t\t\t\t\t\t<span>10</span>\n\t\t\t\t\t\t</vs-dropdown-item>\n\t\t\t\t\t\t<vs-dropdown-item @click=\"itemsPerPage=20\">\n\t\t\t\t\t\t\t<span>20</span>\n\t\t\t\t\t\t</vs-dropdown-item>\n\t\t\t\t\t\t<vs-dropdown-item @click=\"itemsPerPage=50\">\n\t\t\t\t\t\t\t<span>50</span>\n\t\t\t\t\t\t</vs-dropdown-item>\n\t\t\t\t\t\t<vs-dropdown-item @click=\"itemsPerPage=100\">\n\t\t\t\t\t\t\t<span>100</span>\n\t\t\t\t\t\t</vs-dropdown-item>\n\t\t\t\t\t</vs-dropdown-menu>\n\t\t\t\t</vs-dropdown>\n\t\t\t</div>\n\n\t\t\t<template slot=\"thead\">\n\t\t\t\t<vs-th sort-key=\"name\">{{$t(\"Name\")}}</vs-th>\n\t\t\t\t<vs-th sort-key=\"global\">{{$t(\"GlobalTag\")}}</vs-th>\n\t\t\t</template>\n\n\t\t\t<template slot-scope=\"{data}\">\n\t\t\t\t<tbody>\n\t\t\t\t<vs-tr :data=\"tr\" :key=\"index\" v-for=\"(tr, index) in data\">\n\n\t\t\t\t\t<vs-td :data=\"data[index].name\">\n\t\t\t\t\t\t<vs-chip class=\"mr-3\" :color=\"data[index].color\">\n\t\t\t\t\t\t\t<p v-bind:style=\"{color: data[index].text_color}\"><b>{{ data[index].name}}</b></p>\n\t\t\t\t\t\t</vs-chip>\n\t\t\t\t\t</vs-td>\n\n\t\t\t\t\t<vs-td :data=\"data[index].global\">\n\t\t\t\t\t\t{{ ((data[index].global) ? $t(\"Yes\") : $t(\"No\")) }}\n\t\t\t\t\t</vs-td>\n\n\t\t\t\t</vs-tr>\n\t\t\t\t</tbody>\n\t\t\t</template>\n\n\t\t</vs-table>\n\n\t\t<vs-popup :title=\"$t('Add')\" :active.sync=\"addTagPrompt\">\n\t\t\t<div>\n\t\t\t\t<vs-checkbox class=\"mb-6\" v-model=\"addTagObject['global']\">{{$t(\"GlobalTag\")}}</vs-checkbox>\n\n\t\t\t\t<p class=\"mt-6\">{{$t(\"Name\")}}</p>\n\t\t\t\t<vs-input v-model=\"addTagObject['name']\" style=\"width: 100%\"/>\n\n\t\t\t\t<p class=\"mt-6\">{{$t(\"Color\")}}</p>\n\t\t\t\t<vs-input v-model=\"addTagObject['color']\" style=\"width: 100%\"/>\n\t\t\t\t<div class=\"colorPicker\" v-bind:style=\"{backgroundColor: addTagObject['color']}\">\n\t\t\t\t\t<input type=\"color\" v-model=\"addTagObject['color']\" />\n\t\t\t\t\t<p v-bind:style=\"{color: addTagTextColor}\"><b>{{addTagObject['name']}}</b></p>\n\t\t\t\t</div>\n\t\t\t\t<vs-divider/>\n\t\t\t\t<vs-button color=\"success\" type=\"border\" class=\"mt-6; mr-1\" @click=\"addTag\">{{$t(\"Add\")}}</vs-button>\n\t\t\t</div>\n\t\t</vs-popup>\n\n\t\t<vs-popup :title=\"$t('Edit')\" :active.sync=\"editTagPrompt\">\n\t\t\t<div>\n\t\t\t\t<vs-checkbox class=\"mb-6\" v-model=\"editTagObject['global']\">{{$t(\"GlobalTag\")}}</vs-checkbox>\n\n\t\t\t\t<p class=\"mt-6\">{{$t(\"Name\")}}</p>\n\t\t\t\t<vs-input v-model=\"editTagObject['name']\" style=\"width: 100%\"/>\n\n\t\t\t\t<p class=\"mt-6\">{{$t(\"Color\")}}</p>\n\t\t\t\t<vs-input v-model=\"editTagObject['color']\" style=\"width: 100%\"/>\n\t\t\t\t<div class=\"colorPicker\" v-bind:style=\"{backgroundColor: editTagObject['color']}\">\n\t\t\t\t\t<input type=\"color\" v-model=\"editTagObject['color']\" />\n\t\t\t\t\t<p v-bind:style=\"{color: editTagTextColor}\"><b>{{editTagObject['name']}}</b></p>\n\t\t\t\t</div>\n\t\t\t\t<vs-divider/>\n\t\t\t\t<vs-button style=\"float: left\" color=\"success\" icon-pack=\"feather\" icon=\"icon-edit\" type=\"border\" class=\"mt-6; mr-1\" @click=\"editTag\">{{$t(\"Change\")}}</vs-button>\n\t\t\t\t<vs-button style=\"float: right\" type=\"border\" color=\"danger\" icon-pack=\"feather\" icon=\"icon-trash-2\" @click=\"removeTag\">{{$t(\"Delete\")}}</vs-button>\n\t\t\t</div>\n\t\t</vs-popup>\n\t</vx-card>\n</template>\n<script>\n\n\timport vSelect from 'vue-select'\n\n\texport default {\n\t\tcomponents: {\n\t\t\t'v-select': vSelect,\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tselected: {},\n\t\t\t\ttags: [],\n\n\t\t\t\tselectedTags: [],\n\n\t\t\t\titemsPerPage: 20,\n\t\t\t\tisMounted: false,\n\n\t\t\t\taddTagPrompt: false,\n\t\t\t\teditTagPrompt: false,\n\n\t\t\t\taddTagObject: {color: '#FFFFFF'},\n\n\t\t\t\teditTagObject: {},\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tcurrentPage() {\n\t\t\t\tif(this.isMounted) {\n\t\t\t\t\treturn this.$refs.table.currentx\n\t\t\t\t}\n\t\t\t\treturn 0\n\t\t\t},\n\t\t\taddTagTextColor(){\n\t\t\t\tif(!this.addTagObject.color) return \"#222222\";\n\t\t\t\tlet rgbColor = this.hexToRgb(this.addTagObject.color);\n\t\t\t\tlet lightness = rgbColor.r*0.299 + rgbColor.b*0.114 + rgbColor.g*0.587;\n\t\t\t\tif(lightness > 170) return \"#222222\";\n\t\t\t\treturn \"#ffffff\"\n\t\t\t},\n\t\t\teditTagTextColor(){\n\t\t\t\tif(!this.editTagObject.color) return \"#222222\";\n\t\t\t\tlet rgbColor = this.hexToRgb(this.editTagObject.color);\n\t\t\t\tlet lightness = rgbColor.r*0.299 + rgbColor.b*0.114 + rgbColor.g*0.587;\n\t\t\t\tif(lightness > 170) return \"#222222\";\n\t\t\t\treturn \"#ffffff\"\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\thandleSelected(tr) {\n\t\t\t\tthis.editTagObject = JSON.parse(JSON.stringify(tr));\n\t\t\t\tthis.editTagPrompt = true;\n\t\t\t},\n\t\t\thexToRgb(hex) {\n\t\t\t\tvar shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n\t\t\t\thex = hex.replace(shorthandRegex, function(m, r, g, b) {\n\t\t\t\t\treturn r + r + g + g + b + b;\n\t\t\t\t});\n\n\t\t\t\tvar result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n\t\t\t\treturn result ? {\n\t\t\t\t\tr: parseInt(result[1], 16),\n\t\t\t\t\tg: parseInt(result[2], 16),\n\t\t\t\t\tb: parseInt(result[3], 16)\n\t\t\t\t} : null;\n\t\t\t},\n\t\t\tupdateTags() {\n\t\t\t\tconst thisIns = this;\n\t\t\t\tthis.$http.get('/api/v1/tags/')\n\t\t\t\t\t\t.then(function (response) {\n\t\t\t\t\t\t\tthisIns.tags = response.data;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch(function (error) {\n\t\t\t\t\t\t\tthisIns.$vs.notify({\n\t\t\t\t\t\t\t\ttitle:'Error',\n\t\t\t\t\t\t\t\ttext: error,\n\t\t\t\t\t\t\t\tcolor:'danger',\n\t\t\t\t\t\t\t\ticonPack: 'feather',\n\t\t\t\t\t\t\t\ticon:'icon-alert-circle'})\n\t\t\t\t\t\t});\n\t\t\t},\n\t\t\taddTag() {\n\t\t\t\tconst thisIns = this;\n\n\t\t\t\tthis.addTagObject['text_color'] = this.addTagTextColor;\n\n\t\t\t\tthis.$http.post('/api/v1/tags/', this.addTagObject\n\t\t\t\t).then(function () {\n\t\t\t\t\tthisIns.updateTags();\n\t\t\t\t\tthisIns.addTagPrompt = false;\n\t\t\t\t\tthisIns.addTagObject = {};\n\t\t\t\t}).catch(function (error) {\n\t\t\t\t\tthisIns.addTagPrompt = false;\n\t\t\t\t\tthisIns.$vs.notify({\n\t\t\t\t\t\ttitle:'Error',\n\t\t\t\t\t\ttext: error.response.data,\n\t\t\t\t\t\tcolor:'danger',\n\t\t\t\t\t\ticonPack: 'feather',\n\t\t\t\t\t\ticon:'icon-alert-circle'})\n\t\t\t\t});\n\t\t\t},\n\t\t\teditTag() {\n\t\t\t\tconst thisIns = this;\n\n\t\t\t\tthis.editTagObject['text_color'] = this.editTagTextColor;\n\n\t\t\t\tthis.$http.put('/api/v1/tags/' + this.selected.id, this.editTagObject\n\t\t\t\t).then(function () {\n\t\t\t\t\tthisIns.updateTags();\n\t\t\t\t\tthisIns.editTagPrompt = false;\n\t\t\t\t}).catch(function (error) {\n\t\t\t\t\tthisIns.editTagPrompt = false;\n\t\t\t\t\tthisIns.$vs.notify({\n\t\t\t\t\t\ttitle:'Error',\n\t\t\t\t\t\ttext: error.response.data,\n\t\t\t\t\t\tcolor:'danger',\n\t\t\t\t\t\ticonPack: 'feather',\n\t\t\t\t\t\ticon:'icon-alert-circle'})\n\t\t\t\t});\n\t\t\t},\n\t\t\tremoveTag() {\n\t\t\t\tconst thisIns = this;\n\t\t\t\tthis.$http.delete('/api/v1/tags/' + this.selected.id)\n\t\t\t\t\t\t.then(function () {\n\t\t\t\t\t\t\tthisIns.updateTags();\n\t\t\t\t\t\t\tthisIns.editTagPrompt = false;\n\t\t\t\t\t\t}).catch(function (error) {\n\t\t\t\t\t\t\tthisIns.editTagPrompt = false;\n\t\t\t\t\t\t\tthisIns.$vs.notify({\n\t\t\t\t\t\t\t\ttitle:'Error',\n\t\t\t\t\t\t\t\ttext: error.response.data,\n\t\t\t\t\t\t\t\tcolor:'danger',\n\t\t\t\t\t\t\t\ticonPack: 'feather',\n\t\t\t\t\t\t\t\ticon:'icon-alert-circle'})\n\t\t\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\teditTagPrompt: function () {\n\t\t\t\tif(!this.editTagPrompt){\n\t\t\t\t\tthis.selected = {}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcreated() {\n\t\t\tthis.updateTags()\n\t\t},\n\t\tmounted() {\n\t\t\tthis.isMounted = true;\n\t\t},\n\t\tbeforeRouteLeave (to, from, next) {\n\t\t\tif(this.addTagPrompt){\n\t\t\t\tthis.addTagPrompt = false;\n\t\t\t\tnext(false)\n\t\t\t}else if(this.editTagPrompt){\n\t\t\t\tthis.editTagPrompt = false;\n\t\t\t\tnext(false)\n\t\t\t}else{\n\t\t\t\tnext()\n\t\t\t}\n\t\t}\n\t}\n</script>\n<style lang=\"scss\">\n\n\t.colorPicker{\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 100px;\n\t\theight: 100px;\n\t\tmargin: 10px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: rgb(255, 255, 255);\n\t\tborder-radius: 10px;\n\t\tcursor: default;\n\t\tflex-direction: column;\n\t\ttext-align: center;\n\t\tpadding: 10px;\n\t\ttransition: all .2s ease;\n\t\tcursor: pointer;\n\t}\n\t.colorPicker {\n\t\ttransform: translate(0,8px);\n\t\tbox-shadow: 0px 0px 40px -10px rgba(255, 255, 255,0) !important;\n\t}\n\t.colorPicker input{\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: 0;\n\t\tcursor: pointer;\n\t}\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tags.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!./Tags.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Tags.vue?vue&type=template&id=8198c8fe\"\nimport script from \"./Tags.vue?vue&type=script&lang=js\"\nexport * from \"./Tags.vue?vue&type=script&lang=js\"\nimport style0 from \"./Tags.vue?vue&type=style&index=0&id=8198c8fe&prod&lang=scss\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tags.vue?vue&type=style&index=0&id=8198c8fe&prod&lang=scss\""],"sourceRoot":""}