mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-05 18:23:48 +00:00
1 line
36 KiB
JavaScript
Vendored
1 line
36 KiB
JavaScript
Vendored
(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{12:function(a,t,n){"use strict";var e={name:"InfoBox",props:["type"]},i=(n(228),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("div",{staticClass:"info-box",class:this.type},[this._t("default")],2)}),[],!1,null,"bf43be5e",null);t.a=o.exports},13:function(a,t,n){"use strict";var e={name:"FormLabel",components:{Edit2Icon:n(1).m}},i=(n(230),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement,t=this._self._c||a;return t("div",{staticClass:"form-label"},[t("edit-2-icon",{staticClass:"icon",attrs:{size:"22"}}),this._v(" "),t("b",{staticClass:"label"},[this._t("default")],2)],1)}),[],!1,null,"c1157a8e",null);t.a=o.exports},146:function(a,t,n){var e=n(413);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},15:function(a,t,n){"use strict";var e={name:"PageTab",props:["isLoading"],components:{Spinner:n(19).a}},i=(n(234),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement,t=this._self._c||a;return t("div",{staticClass:"page-tab"},[t("div",{directives:[{name:"show",rawName:"v-show",value:this.isLoading,expression:"isLoading"}],attrs:{id:"loader"}},[t("Spinner")],1),this._v(" "),this._t("default")],2)}),[],!1,null,"4339da66",null);t.a=o.exports},16:function(a,t,n){"use strict";var e={name:"PageTabGroup"},i=(n(232),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("div",{staticClass:"page-tab-group"},[this._t("default")],2)}),[],!1,null,"1bb470e4",null);t.a=o.exports},228:function(a,t,n){"use strict";var e=n(53);n.n(e).a},229:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".info-box[data-v-bf43be5e] {\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 32px;\n background: #f4f5f6;\n text-align: left;\n}\n.info-box.error[data-v-bf43be5e] {\n background: rgba(253, 57, 122, 0.1);\n}\n.info-box.error p[data-v-bf43be5e], .info-box.error a[data-v-bf43be5e] {\n color: #fd397a;\n}\n.info-box.error a[data-v-bf43be5e] {\n text-decoration: underline;\n}\n.info-box p[data-v-bf43be5e] {\n font-size: 0.9375em;\n line-height: 1.6;\n word-break: break-word;\n font-weight: 600;\n}\n.info-box p[data-v-bf43be5e] a {\n color: #00BC7E;\n}\n.info-box b[data-v-bf43be5e] {\n font-weight: 700;\n color: #00BC7E;\n}\n.info-box a[data-v-bf43be5e] {\n color: #00BC7E;\n font-weight: 700;\n font-size: 0.9375em;\n line-height: 1.6;\n}\n.info-box ul[data-v-bf43be5e] {\n margin-top: 15px;\n display: block;\n}\n.info-box ul li[data-v-bf43be5e] {\n display: block;\n}\n.info-box ul li a[data-v-bf43be5e] {\n display: block;\n}\n@media only screen and (max-width: 690px) {\n.info-box[data-v-bf43be5e] {\n padding: 15px;\n}\n}\n@media (prefers-color-scheme: dark) {\n.info-box[data-v-bf43be5e] {\n background: #1e2024;\n}\n.info-box p[data-v-bf43be5e] {\n color: #bec6cf;\n}\n.info-box ul li[data-v-bf43be5e] {\n color: #bec6cf;\n}\n}\n",""])},230:function(a,t,n){"use strict";var e=n(54);n.n(e).a},231:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".form-label[data-v-c1157a8e] {\n display: flex;\n align-items: center;\n margin-bottom: 30px;\n}\n.form-label .icon[data-v-c1157a8e] {\n margin-right: 10px;\n}\n.form-label .icon path[data-v-c1157a8e] {\n stroke: #00BC7E;\n}\n.form-label .label[data-v-c1157a8e] {\n font-size: 1.125em;\n font-weight: 700;\n}\n@media (prefers-color-scheme: dark) {\n.form-label .label[data-v-c1157a8e] {\n color: #bec6cf;\n}\n}\n",""])},232:function(a,t,n){"use strict";var e=n(55);n.n(e).a},233:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".page-tab-group[data-v-1bb470e4] {\n margin-bottom: 65px;\n}\n",""])},234:function(a,t,n){"use strict";var e=n(56);n.n(e).a},235:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,"",""])},248:function(a,t,n){"use strict";var e=n(63);n.n(e).a},249:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".table-row[data-v-15a1e318] {\n border-radius: 8px;\n}\n.table-row[data-v-15a1e318]:hover {\n background: #f4f5f6;\n}\n.table-row .table-cell[data-v-15a1e318] {\n padding-top: 15px;\n padding-bottom: 15px;\n}\n.table-row .table-cell[data-v-15a1e318]:first-child {\n padding-left: 15px;\n}\n.table-row .table-cell[data-v-15a1e318]:last-child {\n padding-right: 15px;\n text-align: right;\n}\n.table-row .table-cell span[data-v-15a1e318] {\n font-size: 1em;\n font-weight: bold;\n}\n",""])},250:function(a,t,n){"use strict";var e=n(64);n.n(e).a},251:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".datatable[data-v-56f3a787] {\n height: 100%;\n}\n.table-row[data-v-56f3a787] {\n transition: 0.3s all ease;\n}\n.table-row-enter[data-v-56f3a787],\n.table-row-leave-to[data-v-56f3a787] {\n opacity: 0;\n transform: translateY(-100%);\n}\n.table-row-leave-active[data-v-56f3a787] {\n position: absolute;\n}\n.table[data-v-56f3a787] {\n width: 100%;\n border-collapse: collapse;\n overflow-x: auto;\n}\n.table tr[data-v-56f3a787] {\n width: 100%;\n}\n.table tr td[data-v-56f3a787]:first-child, .table tr th[data-v-56f3a787]:first-child {\n padding-left: 15px;\n}\n.table tr td[data-v-56f3a787]:last-child, .table tr th[data-v-56f3a787]:last-child {\n padding-right: 15px;\n text-align: right;\n}\n.table .table-header[data-v-56f3a787] {\n margin-bottom: 10px;\n}\n.table .table-header tr td[data-v-56f3a787], .table .table-header tr th[data-v-56f3a787] {\n padding: 12px;\n text-align: left;\n}\n.table .table-header tr td span[data-v-56f3a787], .table .table-header tr th span[data-v-56f3a787] {\n color: #00BC7E;\n font-weight: 700;\n font-size: 0.75em;\n white-space: nowrap;\n}\n.table .table-header tr td.sortable[data-v-56f3a787], .table .table-header tr th.sortable[data-v-56f3a787] {\n cursor: pointer;\n}\n.table .table-header tr td.sortable:hover .filter-arrow[data-v-56f3a787], .table .table-header tr th.sortable:hover .filter-arrow[data-v-56f3a787] {\n opacity: 1;\n}\n.table .table-header tr td[data-v-56f3a787]:last-child, .table .table-header tr th[data-v-56f3a787]:last-child {\n text-align: right;\n}\n.table .table-header .filter-arrow[data-v-56f3a787] {\n vertical-align: middle;\n margin-left: 8px;\n transition: 0.3s all ease;\n opacity: 0;\n}\n.table .table-header .filter-arrow path[data-v-56f3a787] {\n fill: rgba(27, 37, 57, 0.7);\n}\n.table .table-header .filter-arrow.arrow-down[data-v-56f3a787] {\n transform: rotate(180deg);\n}\n.table .table-header span[data-v-56f3a787] {\n font-size: 13px;\n color: rgba(27, 37, 57, 0.7);\n font-weight: bold;\n}\n.table .table-body tr[data-v-56f3a787] {\n border-radius: 8px;\n}\n.table .table-body tr[data-v-56f3a787]:hover {\n background: #f4f5f6;\n}\n.table .table-body tr td[data-v-56f3a787], .table .table-body tr th[data-v-56f3a787] {\n padding: 12px;\n}\n.table .table-body tr td:last-child button[data-v-56f3a787], .table .table-body tr th:last-child button[data-v-56f3a787] {\n margin-right: 0;\n}\n.table .table-body span[data-v-56f3a787], .table .table-body a.page-link[data-v-56f3a787] {\n font-size: 0.9375em;\n font-weight: 700;\n padding: 10px 35px 10px 0;\n display: block;\n white-space: nowrap;\n}\n.pagination .page-item[data-v-56f3a787] {\n padding: 3px;\n display: inline-block;\n}\n.pagination .page-link[data-v-56f3a787] {\n width: 30px;\n height: 30px;\n display: block;\n color: #1B2539;\n border-radius: 6px;\n text-align: center;\n line-height: 2.4;\n font-weight: bold;\n font-size: 13px;\n cursor: pointer;\n transition: 0.15s all ease;\n}\n.pagination .page-link .icon[data-v-56f3a787] {\n vertical-align: middle;\n margin-top: -2px;\n}\n.pagination .page-link[data-v-56f3a787]:hover:not(.disabled) {\n background: #f4f5f6;\n color: #1B2539;\n}\n.pagination .page-link.active[data-v-56f3a787] {\n color: #1B2539;\n background: #f4f5f6;\n}\n.pagination .page-link.disabled[data-v-56f3a787] {\n background: transparent;\n cursor: default;\n}\n.pagination .page-link.disabled svg path[data-v-56f3a787] {\n fill: rgba(27, 37, 57, 0.7);\n}\n.paginator-wrapper[data-v-56f3a787] {\n margin-top: 30px;\n margin-bottom: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n font-size: 13px;\n color: rgba(27, 37, 57, 0.7);\n}\n.user-preview[data-v-56f3a787] {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.user-preview img[data-v-56f3a787] {\n width: 45px;\n margin-right: 22px;\n}\n@media only screen and (max-width: 690px) {\n.paginator-wrapper[data-v-56f3a787] {\n display: block;\n text-align: center;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n margin-top: 10px;\n display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.table .table-header tr td span[data-v-56f3a787], .table .table-header tr th span[data-v-56f3a787] {\n color: #00BC7E;\n}\n.table .table-body tr[data-v-56f3a787]:hover, .table .table-body th[data-v-56f3a787]:hover {\n background: #1e2024;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n color: #7d858c;\n}\n.pagination .page-link[data-v-56f3a787] {\n color: #7d858c;\n}\n.pagination .page-link svg polyline[data-v-56f3a787] {\n stroke: #bec6cf;\n}\n.pagination .page-link[data-v-56f3a787]:hover:not(.disabled) {\n color: #00BC7E;\n background: rgba(0, 188, 126, 0.1);\n}\n.pagination .page-link.active[data-v-56f3a787] {\n color: #00BC7E;\n background: rgba(0, 188, 126, 0.1);\n}\n.pagination .page-link.disabled[data-v-56f3a787] {\n background: transparent;\n cursor: default;\n}\n.pagination .page-link.disabled svg polyline[data-v-56f3a787] {\n stroke: #7d858c;\n}\n}\n",""])},256:function(a,t,n){"use strict";var e=n(67);n.n(e).a},257:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".color-label[data-v-ffcb2882] {\n text-transform: capitalize;\n font-size: 0.75em;\n display: inline-block;\n border-radius: 6px;\n font-weight: 700;\n padding: 4px 6px;\n}\n.color-label.purple[data-v-ffcb2882] {\n color: #9D66FE;\n background: rgba(157, 102, 254, 0.1);\n}\n.color-label.yellow[data-v-ffcb2882] {\n color: #FFBD2D;\n background: rgba(255, 189, 45, 0.1);\n}\n.color-label.green[data-v-ffcb2882] {\n color: #00BC7E;\n background: rgba(0, 188, 126, 0.1);\n}\n.color-label.red[data-v-ffcb2882] {\n color: #fd397a;\n background: rgba(253, 57, 122, 0.1);\n}\n",""])},258:function(a,t,n){"use strict";var e=n(68);n.n(e).a},259:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".mobile-action-button[data-v-8b0e9378] {\n background: #f4f5f6;\n margin-right: 15px;\n border-radius: 8px;\n padding: 7px 10px;\n cursor: pointer;\n border: none;\n transition: 150ms all ease;\n}\n.mobile-action-button .flex[data-v-8b0e9378] {\n display: flex;\n align-items: center;\n}\n.mobile-action-button .icon[data-v-8b0e9378] {\n margin-right: 10px;\n font-size: 0.875em;\n}\n.mobile-action-button .icon path[data-v-8b0e9378], .mobile-action-button .icon line[data-v-8b0e9378], .mobile-action-button .icon polyline[data-v-8b0e9378], .mobile-action-button .icon rect[data-v-8b0e9378], .mobile-action-button .icon circle[data-v-8b0e9378] {\n transition: 150ms all ease;\n}\n.mobile-action-button .label[data-v-8b0e9378] {\n transition: 150ms all ease;\n font-size: 0.875em;\n font-weight: 700;\n color: #1B2539;\n}\n.mobile-action-button[data-v-8b0e9378]:active {\n transform: scale(0.95);\n}\n.mobile-action-button[data-v-8b0e9378]:hover {\n background: rgba(0, 188, 126, 0.1);\n}\n.mobile-action-button:hover .icon path[data-v-8b0e9378], .mobile-action-button:hover .icon line[data-v-8b0e9378], .mobile-action-button:hover .icon polyline[data-v-8b0e9378], .mobile-action-button:hover .icon rect[data-v-8b0e9378], .mobile-action-button:hover .icon circle[data-v-8b0e9378] {\n stroke: #00BC7E;\n}\n.mobile-action-button:hover .label[data-v-8b0e9378] {\n color: #00BC7E;\n}\n@media (prefers-color-scheme: dark) {\n.mobile-action-button[data-v-8b0e9378] {\n background: #1e2024;\n}\n.mobile-action-button path[data-v-8b0e9378], .mobile-action-button line[data-v-8b0e9378], .mobile-action-button polyline[data-v-8b0e9378], .mobile-action-button rect[data-v-8b0e9378], .mobile-action-button circle[data-v-8b0e9378] {\n stroke: #00BC7E;\n}\n.mobile-action-button .label[data-v-8b0e9378] {\n color: #bec6cf;\n}\n}\n",""])},27:function(a,t,n){"use strict";var e=n(1),i={props:["data"],computed:{normalizedColumns:function(){return this.data.id&&delete this.data.id,Object.values(this.data)}}},o=(n(248),n(0)),r=Object(o.a)(i,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("tr",{staticClass:"table-row"},a._l(a.normalizedColumns,(function(t,e){return n("td",{key:e,staticClass:"table-cell"},[n("span",[a._v(a._s(t))])])})),0)}),[],!1,null,"15a1e318",null).exports,l=(n(24),n(4)),s=n.n(l),d={name:"DatatableWrapper",props:["columns","scope","paginator","api","tableData"],components:{ChevronRightIcon:e.e,ChevronLeftIcon:e.d,DatatableCell:r,ChevronUpIcon:e.f},computed:{hasData:function(){return this.data&&this.data.data&&this.data.data.length>0},floatPages:function(){return[this.pageIndex-1,this.pageIndex,this.pageIndex+1]}},data:function(){return{data:void 0,isLoading:!0,pageIndex:1,filter:{sort:"DESC",field:void 0}}},methods:{goToPage:function(a){a>this.data.meta.last_page||0===a||(this.pageIndex=a,this.getPage(a))},sort:function(a,t){t&&(this.filter.field=a,"DESC"===this.filter.sort?this.filter.sort="ASC":"ASC"===this.filter.sort&&(this.filter.sort="DESC"),this.getPage(this.pageIndex))},getPage:function(a){var t=this;this.URI=this.api,this.paginator&&(this.URI=this.URI+"?page="+a),this.filter.field&&(this.URI=this.URI+(this.paginator?"&":"?")+"sort="+this.filter.field+"&direction="+this.filter.sort),this.isLoading=!0,s.a.get(this.URI).then((function(a){t.data=a.data,t.$emit("data",a.data)})).catch((function(){return t.$isSomethingWrong()})).finally((function(){t.$emit("init",!0),t.isLoading=!1}))}},created:function(){this.api&&this.getPage(this.pageIndex),this.tableData&&(this.data=this.tableData,this.isLoading=!1)}},c=(n(250),Object(o.a)(d,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("div",{staticClass:"datatable"},[a.hasData?n("table",{staticClass:"table"},[n("thead",{staticClass:"table-header"},[n("tr",a._l(a.columns,(function(t,e){return t.hidden?a._e():n("th",{key:e,class:{sortable:t.sortable},on:{click:function(n){return a.sort(t.field,t.sortable)}}},[n("span",[a._v(a._s(t.label))]),a._v(" "),t.sortable?n("chevron-up-icon",{staticClass:"filter-arrow",class:{"arrow-down":"ASC"===a.filter.sort},attrs:{size:"14"}}):a._e()],1)})),0)]),a._v(" "),n("tbody",{staticClass:"table-body"},[a._l(a.data.data,(function(t){return a._t("default",[n("DatatableCell",{key:t.id,attrs:{data:t}})],{row:t})}))],2)]):a._e(),a._v(" "),a.isLoading||a.hasData?a._e():a._t("empty-page"),a._v(" "),a.paginator&&a.hasData?n("div",{staticClass:"paginator-wrapper"},[a.data.meta.total>20&&a.data.meta.last_page<=6?n("ul",{staticClass:"pagination"},[n("li",{staticClass:"page-item previous"},[n("a",{staticClass:"page-link",class:{disabled:0==a.pageIndex},on:{click:function(t){return a.goToPage(a.pageIndex-1)}}},[n("chevron-left-icon",{staticClass:"icon",attrs:{size:"14"}})],1)]),a._v(" "),a._l(6,(function(t,e){return n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n "+a._s(t)+"\n ")])])})),a._v(" "),n("li",{staticClass:"page-item next"},[n("a",{staticClass:"page-link",class:{disabled:a.pageIndex+1==a.data.meta.last_page},on:{click:function(t){return a.goToPage(a.pageIndex+1)}}},[n("chevron-right-icon",{staticClass:"icon",attrs:{size:"14"}})],1)])],2):a._e(),a._v(" "),a.data.meta.total>20&&a.data.meta.last_page>6?n("ul",{staticClass:"pagination"},[n("li",{staticClass:"page-item previous"},[n("a",{staticClass:"page-link",class:{disabled:0==a.pageIndex},on:{click:function(t){return a.goToPage(a.pageIndex-1)}}},[n("chevron-left-icon",{staticClass:"icon",attrs:{size:"14"}})],1)]),a._v(" "),a.pageIndex>=5?n("li",{staticClass:"page-item",on:{click:function(t){return a.goToPage(1)}}},[n("a",{staticClass:"page-link"},[a._v("\n 1\n ")])]):a._e(),a._v(" "),a._l(5,(function(t,e){return a.pageIndex<5?n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n "+a._s(t)+"\n ")])]):a._e()})),a._v(" "),a.pageIndex>=5?n("li",{staticClass:"page-item"},[n("a",{staticClass:"page-link"},[a._v("...")])]):a._e(),a._v(" "),a._l(a.floatPages,(function(t,e){return a.pageIndex>=5&&a.pageIndex<a.data.meta.last_page-3?n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n "+a._s(t)+"\n ")])]):a._e()})),a._v(" "),a.pageIndex<a.data.meta.last_page-3?n("li",{staticClass:"page-item"},[n("a",{staticClass:"page-link"},[a._v("...")])]):a._e(),a._v(" "),a._l(5,(function(t,e){return a.pageIndex>a.data.meta.last_page-4?n("li",{key:e,staticClass:"page-item",on:{click:function(t){a.goToPage(a.data.meta.last_page-(4-e))}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===a.data.meta.last_page-(4-e)}},[a._v("\n "+a._s(a.data.meta.last_page-(4-e))+"\n ")])]):a._e()})),a._v(" "),a.pageIndex<a.data.meta.last_page-3?n("li",{staticClass:"page-item",on:{click:function(t){return a.goToPage(a.data.meta.last_page)}}},[n("a",{staticClass:"page-link"},[a._v("\n "+a._s(a.data.meta.last_page)+"\n ")])]):a._e(),a._v(" "),n("li",{staticClass:"page-item next"},[n("a",{staticClass:"page-link",class:{disabled:a.pageIndex+1==a.data.meta.last_page},on:{click:function(t){return a.goToPage(a.pageIndex+1)}}},[n("chevron-right-icon",{staticClass:"icon",attrs:{size:"14"}})],1)])],2):a._e(),a._v(" "),n("span",{staticClass:"paginator-info"},[a._v(a._s(a.$t("datatable.paginate_info",{visible:a.data.meta.per_page,total:a.data.meta.total})))])]):a._e()],2)}),[],!1,null,"56f3a787",null));t.a=c.exports},30:function(a,t,n){"use strict";var e={name:"ColorLabel",props:["color"]},i=(n(256),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("b",{staticClass:"color-label",class:this.color},[this._t("default")],2)}),[],!1,null,"ffcb2882",null);t.a=o.exports},32:function(a,t,n){"use strict";var e=n(1),i={name:"MobileActionButton",props:["icon"],components:{CreditCardIcon:e.j,FolderPlusIcon:e.t,UserPlusIcon:e.U,TrashIcon:e.Q,PlusIcon:e.I,ListIcon:e.B,GridIcon:e.u}},o=(n(258),n(0)),r=Object(o.a)(i,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("button",{staticClass:"mobile-action-button"},[n("div",{staticClass:"flex"},["credit-card"===a.icon?n("credit-card-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"folder-plus"===a.icon?n("folder-plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"th-list"===a.icon?n("list-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"trash"===a.icon?n("trash-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"th"===a.icon?n("grid-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"user-plus"===a.icon?n("user-plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"plus"===a.icon?n("plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),n("span",{staticClass:"label"},[a._t("default")],2)],1)])}),[],!1,null,"8b0e9378",null);t.a=r.exports},412:function(a,t,n){"use strict";var e=n(146);n.n(e).a},413:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,'.form[data-v-1a2093bc] {\n max-width: 700px;\n}\n.form.inline-form[data-v-1a2093bc] {\n display: flex;\n position: relative;\n justify-content: center;\n margin: 0 auto;\n}\n.form.inline-form .input-wrapper[data-v-1a2093bc] {\n position: relative;\n}\n.form.inline-form .input-wrapper .error-message[data-v-1a2093bc] {\n position: absolute;\n left: 0;\n bottom: -25px;\n}\n.form.block-form .wrapper-inline[data-v-1a2093bc] {\n display: flex;\n margin: 0 -15px;\n}\n.form.block-form .wrapper-inline .block-wrapper[data-v-1a2093bc] {\n width: 100%;\n padding: 0 15px;\n}\n.form.block-form .block-wrapper[data-v-1a2093bc] {\n margin-bottom: 32px;\n}\n.form.block-form .block-wrapper label[data-v-1a2093bc] {\n font-size: 0.875em;\n color: rgba(27, 37, 57, 0.8);\n font-weight: 700;\n display: block;\n margin-bottom: 7px;\n text-align: left;\n}\n.form.block-form .block-wrapper[data-v-1a2093bc]:last-child {\n margin-bottom: 0;\n}\n.form.block-form .button[data-v-1a2093bc] {\n margin-top: 50px;\n}\n.form .inline-wrapper[data-v-1a2093bc] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.form .inline-wrapper .switch-label .input-help[data-v-1a2093bc] {\n padding-top: 0;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-1a2093bc] {\n font-weight: 700;\n color: #1B2539;\n font-size: 1em;\n margin-bottom: 5px;\n}\n.form .input-help[data-v-1a2093bc] {\n font-size: 0.75em;\n color: rgba(27, 37, 57, 0.7);\n line-height: 1.35;\n padding-top: 10px;\n display: block;\n}\n.single-line-form[data-v-1a2093bc] {\n display: flex;\n}\n.single-line-form .submit-button[data-v-1a2093bc] {\n margin-left: 20px;\n}\n.error-message[data-v-1a2093bc] {\n font-size: 0.875em;\n color: #fd397a;\n padding-top: 5px;\n display: block;\n text-align: left;\n}\ntextarea[data-v-1a2093bc] {\n width: 100%;\n}\ntextarea[data-v-1a2093bc],\ninput[type="password"][data-v-1a2093bc],\ninput[type="text"][data-v-1a2093bc],\ninput[type="number"][data-v-1a2093bc],\ninput[type="email"][data-v-1a2093bc] {\n border: 1px solid transparent;\n transition: 150ms all ease;\n font-size: 1em;\n border-radius: 8px;\n padding: 13px 20px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n font-weight: 700;\n outline: 0;\n width: 100%;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n}\ntextarea.is-error[data-v-1a2093bc],\ninput[type="password"].is-error[data-v-1a2093bc],\ninput[type="text"].is-error[data-v-1a2093bc],\ninput[type="number"].is-error[data-v-1a2093bc],\ninput[type="email"].is-error[data-v-1a2093bc] {\n border-color: #fd397a;\n box-shadow: 0 1px 5px rgba(253, 57, 122, 0.3);\n}\ntextarea[data-v-1a2093bc]::-webkit-input-placeholder, input[type="password"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="text"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="number"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="email"][data-v-1a2093bc]::-webkit-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]::-moz-placeholder, input[type="password"][data-v-1a2093bc]::-moz-placeholder, input[type="text"][data-v-1a2093bc]::-moz-placeholder, input[type="number"][data-v-1a2093bc]::-moz-placeholder, input[type="email"][data-v-1a2093bc]::-moz-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]:-ms-input-placeholder, input[type="password"][data-v-1a2093bc]:-ms-input-placeholder, input[type="text"][data-v-1a2093bc]:-ms-input-placeholder, input[type="number"][data-v-1a2093bc]:-ms-input-placeholder, input[type="email"][data-v-1a2093bc]:-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]::-ms-input-placeholder, input[type="password"][data-v-1a2093bc]::-ms-input-placeholder, input[type="text"][data-v-1a2093bc]::-ms-input-placeholder, input[type="number"][data-v-1a2093bc]::-ms-input-placeholder, input[type="email"][data-v-1a2093bc]::-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]::placeholder,\ninput[type="password"][data-v-1a2093bc]::placeholder,\ninput[type="text"][data-v-1a2093bc]::placeholder,\ninput[type="number"][data-v-1a2093bc]::placeholder,\ninput[type="email"][data-v-1a2093bc]::placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]:focus,\ninput[type="password"][data-v-1a2093bc]:focus,\ninput[type="text"][data-v-1a2093bc]:focus,\ninput[type="number"][data-v-1a2093bc]:focus,\ninput[type="email"][data-v-1a2093bc]:focus {\n border-color: #00BC7E;\n box-shadow: 0 1px 5px rgba(0, 188, 126, 0.3);\n}\ntextarea[disabled][data-v-1a2093bc],\ninput[type="password"][disabled][data-v-1a2093bc],\ninput[type="text"][disabled][data-v-1a2093bc],\ninput[type="number"][disabled][data-v-1a2093bc],\ninput[type="email"][disabled][data-v-1a2093bc] {\n background: white;\n color: rgba(27, 37, 57, 0.8);\n -webkit-text-fill-color: rgba(27, 37, 57, 0.8);\n opacity: 1;\n cursor: not-allowed;\n}\n.additional-link[data-v-1a2093bc] {\n font-size: 1em;\n margin-top: 50px;\n display: block;\n color: #1B2539;\n}\n.additional-link b[data-v-1a2093bc], .additional-link a[data-v-1a2093bc] {\n color: #00BC7E;\n cursor: pointer;\n}\n.additional-link b[data-v-1a2093bc]:hover, .additional-link a[data-v-1a2093bc]:hover {\n text-decoration: underline;\n}\n@media only screen and (max-width: 1024px) {\n.form[data-v-1a2093bc] {\n max-width: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.form .button[data-v-1a2093bc] {\n margin-top: 20px;\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n.form input[data-v-1a2093bc], .form textarea[data-v-1a2093bc] {\n width: 100%;\n min-width: 100%;\n}\n.form.block-form .block-wrapper[data-v-1a2093bc] {\n display: block;\n}\n.form.block-form .block-wrapper label[data-v-1a2093bc] {\n width: 100%;\n padding-right: 0;\n display: block;\n margin-bottom: 7px;\n text-align: left !important;\n font-size: 0.875em;\n padding-top: 0;\n}\n.form.block-form .button[data-v-1a2093bc] {\n margin-top: 25px;\n margin-left: 0;\n margin-right: 0;\n}\n.form.inline-form[data-v-1a2093bc] {\n display: block;\n}\n.form.inline-form .input-wrapper .error-message[data-v-1a2093bc] {\n position: relative;\n bottom: 0;\n}\n.form .button[data-v-1a2093bc] {\n padding: 14px 32px;\n}\n.single-line-form[data-v-1a2093bc] {\n display: block;\n}\n.single-line-form .submit-button[data-v-1a2093bc] {\n margin-left: 0;\n margin-top: 20px;\n width: 100%;\n}\ntextarea[data-v-1a2093bc],\n input[type="password"][data-v-1a2093bc],\n input[type="number"][data-v-1a2093bc],\n input[type="text"][data-v-1a2093bc],\n input[type="email"][data-v-1a2093bc] {\n padding: 14px 20px;\n}\n}\n@media only screen and (max-width: 690px) {\n.form.block-form .wrapper-inline[data-v-1a2093bc] {\n display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.form .input-help[data-v-1a2093bc] {\n color: #7d858c;\n}\n.form.block-form .block-wrapper label[data-v-1a2093bc] {\n color: #bec6cf;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-1a2093bc] {\n color: #bec6cf;\n}\ntextarea[data-v-1a2093bc],\n input[type="password"][data-v-1a2093bc],\n input[type="text"][data-v-1a2093bc],\n input[type="number"][data-v-1a2093bc],\n input[type="email"][data-v-1a2093bc] {\n border-color: #1e2024;\n background: #1e2024;\n color: #bec6cf;\n}\ntextarea[data-v-1a2093bc]::-webkit-input-placeholder, input[type="password"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="text"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="number"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="email"][data-v-1a2093bc]::-webkit-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-1a2093bc]::-moz-placeholder, input[type="password"][data-v-1a2093bc]::-moz-placeholder, input[type="text"][data-v-1a2093bc]::-moz-placeholder, input[type="number"][data-v-1a2093bc]::-moz-placeholder, input[type="email"][data-v-1a2093bc]::-moz-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-1a2093bc]:-ms-input-placeholder, input[type="password"][data-v-1a2093bc]:-ms-input-placeholder, input[type="text"][data-v-1a2093bc]:-ms-input-placeholder, input[type="number"][data-v-1a2093bc]:-ms-input-placeholder, input[type="email"][data-v-1a2093bc]:-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-1a2093bc]::-ms-input-placeholder, input[type="password"][data-v-1a2093bc]::-ms-input-placeholder, input[type="text"][data-v-1a2093bc]::-ms-input-placeholder, input[type="number"][data-v-1a2093bc]::-ms-input-placeholder, input[type="email"][data-v-1a2093bc]::-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-1a2093bc]::placeholder,\n input[type="password"][data-v-1a2093bc]::placeholder,\n input[type="text"][data-v-1a2093bc]::placeholder,\n input[type="number"][data-v-1a2093bc]::placeholder,\n input[type="email"][data-v-1a2093bc]::placeholder {\n color: #7d858c;\n}\ntextarea[disabled][data-v-1a2093bc],\n input[type="password"][disabled][data-v-1a2093bc],\n input[type="text"][disabled][data-v-1a2093bc],\n input[type="number"][disabled][data-v-1a2093bc],\n input[type="email"][disabled][data-v-1a2093bc] {\n background: #1e2024;\n color: rgba(125, 133, 140, 0.8);\n -webkit-text-fill-color: rgba(125, 133, 140, 0.8);\n}\n}\n.is-deleting[data-v-1a2093bc] {\n opacity: 0.35;\n}\n.credit-card[data-v-1a2093bc] {\n display: flex;\n align-items: center;\n}\n.credit-card .credit-card-numbers[data-v-1a2093bc] {\n margin-right: 10px;\n}\n.credit-card .credit-card-icon[data-v-1a2093bc] {\n max-height: 20px;\n margin-right: 8px;\n}\n.page-actions[data-v-1a2093bc] {\n margin-top: 45px;\n margin-bottom: 10px;\n}\n',""])},53:function(a,t,n){var e=n(229);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},54:function(a,t,n){var e=n(231);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},55:function(a,t,n){var e=n(233);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},56:function(a,t,n){var e=n(235);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},561:function(a,t,n){"use strict";n.r(t);var e=n(32),i=n(27),o=n(16),r=n(1),l=n(13),s=n(15),d=n(30),c=n(12),p=n(7),b=n(3),u=n(4),f=n.n(u);function v(a,t){var n=Object.keys(a);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(a);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(a,t).enumerable}))),n.push.apply(n,e)}return n}function m(a,t,n){return t in a?Object.defineProperty(a,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):a[t]=n,a}var g={name:"UserPaymentMethods",components:{MobileActionButton:e.a,DatatableWrapper:i.a,CreditCardIcon:r.j,PageTabGroup:o.a,Trash2Icon:r.P,ColorLabel:d.a,FormLabel:l.a,InfoBox:c.a,PageTab:s.a},computed:function(a){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){m(a,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(n,t))}))}return a}({},Object(p.b)(["user"])),data:function(){return{defaultPaymentCard:void 0,PaymentMethods:void 0,deletingID:void 0,columns:[{label:this.$t("rows.card.number"),field:"data.attributes.total",sortable:!1},{label:this.$t("rows.card.expiration"),field:"data.attributes.total",sortable:!1},{label:this.$t("admin_page_user.table.action"),field:"data.action",sortable:!1}],isLoading:!0}},methods:{getCardStatusColor:function(a){switch(a){case"active":return"green";case"card_declined":return"yellow";case"expired":return"red"}},setDefaultCard:function(a){b.a.$emit("confirm:open",{title:this.$t("popup_set_card.title"),message:this.$t("popup_set_card.message"),buttonColor:"theme-solid",action:{id:a.card_id,operation:"set-as-default-credit-card"}})},deleteCard:function(a){b.a.$emit("confirm:open",{title:this.$t("popup_delete_card.title"),message:this.$t("popup_delete_card.message"),action:{id:a.card_id,operation:"delete-credit-card"}})},fetchPaymentMethods:function(){var a=this;f.a.get("/api/user/payments").then((function(t){204==t.status&&(a.PaymentMethods={}),200==t.status&&(a.defaultPaymentCard=t.data.default,a.PaymentMethods=t.data.others.data,a.PaymentMethods.push(t.data.default))})).finally((function(){a.isLoading=!1}))}},created:function(){var a=this;this.fetchPaymentMethods(),b.a.$on("action:confirmed",(function(t){"delete-credit-card"===t.operation&&(a.deletingID=t.id,f.a.post("/api/user/payment-cards/"+t.id,{_method:"delete"}).then((function(){a.fetchPaymentMethods(),b.a.$emit("toaster",{type:"success",message:a.$t("toaster.card_deleted")})})).catch((function(){b.a.$emit("alert:open",{title:a.$t("popup_error.title"),message:a.$t("popup_error.message")})}))),"set-as-default-credit-card"===t.operation&&f.a.post("/api/user/payment-cards/"+t.id,{default:1,_method:"patch"}).then((function(){a.fetchPaymentMethods(),b.a.$emit("toaster",{type:"success",message:a.$t("toaster.card_set")})})).catch((function(){b.a.$emit("alert:open",{title:a.$t("popup_error.title"),message:a.$t("popup_error.message")})}))}))},destroyed:function(){b.a.$off("action:confirmed")}},h=(n(412),n(0)),x=Object(h.a)(g,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("PageTab",{attrs:{"is-loading":a.isLoading}},[n("PageTabGroup",[n("FormLabel",[a._v(a._s(a.$t("user_payments.title")))]),a._v(" "),a.PaymentMethods&&a.PaymentMethods.length>0?n("div",{staticClass:"page-actions"},[n("router-link",{attrs:{to:{name:"CreatePaymentMethod"}}},[n("MobileActionButton",{attrs:{icon:"credit-card"}},[a._v("\n "+a._s(a.$t("user_payments.add_card"))+"\n ")])],1)],1):a._e(),a._v(" "),a.PaymentMethods?n("DatatableWrapper",{staticClass:"table",attrs:{"table-data":{data:a.PaymentMethods},paginator:!1,columns:a.columns},scopedSlots:a._u([{key:"default",fn:function(t){var e=t.row;return[n("tr",{class:{"is-deleting":e.data.attributes.card_id===a.deletingID}},[n("td",{staticStyle:{width:"300px"}},[n("span",{staticClass:"cell-item"},[n("div",{staticClass:"credit-card"},[n("img",{staticClass:"credit-card-icon",attrs:{src:a.$getCreditCardBrand(e.data.attributes.brand),alt:e.data.attributes.brand}}),a._v(" "),n("div",{staticClass:"credit-card-numbers"},[a._v("\n •••• "+a._s(e.data.attributes.last4)+"\n ")]),a._v(" "),e.data.id===a.defaultPaymentCard.data.id?n("ColorLabel",{attrs:{color:"purple"}},[a._v(a._s(a.$t("global.default")))]):a._e()],1)])]),a._v(" "),n("td",[n("span",{staticClass:"cell-item"},[a._v("\n "+a._s(e.data.attributes.exp_month)+" / "+a._s(e.data.attributes.exp_year)+"\n ")])]),a._v(" "),n("td",[n("div",{staticClass:"action-icons"},[n("label",{staticClass:"icon-wrapper",attrs:{title:a.$t("user_payments.set_as_default")}},[e.data.id!==a.defaultPaymentCard.data.id?n("credit-card-icon",{staticClass:"icon icon-card",attrs:{size:"15"},on:{click:function(t){return a.setDefaultCard(e.data.attributes)}}}):a._e()],1),a._v(" "),n("label",{staticClass:"icon-wrapper",attrs:{title:a.$t("user_payments.delete_card")}},[n("trash2-icon",{staticClass:"icon icon-trash",attrs:{size:"15"},on:{click:function(t){return a.deleteCard(e.data.attributes)}}})],1)])])])]}},{key:"empty-page",fn:function(){return[n("InfoBox",[n("p",[a._v(a._s(a.$t("user_payments.empty"))+" "),a.user.data.attributes.stripe_customer?n("router-link",{attrs:{to:{name:"CreatePaymentMethod"}}},[a._v("Add new payment method.")]):a._e()],1)])]},proxy:!0}],null,!1,3319748604)}):a._e()],1)],1)}),[],!1,null,"1a2093bc",null);t.default=x.exports},63:function(a,t,n){var e=n(249);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},64:function(a,t,n){var e=n(251);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},67:function(a,t,n){var e=n(257);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},68:function(a,t,n){var e=n(259);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)}}]); |