nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 08:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

settings page refactor

Browse Source
This commit is contained in:
Čarodej
2021-11-22 10:47:24 +01:00
parent 0a4d5dea8a
commit d16a37f2ed
85 changed files with 794 additions and 779 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
package-lock.json generated
View File

@@ -3563,7 +3563,7 @@
}, },
"defined": { "defined": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/defined/download/defined-1.0.0.tgz", "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
"integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=" "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM="
}, },
"del": { "del": {
@@ -6338,9 +6338,9 @@
} }
}, },
"lilconfig": { "lilconfig": {
"version": "2.0.3", "version": "2.0.4",
"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.3.tgz", "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.4.tgz",
"integrity": "sha512-EHKqr/+ZvdKCifpNrJCKxBTgk5XupZA3y/aCPY9mxfgBzmgh93Mt/WqjjQ38oMxXuvDokaKiM3lAgvSH2sjtHg==" "integrity": "sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA=="
}, },
"lines-and-columns": { "lines-and-columns": {
"version": "1.1.6", "version": "1.1.6",
@@ -6549,7 +6549,7 @@
}, },
"lodash.topath": { "lodash.topath": {
"version": "4.5.2", "version": "4.5.2",
"resolved": "https://registry.npm.taobao.org/lodash.topath/download/lodash.topath-4.5.2.tgz", "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
"integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=" "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak="
}, },
"lodash.tostring": { "lodash.tostring": {
@@ -8187,7 +8187,7 @@
}, },
"postcss-functions": { "postcss-functions": {
"version": "3.0.0", "version": "3.0.0",
"resolved": "https://registry.npm.taobao.org/postcss-functions/download/postcss-functions-3.0.0.tgz", "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz",
"integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=", "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=",
"requires": { "requires": {
"glob": "^7.1.2", "glob": "^7.1.2",
@@ -8795,7 +8795,7 @@
}, },
"pretty-hrtime": { "pretty-hrtime": {
"version": "1.0.3", "version": "1.0.3",
"resolved": "https://registry.npm.taobao.org/pretty-hrtime/download/pretty-hrtime-1.0.3.tgz", "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
"integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=" "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE="
}, },
"private": { "private": {

2
public/chunks/admin-account.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~5f8db287.js vendored
View File

@@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{ASoH:function(t,e,a){"use strict";var n={name:"AuthContent",props:["loading","icon","text"],data:function(){return{isVisible:!1}},created:function(){this.isVisible=this.visible}},i=(a("RLEU"),a("KHd+")),o=Object(i.a)(n,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",{staticClass:"button outline hover-text-theme hover-border-theme"},[a("span",{staticClass:"text-label"},[t._v(t._s(t.text))]),t._v(" "),t.loading?a("span",{staticClass:"icon"},[a("FontAwesomeIcon",{staticClass:"sync-alt svg-color-theme",attrs:{icon:"sync-alt"}})],1):t._e(),t._v(" "),!t.loading&&t.icon?a("span",{staticClass:"icon"},[a("FontAwesomeIcon",{staticClass:"svg-color-theme",attrs:{icon:t.icon}})],1):t._e()])}),[],!1,null,"16e9ad58",null);e.a=o.exports},JHC5:function(t,e,a){var n=a("YUi1");"string"==typeof n&&(n=[[t.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,i);n.locals&&(t.exports=n.locals)},Jx8r:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,"#auth[data-v-31af8372]{height:100%;width:100%;display:table}",""])},RLEU:function(t,e,a){"use strict";a("JHC5")},TJPC:function(t,e,a){"use strict";a.d(e,"a",(function(){return o}));function n(t){return null==t}function i(t){return Array.isArray(t)&&0===t.length}var o={validate:function(t,e){var a=(void 0===e?{allowFalse:!0}:e).allowFalse,o={valid:!1,required:!0};return n(t)||i(t)?o:!1!==t||a?(o.valid=!!String(t).trim().length,o):o},params:[{name:"allowFalse",default:!0}],computesRequired:!0}},YUi1:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".button[data-v-16e9ad58]{cursor:pointer;border-radius:8px;text-decoration:none;padding:12px 32px;display:inline-block;margin-left:15px;margin-right:15px;white-space:nowrap;transition:all .15s ease;background:transparent}.button .text-label[data-v-16e9ad58]{transition:all .15s ease;font-size:1.0625em;font-weight:800;line-height:0}.button .icon[data-v-16e9ad58]{margin-left:12px;font-size:1em}.button.solid[data-v-16e9ad58]{background:#00bc7e;border:2px solid #00bc7e}.button.solid .text-label[data-v-16e9ad58]{color:#fff}.button.outline[data-v-16e9ad58]{border:2px solid #1b2539}.button.outline .text-label[data-v-16e9ad58]{color:#1b2539}.button.outline .icon path[data-v-16e9ad58]{fill:inherit}.button.outline[data-v-16e9ad58]:hover{border-color:inherit}.button.outline:hover .text-label[data-v-16e9ad58]{color:inherit}@media (prefers-color-scheme:dark){.button.outline[data-v-16e9ad58]{background:#131414;border-color:#bec6cf}.button.outline .text-label[data-v-16e9ad58]{color:#bec6cf}}.sync-alt[data-v-16e9ad58]{-webkit-animation:spin-data-v-16e9ad58 1s linear infinite;animation:spin-data-v-16e9ad58 1s linear infinite}@-webkit-keyframes spin-data-v-16e9ad58{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin-data-v-16e9ad58{0%{transform:rotate(0)}to{transform:rotate(1turn)}}",""])},bDRN:function(t,e,a){"use strict";var n={name:"AuthContentWrapper"},i=(a("iYAH"),a("KHd+")),o=Object(i.a)(n,(function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:"auth"}},[this._t("default")],2)}),[],!1,null,"31af8372",null);e.a=o.exports},iYAH:function(t,e,a){"use strict";a("lh0Q")},j8qy:function(t,e,a){"use strict";var n={name:"AuthContent",props:["visible","name"],data:function(){return{isVisible:!1}},created:function(){this.isVisible=this.visible}},i=a("KHd+"),o=Object(i.a)(n,(function(){var t=this.$createElement,e=this._self._c||t;return this.isVisible?e("div",{staticClass:"auth-form"},[this._t("default")],2):this._e()}),[],!1,null,null,null);e.a=o.exports},lh0Q:function(t,e,a){var n=a("Jx8r");"string"==typeof n&&(n=[[t.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,i);n.locals&&(t.exports=n.locals)}}]);

2
public/chunks/admin.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~d04310d2.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/admin~chunks/platform~chunks/shared.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/admin~chunks/settings.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/admin~chunks/shared.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-appearance.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-billings.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-email.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-index.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-language.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-others.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-payments.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-settings.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/app-setup.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/billings-detail.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/contact-us.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/user-invoices.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/database.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/environment-setup.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~b068369d.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared/files~chunks/shared/single-f~f04cfcbc.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared/files~chunks/shared/single-f~f04cfcbc.js.LICENSE.txt
View File

@@ -1 +0,0 @@
/*! Copyright Twitter Inc. and other contributors. Licensed under MIT */

1
public/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared/files~chunks/team-folders~ch~ba7d6097.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/platform~chunks/shared/file-browser.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/platform~chunks/shared~chunks/shared-files~chunks/shared/file-browser.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/shared-files~chunks/shared-page.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/shared-files~chunks/shared/file-browser.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/files~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/shared-files~chunks/shared/file-browser~chunks/shared/single-file.js.LICENSE.txt
View File

@@ -1 +0,0 @@
/*! Copyright Twitter Inc. and other contributors. Licensed under MIT */

1
public/chunks/files~chunks/shared/file-browser.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js.LICENSE.txt
View File

@@ -1 +0,0 @@
/*! Copyright Twitter Inc. and other contributors. Licensed under MIT */

2
public/chunks/installation-disclaimer.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/landing-page.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/not-found-shared.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/page-edit.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/plan-create.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/plan-delete.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/plan-settings.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/plan-subscribers.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/platform.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/platform~chunks/shared.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/profile.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/settings-create-payment-methods.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/settings-invoices.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/settings-password.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/settings-payment-methods.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/settings.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/shared-files.js vendored
View File

@@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[54],{"2wZp":function(t,e,n){"use strict";var i=n("Mlra");n.n(i).a},"6Rdq":function(t,e,n){"use strict";var i=n("yMep"),s=n("c4kp"),a=n("2QtR"),o=n("xCqy"),r={name:"FilesView",components:{DesktopToolbar:i.a,FileBrowser:s.a,ContextMenu:a.a},methods:{contextMenu:function(t,e){o.a.$emit("contextMenu:show",t,e)}}},l=(n("2wZp"),n("KHd+")),c=Object(l.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"files-view"},on:{"!contextmenu":function(e){return e.preventDefault(),t.contextMenu(e,void 0)}}},[n("DesktopToolbar"),t._v(" "),n("ContextMenu"),t._v(" "),n("FileBrowser")],1)}),[],!1,null,null,null);e.a=c.exports},CoTS:function(t,e,n){"use strict";n.r(e);var i=n("6Rdq"),s=n("LtV2"),a=n("hXay"),o=n("CjXH"),r={name:"FilesView",components:{ContentFileView:i.a,ContentSidebar:s.a,ContentGroup:a.a,LinkIcon:o.H,UsersIcon:o.hb},methods:{getShared:function(){this.$store.dispatch("getShared",[{back:!1,init:!1}])},getParticipantUploads:function(){this.$store.dispatch("getParticipantUploads")}},mounted:function(){this.getShared()}},l=n("KHd+"),c=Object(l.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{attrs:{id:"viewport"}},[n("ContentSidebar",[n("ContentGroup",{attrs:{title:t.$t("sidebar.locations_title")}},[n("div",{staticClass:"menu-list-wrapper vertical"},[n("li",{staticClass:"menu-list-item link",class:{"is-active":t.$isThisLocation(["shared"])},on:{click:t.getShared}},[n("div",{staticClass:"icon text-theme"},[n("link-icon",{attrs:{size:"17"}})],1),t._v(" "),n("div",{staticClass:"label text-theme"},[t._v("\n "+t._s(t.$t("sidebar.my_shared"))+"\n ")])]),t._v(" "),n("li",{staticClass:"menu-list-item link",class:{"is-active":t.$isThisLocation(["participant_uploads"])},on:{click:t.getParticipantUploads}},[n("div",{staticClass:"icon text-theme"},[n("users-icon",{attrs:{size:"17"}})],1),t._v(" "),n("div",{staticClass:"label text-theme"},[t._v("\n "+t._s(t.$t("sidebar.participant_uploads"))+"\n ")])])])])],1),t._v(" "),n("ContentFileView")],1)}),[],!1,null,"4b1985f4",null);e.default=c.exports},Mlra:function(t,e,n){var i=n("Q8SN");"string"==typeof i&&(i=[[t.i,i,""]]);var s={hmr:!0,transform:void 0,insertInto:void 0};n("aET+")(i,s);i.locals&&(t.exports=i.locals)},Q8SN:function(t,e,n){(t.exports=n("I1BE")(!1)).push([t.i,"#files-view {\n font-family: 'Nunito', sans-serif;\n font-size: 16px;\n width: 100%;\n height: 100%;\n position: relative;\n min-width: 320px;\n overflow-x: hidden;\n padding-left: 15px;\n padding-right: 15px;\n overflow-y: hidden;\n}\n@media only screen and (max-width: 690px) {\n#files-view {\n padding-left: 0;\n padding-right: 0;\n}\n}\n",""])}}]);

1
public/chunks/shared-page.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/shared.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/shared/file-browser.js vendored
View File

@@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[56],{"77bE":function(t,e,i){"use strict";i.r(e);var n=i("FdzE"),o=i("yMep"),r=i("LtV2"),a=i("hXay"),s=i("2QtR"),c=i("c4kp"),l=i("CjXH"),u=i("L2JU"),d=i("xCqy");function p(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function h(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?p(Object(i),!0).forEach((function(e){v(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):p(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function v(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var f={name:"SharedFileBrowser",components:{TreeMenuNavigator:n.a,ContentSidebar:r.a,DesktopToolbar:o.a,ContentGroup:a.a,ContextMenu:s.a,FileBrowser:c.a,HomeIcon:l.G},computed:h(h({},Object(u.b)(["sharedDetail","navigation","config"])),{},{navigationTree:function(){return this.navigation?this.navigation[0].folders:void 0}}),data:function(){return{homeDirectory:void 0}},methods:{goHome:function(){this.$store.dispatch("browseShared",[{folder:this.homeDirectory,back:!1,init:!0}])},contextMenu:function(t,e){d.a.$emit("contextMenu:show",t,e)},initFileBrowser:function(){this.homeDirectory={id:this.sharedDetail.item_id,name:this.$t("locations.home"),location:"public"},this.$store.dispatch("getFolderTree"),this.goHome()}},created:function(){var t=this;this.sharedDetail?this.initFileBrowser():this.$store.dispatch("getShareDetail",this.$route.params.token).then((function(){t.initFileBrowser()}))}},b=(i("nvG3"),i("KHd+")),g=Object(b.a)(f,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{attrs:{id:"viewport"},on:{"!contextmenu":function(e){return e.preventDefault(),t.contextMenu(e,void 0)}}},[t.navigationTree&&t.navigationTree.length>=1?i("ContentSidebar",[i("ContentGroup",{attrs:{title:t.$t("sidebar.locations_title")}},[i("div",{staticClass:"menu-list-wrapper vertical"},[i("a",{staticClass:"menu-list-item link",on:{click:t.goHome}},[i("div",{staticClass:"icon"},[i("home-icon",{attrs:{size:"17"}})],1),t._v(" "),i("div",{staticClass:"label"},[t._v("\n "+t._s(t.$t("sidebar.home"))+"\n ")])])])]),t._v(" "),i("ContentGroup",{staticClass:"navigator",attrs:{title:t.$t("sidebar.navigator_title")}},t._l(t.navigationTree,(function(t){return i("TreeMenuNavigator",{key:t.id,staticClass:"folder-tree",attrs:{depth:0,nodes:t}})})),1)],1):t._e(),t._v(" "),i("div",{attrs:{id:"files-view"}},[i("ContextMenu"),t._v(" "),i("DesktopToolbar"),t._v(" "),i("FileBrowser")],1)],1)}),[],!1,null,null,null);e.default=g.exports},lEpy:function(t,e,i){var n=i("nKEh");"string"==typeof n&&(n=[[t.i,n,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};i("aET+")(n,o);n.locals&&(t.exports=n.locals)},nKEh:function(t,e,i){(t.exports=i("I1BE")(!1)).push([t.i,"#files-view{font-family:Nunito,sans-serif;font-size:16px;width:100%;height:100%;position:relative;min-width:320px;overflow-x:hidden;padding-left:15px;padding-right:15px;overflow-y:hidden}",""])},nvG3:function(t,e,i){"use strict";i("lEpy")}}]);

2
public/chunks/status-check.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/stripe-credentials.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/subscription-plans.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/upgrade-billing.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/upgrade-plan.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/chunks/upgrade.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/user-create.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/user-delete.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/user-detail.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/user-invoices.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/user-password.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/user-storage.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/chunks/users.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/css/tailwind.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/js/main.js vendored
View File

File diff suppressed because one or more lines are too long

188
public/mix-manifest.json
View File

@@ -2,75 +2,75 @@
"/js/main.js": "/js/main.js", "/js/main.js": "/js/main.js",
"/css/app.css": "/css/app.css", "/css/app.css": "/css/app.css",
"/css/tailwind.css": "/css/tailwind.css", "/css/tailwind.css": "/css/tailwind.css",
"/chunks/admin.js": "/chunks/admin.js?id=f12e5d909acc3ca16ea5", "/chunks/admin.js": "/chunks/admin.js?id=10aa252dd2e9325eedf8",
"/chunks/admin-account.js": "/chunks/admin-account.js?id=94c8006635f530a69db0", "/chunks/admin-account.js": "/chunks/admin-account.js?id=a59c998a7d1778d86c6f",
"/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=2d52fc8e939196f7ff16", "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=2d52fc8e939196f7ff16",
"/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=1d731f1c4a9daecb2a99", "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=1d731f1c4a9daecb2a99",
"/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js": "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js?id=5841d65172536a8a9bdc", "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js": "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js?id=5841d65172536a8a9bdc",
"/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js?id=bcec1c96b2248aa0d451", "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js?id=bcec1c96b2248aa0d451",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=b8afdc0c552002e71b48", "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=3738074ab881dca86f00",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=481af22bd60333fd4ce1", "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=481af22bd60333fd4ce1",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js?id=510e6c1b1017a73a40a6", "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js?id=510e6c1b1017a73a40a6",
"/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=90270d0c5aeb5c50dacf", "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=90270d0c5aeb5c50dacf",
"/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=61e970ffb679245686c3", "/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=61e970ffb679245686c3",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=26a26c5593b41f794d32", "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=26a26c5593b41f794d32",
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=66048f6dddf596913bbd", "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=728162e02985ae793938",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=aa284736dda7647d5c9e", "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=aa284736dda7647d5c9e",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=6bd4516589f23ec25ae6", "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=6bd4516589f23ec25ae6",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=b1123c792a51f9b3ec11", "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=b1123c792a51f9b3ec11",
"/chunks/app-billings.js": "/chunks/app-billings.js?id=ffb3e653d81896174a85", "/chunks/app-billings.js": "/chunks/app-billings.js?id=f0aa42244fb1c8e5974e",
"/chunks/app-email.js": "/chunks/app-email.js?id=2cd993e114de9735e180", "/chunks/app-email.js": "/chunks/app-email.js?id=7219b58c1a1e2b56e9ca",
"/chunks/app-index.js": "/chunks/app-index.js?id=6eb03f6512adae5191ff", "/chunks/app-index.js": "/chunks/app-index.js?id=8ebd11e9771b4f780bba",
"/chunks/app-language.js": "/chunks/app-language.js?id=172433e8a0e1ac1e6c9e", "/chunks/app-language.js": "/chunks/app-language.js?id=dad78e466c3c456cc434",
"/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js?id=38b2085e829a84df0e5f", "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js?id=38b2085e829a84df0e5f",
"/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~7dbb6a42.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~7dbb6a42.js?id=3cbb19b80e635b3524e5", "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~7dbb6a42.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~7dbb6a42.js?id=3cbb19b80e635b3524e5",
"/chunks/app-others.js": "/chunks/app-others.js?id=57365f79bc2289dc8e4e", "/chunks/app-others.js": "/chunks/app-others.js?id=77ea2e394c4f00f72633",
"/chunks/app-payments.js": "/chunks/app-payments.js?id=f692b30ef5b5dc7f9605", "/chunks/app-payments.js": "/chunks/app-payments.js?id=8d801efa2056a977810f",
"/chunks/app-settings.js": "/chunks/app-settings.js?id=ad0a2e908255f2220282", "/chunks/app-settings.js": "/chunks/app-settings.js?id=a16bef3e89f926038ac6",
"/chunks/app-setup.js": "/chunks/app-setup.js?id=ce07a7ecb486a7143d32", "/chunks/app-setup.js": "/chunks/app-setup.js?id=910637a55d144a8edaae",
"/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~5d0bfc57.js": "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~5d0bfc57.js?id=107a78323eef0c1d4c81", "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~5d0bfc57.js": "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~5d0bfc57.js?id=107a78323eef0c1d4c81",
"/chunks/billings-detail.js": "/chunks/billings-detail.js?id=731c735c17181fecef1f", "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=c1c3c1db41ba14773e0b",
"/chunks/contact-us.js": "/chunks/contact-us.js?id=b7be3b643318f6c29dcc", "/chunks/contact-us.js": "/chunks/contact-us.js?id=962ff97d6592b29574d2",
"/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568", "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568",
"/chunks/create-new-password.js": "/chunks/create-new-password.js?id=55135fff8801bdf735c4", "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=55135fff8801bdf735c4",
"/chunks/dashboard.js": "/chunks/dashboard.js?id=782e7ef35b43f548081d", "/chunks/dashboard.js": "/chunks/dashboard.js?id=782e7ef35b43f548081d",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=0391ad036c47d999f159", "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=0391ad036c47d999f159",
"/chunks/database.js": "/chunks/database.js?id=f6272904ff77ab215903", "/chunks/database.js": "/chunks/database.js?id=33edcd852e2a3bfc9cc5",
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b", "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
"/chunks/email-verified.js": "/chunks/email-verified.js?id=253ce639751cc8799458", "/chunks/email-verified.js": "/chunks/email-verified.js?id=253ce639751cc8799458",
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=1c1e6a30b129a6bf8258", "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=ead6700b73c697df655c",
"/chunks/files.js": "/chunks/files.js?id=a4f88b13671ef8b37818", "/chunks/files.js": "/chunks/files.js?id=a4f88b13671ef8b37818",
"/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=64ac90ff8ae7d3ee3ed1", "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=64ac90ff8ae7d3ee3ed1",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=2f2e1987e91a74932dcb", "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=2f2e1987e91a74932dcb",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js?id=44dd372c3414f407ed37", "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js?id=44dd372c3414f407ed37",
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=8e13225bf4eda83750fc", "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=8e13225bf4eda83750fc",
"/chunks/homepage.js": "/chunks/homepage.js?id=b89dd81804b8a0bd3f0b", "/chunks/homepage.js": "/chunks/homepage.js?id=b89dd81804b8a0bd3f0b",
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=6f5255c42bac60a88220", "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=b05098463fa6c39f9a8e",
"/chunks/invitation.js": "/chunks/invitation.js?id=c9cd3541ee362ae8d5f7", "/chunks/invitation.js": "/chunks/invitation.js?id=c9cd3541ee362ae8d5f7",
"/chunks/invoices.js": "/chunks/invoices.js?id=8cf63565e1e854db7305", "/chunks/invoices.js": "/chunks/invoices.js?id=8cf63565e1e854db7305",
"/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=ea129760157c8e44f324", "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=ea129760157c8e44f324",
"/chunks/not-found.js": "/chunks/not-found.js?id=034287ee0ecb036320d3", "/chunks/not-found.js": "/chunks/not-found.js?id=034287ee0ecb036320d3",
"/chunks/page-edit.js": "/chunks/page-edit.js?id=1963acc189f3f92441a6", "/chunks/page-edit.js": "/chunks/page-edit.js?id=bbfdb6395b246b5fe2ac",
"/chunks/pages.js": "/chunks/pages.js?id=f5c86b24fcbe15b15d1d", "/chunks/pages.js": "/chunks/pages.js?id=f5c86b24fcbe15b15d1d",
"/chunks/plan.js": "/chunks/plan.js?id=052940a7395f559b7c60", "/chunks/plan.js": "/chunks/plan.js?id=052940a7395f559b7c60",
"/chunks/plan-create.js": "/chunks/plan-create.js?id=c63cea650ea78e3c3ffc", "/chunks/plan-create.js": "/chunks/plan-create.js?id=0e4874a6246590cbab60",
"/chunks/plan-delete.js": "/chunks/plan-delete.js?id=96f48131997a0092be4b", "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=2e6aabaa1486066981a3",
"/chunks/plan-settings.js": "/chunks/plan-settings.js?id=2f403063c6a896f09e17", "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=5d326a130e1320173c87",
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=99854b8b4518fbebc79f", "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=84e6bae7c7a78b376fd3",
"/chunks/plans.js": "/chunks/plans.js?id=1dd67aa61e7482424e6d", "/chunks/plans.js": "/chunks/plans.js?id=1dd67aa61e7482424e6d",
"/chunks/platform.js": "/chunks/platform.js?id=12d09fa233f5225c83ab", "/chunks/platform.js": "/chunks/platform.js?id=70dde39b81895cdfc044",
"/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js": "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js?id=8656b69a97cace919251", "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js": "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js?id=8656b69a97cace919251",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=5896b646024cf643303e", "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=1f06e264a058b1baac7d",
"/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=7d983dfdc91de607d737", "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=7d983dfdc91de607d737",
"/chunks/profile.js": "/chunks/profile.js?id=022c1617a575d4aab4e1", "/chunks/profile.js": "/chunks/profile.js?id=2bb61bbc6be8c360e121",
"/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=58edfb3a35062e1ba4e0", "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=58edfb3a35062e1ba4e0",
"/chunks/purchase-code.js": "/chunks/purchase-code.js?id=f8b2619e393a5823bf29", "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=f8b2619e393a5823bf29",
"/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=22f629caf127051898e9", "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=22f629caf127051898e9",
"/chunks/settings.js": "/chunks/settings.js?id=a2d7ce4b1fd457b25dc4", "/chunks/settings.js": "/chunks/settings.js?id=a0e43eb3da79ad785fc5",
"/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=951e31213a4a36d88b14", "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=9d0c13810831c7d4f8dc",
"/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=a9a6286b9a416c949003", "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=3ef52128c0ebb1270c63",
"/chunks/settings-password.js": "/chunks/settings-password.js?id=837e32462d17a12ea629", "/chunks/settings-password.js": "/chunks/settings-password.js?id=48a5d905b02e8ddacc70",
"/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=dd49dfad6210765ac1fb", "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=acc794e18e23c233312a",
"/chunks/settings-storage.js": "/chunks/settings-storage.js?id=9a1352324cbee9630496", "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=9a1352324cbee9630496",
"/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=b1e1ae3cff004140701e", "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=b1e1ae3cff004140701e",
"/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=e67e12955133c57194d1", "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=e67e12955133c57194d1",
@@ -83,63 +83,95 @@
"/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=f2fb680ebf4873ff4436", "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=f2fb680ebf4873ff4436",
"/chunks/sign-in.js": "/chunks/sign-in.js?id=04b378323ff1494fa85d", "/chunks/sign-in.js": "/chunks/sign-in.js?id=04b378323ff1494fa85d",
"/chunks/sign-up.js": "/chunks/sign-up.js?id=0307551ea7ad8e9bd3c2", "/chunks/sign-up.js": "/chunks/sign-up.js?id=0307551ea7ad8e9bd3c2",
"/chunks/status-check.js": "/chunks/status-check.js?id=7de8baaff011e2f1bab9", "/chunks/status-check.js": "/chunks/status-check.js?id=36a8753c24f8f158ce67",
"/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=6b94c5fda72871b8d2bd", "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=4e1f6100f020469f0b56",
"/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=63e8e2a410ab48102b0c", "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=b027fb7b37088b17451b",
"/chunks/subscription-service.js": "/chunks/subscription-service.js?id=8ac19b3fcfd57d79e5b1", "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=8ac19b3fcfd57d79e5b1",
"/chunks/team-folders.js": "/chunks/team-folders.js?id=0e69f4432e968cc512f9", "/chunks/team-folders.js": "/chunks/team-folders.js?id=0e69f4432e968cc512f9",
"/chunks/trash.js": "/chunks/trash.js?id=5fe84aadd8729e68849e", "/chunks/trash.js": "/chunks/trash.js?id=5fe84aadd8729e68849e",
"/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=2bffa85e82a5cda1dcd2", "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=0cfd5b8c3a4ea27109d2",
"/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=8bd237c632018a537d76", "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=8bd237c632018a537d76",
"/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=460e6f80d824b5a93adf", "/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=eaa1dc25ba7372205d20",
"/chunks/user.js": "/chunks/user.js?id=fe26116ebc97069cf7f9", "/chunks/user.js": "/chunks/user.js?id=fe26116ebc97069cf7f9",
"/chunks/user-create.js": "/chunks/user-create.js?id=241720b78b7309f9b319", "/chunks/user-create.js": "/chunks/user-create.js?id=496316cd7d2578cbaddf",
"/chunks/user-delete.js": "/chunks/user-delete.js?id=36e7149e777f1ecd71e9", "/chunks/user-delete.js": "/chunks/user-delete.js?id=b79d4353ab916775e845",
"/chunks/user-detail.js": "/chunks/user-detail.js?id=6218f429f4040d0524ac", "/chunks/user-detail.js": "/chunks/user-detail.js?id=adadc2cbc0ed9b28cc97",
"/chunks/user-invoices.js": "/chunks/user-invoices.js?id=386719adbd52708773ba", "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=1fbc176e99de43c5d36d",
"/chunks/user-password.js": "/chunks/user-password.js?id=22725c9c88b862276b34", "/chunks/user-password.js": "/chunks/user-password.js?id=5dae45c9401b4692b642",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=8d46386de83e5f198c40", "/chunks/user-storage.js": "/chunks/user-storage.js?id=8c109607668830f45060",
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=370b3df08b2ee39bf6ac", "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=370b3df08b2ee39bf6ac",
"/chunks/users.js": "/chunks/users.js?id=8bd8edb68fbc5c7808c1", "/chunks/users.js": "/chunks/users.js?id=8bd8edb68fbc5c7808c1",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js?id=ee89932f7ee76e74483e", "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js?id=ee89932f7ee76e74483e",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js?id=8163e0eab55c50f8afb8", "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js?id=8163e0eab55c50f8afb8",
"/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=37ce1e1ab9968c100712", "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=37ce1e1ab9968c100712",
"/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=a0fa80db175709ba340a", "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=a0fa80db175709ba340a",
"/chunks/platform~chunks/shared.2ff54c032abcf3a133e2.hot-update.js": "/chunks/platform~chunks/shared.2ff54c032abcf3a133e2.hot-update.js", "/chunks/app-settings.48ff3e25b0d815cb99d3.hot-update.js": "/chunks/app-settings.48ff3e25b0d815cb99d3.hot-update.js",
"/chunks/platform~chunks/shared.0bcfc3c8d2496111a440.hot-update.js": "/chunks/platform~chunks/shared.0bcfc3c8d2496111a440.hot-update.js", "/chunks/app-settings.a67f814ddf7e378100a9.hot-update.js": "/chunks/app-settings.a67f814ddf7e378100a9.hot-update.js",
"/chunks/platform~chunks/shared.4cea1d7c8725068f56d2.hot-update.js": "/chunks/platform~chunks/shared.4cea1d7c8725068f56d2.hot-update.js", "/chunks/app-settings.80d8d3afba3fc28c0138.hot-update.js": "/chunks/app-settings.80d8d3afba3fc28c0138.hot-update.js",
"/chunks/platform~chunks/shared.0d93a23fa0023a6b7373.hot-update.js": "/chunks/platform~chunks/shared.0d93a23fa0023a6b7373.hot-update.js", "/chunks/app-settings.40ef603958cf54f52d4c.hot-update.js": "/chunks/app-settings.40ef603958cf54f52d4c.hot-update.js",
"/chunks/platform~chunks/shared.b5bb612dfe443f222dfd.hot-update.js": "/chunks/platform~chunks/shared.b5bb612dfe443f222dfd.hot-update.js", "/chunks/app-others.44cf178c7dab664745bf.hot-update.js": "/chunks/app-others.44cf178c7dab664745bf.hot-update.js",
"/chunks/platform~chunks/shared.3dddad69b678556c5896.hot-update.js": "/chunks/platform~chunks/shared.3dddad69b678556c5896.hot-update.js", "/chunks/app-settings.9686da340dc938739553.hot-update.js": "/chunks/app-settings.9686da340dc938739553.hot-update.js",
"/chunks/platform~chunks/shared.2b0c745fd78e81f70578.hot-update.js": "/chunks/platform~chunks/shared.2b0c745fd78e81f70578.hot-update.js", "/chunks/app-settings.6ebebe346ac7665389a3.hot-update.js": "/chunks/app-settings.6ebebe346ac7665389a3.hot-update.js",
"/chunks/platform~chunks/shared.89a5b57fe04268e32b82.hot-update.js": "/chunks/platform~chunks/shared.89a5b57fe04268e32b82.hot-update.js", "/chunks/app-settings.7df41ac8952405cb2cec.hot-update.js": "/chunks/app-settings.7df41ac8952405cb2cec.hot-update.js",
"/chunks/platform~chunks/shared.154ec5906c35d41eefa1.hot-update.js": "/chunks/platform~chunks/shared.154ec5906c35d41eefa1.hot-update.js", "/chunks/app-settings.67bf56e245b56bc9edbd.hot-update.js": "/chunks/app-settings.67bf56e245b56bc9edbd.hot-update.js",
"/chunks/platform~chunks/shared.41baa42d18b8cc3b2bcb.hot-update.js": "/chunks/platform~chunks/shared.41baa42d18b8cc3b2bcb.hot-update.js", "/chunks/app-settings.6bc1e8d7c19defe8ae43.hot-update.js": "/chunks/app-settings.6bc1e8d7c19defe8ae43.hot-update.js",
"/chunks/platform~chunks/shared.88761a19528b5fbafe64.hot-update.js": "/chunks/platform~chunks/shared.88761a19528b5fbafe64.hot-update.js", "/chunks/app-settings.34fe982e887a23ed577a.hot-update.js": "/chunks/app-settings.34fe982e887a23ed577a.hot-update.js",
"/chunks/platform~chunks/shared.ec6fd037db49324ceec8.hot-update.js": "/chunks/platform~chunks/shared.ec6fd037db49324ceec8.hot-update.js", "/chunks/app-settings.c4c9c011d0fbb6a39adc.hot-update.js": "/chunks/app-settings.c4c9c011d0fbb6a39adc.hot-update.js",
"/chunks/platform~chunks/shared.5c1d180a1fd546df9e06.hot-update.js": "/chunks/platform~chunks/shared.5c1d180a1fd546df9e06.hot-update.js", "/chunks/app-settings.9f51c1ce58c1c1509cb7.hot-update.js": "/chunks/app-settings.9f51c1ce58c1c1509cb7.hot-update.js",
"/chunks/platform~chunks/shared.ae9e6d943e7bef90200f.hot-update.js": "/chunks/platform~chunks/shared.ae9e6d943e7bef90200f.hot-update.js", "/chunks/app-settings.b109187f04be4b78d100.hot-update.js": "/chunks/app-settings.b109187f04be4b78d100.hot-update.js",
"/chunks/platform~chunks/shared.d76258c1e938e106686c.hot-update.js": "/chunks/platform~chunks/shared.d76258c1e938e106686c.hot-update.js", "/chunks/app-settings.6693de1c0f2d20fe842a.hot-update.js": "/chunks/app-settings.6693de1c0f2d20fe842a.hot-update.js",
"/chunks/platform~chunks/shared.092e00062a5f0838a9b9.hot-update.js": "/chunks/platform~chunks/shared.092e00062a5f0838a9b9.hot-update.js", "/chunks/app-settings.c5bf0ab0f15f75edd5b5.hot-update.js": "/chunks/app-settings.c5bf0ab0f15f75edd5b5.hot-update.js",
"/chunks/platform~chunks/shared.ac5e1daa7f8c41d7e5f7.hot-update.js": "/chunks/platform~chunks/shared.ac5e1daa7f8c41d7e5f7.hot-update.js", "/chunks/app-settings.697193e43b0cdbcd2424.hot-update.js": "/chunks/app-settings.697193e43b0cdbcd2424.hot-update.js",
"/chunks/platform~chunks/shared.e16151cc9fa16deb5f05.hot-update.js": "/chunks/platform~chunks/shared.e16151cc9fa16deb5f05.hot-update.js", "/chunks/app-settings.e12d18a6881a91f997a2.hot-update.js": "/chunks/app-settings.e12d18a6881a91f997a2.hot-update.js",
"/chunks/platform~chunks/shared.ffd4e3293f591c0f16f0.hot-update.js": "/chunks/platform~chunks/shared.ffd4e3293f591c0f16f0.hot-update.js", "/chunks/app-settings.e263243c1e88ffaabcb7.hot-update.js": "/chunks/app-settings.e263243c1e88ffaabcb7.hot-update.js",
"/chunks/platform~chunks/shared.65a2913126c79a450488.hot-update.js": "/chunks/platform~chunks/shared.65a2913126c79a450488.hot-update.js", "/chunks/app-settings.a507a677b59663fc426d.hot-update.js": "/chunks/app-settings.a507a677b59663fc426d.hot-update.js",
"/chunks/platform~chunks/shared.44df93a1b8148902f3ee.hot-update.js": "/chunks/platform~chunks/shared.44df93a1b8148902f3ee.hot-update.js", "/chunks/app-settings.4e1563e7df2db3fcd305.hot-update.js": "/chunks/app-settings.4e1563e7df2db3fcd305.hot-update.js",
"/chunks/platform~chunks/shared.af9a72e6f9de23da6504.hot-update.js": "/chunks/platform~chunks/shared.af9a72e6f9de23da6504.hot-update.js", "/chunks/app-settings.7a2f6c774ef207badae6.hot-update.js": "/chunks/app-settings.7a2f6c774ef207badae6.hot-update.js",
"/chunks/platform~chunks/shared.8c1413794a21aa5b18f1.hot-update.js": "/chunks/platform~chunks/shared.8c1413794a21aa5b18f1.hot-update.js", "/chunks/app-settings.6299ff214790661321af.hot-update.js": "/chunks/app-settings.6299ff214790661321af.hot-update.js",
"/chunks/platform~chunks/shared.c7bbbdbe8c5daaa6180a.hot-update.js": "/chunks/platform~chunks/shared.c7bbbdbe8c5daaa6180a.hot-update.js", "/chunks/app-settings.0acf57aafa413d354dc1.hot-update.js": "/chunks/app-settings.0acf57aafa413d354dc1.hot-update.js",
"/chunks/platform~chunks/shared.61c41b24faa2e6e5626a.hot-update.js": "/chunks/platform~chunks/shared.61c41b24faa2e6e5626a.hot-update.js", "/chunks/app-settings.c6f62f1720c17968df8d.hot-update.js": "/chunks/app-settings.c6f62f1720c17968df8d.hot-update.js",
"/chunks/platform~chunks/shared.8e13b639baf300f8cc48.hot-update.js": "/chunks/platform~chunks/shared.8e13b639baf300f8cc48.hot-update.js", "/chunks/app-settings.e5390362b544bf0e4820.hot-update.js": "/chunks/app-settings.e5390362b544bf0e4820.hot-update.js",
"/chunks/platform~chunks/shared.ccbc703c30ca8ee31141.hot-update.js": "/chunks/platform~chunks/shared.ccbc703c30ca8ee31141.hot-update.js", "/chunks/app-settings.1633687eac0c68ffae91.hot-update.js": "/chunks/app-settings.1633687eac0c68ffae91.hot-update.js",
"/chunks/platform~chunks/shared.7b634b7ba21f8753b5e5.hot-update.js": "/chunks/platform~chunks/shared.7b634b7ba21f8753b5e5.hot-update.js", "/chunks/app-settings.6fc4ec2bd647b8364c5b.hot-update.js": "/chunks/app-settings.6fc4ec2bd647b8364c5b.hot-update.js",
"/chunks/platform~chunks/shared.e31a251eb5b304243732.hot-update.js": "/chunks/platform~chunks/shared.e31a251eb5b304243732.hot-update.js", "/chunks/app-settings.565d2ebd0c3f5aad5a90.hot-update.js": "/chunks/app-settings.565d2ebd0c3f5aad5a90.hot-update.js",
"/chunks/platform~chunks/shared.723f1f590935ef89c643.hot-update.js": "/chunks/platform~chunks/shared.723f1f590935ef89c643.hot-update.js", "/chunks/app-settings.55726ed7a661808be799.hot-update.js": "/chunks/app-settings.55726ed7a661808be799.hot-update.js",
"/chunks/platform~chunks/shared.205dd6d49094170084ab.hot-update.js": "/chunks/platform~chunks/shared.205dd6d49094170084ab.hot-update.js", "/chunks/app-settings.c5fd3a852f8e9649bd20.hot-update.js": "/chunks/app-settings.c5fd3a852f8e9649bd20.hot-update.js",
"/chunks/platform~chunks/shared.35bd25220f6824f32d45.hot-update.js": "/chunks/platform~chunks/shared.35bd25220f6824f32d45.hot-update.js", "/chunks/app-settings.cf8700b51d9907ab89ae.hot-update.js": "/chunks/app-settings.cf8700b51d9907ab89ae.hot-update.js",
"/chunks/platform~chunks/shared.6aac8361c9290198b9cc.hot-update.js": "/chunks/platform~chunks/shared.6aac8361c9290198b9cc.hot-update.js", "/chunks/app-settings.6f46ce9cc5e38378fe1a.hot-update.js": "/chunks/app-settings.6f46ce9cc5e38378fe1a.hot-update.js",
"/chunks/platform~chunks/shared.7176d9d21bed65da5e02.hot-update.js": "/chunks/platform~chunks/shared.7176d9d21bed65da5e02.hot-update.js", "/chunks/app-settings.10c94f2b6edbb500e779.hot-update.js": "/chunks/app-settings.10c94f2b6edbb500e779.hot-update.js",
"/chunks/platform~chunks/shared.a5dad0d8b3d05339d5eb.hot-update.js": "/chunks/platform~chunks/shared.a5dad0d8b3d05339d5eb.hot-update.js", "/chunks/app-settings.355d6b9f61a02dae2ec1.hot-update.js": "/chunks/app-settings.355d6b9f61a02dae2ec1.hot-update.js",
"/chunks/platform~chunks/shared.192f19b7c7abde8f01f3.hot-update.js": "/chunks/platform~chunks/shared.192f19b7c7abde8f01f3.hot-update.js", "/chunks/app-settings.a1d4e6446985776bcfe8.hot-update.js": "/chunks/app-settings.a1d4e6446985776bcfe8.hot-update.js",
"/chunks/platform~chunks/shared.21b26128b73b9f177acd.hot-update.js": "/chunks/platform~chunks/shared.21b26128b73b9f177acd.hot-update.js" "/chunks/app-settings.593e0c37f02866686bd2.hot-update.js": "/chunks/app-settings.593e0c37f02866686bd2.hot-update.js",
"/chunks/app-settings.8137a803f680ac3308c8.hot-update.js": "/chunks/app-settings.8137a803f680ac3308c8.hot-update.js",
"/chunks/app-settings.d972506f71caa965050a.hot-update.js": "/chunks/app-settings.d972506f71caa965050a.hot-update.js",
"/chunks/app-settings.5fe0e156ee04bec09a2b.hot-update.js": "/chunks/app-settings.5fe0e156ee04bec09a2b.hot-update.js",
"/chunks/app-settings.460e3a58e3beba6db66c.hot-update.js": "/chunks/app-settings.460e3a58e3beba6db66c.hot-update.js",
"/chunks/app-settings.17310afed84742aa4348.hot-update.js": "/chunks/app-settings.17310afed84742aa4348.hot-update.js",
"/chunks/app-settings.43af27d3b29a9f5f2af0.hot-update.js": "/chunks/app-settings.43af27d3b29a9f5f2af0.hot-update.js",
"/chunks/app-appearance.c64fd100222218b2f8da.hot-update.js": "/chunks/app-appearance.c64fd100222218b2f8da.hot-update.js",
"/chunks/app-appearance.40242f6f07ed969dce49.hot-update.js": "/chunks/app-appearance.40242f6f07ed969dce49.hot-update.js",
"/chunks/app-appearance.a1f82b4d3f0f1295d5fc.hot-update.js": "/chunks/app-appearance.a1f82b4d3f0f1295d5fc.hot-update.js",
"/chunks/app-appearance.4af2c6e1e203efbe4d69.hot-update.js": "/chunks/app-appearance.4af2c6e1e203efbe4d69.hot-update.js",
"/chunks/app-settings.07264e28ff800f255f1c.hot-update.js": "/chunks/app-settings.07264e28ff800f255f1c.hot-update.js",
"/chunks/app-appearance.d99312086d137aca136f.hot-update.js": "/chunks/app-appearance.d99312086d137aca136f.hot-update.js",
"/chunks/app-appearance.545a60361da0dc8d409b.hot-update.js": "/chunks/app-appearance.545a60361da0dc8d409b.hot-update.js",
"/chunks/app-billings.2bb80ca59b626f3b3f99.hot-update.js": "/chunks/app-billings.2bb80ca59b626f3b3f99.hot-update.js",
"/chunks/app-billings.0d227213163357b4e450.hot-update.js": "/chunks/app-billings.0d227213163357b4e450.hot-update.js",
"/chunks/app-billings.3fd95eed9f06e58e1ebb.hot-update.js": "/chunks/app-billings.3fd95eed9f06e58e1ebb.hot-update.js",
"/chunks/app-payments.bff298ffbc02463ad598.hot-update.js": "/chunks/app-payments.bff298ffbc02463ad598.hot-update.js",
"/chunks/app-payments.51f560f6fb255cb80581.hot-update.js": "/chunks/app-payments.51f560f6fb255cb80581.hot-update.js",
"/chunks/app-payments.7025e79f0b5717bb6e3a.hot-update.js": "/chunks/app-payments.7025e79f0b5717bb6e3a.hot-update.js",
"/chunks/app-payments.a9877a4048a46966504b.hot-update.js": "/chunks/app-payments.a9877a4048a46966504b.hot-update.js",
"/chunks/app-payments.3607204e9e291ebfe952.hot-update.js": "/chunks/app-payments.3607204e9e291ebfe952.hot-update.js",
"/chunks/app-payments.a942174258813b1bbda9.hot-update.js": "/chunks/app-payments.a942174258813b1bbda9.hot-update.js",
"/chunks/app-payments.acc8990388d4e7c6350c.hot-update.js": "/chunks/app-payments.acc8990388d4e7c6350c.hot-update.js",
"/chunks/app-payments.cf27667cc920b290a81c.hot-update.js": "/chunks/app-payments.cf27667cc920b290a81c.hot-update.js",
"/chunks/app-payments.4ad64859a08cb1763107.hot-update.js": "/chunks/app-payments.4ad64859a08cb1763107.hot-update.js",
"/chunks/app-email.e5065efa4b7f78605939.hot-update.js": "/chunks/app-email.e5065efa4b7f78605939.hot-update.js",
"/chunks/app-email.43ffcdf9c5d278a8c68a.hot-update.js": "/chunks/app-email.43ffcdf9c5d278a8c68a.hot-update.js",
"/chunks/app-email.e135f223fe2e8114fc69.hot-update.js": "/chunks/app-email.e135f223fe2e8114fc69.hot-update.js",
"/chunks/app-index.4fc6837b351fd69c5701.hot-update.js": "/chunks/app-index.4fc6837b351fd69c5701.hot-update.js",
"/chunks/app-index.3faa5068880b330b36b9.hot-update.js": "/chunks/app-index.3faa5068880b330b36b9.hot-update.js",
"/chunks/app-index.2b6c8ef988f4750d340d.hot-update.js": "/chunks/app-index.2b6c8ef988f4750d340d.hot-update.js",
"/chunks/app-index.c1cf0678b3fa7d050594.hot-update.js": "/chunks/app-index.c1cf0678b3fa7d050594.hot-update.js"
} }

8
resources/js/App.vue
View File

@@ -134,6 +134,14 @@ export default {
@import '/resources/sass/vuefilemanager/_variables'; @import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins'; @import '/resources/sass/vuefilemanager/_mixins';
.card {
@apply bg-white px-9 pt-8 pb-9 rounded-xl lg:mb-6 mb-4
}
.input-dark {
@apply w-full bg-light-background py-3.5 px-5 rounded-lg appearance-none border-transparent text-base font-bold border
}
[v-cloak], [v-cloak],
[v-cloak] > * { [v-cloak] > * {
display: none display: none

168
resources/js/views/Admin/AppSettings/AppSettings.vue
View File

@@ -1,110 +1,84 @@
<template> <template>
<div id="single-page"> <div class="pr-6 w-full overflow-x-hidden relative" style="background: rgba(244, 245, 246, 0.6)">
<div id="page-content"> <!--Page Tab links-->
<MobileHeader :title="$t($router.currentRoute.meta.title)"/> <div class="card shadow-card py-0 lg:mt-6 mt-4 sticky top-0 z-10">
<PageHeader :can-back="true" :title="$t($router.currentRoute.meta.title)"/> <router-link
class="inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme"
:class="{'text-theme': $router.currentRoute.name === page.route, 'text-gray-600': $router.currentRoute.name !== page.route}"
v-for="(page, i) in pages"
:to="{name: page.route}"
:key="i"
replace
>
{{ page.title }}
</router-link>
</div>
<div class="content-page"> <!--Router Content-->
<router-view class="" />
<!--Page Tab links-->
<div class="menu-list-wrapper horizontal">
<router-link replace :to="{name: 'AppOthers'}"
class="menu-list-item link border-bottom-theme">
<div class="icon text-theme">
<settings-icon size="17" />
</div>
<div class="label text-theme ">
{{ $t('admin_settings.tabs.others') }}
</div>
</router-link>
<router-link replace :to="{name: 'AppAppearance'}"
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<eye-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('admin_settings.tabs.appearance') }}
</div>
</router-link>
<router-link v-if="config.isSaaS" replace :to="{name: 'AppBillings'}"
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<file-text-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('admin_settings.tabs.billings') }}
</div>
</router-link>
<router-link v-if="config.isSaaS" replace :to="{name: 'AppPayments'}"
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<credit-card-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('admin_settings.tabs.payments') }}
</div>
</router-link>
<router-link replace :to="{name: 'AppIndex'}" class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<home-icon size="17" />
</div>
<div class="label text-theme">
Homepage
</div>
</router-link>
<router-link replace :to="{name: 'AppEmail'}"
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<mail-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('admin_settings.tabs.email') }}
</div>
</router-link>
</div>
<!--Router Content-->
<router-view/>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import {UsersIcon, SettingsIcon, Trash2Icon, EyeIcon, FileTextIcon, CodeIcon, MailIcon, CreditCardIcon, HomeIcon} from 'vue-feather-icons' import {UsersIcon, SettingsIcon, Trash2Icon, EyeIcon, FileTextIcon, CodeIcon, MailIcon, CreditCardIcon, HomeIcon} from 'vue-feather-icons'
import MobileHeader from '/resources/js/components/Mobile/MobileHeader' import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
import SectionTitle from '/resources/js/components/Others/SectionTitle' import SectionTitle from '/resources/js/components/Others/SectionTitle'
import PageHeader from '/resources/js/components/Others/PageHeader' import PageHeader from '/resources/js/components/Others/PageHeader'
import {mapGetters} from 'vuex' import {mapGetters} from 'vuex'
export default { export default {
name: 'AppSettings', name: 'AppSettings',
components: { components: {
HomeIcon, HomeIcon,
CreditCardIcon, CreditCardIcon,
CodeIcon, CodeIcon,
MailIcon, MailIcon,
FileTextIcon, FileTextIcon,
EyeIcon, EyeIcon,
UsersIcon, UsersIcon,
Trash2Icon, Trash2Icon,
SettingsIcon, SettingsIcon,
SectionTitle, SectionTitle,
MobileHeader, MobileHeader,
PageHeader, PageHeader,
}, },
computed: { computed: {
...mapGetters(['config']), ...mapGetters(['config']),
}, },
} data() {
return {
pages: [
{
title: this.$t('admin_settings.tabs.others'),
route: 'AppOthers',
},
{
title: this.$t('admin_settings.tabs.appearance'),
route: 'AppAppearance',
},
{
title: this.$t('admin_settings.tabs.billings'),
route: 'AppBillings',
},
{
title: this.$t('admin_settings.tabs.payments'),
route: 'AppPayments',
},
{
title: 'Homepage',
route: 'AppIndex',
},
{
title: this.$t('admin_settings.tabs.email'),
route: 'AppEmail',
},
]
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables'; @import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins'; @import '/resources/sass/vuefilemanager/_mixins';
</style> </style>

144
resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
View File

@@ -1,82 +1,84 @@
<template> <template>
<PageTab :is-loading="isLoading" class="form-fixed-width"> <PageTab :is-loading="isLoading">
<!--Personal Information--> <!--Personal Information-->
<PageTabGroup v-if="app"> <PageTabGroup v-if="app">
<div class="form block-form"> <div class="form block-form">
<FormLabel>{{ $t('admin_settings.appearance.section_general') }}</FormLabel>
<div class="block-wrapper"> <div class="card shadow-card">
<label>{{ $t('admin_settings.appearance.title') }}:</label> <FormLabel>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }"> {{ $t('admin_settings.appearance.section_general') }}
<input @input="$updateText('/admin/settings', 'app_title', app.title)" v-model="app.title" :placeholder="$t('admin_settings.appearance.title_plac')" type="text" </FormLabel>
:class="{'is-error': errors[0]}" class="focus-border-theme"/> <div class="block-wrapper">
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <label>{{ $t('admin_settings.appearance.title') }}:</label>
</ValidationProvider> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }">
</div> <input @input="$updateText('/admin/settings', 'app_title', app.title)" v-model="app.title" :placeholder="$t('admin_settings.appearance.title_plac')" type="text"
:class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper">
<label>{{ $t('admin_settings.appearance.description') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'app_description', app.description)" v-model="app.description"
:placeholder="$t('admin_settings.appearance.description_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper">
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }">
<div class="inline-wrapper">
<div class="switch-label">
<label class="input-label">{{ $t('color_theme') }}:</label>
<small class="input-help">{{ $t('color_theme_description') }}</small>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</div>
<input @input="$updateText('/admin/settings', 'app_color', app.color)" v-model="app.color" :placeholder="$t('admin_settings.appearance.title_plac')" type="color"
:class="{'is-error': errors[0]}" class="focus-border-theme"/>
</div>
</ValidationProvider>
</div>
<div class="block-wrapper"> </div>
<label>{{ $t('admin_settings.appearance.description') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'app_description', app.description)" v-model="app.description"
:placeholder="$t('admin_settings.appearance.description_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<FormLabel class="mt-70">{{ $t('admin_settings.appearance.section_appearance') }}</FormLabel> <div class="card shadow-card">
<FormLabel>
<div class="block-wrapper"> {{ $t('Branding') }}
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }"> </FormLabel>
<div class="inline-wrapper"> <div class="block-wrapper">
<div class="switch-label"> <label>{{ $t('admin_settings.appearance.logo') }}:</label>
<label class="input-label">{{ $t('color_theme') }}:</label> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Logo" v-slot="{ errors }">
<small class="input-help">{{ $t('color_theme_description') }}</small> <ImageInput @input="$updateImage('/admin/settings', 'app_logo', app.logo)" :image="$getImage(app.logo)" v-model="app.logo" :error="errors[0]"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> </ValidationProvider>
</div> </div>
<input @input="$updateText('/admin/settings', 'app_color', app.color)" v-model="app.color" :placeholder="$t('admin_settings.appearance.title_plac')" type="color" <div class="block-wrapper">
:class="{'is-error': errors[0]}" class="focus-border-theme"/> <label>{{ $t('admin_settings.appearance.logo_horizontal') }}:</label>
</div> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Logo Horizontal" v-slot="{ errors }">
</ValidationProvider> <ImageInput @input="$updateImage('/admin/settings', 'app_logo_horizontal', app.logo_horizontal)" :image="$getImage(app.logo_horizontal)"
</div> v-model="app.logo_horizontal" :error="errors[0]"/>
</ValidationProvider>
<div class="block-wrapper"> </div>
<label>{{ $t('admin_settings.appearance.logo') }}:</label> <div class="block-wrapper">
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Logo" v-slot="{ errors }"> <label>{{ $t('admin_settings.appearance.favicon') }}:</label>
<ImageInput @input="$updateImage('/admin/settings', 'app_logo', app.logo)" :image="$getImage(app.logo)" v-model="app.logo" :error="errors[0]"/> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Favicon" v-slot="{ errors }">
</ValidationProvider> <ImageInput @input="$updateImage('/admin/settings', 'app_favicon', app.favicon)" :image="$getImage(app.favicon)" v-model="app.favicon" :error="errors[0]"/>
</div> </ValidationProvider>
</div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.appearance.logo_horizontal') }}:</label> <label>{{ $t('og_image') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Logo Horizontal" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Favicon" v-slot="{ errors }">
<ImageInput @input="$updateImage('/admin/settings', 'app_logo_horizontal', app.logo_horizontal)" :image="$getImage(app.logo_horizontal)" <ImageInput @input="$updateImage('/admin/settings', 'app_og_image', app.og_image)" :image="$getImage(app.og_image)" v-model="app.og_image" :error="errors[0]"/>
v-model="app.logo_horizontal" :error="errors[0]"/> <small class="input-help">{{ $t('og_image_description') }}</small>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper">
<div class="block-wrapper"> <label>{{ $t('app_touch_icon') }}:</label>
<label>{{ $t('admin_settings.appearance.favicon') }}:</label> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Favicon" v-slot="{ errors }">
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Favicon" v-slot="{ errors }"> <ImageInput @input="$updateImage('/admin/settings', 'app_touch_icon', app.touch_icon)" :image="$getImage(app.touch_icon)" v-model="app.touch_icon" :error="errors[0]"/>
<ImageInput @input="$updateImage('/admin/settings', 'app_favicon', app.favicon)" :image="$getImage(app.favicon)" v-model="app.favicon" :error="errors[0]"/> <small class="input-help">{{ $t('app_touch_icon_description') }}</small>
</ValidationProvider> </ValidationProvider>
</div> </div>
</div>
<div class="block-wrapper">
<label>{{ $t('og_image') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Favicon" v-slot="{ errors }">
<ImageInput @input="$updateImage('/admin/settings', 'app_og_image', app.og_image)" :image="$getImage(app.og_image)" v-model="app.og_image" :error="errors[0]"/>
<small class="input-help">{{ $t('og_image_description') }}</small>
</ValidationProvider>
</div>
<div class="block-wrapper">
<label>{{ $t('app_touch_icon') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Favicon" v-slot="{ errors }">
<ImageInput @input="$updateImage('/admin/settings', 'app_touch_icon', app.touch_icon)" :image="$getImage(app.touch_icon)" v-model="app.touch_icon" :error="errors[0]"/>
<small class="input-help">{{ $t('app_touch_icon_description') }}</small>
</ValidationProvider>
</div>
</div> </div>
</PageTabGroup> </PageTabGroup>
</PageTab> </PageTab>

161
resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue
View File

@@ -1,92 +1,101 @@
<template> <template>
<PageTab :is-loading="isLoading" class="form-fixed-width"> <PageTab :is-loading="isLoading">
<!--Personal Information--> <!--Personal Information-->
<PageTabGroup v-if="billingInformation"> <PageTabGroup v-if="billingInformation">
<div class="form block-form"> <div class="form block-form">
<FormLabel>{{ $t('admin_settings.billings.section_company') }}</FormLabel>
<div class="block-wrapper"> <div class="card shadow-card">
<label>{{ $t('admin_settings.billings.company_name') }}:</label> <FormLabel>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Name" {{ $t('admin_settings.billings.section_company') }}
rules="required" v-slot="{ errors }"> </FormLabel>
<input @input="$updateText('/admin/settings', 'billing_name', billingInformation.billing_name)" v-model="billingInformation.billing_name" :placeholder="$t('admin_settings.billings.company_name_plac')"
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.billings.vat') }}:</label> <label>{{ $t('admin_settings.billings.company_name') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Vat Number" <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Name"
rules="required" v-slot="{ errors }"> rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'billing_vat_number', billingInformation.billing_vat_number)" v-model="billingInformation.billing_vat_number" :placeholder="$t('admin_settings.billings.vat_plac')" <input @input="$updateText('/admin/settings', 'billing_name', billingInformation.billing_name)" v-model="billingInformation.billing_name" :placeholder="$t('admin_settings.billings.company_name_plac')"
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<FormLabel class="mt-70">{{ $t('admin_settings.billings.section_billing') }}</FormLabel> <div class="block-wrapper">
<label>{{ $t('admin_settings.billings.vat') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Vat Number"
rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'billing_vat_number', billingInformation.billing_vat_number)" v-model="billingInformation.billing_vat_number" :placeholder="$t('admin_settings.billings.vat_plac')"
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
</div>
<div class="block-wrapper"> <div class="card shadow-card">
<label>{{ $t('admin_settings.billings.country') }}:</label> <FormLabel>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Country" {{ $t('admin_settings.billings.section_billing') }}
rules="required" v-slot="{ errors }"> </FormLabel>
<SelectInput @input="$updateText('/admin/settings', 'billing_country', billingInformation.billing_country)" v-model="billingInformation.billing_country" :default="billingInformation.billing_country" :options="countries" :placeholder="$t('admin_settings.billings.country_plac')" :isError="errors[0]"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.billings.address') }}:</label> <label>{{ $t('admin_settings.billings.country') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Address" <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Country"
rules="required" v-slot="{ errors }"> rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'billing_address', billingInformation.billing_address)" v-model="billingInformation.billing_address" :placeholder="$t('admin_settings.billings.address_plac')" <SelectInput @input="$updateText('/admin/settings', 'billing_country', billingInformation.billing_country)" v-model="billingInformation.billing_country" :default="billingInformation.billing_country" :options="countries" :placeholder="$t('admin_settings.billings.country_plac')" :isError="errors[0]"/>
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> </ValidationProvider>
</ValidationProvider> </div>
</div>
<div class="wrapper-inline"> <div class="block-wrapper">
<div class="block-wrapper"> <label>{{ $t('admin_settings.billings.address') }}:</label>
<label>{{ $t('admin_settings.billings.city') }}:</label> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Address"
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing City" rules="required" v-slot="{ errors }">
rules="required" v-slot="{ errors }"> <input @input="$updateText('/admin/settings', 'billing_address', billingInformation.billing_address)" v-model="billingInformation.billing_address" :placeholder="$t('admin_settings.billings.address_plac')"
<input @input="$updateText('/admin/settings', 'billing_city', billingInformation.billing_city)" v-model="billingInformation.billing_city" :placeholder="$t('admin_settings.billings.city_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> </ValidationProvider>
</ValidationProvider> </div>
</div>
<div class="block-wrapper">
<label>{{ $t('admin_settings.billings.postal_code') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Postal Code"
rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'billing_postal_code', billingInformation.billing_postal_code)" v-model="billingInformation.billing_postal_code"
:placeholder="$t('admin_settings.billings.postal_code_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
</div>
<div class="block-wrapper"> <div class="wrapper-inline">
<label>{{ $t('admin_settings.billings.state') }}:</label> <div class="block-wrapper">
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing State" <label>{{ $t('admin_settings.billings.city') }}:</label>
rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing City"
<input @input="$updateText('/admin/settings', 'billing_state', billingInformation.billing_state)" v-model="billingInformation.billing_state" :placeholder="$t('admin_settings.billings.state_plac')" rules="required" v-slot="{ errors }">
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'billing_city', billingInformation.billing_city)" v-model="billingInformation.billing_city" :placeholder="$t('admin_settings.billings.city_plac')"
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
</ValidationProvider> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</div> </ValidationProvider>
</div>
<div class="block-wrapper">
<label>{{ $t('admin_settings.billings.postal_code') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Postal Code"
rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'billing_postal_code', billingInformation.billing_postal_code)" v-model="billingInformation.billing_postal_code"
:placeholder="$t('admin_settings.billings.postal_code_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
</div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.billings.phone_number') }}:</label> <label>{{ $t('admin_settings.billings.state') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Phone Number" <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing State"
v-slot="{ errors }"> rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'billing_phone_number', billingInformation.billing_phone_number)" v-model="billingInformation.billing_phone_number" :placeholder="$t('admin_settings.billings.phone_number_plac')" <input @input="$updateText('/admin/settings', 'billing_state', billingInformation.billing_state)" v-model="billingInformation.billing_state" :placeholder="$t('admin_settings.billings.state_plac')"
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper">
<label>{{ $t('admin_settings.billings.phone_number') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Billing Phone Number"
v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'billing_phone_number', billingInformation.billing_phone_number)" v-model="billingInformation.billing_phone_number" :placeholder="$t('admin_settings.billings.phone_number_plac')"
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
</div>
</div> </div>
</PageTabGroup> </PageTabGroup>
</PageTab> </PageTab>

105
resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
View File

@@ -1,67 +1,70 @@
<template> <template>
<PageTab :is-loading="isLoading" class="form-fixed-width"> <PageTab :is-loading="isLoading">
<!--Personal Information--> <!--Personal Information-->
<PageTabGroup> <PageTabGroup>
<ValidationObserver @submit.prevent="EmailSetupSubmit" ref="EmailSetup" v-slot="{ invalid }" tag="form" class="form block-form"> <ValidationObserver @submit.prevent="EmailSetupSubmit" ref="EmailSetup" v-slot="{ invalid }" tag="form" class="form block-form">
<FormLabel>{{ $t('admin_settings.email.section_email') }}</FormLabel>
<InfoBox> <div class="card shadow-card">
<p v-html="$t('admin_settings.email.email_disclaimer')"></p> <FormLabel>{{ $t('admin_settings.email.section_email') }}</FormLabel>
</InfoBox>
<div class="block-wrapper"> <InfoBox>
<label>{{ $t('admin_settings.email.driver') }}:</label> <p v-html="$t('admin_settings.email.email_disclaimer')"></p>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Driver" rules="required" v-slot="{ errors }"> </InfoBox>
<input v-model="mail.driver" :placeholder="$t('admin_settings.email.driver_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.email.host') }}:</label> <label>{{ $t('admin_settings.email.driver') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Host" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Driver" rules="required" v-slot="{ errors }">
<input v-model="mail.host" :placeholder="$t('admin_settings.email.host_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme" /> <input v-model="mail.driver" :placeholder="$t('admin_settings.email.driver_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.email.port') }}:</label> <label>{{ $t('admin_settings.email.host') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Port" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Host" rules="required" v-slot="{ errors }">
<input v-model="mail.port" :placeholder="$t('admin_settings.email.port_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme" /> <input v-model="mail.host" :placeholder="$t('admin_settings.email.host_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.email.username') }}:</label> <label>{{ $t('admin_settings.email.port') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Username" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Port" rules="required" v-slot="{ errors }">
<input v-model="mail.username" :placeholder="$t('admin_settings.email.username_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme" /> <input v-model="mail.port" :placeholder="$t('admin_settings.email.port_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.email.password') }}:</label> <label>{{ $t('admin_settings.email.username') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Password" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Username" rules="required" v-slot="{ errors }">
<input v-model="mail.password" :placeholder="$t('admin_settings.email.password_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme" /> <input v-model="mail.username" :placeholder="$t('admin_settings.email.username_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.email.encryption') }}:</label> <label>{{ $t('admin_settings.email.password') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Encryption" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Password" rules="required" v-slot="{ errors }">
<SelectInput v-model="mail.encryption" :options="encryptionList" :placeholder="$t('admin_settings.email.encryption_plac')" :isError="errors[0]"/> <input v-model="mail.password" :placeholder="$t('admin_settings.email.password_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit" <div class="block-wrapper">
button-style="theme" class="submit-button"> <label>{{ $t('admin_settings.email.encryption') }}:</label>
{{ $t('admin_settings.email.save_button') }} <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mail Encryption" rules="required" v-slot="{ errors }">
</ButtonBase> <SelectInput v-model="mail.encryption" :options="encryptionList" :placeholder="$t('admin_settings.email.encryption_plac')" :isError="errors[0]"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit"
button-style="theme" class="submit-button">
{{ $t('admin_settings.email.save_button') }}
</ButtonBase>
</div>
</ValidationObserver> </ValidationObserver>
</PageTabGroup> </PageTabGroup>
</PageTab> </PageTab>

90
resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
View File

@@ -1,29 +1,33 @@
<template> <template>
<PageTab :is-loading="isLoading" class="form-fixed-width"> <PageTab :is-loading="isLoading">
<PageTabGroup v-if="app"> <PageTabGroup v-if="app">
<div class="form block-form"> <div class="form block-form">
<FormLabel>Home Page</FormLabel> <div class="card shadow-card">
<FormLabel>
Home Page
</FormLabel>
<div class="block-wrapper"> <div class="block-wrapper">
<div class="input-wrapper"> <div class="input-wrapper">
<div class="inline-wrapper"> <div class="inline-wrapper">
<div class="switch-label"> <div class="switch-label">
<label class="input-label"> <label class="input-label">
Allow Homepage Allow Homepage
</label> </label>
<small class="input-help"> <small class="input-help">
When this is turned on, your visitors can visit your default homepage. When this is turned on, your visitors can visit your default homepage.
</small> </small>
</div> </div>
<SwitchInput @input="$updateText('/admin/settings', 'allow_homepage', app.allow_homepage)" v-model="app.allow_homepage" class="switch" :state="app.allow_homepage"/> <SwitchInput @input="$updateText('/admin/settings', 'allow_homepage', app.allow_homepage)" v-model="app.allow_homepage" class="switch" :state="app.allow_homepage"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!--Header--> <!--Header-->
<div> <div class="card shadow-card">
<FormLabel>Header Title</FormLabel> <FormLabel>Header Title</FormLabel>
<div class="block-wrapper"> <div class="block-wrapper">
@@ -33,7 +37,7 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Title:</label> <label>Title:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'header_title', app.header_title)" v-model="app.header_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'header_title', app.header_title)" v-model="app.header_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -41,15 +45,15 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Description:</label> <label>Description:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }">
<textarea @input="$updateText('/admin/settings', 'header_description', app.header_description)" rows="2" v-model="app.header_description" :class="{'is-error': errors[0]}" class="focus-border-theme"></textarea> <textarea @input="$updateText('/admin/settings', 'header_description', app.header_description)" rows="2" v-model="app.header_description" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
</div> </div>
<!--Features title--> <!--Features title-->
<div> <div class="card shadow-card">
<FormLabel class="mt-70">Features Title</FormLabel> <FormLabel>Features Title</FormLabel>
<div class="block-wrapper"> <div class="block-wrapper">
<div class="input-wrapper"> <div class="input-wrapper">
@@ -73,7 +77,7 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Title:</label> <label>Title:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'features_title', app.features_title)" v-model="app.features_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'features_title', app.features_title)" v-model="app.features_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -81,7 +85,7 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Description:</label> <label>Description:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }">
<textarea @input="$updateText('/admin/settings', 'features_description', app.features_description)" rows="2" v-model="app.features_description" :class="{'is-error': errors[0]}" class="focus-border-theme"></textarea> <textarea @input="$updateText('/admin/settings', 'features_description', app.features_description)" rows="2" v-model="app.features_description" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -89,8 +93,8 @@
</div> </div>
<!--Feature boxes--> <!--Feature boxes-->
<div> <div class="card shadow-card">
<FormLabel class="mt-70">Feature Boxes</FormLabel> <FormLabel>Feature Boxes</FormLabel>
<div class="block-wrapper"> <div class="block-wrapper">
<div class="input-wrapper"> <div class="input-wrapper">
@@ -112,42 +116,42 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>First Box Title:</label> <label>First Box Title:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Title 1" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Title 1" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'feature_title_1', app.feature_title_1)" v-model="app.feature_title_1" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'feature_title_1', app.feature_title_1)" v-model="app.feature_title_1" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>First Box Description:</label> <label>First Box Description:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Description 1" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Description 1" rules="required" v-slot="{ errors }">
<textarea @input="$updateText('/admin/settings', 'feature_description_1', app.feature_description_1)" rows="2" v-model="app.feature_description_1" :class="{'is-error': errors[0]}" class="focus-border-theme"></textarea> <textarea @input="$updateText('/admin/settings', 'feature_description_1', app.feature_description_1)" rows="2" v-model="app.feature_description_1" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>Second Box Title:</label> <label>Second Box Title:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Title 2" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Title 2" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'feature_title_2', app.feature_title_2)" v-model="app.feature_title_2" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'feature_title_2', app.feature_title_2)" v-model="app.feature_title_2" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>Second Box Description:</label> <label>Second Box Description:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Description 2" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Description 2" rules="required" v-slot="{ errors }">
<textarea @input="$updateText('/admin/settings', 'feature_description_2', app.feature_description_2)" rows="2" v-model="app.feature_description_2" :class="{'is-error': errors[0]}" class="focus-border-theme"></textarea> <textarea @input="$updateText('/admin/settings', 'feature_description_2', app.feature_description_2)" rows="2" v-model="app.feature_description_2" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>Third Box Title:</label> <label>Third Box Title:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Title 3" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Title 3" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'feature_title_3', app.feature_title_3)" v-model="app.feature_title_3" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'feature_title_3', app.feature_title_3)" v-model="app.feature_title_3" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>Third Box Description:</label> <label>Third Box Description:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Description 3" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Feature Description 3" rules="required" v-slot="{ errors }">
<textarea @input="$updateText('/admin/settings', 'feature_description_3', app.feature_description_3)" rows="2" v-model="app.feature_description_3" :class="{'is-error': errors[0]}" class="focus-border-theme"></textarea> <textarea @input="$updateText('/admin/settings', 'feature_description_3', app.feature_description_3)" rows="2" v-model="app.feature_description_3" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -155,8 +159,8 @@
</div> </div>
<!--Pricing Content--> <!--Pricing Content-->
<div v-if="config.isSaaS"> <div v-if="config.isSaaS" class="card shadow-card">
<FormLabel class="mt-70">Pricing Content</FormLabel> <FormLabel>Pricing Content</FormLabel>
<div class="block-wrapper"> <div class="block-wrapper">
<div class="input-wrapper"> <div class="input-wrapper">
@@ -178,7 +182,7 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Title:</label> <label>Title:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'pricing_title', app.pricing_title)" v-model="app.pricing_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'pricing_title', app.pricing_title)" v-model="app.pricing_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -186,7 +190,7 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Description:</label> <label>Description:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }">
<textarea @input="$updateText('/admin/settings', 'pricing_description', app.pricing_description)" rows="2" v-model="app.pricing_description" :class="{'is-error': errors[0]}" class="focus-border-theme"></textarea> <textarea @input="$updateText('/admin/settings', 'pricing_description', app.pricing_description)" rows="2" v-model="app.pricing_description" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -194,8 +198,8 @@
</div> </div>
<!--Get Started--> <!--Get Started-->
<div> <div class="card shadow-card">
<FormLabel class="mt-70">Get Started Content</FormLabel> <FormLabel>Get Started Content</FormLabel>
<div class="block-wrapper"> <div class="block-wrapper">
<div class="input-wrapper"> <div class="input-wrapper">
@@ -218,7 +222,7 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Title:</label> <label>Title:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'get_started_title', app.get_started_title)" v-model="app.get_started_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'get_started_title', app.get_started_title)" v-model="app.get_started_title" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -226,7 +230,7 @@
<div class="block-wrapper"> <div class="block-wrapper">
<label>Description:</label> <label>Description:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Description" rules="required" v-slot="{ errors }">
<textarea @input="$updateText('/admin/settings', 'get_started_description', app.get_started_description)" rows="2" v-model="app.get_started_description" :class="{'is-error': errors[0]}" class="focus-border-theme"></textarea> <textarea @input="$updateText('/admin/settings', 'get_started_description', app.get_started_description)" rows="2" v-model="app.get_started_description" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
@@ -234,13 +238,13 @@
</div> </div>
<!--Footer--> <!--Footer-->
<div> <div class="card shadow-card">
<FormLabel class="mt-70">Footer</FormLabel> <FormLabel>Footer</FormLabel>
<div class="block-wrapper"> <div class="block-wrapper">
<label>Footer content:</label> <label>Footer content:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="App Title" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'footer_content', app.footer_content)" v-model="app.footer_content" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input @input="$updateText('/admin/settings', 'footer_content', app.footer_content)" v-model="app.footer_content" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>

399
resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
View File

@@ -1,131 +1,134 @@
<template> <template>
<PageTab :is-loading="isLoading" class="form-fixed-width"> <PageTab :is-loading="isLoading">
<!--Personal Information--> <!--Personal Information-->
<PageTabGroup v-if="app"> <PageTabGroup v-if="app">
<div class="form block-form"> <div class="form block-form">
<FormLabel>
{{ $t('admin_settings.others.section_user') }}
</FormLabel>
<div class="block-wrapper">
<div class="input-wrapper">
<div class="inline-wrapper">
<div class="switch-label">
<label class="input-label">
{{ $t('admin_settings.others.storage_limit') }}:
</label>
<small class="input-help" v-html="$t('admin_settings.others.storage_limit_help')"></small>
</div>
<SwitchInput
@input="$updateText('/admin/settings', 'storage_limitation', app.storageLimitation)"
v-model="app.storageLimitation"
class="switch"
:state="app.storageLimitation"
/>
</div>
</div>
</div>
<div class="block-wrapper" v-if="app.storageLimitation">
<label>{{ $t('admin_settings.others.default_storage') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Default Storage Space" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'default_storage_amount', app.defaultStorage)"
v-model="app.defaultStorage"
min="1"
max="999999999"
:placeholder="$t('admin_settings.others.default_storage_plac')"
type="number"
:class="{'is-error': errors[0]}"
class="focus-border-theme"
/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper">
<div class="input-wrapper">
<div class="inline-wrapper">
<div class="switch-label">
<label class="input-label">
{{ $t('admin_settings.others.allow_registration') }}:
</label>
<small class="input-help" v-html="$t('admin_settings.others.allow_registration_help')"></small>
</div>
<SwitchInput @input="$updateText('/admin/settings', 'registration', app.userRegistration)"
v-model="app.userRegistration"
class="switch"
:state="app.userRegistration"
/>
</div>
</div>
</div>
<div class="block-wrapper"> <div class="card shadow-card">
<div class="input-wrapper"> <FormLabel>
<div class="inline-wrapper"> {{ $t('admin_settings.others.section_user') }}
<div class="switch-label"> </FormLabel>
<label class="input-label"> <div class="block-wrapper">
{{ $t('admin_settings.others.allow_user_verification') }}: <div class="input-wrapper">
</label> <div class="inline-wrapper">
<small class="input-help" v-html="$t('admin_settings.others.allow_user_verification_help')"></small> <div class="switch-label">
</div> <label class="input-label">
<SwitchInput @input="$updateText('/admin/settings', 'user_verification', app.userVerification)" {{ $t('admin_settings.others.storage_limit') }}:
v-model="app.userVerification" </label>
class="switch" <small class="input-help" v-html="$t('admin_settings.others.storage_limit_help')"></small>
:state="app.userVerification" </div>
/> <SwitchInput
</div> @input="$updateText('/admin/settings', 'storage_limitation', app.storageLimitation)"
</div> v-model="app.storageLimitation"
</div> class="switch"
:state="app.storageLimitation"
/>
</div>
</div>
</div>
<div class="block-wrapper" v-if="app.storageLimitation">
<label>{{ $t('admin_settings.others.default_storage') }}:</label>
<ValidationProvider tag="div" mode="passive" name="Default Storage Space" rules="required" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'default_storage_amount', app.defaultStorage)"
v-model="app.defaultStorage"
min="1"
max="999999999"
:placeholder="$t('admin_settings.others.default_storage_plac')"
type="number"
:class="{'is-error': errors[0]}"
class="focus-border-theme input-dark"
/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper">
<div class="input-wrapper">
<div class="inline-wrapper">
<div class="switch-label">
<label class="input-label">
{{ $t('admin_settings.others.allow_registration') }}:
</label>
<small class="input-help" v-html="$t('admin_settings.others.allow_registration_help')"></small>
</div>
<SwitchInput @input="$updateText('/admin/settings', 'registration', app.userRegistration)"
v-model="app.userRegistration"
class="switch"
:state="app.userRegistration"
/>
</div>
</div>
</div>
<div class="block-wrapper">
<div class="input-wrapper">
<div class="inline-wrapper">
<div class="switch-label">
<label class="input-label">
{{ $t('admin_settings.others.allow_user_verification') }}:
</label>
<small class="input-help" v-html="$t('admin_settings.others.allow_user_verification_help')"></small>
</div>
<SwitchInput @input="$updateText('/admin/settings', 'user_verification', app.userVerification)"
v-model="app.userVerification"
class="switch"
:state="app.userVerification"
/>
</div>
</div>
</div>
</div>
<FormLabel class="mt-70"> <div class="card shadow-card">
{{ $t('admin_settings.others.section_others') }} <FormLabel>
</FormLabel> {{ $t('admin_settings.others.section_others') }}
<div class="block-wrapper"> </FormLabel>
<label>{{ $t('admin_settings.others.contact_email') }}:</label> <div class="block-wrapper">
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Contact Email" <label>{{ $t('admin_settings.others.contact_email') }}:</label>
rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" name="Contact Email"
<input @input="$updateText('/admin/settings', 'contact_email', app.contactMail)" v-model="app.contactMail" rules="required" v-slot="{ errors }">
:placeholder="$t('admin_settings.others.contact_email_plac')" type="email" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input class="focus-border-theme input-dark" @input="$updateText('/admin/settings', 'contact_email', app.contactMail)" v-model="app.contactMail" :placeholder="$t('admin_settings.others.contact_email_plac')" type="email" :class="{'is-error': errors[0]}" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.others.google_analytics') }}:</label> <label>{{ $t('admin_settings.others.google_analytics') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Google Analytics Code" <ValidationProvider tag="div" mode="passive" name="Google Analytics Code"
v-slot="{ errors }"> v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'google_analytics', app.googleAnalytics, true)" v-model="app.googleAnalytics" <input @input="$updateText('/admin/settings', 'google_analytics', app.googleAnalytics, true)" v-model="app.googleAnalytics"
:placeholder="$t('admin_settings.others.google_analytics_plac')" :placeholder="$t('admin_settings.others.google_analytics_plac')"
type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper">
<label>{{ $t('admin_settings.others.mimetypes_blacklist') }}:</label>
<ValidationProvider tag="div" mode="passive" name="Mimetypes Blacklist" v-slot="{ errors }">
<textarea rows="2" @input="$updateText('/admin/settings', 'mimetypes_blacklist', app.mimetypesBlacklist, true)" v-model="app.mimetypesBlacklist" :placeholder="$t('admin_settings.others.mimetypes_blacklist_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
<small class="input-help" v-html="$t('admin_settings.others.mimetypes_blacklist_help')"></small>
</div>
<div class="block-wrapper">
<label>{{ $t('admin_settings.others.upload_limit') }}:</label>
<ValidationProvider tag="div" mode="passive" name="Upload Limit" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'upload_limit', app.uploadLimit, true)" v-model="app.uploadLimit" :placeholder="$t('admin_settings.others.upload_limit_plac')" type="number" min="0" step="1" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
<small class="input-help" v-html="$t('admin_settings.others.upload_limit_help')"></small>
</div>
</div>
<div class="block-wrapper"> <div class="card shadow-card">
<label>{{ $t('admin_settings.others.mimetypes_blacklist') }}:</label> <FormLabel>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Mimetypes Blacklist" v-slot="{ errors }"> {{ $t('admin_settings.others.section_cache') }}
<textarea rows="2" @input="$updateText('/admin/settings', 'mimetypes_blacklist', app.mimetypesBlacklist, true)" v-model="app.mimetypesBlacklist" :placeholder="$t('admin_settings.others.mimetypes_blacklist_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> </FormLabel>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <InfoBox>
</ValidationProvider> {{ $t('admin_settings.others.cache_disclaimer') }}
<small class="input-help" v-html="$t('admin_settings.others.mimetypes_blacklist_help')"></small> </InfoBox>
</div> <ButtonBase @click.native="flushCache" :loading="isFlushingCache" :disabled="isFlushingCache" type="submit" button-style="theme" class="submit-button">
{{ $t('admin_settings.others.cache_clear') }}
<div class="block-wrapper"> </ButtonBase>
<label>{{ $t('admin_settings.others.upload_limit') }}:</label> </div>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Upload Limit" v-slot="{ errors }">
<input @input="$updateText('/admin/settings', 'upload_limit', app.uploadLimit, true)" v-model="app.uploadLimit" :placeholder="$t('admin_settings.others.upload_limit_plac')" type="number" min="0" step="1" :class="{'is-error': errors[0]}" class="focus-border-theme"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
<small class="input-help" v-html="$t('admin_settings.others.upload_limit_help')"></small>
</div>
<FormLabel class="mt-70">
{{ $t('admin_settings.others.section_cache') }}
</FormLabel>
<InfoBox>
{{ $t('admin_settings.others.cache_disclaimer') }}
</InfoBox>
<ButtonBase @click.native="flushCache" :loading="isFlushingCache" :disabled="isFlushingCache" type="submit" button-style="theme" class="submit-button">
{{ $t('admin_settings.others.cache_clear') }}
</ButtonBase>
</div> </div>
</PageTabGroup> </PageTabGroup>
</PageTab> </PageTab>
@@ -133,91 +136,91 @@
<script> <script>
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full' import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import StorageItemDetail from '/resources/js/components/Others/StorageItemDetail' import StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup' import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
import SelectInput from '/resources/js/components/Others/Forms/SelectInput' import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput' import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
import ImageInput from '/resources/js/components/Others/Forms/ImageInput' import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
import FormLabel from '/resources/js/components/Others/Forms/FormLabel' import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase' import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import SetupBox from '/resources/js/components/Others/Forms/SetupBox' import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
import PageTab from '/resources/js/components/Others/Layout/PageTab' import PageTab from '/resources/js/components/Others/Layout/PageTab'
import InfoBox from '/resources/js/components/Others/Forms/InfoBox' import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
import {required} from 'vee-validate/dist/rules' import {required} from 'vee-validate/dist/rules'
import {events} from '/resources/js/bus' import {events} from '/resources/js/bus'
import axios from 'axios' import axios from 'axios'
export default { export default {
name: 'AppOthers', name: 'AppOthers',
components: { components: {
ValidationObserver, ValidationObserver,
ValidationProvider, ValidationProvider,
StorageItemDetail, StorageItemDetail,
PageTabGroup, PageTabGroup,
SwitchInput, SwitchInput,
SelectInput, SelectInput,
ImageInput, ImageInput,
ButtonBase, ButtonBase,
FormLabel, FormLabel,
SetupBox, SetupBox,
required, required,
PageTab, PageTab,
InfoBox, InfoBox,
}, },
data() { data() {
return { return {
isLoading: true, isLoading: true,
isFlushingCache: false, isFlushingCache: false,
app: undefined, app: undefined,
} }
}, },
methods: { methods: {
flushCache() { flushCache() {
this.isFlushingCache = true this.isFlushingCache = true
axios.get('/api/admin/settings/flush-cache') axios.get('/api/admin/settings/flush-cache')
.then(() => { .then(() => {
events.$emit('toaster', { events.$emit('toaster', {
type: 'success', type: 'success',
message: 'Your cache was successfully deleted.', message: 'Your cache was successfully deleted.',
}) })
}) })
.finally(() => { .finally(() => {
this.isFlushingCache = false this.isFlushingCache = false
}) })
} }
}, },
mounted() { mounted() {
axios.get('/api/admin/settings', { axios.get('/api/admin/settings', {
params: { params: {
column: 'contact_email|google_analytics|default_storage_amount|registration|storage_limitation|mimetypes_blacklist|upload_limit|user_verification' column: 'contact_email|google_analytics|default_storage_amount|registration|storage_limitation|mimetypes_blacklist|upload_limit|user_verification'
} }
}) })
.then(response => { .then(response => {
this.isLoading = false this.isLoading = false
this.app = { this.app = {
contactMail: response.data.contact_email, contactMail: response.data.contact_email,
googleAnalytics: response.data.google_analytics, googleAnalytics: response.data.google_analytics,
defaultStorage: response.data.default_storage_amount, defaultStorage: response.data.default_storage_amount,
userRegistration: parseInt(response.data.registration), userRegistration: parseInt(response.data.registration),
storageLimitation: parseInt(response.data.storage_limitation), storageLimitation: parseInt(response.data.storage_limitation),
mimetypesBlacklist : response.data.mimetypes_blacklist, mimetypesBlacklist: response.data.mimetypes_blacklist,
uploadLimit: response.data.upload_limit, uploadLimit: response.data.upload_limit,
userVerification: parseInt(response.data.user_verification) userVerification: parseInt(response.data.user_verification)
} }
}) })
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables'; @import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins'; @import '/resources/sass/vuefilemanager/_mixins';
@import '/resources/sass/vuefilemanager/_forms'; @import '/resources/sass/vuefilemanager/_forms';
.block-form { .block-form {
max-width: 100%; max-width: 100%;
} }
</style> </style>

150
resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue
View File

@@ -1,30 +1,34 @@
<template> <template>
<PageTab :is-loading="isLoading" class="form-fixed-width"> <PageTab :is-loading="isLoading">
<!--Stripe Information--> <!--Stripe Information-->
<PageTabGroup v-if="config.stripe_public_key && payments"> <PageTabGroup v-if="config.stripe_public_key && payments">
<div class="form block-form"> <div class="form block-form">
<FormLabel>{{ $t('admin_settings.payments.section_payments') }}</FormLabel> <div class="card shadow-card">
<InfoBox> <FormLabel>
<p v-html="$t('admin_settings.payments.credentials_disclaimer')"></p> {{ $t('admin_settings.payments.section_payments') }}
</InfoBox> </FormLabel>
<div class="block-wrapper"> <InfoBox>
<div class="input-wrapper"> <p v-html="$t('admin_settings.payments.credentials_disclaimer')"></p>
<div class="inline-wrapper"> </InfoBox>
<div class="switch-label"> <div class="block-wrapper">
<label class="input-label">{{ $t('admin_settings.payments.allow_payments') }}:</label> <div class="input-wrapper">
</div> <div class="inline-wrapper">
<SwitchInput @input="$updateText('/admin/settings', 'payments_active', payments.status)" v-model="payments.status" class="switch" :state="payments.status"/> <div class="switch-label">
</div> <label class="input-label">{{ $t('admin_settings.payments.allow_payments') }}:</label>
</div> </div>
</div> <SwitchInput @input="$updateText('/admin/settings', 'payments_active', payments.status)" v-model="payments.status" class="switch" :state="payments.status"/>
<div class="block-wrapper"> </div>
<label>{{ $t('admin_settings.payments.webhook_url') }}:</label> </div>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Webhook URL" rules="required" v-slot="{ errors }"> </div>
<input :value="stripeWebhookEndpoint" type="text" disabled/> <div class="block-wrapper">
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <label>{{ $t('admin_settings.payments.webhook_url') }}:</label>
</ValidationProvider> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Webhook URL" rules="required" v-slot="{ errors }">
</div> <input :value="stripeWebhookEndpoint" type="text" class="focus-border-theme input-dark" disabled/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
</div>
</div> </div>
</PageTabGroup> </PageTabGroup>
@@ -32,63 +36,67 @@
<PageTabGroup v-if="! config.stripe_public_key"> <PageTabGroup v-if="! config.stripe_public_key">
<ValidationObserver @submit.prevent="stripeCredentialsSubmit" ref="stripeCredentials" v-slot="{ invalid }" tag="form" class="form block-form"> <ValidationObserver @submit.prevent="stripeCredentialsSubmit" ref="stripeCredentials" v-slot="{ invalid }" tag="form" class="form block-form">
<FormLabel>{{ $t('admin_settings.payments.stripe_setup') }}</FormLabel> <div class="card shadow-card">
<FormLabel>
{{ $t('admin_settings.payments.stripe_setup') }}
</FormLabel>
<InfoBox> <InfoBox>
<p v-html="$t('admin_settings.payments.stripe_create_acc')"></p> <p v-html="$t('admin_settings.payments.stripe_create_acc')"></p>
</InfoBox> </InfoBox>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.payments.stripe_currency') }}:</label> <label>{{ $t('admin_settings.payments.stripe_currency') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Currency" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Currency" rules="required" v-slot="{ errors }">
<SelectInput v-model="stripeCredentials.currency" :options="currencyList" :placeholder="$t('admin_settings.payments.stripe_currency_plac')" :isError="errors[0]"/> <SelectInput v-model="stripeCredentials.currency" :options="currencyList" :placeholder="$t('admin_settings.payments.stripe_currency_plac')" :isError="errors[0]"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.payments.stripe_pub_key') }}:</label> <label>{{ $t('admin_settings.payments.stripe_pub_key') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Publishable Key" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Publishable Key" rules="required" v-slot="{ errors }">
<input v-model="stripeCredentials.key" :placeholder="$t('admin_settings.payments.stripe_pub_key_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input v-model="stripeCredentials.key" :placeholder="$t('admin_settings.payments.stripe_pub_key_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>{{ $t('admin_settings.payments.stripe_sec_key') }}:</label> <label>{{ $t('admin_settings.payments.stripe_sec_key') }}:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Secret Key" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Secret Key" rules="required" v-slot="{ errors }">
<input v-model="stripeCredentials.secret" :placeholder="$t('admin_settings.payments.stripe_sec_key_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input v-model="stripeCredentials.secret" :placeholder="$t('admin_settings.payments.stripe_sec_key_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>Webhook URL:</label> <label>Webhook URL:</label>
<InfoBox> <InfoBox>
<p v-html="$t('admin_settings.payments.stripe_create_webhook')"></p> <p v-html="$t('admin_settings.payments.stripe_create_webhook')"></p>
</InfoBox> </InfoBox>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Webhook URL" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Webhook URL" rules="required" v-slot="{ errors }">
<input :value="stripeWebhookEndpoint" type="text" disabled/> <input :value="stripeWebhookEndpoint" type="text" class="focus-border-theme input-dark" disabled/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<div class="block-wrapper"> <div class="block-wrapper">
<label>Webhook Secret:</label> <label>Webhook Secret:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Webhook Secret" rules="required" v-slot="{ errors }"> <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Webhook Secret" rules="required" v-slot="{ errors }">
<input v-model="stripeCredentials.webhookSecret" :placeholder="$t('admin_settings.payments.stripe_webhook_key_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/> <input v-model="stripeCredentials.webhookSecret" :placeholder="$t('admin_settings.payments.stripe_webhook_key_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span> <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider> </ValidationProvider>
</div> </div>
<InfoBox v-if="isError" type="error" > <InfoBox v-if="isError" type="error" >
<p>{{ errorMessage }}</p> <p>{{ errorMessage }}</p>
</InfoBox> </InfoBox>
<ButtonBase :loading="isLoading" :disabled="isLoading" type="submit" <ButtonBase :loading="isLoading" :disabled="isLoading" type="submit"
button-style="theme" class="submit-button"> button-style="theme" class="submit-button">
{{ submitButtonText }} {{ submitButtonText }}
</ButtonBase> </ButtonBase>
</div>
</ValidationObserver> </ValidationObserver>
</PageTabGroup> </PageTabGroup>

20
resources/sass/vuefilemanager/_forms.scss vendored
View File

@@ -121,16 +121,16 @@ input[type="password"],
input[type="text"], input[type="text"],
input[type="number"], input[type="number"],
input[type="email"] { input[type="email"] {
border: 1px solid transparent; //border: 1px solid transparent;
@include transition(150ms); //@include transition(150ms);
@include font-size(16); //@include font-size(16);
border-radius: 8px; //border-radius: 8px;
padding: 13px 20px; //padding: 13px 20px;
appearance: none; //appearance: none;
font-weight: 700; //font-weight: 700;
outline: 0; //outline: 0;
width: 100%; //width: 100%;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); //box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
//background: hsla(210, 10%, 98%, 1); //background: hsla(210, 10%, 98%, 1);
&.is-error { &.is-error {

3
tailwind.config.js vendored
View File

@@ -29,6 +29,9 @@ module.exports = {
'2x-dark-foreground': '#282A2F', '2x-dark-foreground': '#282A2F',
'light-background': '#f4f5f6', 'light-background': '#f4f5f6',
}), }),
boxShadow: {
card: '0 2px 6px 0 rgba(0, 0, 0, 0.05)',
}
}, },
}, },
variants: { variants: {

4
webpack.mix.js vendored
View File

@@ -35,12 +35,12 @@ mix.js('resources/js/main.js', 'public/js')
clientLogLevel: 'none' clientLogLevel: 'none'
} }
}) })
.options({ /*.options({
hmrOptions: { hmrOptions: {
host: '192.168.1.112', host: '192.168.1.112',
port: '8080' port: '8080'
}, },
}) })*/
.disableNotifications(); .disableNotifications();
if (mix.inProduction()) { if (mix.inProduction()) {