vuefilemanager/public/chunks/upgrade-plan.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[53],{"+YZJ":function(a,e,t){(a.exports=t("I1BE")(!1)).push([a.i,".plan[data-v-fba6717c]{text-align:center;flex:0 0 33%;padding:0 25px;margin-bottom:45px}.plan .plan-wrapper[data-v-fba6717c]{box-shadow:0 7px 20px 5px rgba(26,36,55,.03);padding:25px;border-radius:8px;transition:all .3s ease}.plan .plan-wrapper[data-v-fba6717c]:hover{transform:translateY(-20px) scale(1.05);box-shadow:0 15px 25px 5px rgba(26,36,55,.08)}.plan .plan-header .icon circle[data-v-fba6717c],.plan .plan-header .icon line[data-v-fba6717c],.plan .plan-header .icon path[data-v-fba6717c],.plan .plan-header .icon polyline[data-v-fba6717c],.plan .plan-header .icon rect[data-v-fba6717c]{color:#00bc7e}.plan .plan-header .title[data-v-fba6717c]{font-size:1.375em;font-weight:800}.plan .plan-header .description[data-v-fba6717c]{font-size:.875em;font-weight:600}.plan .plan-features[data-v-fba6717c]{margin:65px 0}.plan .plan-features .storage-size[data-v-fba6717c]{font-size:3em;font-weight:900;line-height:1.1}.plan .plan-features .storage-description[data-v-fba6717c]{display:block;font-size:.9375em;font-weight:800}.plan .plan-footer .sign-in-button[data-v-fba6717c]{width:100%;text-align:center}.plan .plan-footer .price[data-v-fba6717c]{color:#00bc7e;font-size:1.125em;display:block;margin-bottom:20px}.plan .plan-footer .price .vat-disclaimer[data-v-fba6717c]{font-size:.6875em;color:#1b2539;display:block;font-weight:300;opacity:.45;margin-top:5px}.plans-wrapper[data-v-fba6717c]{display:flex;flex-wrap:wrap;margin:0 -25px;justify-content:center}@media only screen and (max-width:960px){.plans-wrapper[data-v-fba6717c]{display:block;margin:0}}@media (prefers-color-scheme:dark){.plan .plan-wrapper[data-v-fba6717c]{background:#1e2024}.plan .plan-header .title[data-v-fba6717c]{color:#bec6cf}.plan .plan-header .description[data-v-fba6717c]{color:#7d858c}.plan .plan-features .storage-description[data-v-fba6717c],.plan .plan-features .storage-size[data-v-fba6717c]{color:#bec6cf}.plan .plan-footer .sign-in-button[data-v-fba6717c]{background:rgba(0,188,126,.1)}.plan .plan-footer .sign-in-button[data-v-fba6717c] .content{color:#00bc7e}.plan .plan-footer .price .vat-disclaimer[data-v-fba6717c]{color:#bec6cf}}",""])},"2Sb1":function(a,e,t){"use strict";var i={name:"PageHeader",props:["title","canBack"],components:{ChevronLeftIcon:t("CjXH").d}},n=(t("Z3t9"),t("KHd+")),r=Object(n.a)(i,(function(){var a=this,e=a.$createElement,t=a._self._c||e;return t("div",{staticClass:"page-header"},[a.canBack?t("div",{staticClass:"go-back",on:{click:function(e){return a.$router.back()}}},[t("chevron-left-icon",{attrs:{size:"17"}})],1):a._e(),a._v(" "),t("div",{staticClass:"content"},[t("h1",{staticClass:"title"},[a._v(a._s(a.title))])])])}),[],!1,null,"c3ec4364",null);e.a=r.exports},"4zU4":function(a,e,t){"use strict";t.r(e);var i=t("wz3J"),n=t("D62o"),r=t("2Sb1"),o=t("zTYo"),p=t("CjXH"),l=(t("vDqi"),{name:"UpgradePlan",components:{PlanPricingTables:i.a,MobileHeader:n.a,PageHeader:r.a,CloudIcon:p.g,Spinner:o.a},data:function(){return{isLoading:!0}},methods:{onLoadPricingTables:function(a){this.isLoading=a},onSelectTable:function(a){this.$store.commit("STORE_REQUESTED_PLAN",a)}},beforeMount:function(){var a=document.createElement("script");a.setAttribute("src","https://js.stripe.com/v3/"),document.head.appendChild(a)},mounted:function(){this.$store.dispatch("getAppData")}}),d=(t("W2LR"),t("KHd+")),c=Object(d.a)(l,(function(){var a=this,e=a.$createElement,t=a._self._c||e;return t("div",{attrs:{id:"single-page"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:!a.isLoading,expression:"! isLoading"}],staticClass:"large-width center-page",attrs:{id:"page-content"}},[t("MobileHeader",{attrs:{title:a.$router.currentRoute.meta.title}}),a._v(" "),t("div",{staticClass:"content-page"},[t("div",{staticClass:"plan-title"},[t("cloud-icon",{staticClass:"title-icon",attrs:{size:"42"}}),a._v(" "),t("h1",[a._v(a._s(a.$t("page_pricing_tables.title")))]),a._v(" "),t("h2",[a._v(a._s(a.$t("page_pricing_tables.description")))])],1),a._v(" "),t("PlanPricingTables",{on:{load:a.onLoadPricingTables,"selected-plan":a.onSelectTable}})],1)],1),a._v(" "),a.isLoading?t("div",{attrs:{id:"loader"}},[t("Spinner")],1):a._e()])}),[],!1,null,"e5893f44",null);e.default=c.exports},EZcc:function(a,e,t){(a.exports=t("I1BE")(!1)).push([a.i,".form[data-v-e5893f44]{max-width:700px}.form.inline-form[data-v-e5893f44]{display:flex;position:relative;justify-content:center;margin:0 auto}.form.inline-form .input-wrapper[data-v-e5893f44]{position:relative}.form.inline-form .input-wrapper .error-message[data-v-e5893f44]{position:absolute;left:0;bottom:-25px}.form.block-form .wrapper-inline[data-v-e5893f44]{display:flex;margin:0 -15px}.form.block-form .wrapper-inline .block-wrapper[data-v-e5893f44]{width:100%;padding:0 15px}.form.block-form .block-wrapper[data-v-e5893f44]{margin-bottom:32px}.form.block-form .block-wrapper label[data-v-e5893f44]{font-size:.875em;color:rgba(27,37,57,.8);font-weight:700;display:block;margin-bottom:7px;text-align:left}.form.block-form .block-wrapper[data-v-e5893f44]:last-child{margin-bottom:0}.form.block-form .button[data-v-e5893f44]{margin-top:50px}.form .inline-wrapper[data-v-e5893f44]{display:flex;align-items:center;justify-content:space-between}.form .inline-wrapper .switch-label .input-help[data-v-e5893f44]{padding-top:0}.form .inline-wrapper .switch-label .input-label[data-v-e5893f44]{font-weight:700;color:#1b2539;font-size:1em;margin-bottom:5px}.form .input-help[data-v-e5893f44]{font-size:.75em;color:rgba(27,37,57,.7);line-height:1.35;padding-top:10px;display:block}.single-line-form[data-v-e5893f44]{display:flex}.single-line-form .submit-button[data-v-e5893f44]{margin-left:20px}.error-message[data-v-e5893f44]{font-size:.875em;color:#fd397a;padding-top:5px;display:block;text-align:left}textarea[data-v-e5893f44]{width:100%}input[type=email][data-v-e5893f44],input[type=number][data-v-e5893f44],input[type=password][data-v-e5893f44],input[type=text][data-v-e5893f44],textarea[data-v-e5893f44]{border:1px solid transparent;transition:all .15s ease;font-size:1em;border-radius:8px;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;outline:0;width:100%;box-shadow:0 1px 5px rgba(0,0,0,.12)}input[type=email].is-error[data-v-e5893f44],input[type=number].is-error[data-v-e5893f44],input[type=password].is-error[data-v-e5893f44],input[type=text].is-error[data-v-e5893f44],textarea.is-error[data-v-e5893f44]{border-color:#fd397a;box-shadow:0 1px 5px rgba(253,57,122,.3)}input[type=email][data-v-e5893f44]::-moz-placeholder,input[type=number][data-v-e5893f44]::-moz-placeholder,input[type=password][data-v-e5893f44]::-moz-placeholder,input[type=text][data-v-e5893f44]::-moz-placeholder,textarea[data-v-e5893f44]::-moz-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-e5893f44]:-ms-input-placeholder,input[type=number][data-v-e5893f44]:-ms-input-placeholder,input[type=password][data-v-e5893f44]:-ms-input-placeholder,input[type=text][data-v-e5893f44]:-ms-input-placeholder,textarea[data-v-e5893f44]:-ms-input-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-e5893f44]::placeholder,input[type=number][data-v-e5893f44]::placeholder,input[type=password][data-v-e5893f44]::placeholder,input[type=text][data-v-e5893f44]::placeholder,textarea[data-v-e5893f44]::placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-e5893f44]:focus,input[type=number][data-v-e5893f44]:focus,input[type=password][data-v-e5893f44]:focus,input[type=text][data-v-e5893f44]:focus,textarea[data-v-e5893f44]:focus{border-color:#00bc7e;box-shadow:0 1px 5px rgba(0,188,126,.3)}input[type=email][disabled][data-v-e5893f44],input[type=number][disabled][data-v-e5893f44],input[type=password][disabled][data-v-e5893f44],input[type=text][disabled][data-v-e5893f44],textarea[disabled][data-v-e5893f44]{background:#fff;color:rgba(27,37,57,.8);-webkit-text-fill-color:rgba(27,37,57,.8);opacity:1;cursor:not-allowed}.additional-link[data-v-e5893f44]{font-size:1em;margin-top:50px;display:block;color:#1b2539}.additional-link a[data-v-e5893f44],.additional-link b[data-v-e5893f44]{color:#00bc7e;cursor:pointer}.additional-link a[data-v-e5893f44]:hover,.additional-link b[data-v-e5893f44]:hover{text-decoration:underline}@media only screen and (max-width:1024px){.form[data-v-e5893f44]{max-width:100%}}@media only screen and (max-width:960px){.form .button[data-v-e5893f44]{margin-top:20px;width:100%;margin-left:0;margin-right:0}.form input[data-v-e5893f44],.form textarea[data-v-e5893f44]{width:100%;min-width:100%}.form.block-form .block-wrapper[data-v-e5893f44]{display:block}.form.block-form .block-wrapper label[data-v-e5893f44]{width:100%;padding-right:0;display:block;margin-bottom:7px;text-align:left!important;font-size:.875em;padding-top:0}.form.block-form .button[data-v-e5893f44]{margin-top:25px;margin-left:0;margin-right:0}.form.inline-form[data-v-e5893f44]{display:block}.form.inline-form .input-wrapper .error-message[data-v-e5893f44]{position:relative;bottom:0}.form .button[data-v-e5893f44]{padding:14px 32px}.single-line-form[data-v-e5893f44]{display:block}.single-line-form .submit-button[data-v-e5893f44]{margin-left:0;margin-top:20px;width:100%}input[type=email][data-v-e5893f44],input[type=number][data-v-e5893f44],input[type=password][data-v-e5893f44],input[type=text][data-v-e5893f44],textarea[data-v-e5893f44]{padding:14px 20px}}@media only screen and (max-width:690px){.form.block-form .wrapper-inline[data-v-e5893f44]{display:block}}@media (prefers-color-scheme:dark){.form .input-help[data-v-e5893f44]{color:#7d858c}.form.block-form .block-wrapper label[data-v-e5893f44],.form .inline-wrapper .switch-label .input-label[data-v-e5893f44]{color:#bec6cf}input[type=email][data-v-e5893f44],input[type=number][data-v-e5893f44],input[type=password][data-v-e5893f44],input[type=text][data-v-e5893f44],textarea[data-v-e5893f44]{border-color:#1e2024;background:#1e2024;color:#bec6cf}input[type=email][data-v-e5893f44]::-moz-placeholder,input[type=number][data-v-e5893f44]::-moz-placeholder,input[type=password][data-v-e5893f44]::-moz-placeholder,input[type=text][data-v-e5893f44]::-moz-placeholder,textarea[data-v-e5893f44]::-moz-placeholder{color:#7d858c}input[type=email][data-v-e5893f44]:-ms-input-placeholder,input[type=number][data-v-e5893f44]:-ms-input-placeholder,input[type=password][data-v-e5893f44]:-ms-input-placeholder,input[type=text][data-v-e5893f44]:-ms-input-placeholder,textarea[data-v-e5893f44]:-ms-input-placeholder{color:#7d858c}input[type=email][data-v-e5893f44]::placeholder,input[type=number][data-v-e5893f44]::placeholder,input[type=password][data-v-e5893f44]::placeholder,input[type=text][data-v-e5893f44]::placeholder,textarea[data-v-e5893f44]::placeholder{color:#7d858c}input[type=email][disabled][data-v-e5893f44],input[type=number][disabled][data-v-e5893f44],input[type=password][disabled][data-v-e5893f44],input[type=text][disabled][data-v-e5893f44],textarea[disabled][data-v-e5893f44]{background:#1e2024;color:rgba(125,133,140,.8);-webkit-text-fill-color:rgba(125,133,140,.8)}}.plan-title[data-v-e5893f44]{text-align:center;max-width:600px;margin:0 auto 80px}.plan-title circle[data-v-e5893f44],.plan-title line[data-v-e5893f44],.plan-title path[data-v-e5893f44],.plan-title polyline[data-v-e5893f44],.plan-title rect[data-v-e5893f44]{color:#00bc7e}.plan-title h1[data-v-e5893f44]{font-size:2.375em;font-weight:800;margin-bottom:5px}.plan-title h2[data-v-e5893f44]{font-size:1.25em;font-weight:500}@media (prefers-color-scheme:dark){.plan-title h1[data-v-e5893f44]{color:#bec6cf}.plan-title h2[data-v-e5893f44]{color:#7d858c}}",""])},IGm8:function(a,e,t){(a.exports=t("I1BE")(!1)).push([a.i,".page-header[data-v-c3ec4364]{display:flex;align-items:center;background:#fff;z-index:9;width:100%;position:-webkit-sticky;position:sticky;top:0;padding-top:20px;padding-bottom:20px}.page-header .title[data-v-c3ec4364]{font-size:1.125em;font-weight:700;color:#1b2539}.page-header .go-back[data-v-c3ec4364]{margin-right:10px;cursor:pointer}.page-header .go-back svg[data-v-c3ec4364]{vertical-align:middle;margin-top:-4px}@media only screen and (max-width:960px){.page-header .title[data-v-c3ec4364]{font-size:1.125em}}@media only screen and (max-width:690px){.page-header[data-v-c3ec4364]{display:none}}@media (prefers-color-scheme:dark){.page-header[data-v-c3ec4364]{background:#111314}.page-header .title[data-v-c3ec4364]{color:#bec6cf}.page-header .icon path[data-v-c3ec4364]{fill:#00bc7e}}",""])},LD6W:function(a,e,t){var i=t("IGm8");"string"==typeof i&&(i=[[a.i,i,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(i,n);i.locals&&(a.exports=i.locals)},MCDO:function(a,e,t){"use strict";var i=t("WUF0");t.n(i).a},W2LR:function(a,e,t){"use strict";var i=t("wPSj");t.n(i).a},WUF0:function(a,e,t){var i=t("+YZJ");"string"==typeof i&&(i=[[a.i,i,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(i,n);i.locals&&(a.exports=i.locals)},Z3t9:function(a,e,t){"use strict";var i=t("LD6W");t.n(i).a},wPSj:function(a,e,t){var i=t("EZcc");"string"==typeof i&&(i=[[a.i,i,""]]);var n={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(i,n);i.locals&&(a.exports=i.locals)},wz3J:function(a,e,t){"use strict";var i=t("Nv84"),n=t("CjXH"),r=t("L2JU"),o=t("vDqi"),p=t.n(o);function l(a,e){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),t.push.apply(t,i)}return t}function d(a,e,t){return e in a?Object.defineProperty(a,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[e]=t,a}var c={name:"PlanPricingTables",components:{HardDriveIcon:n.v,ButtonBase:i.a},data:function(){return{plans:void 0}},computed:function(a){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?l(Object(t),!0).forEach((function(e){d(a,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(t,e))}))}return a}({},Object(r.b)(["user"])),methods:{selectPlan:function(a){this.$emit("selected-plan",a),this.$router.push({name:"UpgradeBilling"})}},created:function(){var a=this;p.a.get("/api/public/pricing").then((function(e){a.plans=e.data.filter((function(e){return e.data.attributes.capacity>a.user.data.attributes.storage_capacity})),a.$emit("load",!1)}))}},s=(t("MCDO"),t("KHd+")),f=Object(s.a)(c,(function(){var a=this,e=a.$createElement,t=a._self._c||e;return a.plans?t("div",{staticClass:"plans-wrapper"},a._l(a.plans,(function(e,i){return t("article",{key:i,staticClass:"plan"},[t("div",{staticClass:"plan-wrapper"},[t("header",{staticClass:"plan-header"},[t("div",{staticClass:"icon"},[t("hard-drive-icon",{attrs:{size:"26"}})],1),a._v(" "),t("h1",{staticClass:"title"},[a._v(a._s(e.data.attributes.name))]),a._v(" "),t("h2",{staticClass:"description"},[a._v(a._s(e.data.attributes.description))])]),a._v(" "),t("section",{staticClass:"plan-features"},[t("b",{staticClass:"storage-size"},[a._v(a._s(e.data.attributes.capacity_formatted))]),a._v(" "),t("span",{staticClass:"storage-description"},[a._v(a._s(a.$t("page_pricing_tables.storage_capacity")))])]),a._v(" "),t("footer",{staticClass:"plan-footer"},[t("b",{staticClass:"price"},[a._v("\n                    "+a._s(e.data.attributes.price)+"/"+a._s(a.$t("global.monthly_ac"))+"\n                    "),e.data.attributes.tax_rates.length>0?t("small",{staticClass:"vat-disclaimer"},[a._v(a._s(a.$t("page_pricing_tables.vat_excluded")))]):a._e()]),a._v(" "),t("ButtonBase",{staticClass:"sign-in-button",attrs:{type:"submit","button-style":"secondary"},nativeOn:{click:function(t){return a.selectPlan(e)}}},[a._v("\n                    "+a._s(a.$t("global.get_it"))+"\n                ")])],1)])])})),0):a._e()}),[],!1,null,"fba6717c",null);e.a=f.exports}}]);