make component for emojis

This commit is contained in:
Milos Holba
2021-02-05 18:13:22 +01:00
parent 4158d4f31e
commit 03ef16d90d
7 changed files with 63 additions and 255 deletions

View File

@@ -73,6 +73,10 @@ class FileManagerFolder extends Model
'items', 'trashed_items'
];
protected $casts = [
'icon_emoji' => 'object',
];
/**
* Sortable columns
*

View File

@@ -29,7 +29,7 @@
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=a2eed5073e52410cab54",
"/chunks/files.js": "/chunks/files.js?id=6a283c2c9f8a02500bc6",
"/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=d9093aeb4e01ebcea672",
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=21632550b02db8bfd464",
"/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",
@@ -75,196 +75,11 @@
"/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",
"/js/main.73eacf60239e88e9be19.hot-update.js": "/js/main.73eacf60239e88e9be19.hot-update.js",
"/js/main.2fd51ebafe2bc10f8c53.hot-update.js": "/js/main.2fd51ebafe2bc10f8c53.hot-update.js",
"/js/main.80bd5e6c479b90455eaf.hot-update.js": "/js/main.80bd5e6c479b90455eaf.hot-update.js",
"/js/main.133036d506b4e1dd4aa9.hot-update.js": "/js/main.133036d506b4e1dd4aa9.hot-update.js",
"/js/main.f863722582f6554128b3.hot-update.js": "/js/main.f863722582f6554128b3.hot-update.js",
"/js/main.ffba43bd701fc642bfcd.hot-update.js": "/js/main.ffba43bd701fc642bfcd.hot-update.js",
"/js/main.942d5b4ad9632d28a2d3.hot-update.js": "/js/main.942d5b4ad9632d28a2d3.hot-update.js",
"/js/main.2bb2d05afa1ae8c8d939.hot-update.js": "/js/main.2bb2d05afa1ae8c8d939.hot-update.js",
"/js/main.292d54dba5fe8b60c09f.hot-update.js": "/js/main.292d54dba5fe8b60c09f.hot-update.js",
"/js/main.a0c1bac337619f365fe8.hot-update.js": "/js/main.a0c1bac337619f365fe8.hot-update.js",
"/js/main.21697c87ea488236c30f.hot-update.js": "/js/main.21697c87ea488236c30f.hot-update.js",
"/js/main.d08fc5c129c71239d155.hot-update.js": "/js/main.d08fc5c129c71239d155.hot-update.js",
"/js/main.31e59ce255ca69d7d9ca.hot-update.js": "/js/main.31e59ce255ca69d7d9ca.hot-update.js",
"/js/main.44d65b9ec6a02a821608.hot-update.js": "/js/main.44d65b9ec6a02a821608.hot-update.js",
"/js/main.085305d0c05654b90f6d.hot-update.js": "/js/main.085305d0c05654b90f6d.hot-update.js",
"/js/main.2a9916c1f3c807ccbbfb.hot-update.js": "/js/main.2a9916c1f3c807ccbbfb.hot-update.js",
"/js/main.970790dea33430b746ce.hot-update.js": "/js/main.970790dea33430b746ce.hot-update.js",
"/js/main.3c17e9f9915c241a8c45.hot-update.js": "/js/main.3c17e9f9915c241a8c45.hot-update.js",
"/js/main.e87800659d61479a27f7.hot-update.js": "/js/main.e87800659d61479a27f7.hot-update.js",
"/js/main.475981f8bf6b0af2eb27.hot-update.js": "/js/main.475981f8bf6b0af2eb27.hot-update.js",
"/js/main.65157d97eba39fb78fb8.hot-update.js": "/js/main.65157d97eba39fb78fb8.hot-update.js",
"/js/main.54fa20ece3b4314cad69.hot-update.js": "/js/main.54fa20ece3b4314cad69.hot-update.js",
"/js/main.ef98f690e189845ff3e0.hot-update.js": "/js/main.ef98f690e189845ff3e0.hot-update.js",
"/js/main.0ba3b4a15cb78af22428.hot-update.js": "/js/main.0ba3b4a15cb78af22428.hot-update.js",
"/js/main.a37d5083788b726905f4.hot-update.js": "/js/main.a37d5083788b726905f4.hot-update.js",
"/js/main.42bffc9514b545755c69.hot-update.js": "/js/main.42bffc9514b545755c69.hot-update.js",
"/js/main.db24037b3a375d7b3980.hot-update.js": "/js/main.db24037b3a375d7b3980.hot-update.js",
"/js/main.3d1e605fb50eb32f4c2a.hot-update.js": "/js/main.3d1e605fb50eb32f4c2a.hot-update.js",
"/js/main.d0542ab1e7d5edb5d0ec.hot-update.js": "/js/main.d0542ab1e7d5edb5d0ec.hot-update.js",
"/js/main.8ac98466b240d5be0355.hot-update.js": "/js/main.8ac98466b240d5be0355.hot-update.js",
"/js/main.dbb8d0c98f5b21799a3a.hot-update.js": "/js/main.dbb8d0c98f5b21799a3a.hot-update.js",
"/js/main.2c03754ce9a92c0fe304.hot-update.js": "/js/main.2c03754ce9a92c0fe304.hot-update.js",
"/js/main.f1cb31cd47f716c11e20.hot-update.js": "/js/main.f1cb31cd47f716c11e20.hot-update.js",
"/js/main.77f056c5ab1256214c05.hot-update.js": "/js/main.77f056c5ab1256214c05.hot-update.js",
"/js/main.6037117a4422db2a1143.hot-update.js": "/js/main.6037117a4422db2a1143.hot-update.js",
"/js/main.3c1c75e4c506f66784d8.hot-update.js": "/js/main.3c1c75e4c506f66784d8.hot-update.js",
"/js/main.1dde9259fde0017a432e.hot-update.js": "/js/main.1dde9259fde0017a432e.hot-update.js",
"/js/main.4ed2a0a3326f56984bd1.hot-update.js": "/js/main.4ed2a0a3326f56984bd1.hot-update.js",
"/js/main.ea56e90472a498090561.hot-update.js": "/js/main.ea56e90472a498090561.hot-update.js",
"/js/main.525d59b4c807abb1cea1.hot-update.js": "/js/main.525d59b4c807abb1cea1.hot-update.js",
"/js/main.58ff694c3ef9c06bab82.hot-update.js": "/js/main.58ff694c3ef9c06bab82.hot-update.js",
"/js/main.4c44b098450f8e6ff185.hot-update.js": "/js/main.4c44b098450f8e6ff185.hot-update.js",
"/js/main.2e587b5ead34ca8b4c84.hot-update.js": "/js/main.2e587b5ead34ca8b4c84.hot-update.js",
"/js/main.aae5ebc15a49e6e420c9.hot-update.js": "/js/main.aae5ebc15a49e6e420c9.hot-update.js",
"/js/main.41e210f405b69b5e2647.hot-update.js": "/js/main.41e210f405b69b5e2647.hot-update.js",
"/js/main.8c9f731a6ee9fb493a6f.hot-update.js": "/js/main.8c9f731a6ee9fb493a6f.hot-update.js",
"/js/main.fcddf901fdd879e8bed3.hot-update.js": "/js/main.fcddf901fdd879e8bed3.hot-update.js",
"/js/main.3b01bc9e5bf0b2790baa.hot-update.js": "/js/main.3b01bc9e5bf0b2790baa.hot-update.js",
"/js/main.63c471b20b165454bfa2.hot-update.js": "/js/main.63c471b20b165454bfa2.hot-update.js",
"/js/main.316978a5873859b45c88.hot-update.js": "/js/main.316978a5873859b45c88.hot-update.js",
"/js/main.479038a60b8f0f924a10.hot-update.js": "/js/main.479038a60b8f0f924a10.hot-update.js",
"/js/main.75904004f56a88fb613b.hot-update.js": "/js/main.75904004f56a88fb613b.hot-update.js",
"/js/main.ffbaf3f10a2c9bd70200.hot-update.js": "/js/main.ffbaf3f10a2c9bd70200.hot-update.js",
"/js/main.10dcfbe6bb676e9dc34e.hot-update.js": "/js/main.10dcfbe6bb676e9dc34e.hot-update.js",
"/js/main.cf2cbc8c7d6e1a782f01.hot-update.js": "/js/main.cf2cbc8c7d6e1a782f01.hot-update.js",
"/js/main.8b2bc0ae034b1a598069.hot-update.js": "/js/main.8b2bc0ae034b1a598069.hot-update.js",
"/js/main.f20dc5709662f9551364.hot-update.js": "/js/main.f20dc5709662f9551364.hot-update.js",
"/js/main.a02b5173d7932453b58d.hot-update.js": "/js/main.a02b5173d7932453b58d.hot-update.js",
"/js/main.5a3b394fb1fcda65b15e.hot-update.js": "/js/main.5a3b394fb1fcda65b15e.hot-update.js",
"/js/main.3d8b6d89da1cccf1ba0b.hot-update.js": "/js/main.3d8b6d89da1cccf1ba0b.hot-update.js",
"/js/main.0a05700b1c21cd791497.hot-update.js": "/js/main.0a05700b1c21cd791497.hot-update.js",
"/js/main.6ecc913039ae44ce65b1.hot-update.js": "/js/main.6ecc913039ae44ce65b1.hot-update.js",
"/js/main.609de6500b5275c51542.hot-update.js": "/js/main.609de6500b5275c51542.hot-update.js",
"/js/main.ce93685c65b2a7b3f4da.hot-update.js": "/js/main.ce93685c65b2a7b3f4da.hot-update.js",
"/js/main.d371601c7d2e4dcac94b.hot-update.js": "/js/main.d371601c7d2e4dcac94b.hot-update.js",
"/js/main.d4cdc89186e5cc830b4a.hot-update.js": "/js/main.d4cdc89186e5cc830b4a.hot-update.js",
"/js/main.8abd3c2004c42cdea81c.hot-update.js": "/js/main.8abd3c2004c42cdea81c.hot-update.js",
"/js/main.0f495bc58f0af22cf39f.hot-update.js": "/js/main.0f495bc58f0af22cf39f.hot-update.js",
"/js/main.ce3bc0afc2e2552b2998.hot-update.js": "/js/main.ce3bc0afc2e2552b2998.hot-update.js",
"/js/main.ee1826367381df2312cc.hot-update.js": "/js/main.ee1826367381df2312cc.hot-update.js",
"/js/main.672b77ea79f575a59b75.hot-update.js": "/js/main.672b77ea79f575a59b75.hot-update.js",
"/js/main.916a8c88b1cfbe563dcc.hot-update.js": "/js/main.916a8c88b1cfbe563dcc.hot-update.js",
"/js/main.19646ca7ed9c6f0f7566.hot-update.js": "/js/main.19646ca7ed9c6f0f7566.hot-update.js",
"/js/main.09622137e2ef98f1ec98.hot-update.js": "/js/main.09622137e2ef98f1ec98.hot-update.js",
"/js/main.82583cbab90ca283dacb.hot-update.js": "/js/main.82583cbab90ca283dacb.hot-update.js",
"/js/main.fb53b3fa90b9574e3ff6.hot-update.js": "/js/main.fb53b3fa90b9574e3ff6.hot-update.js",
"/js/main.6b645625e8b42202bdcd.hot-update.js": "/js/main.6b645625e8b42202bdcd.hot-update.js",
"/js/main.bdba7a39886fc639d59b.hot-update.js": "/js/main.bdba7a39886fc639d59b.hot-update.js",
"/js/main.bfd12789f5f78685e4c1.hot-update.js": "/js/main.bfd12789f5f78685e4c1.hot-update.js",
"/js/main.6965e35a6f99fb977d6b.hot-update.js": "/js/main.6965e35a6f99fb977d6b.hot-update.js",
"/js/main.f142c3d9f5db8856fb63.hot-update.js": "/js/main.f142c3d9f5db8856fb63.hot-update.js",
"/js/main.173b1fd6efa9b011e072.hot-update.js": "/js/main.173b1fd6efa9b011e072.hot-update.js",
"/js/main.6110a8d7b8872398d19f.hot-update.js": "/js/main.6110a8d7b8872398d19f.hot-update.js",
"/js/main.bdeaefaea74a50117cfe.hot-update.js": "/js/main.bdeaefaea74a50117cfe.hot-update.js",
"/js/main.804074f44900c4489712.hot-update.js": "/js/main.804074f44900c4489712.hot-update.js",
"/js/main.11025d873601884e311d.hot-update.js": "/js/main.11025d873601884e311d.hot-update.js",
"/js/main.a20a651bbac6623f6ac8.hot-update.js": "/js/main.a20a651bbac6623f6ac8.hot-update.js",
"/js/main.33a81bc7eef2eacd353a.hot-update.js": "/js/main.33a81bc7eef2eacd353a.hot-update.js",
"/js/main.a7f221020f8a999f83d6.hot-update.js": "/js/main.a7f221020f8a999f83d6.hot-update.js",
"/js/main.a2deca4006752bae9f65.hot-update.js": "/js/main.a2deca4006752bae9f65.hot-update.js",
"/js/main.0e20fcd9f7244918f469.hot-update.js": "/js/main.0e20fcd9f7244918f469.hot-update.js",
"/js/main.3d340a8537bd92f19a8d.hot-update.js": "/js/main.3d340a8537bd92f19a8d.hot-update.js",
"/js/main.a146a0991e14b4cd467d.hot-update.js": "/js/main.a146a0991e14b4cd467d.hot-update.js",
"/js/main.a77d04cc2d6c2e2acc7b.hot-update.js": "/js/main.a77d04cc2d6c2e2acc7b.hot-update.js",
"/js/main.57c4a540cd62d814879c.hot-update.js": "/js/main.57c4a540cd62d814879c.hot-update.js",
"/js/main.af835f1552d1cf4743d3.hot-update.js": "/js/main.af835f1552d1cf4743d3.hot-update.js",
"/js/main.b788f9d4893e8e075921.hot-update.js": "/js/main.b788f9d4893e8e075921.hot-update.js",
"/js/main.f2d3dd6194f033944ea6.hot-update.js": "/js/main.f2d3dd6194f033944ea6.hot-update.js",
"/js/main.620cab741c55acf8e295.hot-update.js": "/js/main.620cab741c55acf8e295.hot-update.js",
"/js/main.58cfa918cbb1a1d66961.hot-update.js": "/js/main.58cfa918cbb1a1d66961.hot-update.js",
"/js/main.6e4c834c9581f60c65e0.hot-update.js": "/js/main.6e4c834c9581f60c65e0.hot-update.js",
"/js/main.56feea800cc9542d103f.hot-update.js": "/js/main.56feea800cc9542d103f.hot-update.js",
"/js/main.0228693052079844a835.hot-update.js": "/js/main.0228693052079844a835.hot-update.js",
"/js/main.3fedd069505d662a30ba.hot-update.js": "/js/main.3fedd069505d662a30ba.hot-update.js",
"/js/main.597867fd528b4dc961d2.hot-update.js": "/js/main.597867fd528b4dc961d2.hot-update.js",
"/js/main.c204a995694904f390a9.hot-update.js": "/js/main.c204a995694904f390a9.hot-update.js",
"/js/main.ac6b73b734276a691f9d.hot-update.js": "/js/main.ac6b73b734276a691f9d.hot-update.js",
"/js/main.eac7b9a762327088301c.hot-update.js": "/js/main.eac7b9a762327088301c.hot-update.js",
"/js/main.7ff737ccd8075fe7b3cf.hot-update.js": "/js/main.7ff737ccd8075fe7b3cf.hot-update.js",
"/js/main.c63e1c9a75e93895becc.hot-update.js": "/js/main.c63e1c9a75e93895becc.hot-update.js",
"/js/main.f96108c9672d79d41e05.hot-update.js": "/js/main.f96108c9672d79d41e05.hot-update.js",
"/js/main.7b5c66d286928611e2fc.hot-update.js": "/js/main.7b5c66d286928611e2fc.hot-update.js",
"/js/main.02362bbd35bf18918569.hot-update.js": "/js/main.02362bbd35bf18918569.hot-update.js",
"/js/main.2ad4e6a7f1c258c6492a.hot-update.js": "/js/main.2ad4e6a7f1c258c6492a.hot-update.js",
"/js/main.15bd723666f3dca4c0c9.hot-update.js": "/js/main.15bd723666f3dca4c0c9.hot-update.js",
"/js/main.1e9ada14f78a71cb206f.hot-update.js": "/js/main.1e9ada14f78a71cb206f.hot-update.js",
"/js/main.b3dfe17d386e1cd46d41.hot-update.js": "/js/main.b3dfe17d386e1cd46d41.hot-update.js",
"/js/main.d64a25e359ae00b7b855.hot-update.js": "/js/main.d64a25e359ae00b7b855.hot-update.js",
"/js/main.1f425ef02171fe4db82d.hot-update.js": "/js/main.1f425ef02171fe4db82d.hot-update.js",
"/js/main.ff366a6bfcdb96289ccc.hot-update.js": "/js/main.ff366a6bfcdb96289ccc.hot-update.js",
"/js/main.a6e8d544f10a56e6a0a3.hot-update.js": "/js/main.a6e8d544f10a56e6a0a3.hot-update.js",
"/js/main.9a93da7c9df5135ab5b3.hot-update.js": "/js/main.9a93da7c9df5135ab5b3.hot-update.js",
"/js/main.cdaa36583d69324c1fdb.hot-update.js": "/js/main.cdaa36583d69324c1fdb.hot-update.js",
"/js/main.8b469f59dac4f7e1dc39.hot-update.js": "/js/main.8b469f59dac4f7e1dc39.hot-update.js",
"/js/main.161dec46bc6fc74b4758.hot-update.js": "/js/main.161dec46bc6fc74b4758.hot-update.js",
"/js/main.0ed6420de3159e4dd351.hot-update.js": "/js/main.0ed6420de3159e4dd351.hot-update.js",
"/js/main.06e7c74deb901a45327b.hot-update.js": "/js/main.06e7c74deb901a45327b.hot-update.js",
"/js/main.bb88346accd82b46d939.hot-update.js": "/js/main.bb88346accd82b46d939.hot-update.js",
"/js/main.a5a0cba8582e71b8072b.hot-update.js": "/js/main.a5a0cba8582e71b8072b.hot-update.js",
"/js/main.7649aafaaeb1150599ce.hot-update.js": "/js/main.7649aafaaeb1150599ce.hot-update.js",
"/js/main.ffa5af167d6e23240e73.hot-update.js": "/js/main.ffa5af167d6e23240e73.hot-update.js",
"/js/main.ed7ad7c2bbeb49d2db8e.hot-update.js": "/js/main.ed7ad7c2bbeb49d2db8e.hot-update.js",
"/js/main.adabc01342de0e4cd481.hot-update.js": "/js/main.adabc01342de0e4cd481.hot-update.js",
"/js/main.51e98dedcff29e859f4a.hot-update.js": "/js/main.51e98dedcff29e859f4a.hot-update.js",
"/js/main.8b80e6a4791568dacdfb.hot-update.js": "/js/main.8b80e6a4791568dacdfb.hot-update.js",
"/js/main.e05bacc3d4f8a2e7a56e.hot-update.js": "/js/main.e05bacc3d4f8a2e7a56e.hot-update.js",
"/js/main.08843385fcc90432f35f.hot-update.js": "/js/main.08843385fcc90432f35f.hot-update.js",
"/js/main.a17b15601fe991f5b72c.hot-update.js": "/js/main.a17b15601fe991f5b72c.hot-update.js",
"/js/main.e705d5fd3805350132f0.hot-update.js": "/js/main.e705d5fd3805350132f0.hot-update.js",
"/js/main.02a0de2d343b5c15c929.hot-update.js": "/js/main.02a0de2d343b5c15c929.hot-update.js",
"/js/main.d07b062827f77fbe73c3.hot-update.js": "/js/main.d07b062827f77fbe73c3.hot-update.js",
"/js/main.655f48cf6e5418deb0ce.hot-update.js": "/js/main.655f48cf6e5418deb0ce.hot-update.js",
"/js/main.9567e2c6b3e617f45f4b.hot-update.js": "/js/main.9567e2c6b3e617f45f4b.hot-update.js",
"/js/main.27b53672c66347f4e2a9.hot-update.js": "/js/main.27b53672c66347f4e2a9.hot-update.js",
"/js/main.17d0bfea5ffa22d184ac.hot-update.js": "/js/main.17d0bfea5ffa22d184ac.hot-update.js",
"/js/main.270f9e657f17f1879823.hot-update.js": "/js/main.270f9e657f17f1879823.hot-update.js",
"/js/main.bace2406600344cb882e.hot-update.js": "/js/main.bace2406600344cb882e.hot-update.js",
"/js/main.4a72fb4352b2dc230d7d.hot-update.js": "/js/main.4a72fb4352b2dc230d7d.hot-update.js",
"/js/main.6f4f1e275071dfb2d3bb.hot-update.js": "/js/main.6f4f1e275071dfb2d3bb.hot-update.js",
"/js/main.d92c6b51a484f9915d1e.hot-update.js": "/js/main.d92c6b51a484f9915d1e.hot-update.js",
"/js/main.6939addf6b72d192f985.hot-update.js": "/js/main.6939addf6b72d192f985.hot-update.js",
"/js/main.6c835e9f44760734b84b.hot-update.js": "/js/main.6c835e9f44760734b84b.hot-update.js",
"/js/main.66ef22cabb0ae8e45a19.hot-update.js": "/js/main.66ef22cabb0ae8e45a19.hot-update.js",
"/js/main.b87ea650f1321d5913f9.hot-update.js": "/js/main.b87ea650f1321d5913f9.hot-update.js",
"/js/main.a21b47ac7653da2b60d6.hot-update.js": "/js/main.a21b47ac7653da2b60d6.hot-update.js",
"/js/main.da415833a717ef7ae2c9.hot-update.js": "/js/main.da415833a717ef7ae2c9.hot-update.js",
"/js/main.0c348bb2bf31b1927799.hot-update.js": "/js/main.0c348bb2bf31b1927799.hot-update.js",
"/js/main.1bc666fa4cd5e4ffd7fc.hot-update.js": "/js/main.1bc666fa4cd5e4ffd7fc.hot-update.js",
"/js/main.294c0fbc1ff173df43eb.hot-update.js": "/js/main.294c0fbc1ff173df43eb.hot-update.js",
"/js/main.eb90203b29b8a3559d14.hot-update.js": "/js/main.eb90203b29b8a3559d14.hot-update.js",
"/js/main.2a70335f80b8c08802c2.hot-update.js": "/js/main.2a70335f80b8c08802c2.hot-update.js",
"/js/main.8c2f7bb6a0067038c262.hot-update.js": "/js/main.8c2f7bb6a0067038c262.hot-update.js",
"/js/main.3bcfe9241adc90fdea52.hot-update.js": "/js/main.3bcfe9241adc90fdea52.hot-update.js",
"/js/main.769a12ebad53d9ab70ee.hot-update.js": "/js/main.769a12ebad53d9ab70ee.hot-update.js",
"/js/main.f40f4985d1a6a13a964e.hot-update.js": "/js/main.f40f4985d1a6a13a964e.hot-update.js",
"/js/main.df1f1fc62803b0f833a1.hot-update.js": "/js/main.df1f1fc62803b0f833a1.hot-update.js",
"/js/main.952b380806941da5d27a.hot-update.js": "/js/main.952b380806941da5d27a.hot-update.js",
"/js/main.408eaf763334911397bb.hot-update.js": "/js/main.408eaf763334911397bb.hot-update.js",
"/js/main.5adbac098537c14ef95b.hot-update.js": "/js/main.5adbac098537c14ef95b.hot-update.js",
"/js/main.87b1c64d5f8c71037aa9.hot-update.js": "/js/main.87b1c64d5f8c71037aa9.hot-update.js",
"/js/main.ed12408d5696432f4cf9.hot-update.js": "/js/main.ed12408d5696432f4cf9.hot-update.js",
"/js/main.e31b25e43a1fdef40b11.hot-update.js": "/js/main.e31b25e43a1fdef40b11.hot-update.js",
"/js/main.f17d27003f0c98fbbab2.hot-update.js": "/js/main.f17d27003f0c98fbbab2.hot-update.js",
"/js/main.1c42ae99256fd7392478.hot-update.js": "/js/main.1c42ae99256fd7392478.hot-update.js",
"/js/main.29b1708e47bf70b2b74c.hot-update.js": "/js/main.29b1708e47bf70b2b74c.hot-update.js",
"/js/main.cf5ead3c22b6da162b00.hot-update.js": "/js/main.cf5ead3c22b6da162b00.hot-update.js",
"/js/main.0efa0ceed926dee1224f.hot-update.js": "/js/main.0efa0ceed926dee1224f.hot-update.js",
"/js/main.fc06278a657733143cd9.hot-update.js": "/js/main.fc06278a657733143cd9.hot-update.js",
"/js/main.ccd4aed00aae35cad248.hot-update.js": "/js/main.ccd4aed00aae35cad248.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.457f84c7ce664b40a24b.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.457f84c7ce664b40a24b.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.ca1144c0364746f8e5eb.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.ca1144c0364746f8e5eb.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.a7580b32b9c5a1a52832.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a7580b32b9c5a1a52832.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.f809769c01b8ba365308.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.f809769c01b8ba365308.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.f419d1e3cfb165394d25.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.f419d1e3cfb165394d25.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.04cced60a2e4655b382f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.04cced60a2e4655b382f.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.78359116bd7e3d5f7daf.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.78359116bd7e3d5f7daf.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.d510efd5409823b989ba.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.d510efd5409823b989ba.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.0bcc5babb3fba9909caf.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0bcc5babb3fba9909caf.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.1c82ff680196fbf2d578.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1c82ff680196fbf2d578.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.ee3f11a07a4889852ea2.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.ee3f11a07a4889852ea2.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.df392489d314df1d55f8.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.df392489d314df1d55f8.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.5e061d2ef8930c4b8f9f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.5e061d2ef8930c4b8f9f.hot-update.js"
"/js/main.f47b464038fa2fb380c2.hot-update.js": "/js/main.f47b464038fa2fb380c2.hot-update.js",
"/js/main.c1f03d447603776f5e65.hot-update.js": "/js/main.c1f03d447603776f5e65.hot-update.js",
"/js/main.3f82becb4ef9b8937eea.hot-update.js": "/js/main.3f82becb4ef9b8937eea.hot-update.js",
"/js/main.5158edf7314118f6daf9.hot-update.js": "/js/main.5158edf7314118f6daf9.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.60b0821e7bce9ec9f1c7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.60b0821e7bce9ec9f1c7.hot-update.js",
"/chunks/files~chunks/shared-files~chunks/shared-page.c61edd339cb07ede1d1b.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.c61edd339cb07ede1d1b.hot-update.js",
"/js/main.ce676ecb4a614af3ceed.hot-update.js": "/js/main.ce676ecb4a614af3ceed.hot-update.js"
}

View File

@@ -25,17 +25,18 @@
<!--Image thumbnail-->
<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" />
<!--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"/>
<!-- If folder have set emoji -->
<div class="emoji-wrapper" v-html="folderIconHandle" v-if="isFolder && folderIconHandle"/>
</div>
<!--Name-->
<div class="item-name">
<!--Name-->
<b :ref="this.data.unique_id" @input="renameItem" @keydown.delete.stop @click.stop="" :contenteditable="canEditName" class="name">
<b :ref="this.data.unique_id" @input="renameItem" @keydown.delete.stop @click.stop :contenteditable="canEditName" class="name">
{{ itemName }}
</b>
@@ -70,6 +71,7 @@
<script>
import { LinkIcon, UserPlusIcon, CheckIcon } from 'vue-feather-icons'
import Emoji from '@/components/Others/Emoji'
import { debounce } from 'lodash'
import { mapGetters } from 'vuex'
import { events } from '@/bus'
@@ -80,7 +82,8 @@ export default {
components: {
UserPlusIcon,
CheckIcon,
LinkIcon
LinkIcon,
Emoji
},
computed: {
...mapGetters([
@@ -98,7 +101,7 @@ export default {
// If folder have set some emoji
if(this.data.icon_emoji)
return this.$transferSingleTwemoji(this.data.icon_emoji, true)
return this.data.icon_emoji
},
...mapGetters({ allData: 'data' }),
@@ -478,12 +481,8 @@ export default {
display: flex;
align-items: center;
.emoji-wrapper {
width: 80px;
height: 80px;
display: flex;
.emoji {
margin: 0 auto;
align-items: center;
}
.file-link {

View File

@@ -26,17 +26,17 @@
<!--Image thumbnail-->
<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" />
<!--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"/>
<!-- If folder have set emoji -->
<div class="emoji-wrapper" v-html="folderIconHandle" v-if="isFolder && folderIconHandle"/>
</div>
<!--Name-->
<div class="item-name">
<b :ref="this.data.unique_id" @input="renameItem" @keydown.delete.stop @click.stop="" :contenteditable="canEditName" class="name">
<b :ref="this.data.unique_id" @input="renameItem" @keydown.delete.stop @click.stop :contenteditable="canEditName" class="name">
{{ itemName }}
</b>
@@ -73,6 +73,7 @@
<script>
import { LinkIcon, UserPlusIcon, CheckIcon } from 'vue-feather-icons'
import Emoji from '@/components/Others/Emoji'
import { debounce } from 'lodash'
import { mapGetters } from 'vuex'
import { events } from '@/bus'
@@ -83,7 +84,8 @@ export default {
components: {
UserPlusIcon,
LinkIcon,
CheckIcon
CheckIcon,
Emoji
},
computed: {
...mapGetters(['FilePreviewType', 'fileInfoDetail']),
@@ -100,7 +102,7 @@ export default {
// If folder have set some emoji
if(this.data.icon_emoji)
return this.$transferSingleTwemoji(this.data.icon_emoji, true)
return this.data.icon_emoji
},
isClicked() {

View File

@@ -9,7 +9,7 @@
<div @click="openMenu" v-if="!selectOpen" class="select-input-wrapper">
<div class="select-input" v-if="selectedEmoji">
<div class="emoji-preview" v-html="setEmoji"></div>
<Emoji class="emoji-preview" :emoji="selectedEmoji" size="25"></Emoji>
<span>{{selectedEmoji.name}}</span>
</div>
@@ -25,23 +25,27 @@
<input @input="filterEmojis" v-model="searchInput" class="emoji-input" :placeholder="$t('popup_rename.search_emoji_input_placeholder')" >
<!-- All Emojis -->
<div v-show="searchInput.length < 1" class="options-list-wrapper">
<ul v-for="(group, name) in allEmoji" :key="name" class="options-list">
<div v-show="searchInput.length < 1" class="group-wrapper">
<div v-for="(group, name) in allEmoji" :key="name" class="options-wrapper">
<label class="group-name-label">{{name}}</label>
<div class="options-wrapper">
<li @click="setIcon({'emoji':emoji})" v-html="transferEmoji(emoji)" class="option" v-for="(emoji,i) in group" :key="i"/>
</div>
</ul>
<ul class="options-list">
<li @click="setIcon({'emoji':emoji})" v-for="(emoji,i) in group" :key="i" class="option">
<Emoji :emoji="emoji" size="33"/>
</li>
</ul>
</div>
</div>
<!-- Searched emojis -->
<div v-if="searchInput.length > 0" class="options-list-wrapper">
<ul class="options-list">
<div class="options-wrapper">
<li @click="setIcon({'emoji':emoji})" v-html="transferEmoji(emoji)" class="option" v-for="(emoji,i) in filteredEmojis" :key="i"/>
</div>
<div v-if="searchInput.length > 0" class="group-wrapper">
<div class="options-wrapper">
<ul class="options-list">
<li @click="setIcon({'emoji':emoji})" v-for="(emoji,i) in filteredEmojis" :key="i" class="option" >
<Emoji :emoji="emoji" size="33"/>
</li>
</ul>
<span class="not-found" v-if="filteredEmojis.length === 0"> {{$t('popup_rename.emoji_list_not_found')}}</span>
</ul>
</div>
</div>
</div>
@@ -70,6 +74,7 @@
import {SmileIcon, FolderIcon, ChevronDownIcon } from 'vue-feather-icons'
import TabWrapper from '@/components/Others/TabWrapper'
import TabOption from '@/components/Others/TabOption'
import Emoji from '@/components/Others/Emoji'
import lodash from 'lodash'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
@@ -83,11 +88,12 @@
TabOption,
FolderIcon,
SmileIcon,
Emoji
},
computed: {
...mapGetters(['emojis']),
setEmoji(){
return this.$transferSingleTwemoji(this.selectedEmoji, false)
return this.selectedEmoji, false
},
allEmoji() {
return _.groupBy(this.emojis,'group')
@@ -106,10 +112,6 @@
}
},
methods: {
transferEmoji(emoji){
return this.$transferSingleTwemoji(emoji, false)
},
filterEmojis: _.debounce(function(emoji){
this.filteredEmojis = this.emojis.filter(emoji => emoji.name.includes(this.searchInput))
@@ -218,7 +220,7 @@
}
}
.options-list-wrapper {
.group-wrapper {
height: 100%;
display: flex;
flex-direction: column;
@@ -226,7 +228,7 @@
overflow-y: scroll;
padding: 0px;
.options-list {
.options-wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
@@ -235,10 +237,10 @@
margin-bottom: 0px;
}
.options-wrapper {
padding: 0px 20px;
.options-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.group-name-label {
@@ -278,7 +280,7 @@
.select-input-wrapper{
height: 48px;
height: 50px;
padding: 13px 20px;
border: 1px solid transparent;
border-radius: 8px;
@@ -296,8 +298,6 @@
align-items: center;
.emoji-preview {
width: 25px;
height: 25px;
margin-right: 10px;
}
}
@@ -349,10 +349,10 @@
.emoji-input {
background: $dark_mode_foreground ;
}
.options-list {
.options-wrapper {
.option {
&:hover {
background: $dark_mode_foreground;
background: $dark_mode_foreground !important;
}
}
.not-found {

View File

@@ -13,10 +13,12 @@
<!--Image thumbnail-->
<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"/>
<!--Else show only folder icon-->
<FontAwesomeIcon ref="folderIcon" v-if="isFolder && !folderIconHandle" class="folder-icon" icon="folder"/>
<div v-if="isFolder && folderIconHandle" v-html="folderIconHandle" class="folder-emoji"></div>
</div>
<!--Name-->
@@ -43,10 +45,12 @@
<script>
import {mapGetters} from 'vuex'
import Emoji from '@/components/Others/Emoji'
export default {
name: 'ThumbnailItem',
props: ['item', 'info', 'setFolderIcon'],
components: {Emoji},
computed: {
...mapGetters(['currentFolder']),
@@ -56,7 +60,7 @@
if(this.setFolderIcon){
return this.setFolderIcon.emoji
? this.$transferSingleTwemoji(this.setFolderIcon.emoji, false)
? this.setFolderIcon.emoji
: this.$nextTick(() => {
this.$refs.folderIcon.firstElementChild.style.fill = `${this.setFolderIcon.color}`
})
@@ -66,7 +70,7 @@
if(!this.setFolderIcon && (this.item.icon_emoji || this.item.icon_color)){
return this.item.icon_emoji
? this.$transferSingleTwemoji(this.item.icon_emoji, true)
? this.item.icon_emoji
: this.$nextTick(() => {
this.$refs.folderIcon.firstElementChild.style.fill = `${this.item.icon_color}`
})
@@ -133,10 +137,6 @@
justify-content: center;
line-height: 0;
.folder-emoji {
width: 36px;
height: 36px;
}
.file-icon {
@include font-size(35);

View File

@@ -1,6 +1,5 @@
import i18n from '@/i18n/index'
import store from './store/index'
import twemoji from 'twemoji'
import {debounce, includes} from "lodash";
import {events} from './bus'
import axios from 'axios'
@@ -352,17 +351,6 @@ const Helpers = {
let body = document.body
body.classList.add('windows')
}
},
Vue.prototype.$transferSingleTwemoji = function (emoji, jsonParse) {
// Transfer single emoji to twemoji
return twemoji.parse( !jsonParse ? emoji.char : JSON.parse(emoji).char , {
folder: 'svg',
ext: '.svg',
attributes: () => ({
loading: 'lazy',
})
})
}
}
}