confirmation popup refactoring

This commit is contained in:
Čarodej
2022-01-22 13:43:24 +01:00
parent fc74682e62
commit f5e45126db
3 changed files with 68 additions and 62 deletions
+56 -2
View File
@@ -13,7 +13,7 @@
"/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=fbcd637cfcb8e85a32a5",
"/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=354c892546e5c369a749",
"/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=7fa6b818b9e646d8766d",
"/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=d0f80fceb2f27a39b283",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=f21db1585684bdd117bf",
"/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=e40dcf843c95a51cd397",
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=1d5319a48a28f62bb131",
@@ -541,5 +541,59 @@
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.efdd46603e7ce716eef3.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.efdd46603e7ce716eef3.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.44cd047c3db49815cd7f.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.44cd047c3db49815cd7f.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.9d1fa375add6a0df1b86.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.9d1fa375add6a0df1b86.hot-update.js",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.92fbfd56065b8b6e73e7.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.92fbfd56065b8b6e73e7.hot-update.js"
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.92fbfd56065b8b6e73e7.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.92fbfd56065b8b6e73e7.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.3760c6ef1af2a8076d2e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.3760c6ef1af2a8076d2e.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.e1e57c2cacc12e03482e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.e1e57c2cacc12e03482e.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.6e2eccea6c77b001ebce.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.6e2eccea6c77b001ebce.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.34ee12384a0ba1c93328.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.34ee12384a0ba1c93328.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.e2c93441ff264bef8c02.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.e2c93441ff264bef8c02.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.24959c2b3acd7e5c14b0.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.24959c2b3acd7e5c14b0.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.d868790d8dc8d3fbb8c6.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.d868790d8dc8d3fbb8c6.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.e9938b9e9730079bad37.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.e9938b9e9730079bad37.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.3e67b92af056c4bec450.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.3e67b92af056c4bec450.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.6342828a2bc9ccf10fe3.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.6342828a2bc9ccf10fe3.hot-update.js",
"/js/main.071371d5c1c1515a6d01.hot-update.js": "/js/main.071371d5c1c1515a6d01.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.bd1c3119a43d92ce8fa4.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.bd1c3119a43d92ce8fa4.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.c8832ac1839f5570742e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.c8832ac1839f5570742e.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.17726d7a2d6706ab8456.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.17726d7a2d6706ab8456.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.f2c15a5149d4b03e1bea.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.f2c15a5149d4b03e1bea.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.58a1e7755a1112c1d867.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.58a1e7755a1112c1d867.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.30605e7d8da68b849629.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.30605e7d8da68b849629.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.54bf3a5a1d941dc1e1b5.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.54bf3a5a1d941dc1e1b5.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.673b83a2444fdb120402.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.673b83a2444fdb120402.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.9734324ff7a5e271a0a2.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.9734324ff7a5e271a0a2.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.472f1e92ab87131470ed.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.472f1e92ab87131470ed.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.ac93c9b23d20bb36fe65.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.ac93c9b23d20bb36fe65.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.f073f247670b10c3f5ad.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.f073f247670b10c3f5ad.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.9a1217ea3915521a39b0.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.9a1217ea3915521a39b0.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.4d238e9ea9d74c38216a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.4d238e9ea9d74c38216a.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.7aaec5e5136dc2c1d611.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.7aaec5e5136dc2c1d611.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.bc756f9ef11cf1f50db1.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.bc756f9ef11cf1f50db1.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.82820189414db6f15674.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.82820189414db6f15674.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.ce52f6a24ca8d668921f.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.ce52f6a24ca8d668921f.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.1271d18863cdb4e9a737.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.1271d18863cdb4e9a737.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.7db75f4e79f9654bd6b7.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.7db75f4e79f9654bd6b7.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.4eb283881491865b7652.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.4eb283881491865b7652.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.23986cb397c3fff82a19.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.23986cb397c3fff82a19.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.ed4ccc21d29e8758c22e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.ed4ccc21d29e8758c22e.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.5470940675de1ecc7166.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.5470940675de1ecc7166.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.f7955d21404489fa6720.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.f7955d21404489fa6720.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.a873442c45bf48ce0add.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.a873442c45bf48ce0add.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.d6cc209eb5361e3d32db.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.d6cc209eb5361e3d32db.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.fe1781a6a6ac4d3801d4.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.fe1781a6a6ac4d3801d4.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.7e1bbf1ade370d25a6a8.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.7e1bbf1ade370d25a6a8.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.78d643aa0f61d6d70e35.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.78d643aa0f61d6d70e35.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.70878bde59d7bafef022.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.70878bde59d7bafef022.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.0e59dd81e9abc30945bc.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.0e59dd81e9abc30945bc.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.da91061db21e2487b5f5.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.da91061db21e2487b5f5.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.402710022734326fa9ca.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.402710022734326fa9ca.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.ac00133a4263f58dfd24.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.ac00133a4263f58dfd24.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.6ccbf8da40692732b89d.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.6ccbf8da40692732b89d.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.a4cf2cdcbcbb2d7f39aa.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.a4cf2cdcbcbb2d7f39aa.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.0152e45d60cd8d6edb52.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.0152e45d60cd8d6edb52.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.a7051fb7ccd0445d896a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.a7051fb7ccd0445d896a.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.6436a313ee65b3d2eb98.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.6436a313ee65b3d2eb98.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.b79bd1a56181d1876334.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.b79bd1a56181d1876334.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.a96eaf3141b28d775617.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.a96eaf3141b28d775617.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings.4e5883645eced12bb736.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.4e5883645eced12bb736.hot-update.js"
}
@@ -1,13 +1,17 @@
<template>
<PopupWrapper>
<div class="popup-image">
<span class="emoji">{{ emoji }}</span>
</div>
<div class="text-center h-full flex items-center justify-center px-8 transform md:translate-y-0 -translate-y-7">
<div>
<img src="https://twemoji.maxcdn.com/v/13.1.0/svg/1f914.svg" alt="" class="w-20 mx-auto md:mt-6 mb-4">
<PopupContent class="content">
<h1 v-if="title" class="text-2xl font-bold max-w-sm mx-auto">{{ title }}</h1>
<p v-if="message" class="message">{{ message }}</p>
</PopupContent>
<h1 v-if="title" class="text-2xl font-bold mb-2">
{{ title }}
</h1>
<p v-if="message" class="text-sm mb-4">
{{ message }}
</p>
</div>
</div>
<PopupActions>
<ButtonBase
@@ -29,7 +33,6 @@
<script>
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {events} from '/resources/js/bus'
@@ -38,7 +41,6 @@
components: {
PopupWrapper,
PopupActions,
PopupContent,
ButtonBase,
},
data() {
@@ -46,7 +48,6 @@
confirmationData: [],
message: undefined,
title: undefined,
emoji: undefined,
buttonColor: undefined,
}
},
@@ -70,7 +71,6 @@
events.$on('confirm:open', args => {
this.title = args.title
this.message = args.message
this.emoji = '🤔'
this.confirmationData = args.action
this.buttonColor = 'danger'
@@ -81,51 +81,3 @@
}
}
</script>
<style scoped lang="scss">
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.popup-image {
padding-top: 20px;
text-align: center;
margin-bottom: 20px;
.emoji {
@include font-size(56);
line-height: 1;
}
}
.content {
text-align: center;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
.message {
@include font-size(16);
color: #333;
margin-top: 5px;
}
}
@media only screen and (max-width: 690px){
.content {
top: 110px;
}
}
.dark {
.content {
.title {
color: $dark_mode_text_primary;
}
.message {
color: $dark_mode_text_secondary;
}
}
}
</style>
+1 -1
View File
@@ -66,7 +66,7 @@ const itemHelpers = {
Vue.prototype.$detachMeFromTeamFolder = function (folder) {
events.$emit('confirm:open', {
title: i18n.t('Are you sure you want to leave this team?'),
title: i18n.t('Are you sure you want to leave this team folder?'),
message: i18n.t("You will don't have access to the files and all your previously uploaded content will be part of this Team Folder you are leaving."),
action: {
id: folder.data.id,