mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-05-13 16:55:01 +00:00
added spinner into dashboard AlertBox.vue
This commit is contained in:
Čarodej
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
+32
-32
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"/js/main.js": "/js/main.js",
|
||||
"/chunks/request.js": "/chunks/request.js?id=51c81df9b1888833",
|
||||
"/chunks/request.js": "/chunks/request.js?id=49adb43d6d48e83d",
|
||||
"/chunks/request-upload.js": "/chunks/request-upload.js?id=a25c3108e3ded638",
|
||||
"/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=3c2fc454c3fce8d2",
|
||||
"/chunks/status-check.js": "/chunks/status-check.js?id=ea0f79fc9a604cff",
|
||||
@@ -9,45 +9,45 @@
|
||||
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=d045f6827f61ac9b",
|
||||
"/chunks/app-setup.js": "/chunks/app-setup.js?id=c37d19ccd20b6656",
|
||||
"/chunks/admin-account.js": "/chunks/admin-account.js?id=666e7ee49b02b57c",
|
||||
"/chunks/shared.js": "/chunks/shared.js?id=8c3296131e1ac8fe",
|
||||
"/chunks/shared.js": "/chunks/shared.js?id=790caea63c791253",
|
||||
"/chunks/shared/browser.js": "/chunks/shared/browser.js?id=0a6157c3fa2796e9",
|
||||
"/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=6e76ea156cbe35cb",
|
||||
"/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=86175dc679f57f41",
|
||||
"/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=ca8cc89fe5982782",
|
||||
"/chunks/not-found.js": "/chunks/not-found.js?id=4cb8d3a7a2212c3c",
|
||||
"/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=c71981d946a9ca71",
|
||||
"/chunks/admin.js": "/chunks/admin.js?id=8c1324592c7421e1",
|
||||
"/chunks/dashboard.js": "/chunks/dashboard.js?id=16eae28a94bc59e4",
|
||||
"/chunks/admin.js": "/chunks/admin.js?id=dfde62d1f3cd178f",
|
||||
"/chunks/dashboard.js": "/chunks/dashboard.js?id=c9fa77053bf090fc",
|
||||
"/chunks/invoices.js": "/chunks/invoices.js?id=70fb9a603be2f554",
|
||||
"/chunks/subscriptions.js": "/chunks/subscriptions.js?id=94e96e1bb505ae59",
|
||||
"/chunks/pages.js": "/chunks/pages.js?id=d1f5d211e9dfc4ae",
|
||||
"/chunks/page-edit.js": "/chunks/page-edit.js?id=c241f8733acb584f",
|
||||
"/chunks/plans.js": "/chunks/plans.js?id=f6e9d2f34fac6d79",
|
||||
"/chunks/users.js": "/chunks/users.js?id=651b8af7afecc88e",
|
||||
"/chunks/user-create.js": "/chunks/user-create.js?id=3b0c4a348a5b1857",
|
||||
"/chunks/plan-create/fixed.js": "/chunks/plan-create/fixed.js?id=81dcec66b3ab0f9c",
|
||||
"/chunks/plan-create/metered.js": "/chunks/plan-create/metered.js?id=e7d07663f1ec94fb",
|
||||
"/chunks/pages.js": "/chunks/pages.js?id=a78bbcf039e5d9e5",
|
||||
"/chunks/page-edit.js": "/chunks/page-edit.js?id=ba309ccc95221294",
|
||||
"/chunks/plans.js": "/chunks/plans.js?id=3e3ab09ef98fff10",
|
||||
"/chunks/users.js": "/chunks/users.js?id=b5feffcc35d4b023",
|
||||
"/chunks/user-create.js": "/chunks/user-create.js?id=a29fdec565540fa4",
|
||||
"/chunks/plan-create/fixed.js": "/chunks/plan-create/fixed.js?id=c7a54184e450c6b0",
|
||||
"/chunks/plan-create/metered.js": "/chunks/plan-create/metered.js?id=140d3aa05e7a450e",
|
||||
"/chunks/user.js": "/chunks/user.js?id=dae4ac26750f99d0",
|
||||
"/chunks/user-detail.js": "/chunks/user-detail.js?id=207de969e16d9284",
|
||||
"/chunks/user-storage.js": "/chunks/user-storage.js?id=d56b28f604b1d012",
|
||||
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=25a31d9cbbb0507a",
|
||||
"/chunks/user-password.js": "/chunks/user-password.js?id=be5d5cdf90f1e0de",
|
||||
"/chunks/user-delete.js": "/chunks/user-delete.js?id=0783eb95a7226ff8",
|
||||
"/chunks/user-detail.js": "/chunks/user-detail.js?id=c2a3b380d4546d2f",
|
||||
"/chunks/user-storage.js": "/chunks/user-storage.js?id=0293215520c5e771",
|
||||
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=eff779ab6866265e",
|
||||
"/chunks/user-password.js": "/chunks/user-password.js?id=3fb4538cd2283ff5",
|
||||
"/chunks/user-delete.js": "/chunks/user-delete.js?id=5a4fad364a41a35c",
|
||||
"/chunks/plan.js": "/chunks/plan.js?id=d8ffa85dc9b68966",
|
||||
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=3010ddb4ba7419e9",
|
||||
"/chunks/plan-settings.js": "/chunks/plan-settings.js?id=f41fe30f2273279c",
|
||||
"/chunks/plan-delete.js": "/chunks/plan-delete.js?id=bf5e732edaff3608",
|
||||
"/chunks/plan-delete.js": "/chunks/plan-delete.js?id=6432308fb4313d44",
|
||||
"/chunks/payments.js": "/chunks/payments.js?id=051e8246e2b5c9d0",
|
||||
"/chunks/payments/billings.js": "/chunks/payments/billings.js?id=893998fa7380c5a0",
|
||||
"/chunks/payments/settings.js": "/chunks/payments/settings.js?id=189bb7b91cd6a32a",
|
||||
"/chunks/payments/billings.js": "/chunks/payments/billings.js?id=9068ff2602b50ab4",
|
||||
"/chunks/payments/settings.js": "/chunks/payments/settings.js?id=7808dbc69369beb1",
|
||||
"/chunks/app-settings.js": "/chunks/app-settings.js?id=692d3291fb9d2cf7",
|
||||
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=e8377974f2444a44",
|
||||
"/chunks/app-index.js": "/chunks/app-index.js?id=9aadc4841d83e821",
|
||||
"/chunks/app-environment.js": "/chunks/app-environment.js?id=637b39d290081e0d",
|
||||
"/chunks/app-others.js": "/chunks/app-others.js?id=a20ba2e9898195fd",
|
||||
"/chunks/app-sign-in-out.js": "/chunks/app-sign-in-out.js?id=04fbf6846bbc6ade",
|
||||
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=aef973f6a55425e8",
|
||||
"/chunks/app-index.js": "/chunks/app-index.js?id=6a442cd46f8ae636",
|
||||
"/chunks/app-environment.js": "/chunks/app-environment.js?id=0199d549eb1ebaf4",
|
||||
"/chunks/app-others.js": "/chunks/app-others.js?id=6fb5b2fdc245159f",
|
||||
"/chunks/app-sign-in-out.js": "/chunks/app-sign-in-out.js?id=91065b9cee23b7b4",
|
||||
"/chunks/app-adsense.js": "/chunks/app-adsense.js?id=18842ed46783ea39",
|
||||
"/chunks/app-server.js": "/chunks/app-server.js?id=6dbdc01c6b0e65b3",
|
||||
"/chunks/app-language.js": "/chunks/app-language.js?id=db16d24415743d42",
|
||||
"/chunks/app-language.js": "/chunks/app-language.js?id=da8fb3ae026fdfce",
|
||||
"/chunks/homepage.js": "/chunks/homepage.js?id=828e3e90bf35b652",
|
||||
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=e110e8923b6ca22f",
|
||||
"/chunks/contact-us.js": "/chunks/contact-us.js?id=5ca104a75598dd39",
|
||||
@@ -57,18 +57,18 @@
|
||||
"/chunks/sign-up.js": "/chunks/sign-up.js?id=c1cadbfd4ac0df7b",
|
||||
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=9c62b8573fbdd567",
|
||||
"/chunks/create-new-password.js": "/chunks/create-new-password.js?id=926b35b6745d99ba",
|
||||
"/chunks/settings.js": "/chunks/settings.js?id=b86a07328d5b680d",
|
||||
"/chunks/settings.js": "/chunks/settings.js?id=3b55c16e72661e04",
|
||||
"/chunks/profile.js": "/chunks/profile.js?id=4f1d8cad4a4cc40c",
|
||||
"/chunks/settings-password.js": "/chunks/settings-password.js?id=149343604362b7df",
|
||||
"/chunks/settings-password.js": "/chunks/settings-password.js?id=d87e19ad7a50ce47",
|
||||
"/chunks/settings-storage.js": "/chunks/settings-storage.js?id=68765cac4e648e90",
|
||||
"/chunks/billing.js": "/chunks/billing.js?id=f7d24607642dafa3",
|
||||
"/chunks/platform.js": "/chunks/platform.js?id=75f30fc1da3ba8a1",
|
||||
"/chunks/billing.js": "/chunks/billing.js?id=e10952f60d374cc2",
|
||||
"/chunks/platform.js": "/chunks/platform.js?id=1cc0041b86071336",
|
||||
"/chunks/files.js": "/chunks/files.js?id=49d1d17084b12561",
|
||||
"/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=7449349409cfab5d",
|
||||
"/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=a86ed645e618e743",
|
||||
"/chunks/trash.js": "/chunks/trash.js?id=c31646851e9e29c4",
|
||||
"/chunks/team-folders.js": "/chunks/team-folders.js?id=3e28c21be493fbea",
|
||||
"/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=e9860e3d9db2be2d",
|
||||
"/chunks/team-folders.js": "/chunks/team-folders.js?id=edcb1033bcb82258",
|
||||
"/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=df1d6b6b37432529",
|
||||
"/chunks/invitation.js": "/chunks/invitation.js?id=64a211c90b505767",
|
||||
"/css/tailwind.css": "/css/tailwind.css",
|
||||
"/css/app.css": "/css/app.css"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<button class="button-base" :class="buttonStyle" type="button">
|
||||
<div v-if="loading" class="icon">
|
||||
<refresh-cw-icon size="16" class="sync-alt" />
|
||||
<refresh-cw-icon size="16" class="animate-spin" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<slot v-if="!loading"></slot>
|
||||
@@ -93,19 +93,6 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.sync-alt {
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.dark {
|
||||
.button-base {
|
||||
&.secondary {
|
||||
|
||||
@@ -6,7 +6,17 @@
|
||||
'dark:bg-rose-700/30 bg-rose-200': color === 'rose',
|
||||
}"
|
||||
>
|
||||
<refresh-cw-icon
|
||||
v-if="isLoading"
|
||||
size="18"
|
||||
class="vue-feather mr-4 shrink-0 animate-spin"
|
||||
:class="{
|
||||
'text-green-700 dark:text-green-500': color === 'green',
|
||||
'text-rose-700 dark:text-rose-500': color === 'rose',
|
||||
}"
|
||||
/>
|
||||
<alert-octagon-icon
|
||||
v-if="!isLoading"
|
||||
size="18"
|
||||
class="vue-feather mr-4 shrink-0"
|
||||
:class="{
|
||||
@@ -26,15 +36,17 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {AlertOctagonIcon} from "vue-feather-icons";
|
||||
import {AlertOctagonIcon, RefreshCwIcon} from "vue-feather-icons";
|
||||
|
||||
export default {
|
||||
name: 'AlertBox',
|
||||
props: [
|
||||
'isLoading',
|
||||
'color',
|
||||
],
|
||||
components: {
|
||||
AlertOctagonIcon,
|
||||
RefreshCwIcon,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -54,12 +54,12 @@
|
||||
</div>
|
||||
|
||||
<!--New language strings alert-->
|
||||
<AlertBox v-if="data.app.shouldUpgrade" @click.native.once="upgradeSystem" color="green">
|
||||
<AlertBox v-if="data.app.shouldUpgrade" @click.native.once="upgradeSystem" color="green" :is-loading="isUpgradingApp">
|
||||
There is a new update that needs to upgrade some stuff on your backend. Please click on this box to upgrade.
|
||||
</AlertBox>
|
||||
|
||||
<!--New language strings alert-->
|
||||
<AlertBox v-if="data.app.shouldUpgradeTranslations" @click.native.once="upgradeTranslations" color="green">
|
||||
<AlertBox v-if="data.app.shouldUpgradeTranslations" @click.native.once="upgradeTranslations" color="green" :is-loading="isUpgradingLanguages">
|
||||
We detect new language strings. You should <b class="dark:text-green-500 text-green-600 text-sm font-bold underline">upgrade your translations</b>. After that, you can find new translations at the bottom page of your translations in language editor. Please click on this box.
|
||||
</AlertBox>
|
||||
|
||||
@@ -218,12 +218,16 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isUpgradingLanguages: false,
|
||||
isUpgradingApp: false,
|
||||
isLoading: false,
|
||||
data: undefined,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upgradeTranslations() {
|
||||
this.isUpgradingLanguages = true
|
||||
|
||||
axios.get('/upgrade/translations')
|
||||
.then(() => {
|
||||
this.data.app.shouldUpgradeTranslations = false
|
||||
@@ -241,6 +245,8 @@ export default {
|
||||
})
|
||||
},
|
||||
upgradeSystem() {
|
||||
this.isUpgradingApp = true
|
||||
|
||||
axios.get('/upgrade/system')
|
||||
.then(() => {
|
||||
this.data.app.shouldUpgrade = false
|
||||
|
||||
Reference in New Issue
Block a user