scss changes in SetFolderIcon, add translation to sk/cn

This commit is contained in:
Milos Holba
2021-02-11 20:14:27 +01:00
parent 7be02edead
commit eebeee6948
10 changed files with 243 additions and 66 deletions

View File

@@ -29,7 +29,7 @@
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=a2eed5073e52410cab54",
"/chunks/files.js": "/chunks/files.js?id=b738eb9054e663cc32b7",
"/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js?id=b646ec02fb9d6a497e74",
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=c67671eceb9026755852",
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=30316e46ee9a782d4552",
"/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=47ade53389e84dd64310",
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=d5e39543eeb619cb5513",
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=be9304e6ba2c61b6cab3",
@@ -74,5 +74,146 @@
"/chunks/user-password.js": "/chunks/user-password.js?id=ac51d17a4aa7ae50bc88",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=5cfec8a8f8a8aef24ef2",
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=c001bef2d6d5171cb359",
"/chunks/users.js": "/chunks/users.js?id=6e68cb068f69fba3199c"
"/chunks/users.js": "/chunks/users.js?id=6e68cb068f69fba3199c",
"/js/main.e9267f5855b7b9bf8a61.hot-update.js": "/js/main.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/admin.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/admin.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/admin-account.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/admin-account.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/app-index.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/app-index.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/app-settings.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/app-settings.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/app-setup.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/app-setup.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/billings-detail.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/billings-detail.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/contact-us.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/contact-us.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/dashboard.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/dashboard.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/database.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/database.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/environment-setup.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/environment-setup.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/files.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/files.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/installation-disclaimer.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/installation-disclaimer.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/landing-page.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/landing-page.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/plan-create.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/plan-create.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/plan-subscribers.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/plan-subscribers.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/profile.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/profile.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/purchase-code.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/purchase-code.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/settings.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/settings.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/settings-create-payment-methods.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/settings-create-payment-methods.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/settings-invoices.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/settings-invoices.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/settings-payment-methods.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/settings-payment-methods.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/settings-subscription.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/settings-subscription.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/shared-page.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/shared-page.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/sign-in.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/sign-in.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/sign-up.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/sign-up.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/stripe-credentials.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/stripe-credentials.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/subscription-plans.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/subscription-plans.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/upgrade.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/upgrade.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/upgrade-billing.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/upgrade-billing.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/user-invoices.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/user-invoices.e9267f5855b7b9bf8a61.hot-update.js",
"/chunks/user-subscription.e9267f5855b7b9bf8a61.hot-update.js": "/chunks/user-subscription.e9267f5855b7b9bf8a61.hot-update.js",
"/js/main.871f26d57ff984531ed7.hot-update.js": "/js/main.871f26d57ff984531ed7.hot-update.js",
"/chunks/admin.871f26d57ff984531ed7.hot-update.js": "/chunks/admin.871f26d57ff984531ed7.hot-update.js",
"/chunks/admin-account.871f26d57ff984531ed7.hot-update.js": "/chunks/admin-account.871f26d57ff984531ed7.hot-update.js",
"/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.871f26d57ff984531ed7.hot-update.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.871f26d57ff984531ed7.hot-update.js",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.871f26d57ff984531ed7.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.871f26d57ff984531ed7.hot-update.js",
"/chunks/app-index.871f26d57ff984531ed7.hot-update.js": "/chunks/app-index.871f26d57ff984531ed7.hot-update.js",
"/chunks/app-settings.871f26d57ff984531ed7.hot-update.js": "/chunks/app-settings.871f26d57ff984531ed7.hot-update.js",
"/chunks/app-setup.871f26d57ff984531ed7.hot-update.js": "/chunks/app-setup.871f26d57ff984531ed7.hot-update.js",
"/chunks/billings-detail.871f26d57ff984531ed7.hot-update.js": "/chunks/billings-detail.871f26d57ff984531ed7.hot-update.js",
"/chunks/contact-us.871f26d57ff984531ed7.hot-update.js": "/chunks/contact-us.871f26d57ff984531ed7.hot-update.js",
"/chunks/dashboard.871f26d57ff984531ed7.hot-update.js": "/chunks/dashboard.871f26d57ff984531ed7.hot-update.js",
"/chunks/database.871f26d57ff984531ed7.hot-update.js": "/chunks/database.871f26d57ff984531ed7.hot-update.js",
"/chunks/environment-setup.871f26d57ff984531ed7.hot-update.js": "/chunks/environment-setup.871f26d57ff984531ed7.hot-update.js",
"/chunks/files.871f26d57ff984531ed7.hot-update.js": "/chunks/files.871f26d57ff984531ed7.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.871f26d57ff984531ed7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.871f26d57ff984531ed7.hot-update.js",
"/chunks/installation-disclaimer.871f26d57ff984531ed7.hot-update.js": "/chunks/installation-disclaimer.871f26d57ff984531ed7.hot-update.js",
"/chunks/landing-page.871f26d57ff984531ed7.hot-update.js": "/chunks/landing-page.871f26d57ff984531ed7.hot-update.js",
"/chunks/plan-create.871f26d57ff984531ed7.hot-update.js": "/chunks/plan-create.871f26d57ff984531ed7.hot-update.js",
"/chunks/plan-subscribers.871f26d57ff984531ed7.hot-update.js": "/chunks/plan-subscribers.871f26d57ff984531ed7.hot-update.js",
"/chunks/profile.871f26d57ff984531ed7.hot-update.js": "/chunks/profile.871f26d57ff984531ed7.hot-update.js",
"/chunks/purchase-code.871f26d57ff984531ed7.hot-update.js": "/chunks/purchase-code.871f26d57ff984531ed7.hot-update.js",
"/chunks/settings.871f26d57ff984531ed7.hot-update.js": "/chunks/settings.871f26d57ff984531ed7.hot-update.js",
"/chunks/settings-create-payment-methods.871f26d57ff984531ed7.hot-update.js": "/chunks/settings-create-payment-methods.871f26d57ff984531ed7.hot-update.js",
"/chunks/settings-invoices.871f26d57ff984531ed7.hot-update.js": "/chunks/settings-invoices.871f26d57ff984531ed7.hot-update.js",
"/chunks/settings-payment-methods.871f26d57ff984531ed7.hot-update.js": "/chunks/settings-payment-methods.871f26d57ff984531ed7.hot-update.js",
"/chunks/settings-subscription.871f26d57ff984531ed7.hot-update.js": "/chunks/settings-subscription.871f26d57ff984531ed7.hot-update.js",
"/chunks/shared-page.871f26d57ff984531ed7.hot-update.js": "/chunks/shared-page.871f26d57ff984531ed7.hot-update.js",
"/chunks/sign-in.871f26d57ff984531ed7.hot-update.js": "/chunks/sign-in.871f26d57ff984531ed7.hot-update.js",
"/chunks/sign-up.871f26d57ff984531ed7.hot-update.js": "/chunks/sign-up.871f26d57ff984531ed7.hot-update.js",
"/chunks/stripe-credentials.871f26d57ff984531ed7.hot-update.js": "/chunks/stripe-credentials.871f26d57ff984531ed7.hot-update.js",
"/chunks/subscription-plans.871f26d57ff984531ed7.hot-update.js": "/chunks/subscription-plans.871f26d57ff984531ed7.hot-update.js",
"/chunks/upgrade.871f26d57ff984531ed7.hot-update.js": "/chunks/upgrade.871f26d57ff984531ed7.hot-update.js",
"/chunks/upgrade-billing.871f26d57ff984531ed7.hot-update.js": "/chunks/upgrade-billing.871f26d57ff984531ed7.hot-update.js",
"/chunks/user-invoices.871f26d57ff984531ed7.hot-update.js": "/chunks/user-invoices.871f26d57ff984531ed7.hot-update.js",
"/chunks/user-subscription.871f26d57ff984531ed7.hot-update.js": "/chunks/user-subscription.871f26d57ff984531ed7.hot-update.js",
"/js/main.c7cbbf3360eac9eeae3b.hot-update.js": "/js/main.c7cbbf3360eac9eeae3b.hot-update.js",
"/js/main.48f0bfae14f4ed46dea5.hot-update.js": "/js/main.48f0bfae14f4ed46dea5.hot-update.js",
"/js/main.1492c66807829942e717.hot-update.js": "/js/main.1492c66807829942e717.hot-update.js",
"/js/main.149679330c73de8257ce.hot-update.js": "/js/main.149679330c73de8257ce.hot-update.js",
"/js/main.cd0935260de5c844fd32.hot-update.js": "/js/main.cd0935260de5c844fd32.hot-update.js",
"/js/main.32716bf68f26a81cfa90.hot-update.js": "/js/main.32716bf68f26a81cfa90.hot-update.js",
"/js/main.d41315820dc6aea7c657.hot-update.js": "/js/main.d41315820dc6aea7c657.hot-update.js",
"/js/main.5066ec5f43b73a31faf2.hot-update.js": "/js/main.5066ec5f43b73a31faf2.hot-update.js",
"/js/main.769c8f8865ecbda96421.hot-update.js": "/js/main.769c8f8865ecbda96421.hot-update.js",
"/js/main.162963d9959ea402ef8b.hot-update.js": "/js/main.162963d9959ea402ef8b.hot-update.js",
"/js/main.91cbbb4409a74966af6a.hot-update.js": "/js/main.91cbbb4409a74966af6a.hot-update.js",
"/js/main.c63ea0fca2b42d76235a.hot-update.js": "/js/main.c63ea0fca2b42d76235a.hot-update.js",
"/js/main.61101ac1662fa9d0232c.hot-update.js": "/js/main.61101ac1662fa9d0232c.hot-update.js",
"/js/main.1242d7225c618db86030.hot-update.js": "/js/main.1242d7225c618db86030.hot-update.js",
"/js/main.66e40767781497dcc735.hot-update.js": "/js/main.66e40767781497dcc735.hot-update.js",
"/js/main.c7f0b6550eda01fd6dae.hot-update.js": "/js/main.c7f0b6550eda01fd6dae.hot-update.js",
"/js/main.0bc82a61de9040aa9539.hot-update.js": "/js/main.0bc82a61de9040aa9539.hot-update.js",
"/js/main.175370b95ce7f9dbcdb9.hot-update.js": "/js/main.175370b95ce7f9dbcdb9.hot-update.js",
"/js/main.fb849b93bd7d0469758b.hot-update.js": "/js/main.fb849b93bd7d0469758b.hot-update.js",
"/js/main.d2432b2c18142aad5a21.hot-update.js": "/js/main.d2432b2c18142aad5a21.hot-update.js",
"/js/main.7a9740b11b92a4ead4fa.hot-update.js": "/js/main.7a9740b11b92a4ead4fa.hot-update.js",
"/js/main.eee8fc565d122b953f31.hot-update.js": "/js/main.eee8fc565d122b953f31.hot-update.js",
"/js/main.ae97dccedd08fa79279d.hot-update.js": "/js/main.ae97dccedd08fa79279d.hot-update.js",
"/js/main.474b6a73e5b579a1e9ed.hot-update.js": "/js/main.474b6a73e5b579a1e9ed.hot-update.js",
"/js/main.6949b1ebc0f5b757365a.hot-update.js": "/js/main.6949b1ebc0f5b757365a.hot-update.js",
"/js/main.5e480bca4e173abfb24f.hot-update.js": "/js/main.5e480bca4e173abfb24f.hot-update.js",
"/js/main.6dbff4f58d8589621e27.hot-update.js": "/js/main.6dbff4f58d8589621e27.hot-update.js",
"/js/main.5cdc498c12306d7764bb.hot-update.js": "/js/main.5cdc498c12306d7764bb.hot-update.js",
"/js/main.79072d9d504649c01f67.hot-update.js": "/js/main.79072d9d504649c01f67.hot-update.js",
"/js/main.cecd5fa1145045127bde.hot-update.js": "/js/main.cecd5fa1145045127bde.hot-update.js",
"/js/main.44249911ef43f623ae5d.hot-update.js": "/js/main.44249911ef43f623ae5d.hot-update.js",
"/js/main.cebf662867612eafd237.hot-update.js": "/js/main.cebf662867612eafd237.hot-update.js",
"/js/main.28765658e4d7c7ed000c.hot-update.js": "/js/main.28765658e4d7c7ed000c.hot-update.js",
"/js/main.dbad4f2ade50b9b98193.hot-update.js": "/js/main.dbad4f2ade50b9b98193.hot-update.js",
"/js/main.fb1d38fcc5c9c2831912.hot-update.js": "/js/main.fb1d38fcc5c9c2831912.hot-update.js",
"/js/main.e4acc136078fb68318d7.hot-update.js": "/js/main.e4acc136078fb68318d7.hot-update.js",
"/js/main.540c863212264a8c42da.hot-update.js": "/js/main.540c863212264a8c42da.hot-update.js",
"/js/main.83a7111596ca49e3bd23.hot-update.js": "/js/main.83a7111596ca49e3bd23.hot-update.js",
"/js/main.31d2eff7bdada6452dbf.hot-update.js": "/js/main.31d2eff7bdada6452dbf.hot-update.js",
"/js/main.f21abaadb891263f7f93.hot-update.js": "/js/main.f21abaadb891263f7f93.hot-update.js",
"/js/main.77884d67732b2ef05146.hot-update.js": "/js/main.77884d67732b2ef05146.hot-update.js",
"/js/main.3a47ec594f1f1b0f9e33.hot-update.js": "/js/main.3a47ec594f1f1b0f9e33.hot-update.js",
"/js/main.8fca0b061990af84b610.hot-update.js": "/js/main.8fca0b061990af84b610.hot-update.js",
"/js/main.fe789446b8915dc37dd0.hot-update.js": "/js/main.fe789446b8915dc37dd0.hot-update.js",
"/js/main.4f8c1af81d1721ffe435.hot-update.js": "/js/main.4f8c1af81d1721ffe435.hot-update.js",
"/js/main.7ecfd103fcf6dd43b21f.hot-update.js": "/js/main.7ecfd103fcf6dd43b21f.hot-update.js",
"/js/main.9b91d9264832912ecc89.hot-update.js": "/js/main.9b91d9264832912ecc89.hot-update.js",
"/js/main.1e35e3f51f8da275c4f6.hot-update.js": "/js/main.1e35e3f51f8da275c4f6.hot-update.js",
"/js/main.42f2295d79b1bb4ec06b.hot-update.js": "/js/main.42f2295d79b1bb4ec06b.hot-update.js",
"/js/main.320cabdf4e5ea516b255.hot-update.js": "/js/main.320cabdf4e5ea516b255.hot-update.js",
"/js/main.00dcef1ff43e011fa18c.hot-update.js": "/js/main.00dcef1ff43e011fa18c.hot-update.js",
"/js/main.18238b039c77a37616e6.hot-update.js": "/js/main.18238b039c77a37616e6.hot-update.js",
"/js/main.29278b44925c9c522edc.hot-update.js": "/js/main.29278b44925c9c522edc.hot-update.js",
"/js/main.1ae48c4c36cfeffcb800.hot-update.js": "/js/main.1ae48c4c36cfeffcb800.hot-update.js",
"/js/main.9277dcd74ffc60466145.hot-update.js": "/js/main.9277dcd74ffc60466145.hot-update.js",
"/js/main.02a18bb60dda8cfe941d.hot-update.js": "/js/main.02a18bb60dda8cfe941d.hot-update.js",
"/js/main.82da70d4ec9cc24f9a2b.hot-update.js": "/js/main.82da70d4ec9cc24f9a2b.hot-update.js",
"/js/main.796b2f1e94940c793e01.hot-update.js": "/js/main.796b2f1e94940c793e01.hot-update.js",
"/js/main.eb83066d5e7c3a1ae75d.hot-update.js": "/js/main.eb83066d5e7c3a1ae75d.hot-update.js",
"/js/main.6c2e67f84646faf9706b.hot-update.js": "/js/main.6c2e67f84646faf9706b.hot-update.js",
"/js/main.a8fb774ab90ddd224242.hot-update.js": "/js/main.a8fb774ab90ddd224242.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.f4f301a3d5be1c275da9.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.f4f301a3d5be1c275da9.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.d6e83650cef181b768a9.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.d6e83650cef181b768a9.hot-update.js",
"/js/main.f8a13e30e927d22524fd.hot-update.js": "/js/main.f8a13e30e927d22524fd.hot-update.js",
"/js/main.88b003fcdc776fcec402.hot-update.js": "/js/main.88b003fcdc776fcec402.hot-update.js",
"/js/main.4beb0b0d19a1137453ed.hot-update.js": "/js/main.4beb0b0d19a1137453ed.hot-update.js",
"/js/main.a96076649da6fb28b76f.hot-update.js": "/js/main.a96076649da6fb28b76f.hot-update.js",
"/js/main.a49257e55c71e014158e.hot-update.js": "/js/main.a49257e55c71e014158e.hot-update.js",
"/js/main.1edad3b830f916beac27.hot-update.js": "/js/main.1edad3b830f916beac27.hot-update.js",
"/js/main.c6672597ea7635cf44a0.hot-update.js": "/js/main.c6672597ea7635cf44a0.hot-update.js",
"/js/main.5124895a5f5c73a6e74e.hot-update.js": "/js/main.5124895a5f5c73a6e74e.hot-update.js"
}

View File

@@ -26,10 +26,10 @@
<img loading="lazy" v-if="isImage && data.thumbnail" class="image" :src="data.thumbnail" :alt="data.name"/>
<!-- If folder have set emoji -->
<Emoji class="emoji" v-if="isFolder && folderIconHandle" :emoji="folderIconHandle" size="80" />
<Emoji class="emoji" v-if="isFolder && setFolderEmojiOrColor" :emoji="setFolderEmojiOrColor" size="80" />
<!--Else show only folder icon-->
<FontAwesomeIcon v-if="isFolder && !folderIconHandle" :ref="`folder${this.data.unique_id}`" :class="{'is-deleted': isDeleted}" class="folder-icon" icon="folder"/>
<FontAwesomeIcon v-if="isFolder && !setFolderEmojiOrColor" :ref="`folder${this.data.unique_id}`" :class="{'is-deleted': isDeleted}" class="folder-icon" icon="folder"/>
</div>
@@ -89,7 +89,7 @@ export default {
...mapGetters([
'FilePreviewType', 'sharedDetail', 'fileInfoDetail'
]),
folderIconHandle(){
setFolderEmojiOrColor(){
// If folder have set some color
if(this.data.icon_color) {

View File

@@ -32,10 +32,10 @@
<img loading="lazy" v-if="isImage && data.thumbnail" class="image" :src="data.thumbnail" :alt="data.name"/>
<!-- If folder have set emoji -->
<Emoji v-if="isFolder && folderIconHandle" :emoji="folderIconHandle" size="52" />
<Emoji v-if="isFolder && setFolderEmojiOrColor" :emoji="setFolderEmojiOrColor" size="52" />
<!--Else show only folder icon-->
<FontAwesomeIcon v-if="isFolder && !folderIconHandle" :ref="`folder${this.data.unique_id}`" :class="{ 'is-deleted': isDeleted }" class="folder-icon" icon="folder"/>
<FontAwesomeIcon v-if="isFolder && !setFolderEmojiOrColor" :ref="`folder${this.data.unique_id}`" :class="{ 'is-deleted': isDeleted }" class="folder-icon" icon="folder"/>
</div>
@@ -95,7 +95,7 @@ export default {
computed: {
...mapGetters(['FilePreviewType', 'fileInfoDetail']),
...mapGetters({ allData: 'data' }),
folderIconHandle(){
setFolderEmojiOrColor(){
// If folder have set some icon color
if(this.data.icon_color) {

View File

@@ -15,15 +15,16 @@ export default {
transferEmoji () {
// Transfer single emoji to twemoji
return !this.isIos
? twemoji.parse(this.emoji.char, {
let tweomjiParse = twemoji.parse(this.emoji.char, {
folder: 'svg',
ext: '.svg',
attributes: () => ({
loading: 'lazy',
})
})
: this.emoji.char
// Check the OS, if is OS not iOS return transfered emoji to twemoji
return !this.isIos ? tweomjiParse : this.emoji.char
},
},
data () {
@@ -32,18 +33,7 @@ export default {
}
},
created () {
const toMatch = [
/iPhone/i,
/iPad/i,
/iPod/i,
/iOS/i,
/macOS/i,
/Macintosh/i
]
this.isIos = toMatch.some(toMatchItem => {
return navigator.userAgent.match(toMatchItem)
})
this.isIos = this.$isIos()
}
}
</script>

View File

@@ -6,11 +6,12 @@
<!-- Emojis -->
<TabOption :selected="true" id="emoji-list" :title="$t('popup_rename.tab_emoji_title')" icon="emoji">
<div class="select-emoji-wrapper">
<label class="main-label">Pick Yout Emoji Icon:</label>
<label class="main-label">{{$t('popup_rename.select_emoji_label')}}:</label>
<!-- Selected Emoji input -->
<div @click.stop="openMenu" class="select-input-wrapper">
<div @click.stop="openMenu" class="select-input-wrapper" :class="{'active-menu' : selectOpen}">
<!-- If is emoji selected -->
<div class="select-input" v-if="selectedEmoji">
<div @click.stop="resetEmoji" class="select-input-icon-wrapper">
<x-icon size="14" class="select-input-icon"/>
@@ -19,18 +20,18 @@
<span>{{selectedEmoji.name}}</span>
</div>
<!-- If is emoji not selected -->
<div class="not-selected" v-if="! selectedEmoji">
<span> {{$t('popup_rename.set_emoji_input_placeholder')}}</span>
</div>
<chevron-down-icon :class="{'active-menu' : selectOpen}" size="19"/>
<chevron-down-icon class="row-icon" size="19"/>
</div>
<!-- Emojis List -->
<transition v-if="selectOpen" name="slide-in">
<div>
<transition name="slide-in">
<div v-if="selectOpen">
<!-- Spinner -->
<div v-if="!loadedList" class="emoji-wrapper">
<Spinner />
@@ -74,9 +75,7 @@
</div>
</div>
</div>
</transition>
</div>
</TabOption>
@@ -84,7 +83,7 @@
<!-- Colors -->
<TabOption :title="$t('popup_rename.tab_color_title')" icon="folder">
<div class="color-pick-wrapper">
<label class="main-label">{{$t('popup_rename.color_pick_label')}}</label>
<label class="main-label">{{$t('popup_rename.color_pick_label')}}:</label>
<ul class="color-wrapper">
<li v-for="(color, index) in colors"
:key="index"
@@ -190,11 +189,13 @@ export default {
},
setIcon( value ) {
// Set emoji
if( value.emoji ){
this.selectedEmoji = value.emoji
this.selectedColor = undefined
}
// Set color
if( value.color ) {
this.selectedColor = value.color
this.selectedEmoji = undefined
@@ -282,6 +283,7 @@ export default {
display: flex;
flex-direction: column;
padding: 10px;
z-index: 10;
top: 152px;
@@ -343,11 +345,11 @@ export default {
margin-bottom: 0px;
}
.options-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.options-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.group-name-label {
width: 100%;
@@ -356,12 +358,12 @@ export default {
margin-bottom: 10px;
}
.option {
list-style: none;
width: 45px;
height: 45px;
padding: 6px;
cursor: pointer;
.option {
list-style: none;
width: 45px;
height: 45px;
padding: 6px;
cursor: pointer;
&:hover {
background: $light_background;
@@ -369,7 +371,7 @@ export default {
}
}
.not-found {
.not-found {
align-self: center;
margin:auto;
font-weight: 700;
@@ -379,8 +381,6 @@ export default {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
}
}
}
}
@@ -394,10 +394,20 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid transparent;
@include transition(150ms);
.active-menu {
.row-icon {
@include transition(150ms);
transform: rotate(180deg);
}
&.active-menu {
border-color: $theme;
box-shadow: 0 0 7px rgba($theme, 0.3);
.row-icon {
transform: rotate(180deg);
}
}
.select-input {
@@ -446,23 +456,29 @@ export default {
}
}
.wrapper {
margin-bottom: 10px;
}
.set-folder-icon {
position: relative;
}
.slide-in-enter-active {
transition: all 5s ease;
.slide-in-enter-active {
transition: all 150ms ease;
}
.slide-in-enter
{
.slide-in-enter,
.slide-in-leave-to{
opacity: 0;
transform: translateY(-50px);
transform: translateY(-300px);
}
.slide-in-enter-to,
.slide-in-leave {
transform: translateY(-152px);
}
@media (max-width: 336px) {
.emoji-wrapper {
top: 173px;
}
}
@media (prefers-color-scheme: dark) {

View File

@@ -14,10 +14,10 @@
<img v-if="isImage" class="image" :src="item.thumbnail" :alt="item.name"/>
<!-- If folder have set emoji -->
<Emoji v-if="isFolder && folderIconHandle" :emoji="folderIconHandle" size="36"/>
<Emoji v-if="isFolder && setFolderEmojiOrColor" :emoji="setFolderEmojiOrColor" size="36"/>
<!--Else show only folder icon-->
<FontAwesomeIcon ref="folderIcon" v-if="isFolder && !folderIconHandle" class="folder-icon" icon="folder"/>
<FontAwesomeIcon ref="folderIcon" v-if="isFolder && !setFolderEmojiOrColor" class="folder-icon" icon="folder"/>
</div>
@@ -54,7 +54,7 @@
computed: {
...mapGetters(['currentFolder']),
folderIconHandle(){
setFolderEmojiOrColor(){
// Set icon folder if set folder from rename popup
if(this.setFolderIcon){

View File

@@ -352,6 +352,22 @@ const Helpers = {
body.classList.add('windows')
}
}
Vue.prototype.$isIos = function() {
const toMatch = [
/iPhone/i,
/iPad/i,
/iPod/i,
/iOS/i,
/macOS/i,
/Macintosh/i
]
// Check if device is iOS
return toMatch.some(toMatchItem => {
return navigator.userAgent.match(toMatchItem)
})
}
}
}

View File

@@ -584,7 +584,14 @@
"popup_rename": {
"title": "Rename Your {item}",
"label": "Edit Name",
"placeholder": "Type your title"
"placeholder": "Type your title",
"tab_emoji_title": "Emoji as an Icon",
"tab_color_title": "Folder Color",
"select_emoji_label": "Pick Your Emoji Icon",
"color_pick_label": "Pick Your Color",
"set_emoji_input_placeholder": "Emojis List...",
"search_emoji_input_placeholder": "Search your emoji...",
"emoji_list_not_found": "Not Found"
},
"popup_set_card": {
"message": "您的卡将被设置为默认卡,并且在以后的结算中始终会收取费用。",

View File

@@ -583,11 +583,11 @@
"placeholder": "Type your title",
"tab_emoji_title": "Emoji as an Icon",
"tab_color_title": "Folder Color",
"select_emoji_label": "Pick Your Emoji Icon",
"color_pick_label": "Pick Your Color",
"set_emoji_input_placeholder": "Emojis List...",
"search_emoji_input_placeholder": "Search your emoji...",
"emoji_list_not_found": "Not Found",
"color_pick_label": "Pick Your Color:"
"emoji_list_not_found": "Not Found"
},
"popup_create_folder": {
"folder_default_name": "New Folder",

View File

@@ -586,7 +586,14 @@
"popup_rename": {
"title": "Zmeňte názov {item}",
"label": "Zmeniť názov",
"placeholder": "Napíš názov..."
"placeholder": "Napíš názov...",
"tab_emoji_title": "Emodži ako ikona",
"tab_color_title": "Farba priečinka",
"select_emoji_label": "Vyberte emodži ikonu",
"color_pick_label": "Vyberte si farbu",
"set_emoji_input_placeholder": "Emodži zoznam ...",
"search_emoji_input_placeholder": "Vyhľadajte svoje emodži...",
"emoji_list_not_found": "Nenájdené"
},
"popup_set_card": {
"message": "Vaša karta bude nastavená ako predvolená a bude vám z nej vždy stiahnutá čiastka za nasledujúce obdobie fakturácie.",