info sidebar refactoring

This commit is contained in:
Čarodej
2022-01-22 12:31:27 +01:00
parent ba05cdde83
commit 26bf65af88
9 changed files with 337 additions and 378 deletions

View File

@@ -63,8 +63,8 @@
"/chunks/plan-settings.js": "/chunks/plan-settings.js?id=7f623c8a4002f17eecef",
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=24e47be06cbf2fedbf05",
"/chunks/plans.js": "/chunks/plans.js?id=293e7e8d59da542a9710",
"/chunks/platform.js": "/chunks/platform.js?id=281442ca7b715e6db2c3",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=9ba706813930a43d6f66",
"/chunks/platform.js": "/chunks/platform.js?id=fd672984a6ee69181b87",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=3e295fe819dbf6c2c036",
"/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=ca9ca67afd5839597647",
"/chunks/profile.js": "/chunks/profile.js?id=0ecdd636c92f2f1172d2",
"/chunks/purchase-code.js": "/chunks/purchase-code.js?id=d9af0efad2af2679954b",
@@ -279,5 +279,190 @@
"/chunks/platform~chunks/shared.34c379a70e319d229641.hot-update.js": "/chunks/platform~chunks/shared.34c379a70e319d229641.hot-update.js",
"/chunks/platform~chunks/shared.66f7d160489c94efc5eb.hot-update.js": "/chunks/platform~chunks/shared.66f7d160489c94efc5eb.hot-update.js",
"/chunks/platform~chunks/shared.80bdcd9c82a8fb8b4b1a.hot-update.js": "/chunks/platform~chunks/shared.80bdcd9c82a8fb8b4b1a.hot-update.js",
"/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js": "/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js"
"/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js": "/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js",
"/chunks/platform~chunks/shared.422336b04c35011b687d.hot-update.js": "/chunks/platform~chunks/shared.422336b04c35011b687d.hot-update.js",
"/chunks/platform~chunks/shared.e92dd833524221a10c91.hot-update.js": "/chunks/platform~chunks/shared.e92dd833524221a10c91.hot-update.js",
"/chunks/platform~chunks/shared.288e712c593ac67c5322.hot-update.js": "/chunks/platform~chunks/shared.288e712c593ac67c5322.hot-update.js",
"/chunks/platform~chunks/shared.9d541f783343d3a7327b.hot-update.js": "/chunks/platform~chunks/shared.9d541f783343d3a7327b.hot-update.js",
"/chunks/platform~chunks/shared.1122c8fef60a2456dd90.hot-update.js": "/chunks/platform~chunks/shared.1122c8fef60a2456dd90.hot-update.js",
"/chunks/platform~chunks/shared.59f63e06ac116affc18e.hot-update.js": "/chunks/platform~chunks/shared.59f63e06ac116affc18e.hot-update.js",
"/chunks/platform~chunks/shared.72d8617851c994bb32d3.hot-update.js": "/chunks/platform~chunks/shared.72d8617851c994bb32d3.hot-update.js",
"/chunks/platform~chunks/shared.e9995cc687b7d3fa5d14.hot-update.js": "/chunks/platform~chunks/shared.e9995cc687b7d3fa5d14.hot-update.js",
"/chunks/platform~chunks/shared.62885e220d2328110a9e.hot-update.js": "/chunks/platform~chunks/shared.62885e220d2328110a9e.hot-update.js",
"/chunks/platform~chunks/shared.c93ab1b6eb5e9c96596d.hot-update.js": "/chunks/platform~chunks/shared.c93ab1b6eb5e9c96596d.hot-update.js",
"/chunks/platform~chunks/shared.325350c9dc905fad61f0.hot-update.js": "/chunks/platform~chunks/shared.325350c9dc905fad61f0.hot-update.js",
"/chunks/platform~chunks/shared.ba5b7b16aa3c96b1a52b.hot-update.js": "/chunks/platform~chunks/shared.ba5b7b16aa3c96b1a52b.hot-update.js",
"/chunks/platform~chunks/shared.4903cd70e5c71a2bb48e.hot-update.js": "/chunks/platform~chunks/shared.4903cd70e5c71a2bb48e.hot-update.js",
"/chunks/platform~chunks/shared.fa94a55f75501e254deb.hot-update.js": "/chunks/platform~chunks/shared.fa94a55f75501e254deb.hot-update.js",
"/chunks/platform~chunks/shared.9fff1ebefb22eb0b3524.hot-update.js": "/chunks/platform~chunks/shared.9fff1ebefb22eb0b3524.hot-update.js",
"/chunks/platform~chunks/shared.ed4621c7944f77877b70.hot-update.js": "/chunks/platform~chunks/shared.ed4621c7944f77877b70.hot-update.js",
"/chunks/platform~chunks/shared.b14156eb13565db2159e.hot-update.js": "/chunks/platform~chunks/shared.b14156eb13565db2159e.hot-update.js",
"/chunks/platform~chunks/shared.88ebb6ef69a526b6e184.hot-update.js": "/chunks/platform~chunks/shared.88ebb6ef69a526b6e184.hot-update.js",
"/chunks/platform~chunks/shared.01f050c4522dbfb38b88.hot-update.js": "/chunks/platform~chunks/shared.01f050c4522dbfb38b88.hot-update.js",
"/chunks/platform~chunks/shared.01a7778ce46a489f0c61.hot-update.js": "/chunks/platform~chunks/shared.01a7778ce46a489f0c61.hot-update.js",
"/chunks/platform~chunks/shared.6f8390c31f70a0496f7b.hot-update.js": "/chunks/platform~chunks/shared.6f8390c31f70a0496f7b.hot-update.js",
"/chunks/platform~chunks/shared.06528ee9a54cbe5dc07d.hot-update.js": "/chunks/platform~chunks/shared.06528ee9a54cbe5dc07d.hot-update.js",
"/chunks/platform~chunks/shared.5a019f3370967d7faca7.hot-update.js": "/chunks/platform~chunks/shared.5a019f3370967d7faca7.hot-update.js",
"/chunks/platform~chunks/shared.f31d0d9c52b4b7146a3c.hot-update.js": "/chunks/platform~chunks/shared.f31d0d9c52b4b7146a3c.hot-update.js",
"/chunks/platform~chunks/shared.fe0a5622d1f5c4828737.hot-update.js": "/chunks/platform~chunks/shared.fe0a5622d1f5c4828737.hot-update.js",
"/chunks/platform~chunks/shared.56e19acbcf53aa2c2924.hot-update.js": "/chunks/platform~chunks/shared.56e19acbcf53aa2c2924.hot-update.js",
"/chunks/platform~chunks/shared.7aed37acb315beec586f.hot-update.js": "/chunks/platform~chunks/shared.7aed37acb315beec586f.hot-update.js",
"/chunks/platform~chunks/shared.7a19fc2087c08aaffb19.hot-update.js": "/chunks/platform~chunks/shared.7a19fc2087c08aaffb19.hot-update.js",
"/chunks/platform~chunks/shared.ccbec1d19515d3af7d52.hot-update.js": "/chunks/platform~chunks/shared.ccbec1d19515d3af7d52.hot-update.js",
"/chunks/platform~chunks/shared.ff12d32c567b266c1031.hot-update.js": "/chunks/platform~chunks/shared.ff12d32c567b266c1031.hot-update.js",
"/chunks/platform~chunks/shared.09c660f536ae06c6fe74.hot-update.js": "/chunks/platform~chunks/shared.09c660f536ae06c6fe74.hot-update.js",
"/chunks/platform~chunks/shared.2d26985dcca9c1274f7e.hot-update.js": "/chunks/platform~chunks/shared.2d26985dcca9c1274f7e.hot-update.js",
"/chunks/platform~chunks/shared.51662cec1f9302fc17dc.hot-update.js": "/chunks/platform~chunks/shared.51662cec1f9302fc17dc.hot-update.js",
"/chunks/platform~chunks/shared.f57c5cd2ba574e26418b.hot-update.js": "/chunks/platform~chunks/shared.f57c5cd2ba574e26418b.hot-update.js",
"/chunks/platform~chunks/shared.9c3eb4168f3434e8a4f2.hot-update.js": "/chunks/platform~chunks/shared.9c3eb4168f3434e8a4f2.hot-update.js",
"/chunks/platform~chunks/shared.703752adf83d1e883b37.hot-update.js": "/chunks/platform~chunks/shared.703752adf83d1e883b37.hot-update.js",
"/chunks/platform~chunks/shared.b86b22ad36224ad23448.hot-update.js": "/chunks/platform~chunks/shared.b86b22ad36224ad23448.hot-update.js",
"/chunks/platform~chunks/shared.86553468366cba6eb80e.hot-update.js": "/chunks/platform~chunks/shared.86553468366cba6eb80e.hot-update.js",
"/chunks/platform~chunks/shared.bde86df2628d0ff0e0bd.hot-update.js": "/chunks/platform~chunks/shared.bde86df2628d0ff0e0bd.hot-update.js",
"/chunks/platform~chunks/shared.bd73fd17e8c1689112f1.hot-update.js": "/chunks/platform~chunks/shared.bd73fd17e8c1689112f1.hot-update.js",
"/chunks/platform~chunks/shared.09ca7d8ba79c01e5f94f.hot-update.js": "/chunks/platform~chunks/shared.09ca7d8ba79c01e5f94f.hot-update.js",
"/chunks/platform~chunks/shared.31d800dab23b7d9baad5.hot-update.js": "/chunks/platform~chunks/shared.31d800dab23b7d9baad5.hot-update.js",
"/chunks/platform~chunks/shared.8ce2cd804c73f1b46b8c.hot-update.js": "/chunks/platform~chunks/shared.8ce2cd804c73f1b46b8c.hot-update.js",
"/chunks/platform~chunks/shared.29f304a9031464caa196.hot-update.js": "/chunks/platform~chunks/shared.29f304a9031464caa196.hot-update.js",
"/chunks/platform~chunks/shared.8517793def07a37a8b41.hot-update.js": "/chunks/platform~chunks/shared.8517793def07a37a8b41.hot-update.js",
"/chunks/platform~chunks/shared.7d2b454852cd801cbbb5.hot-update.js": "/chunks/platform~chunks/shared.7d2b454852cd801cbbb5.hot-update.js",
"/chunks/platform~chunks/shared.96ab714ccd28906a2ac6.hot-update.js": "/chunks/platform~chunks/shared.96ab714ccd28906a2ac6.hot-update.js",
"/chunks/platform~chunks/shared.80150e0cfa80ac9ede47.hot-update.js": "/chunks/platform~chunks/shared.80150e0cfa80ac9ede47.hot-update.js",
"/chunks/platform~chunks/shared.1be1504799b2d803c963.hot-update.js": "/chunks/platform~chunks/shared.1be1504799b2d803c963.hot-update.js",
"/chunks/platform~chunks/shared.7a68de781fb37d16d08a.hot-update.js": "/chunks/platform~chunks/shared.7a68de781fb37d16d08a.hot-update.js",
"/chunks/platform~chunks/shared.4bed1cb2ce8157338f03.hot-update.js": "/chunks/platform~chunks/shared.4bed1cb2ce8157338f03.hot-update.js",
"/chunks/platform~chunks/shared.5fc6cbfd16a878713dc7.hot-update.js": "/chunks/platform~chunks/shared.5fc6cbfd16a878713dc7.hot-update.js",
"/chunks/platform~chunks/shared.8e347857646a5c60cd8c.hot-update.js": "/chunks/platform~chunks/shared.8e347857646a5c60cd8c.hot-update.js",
"/chunks/platform~chunks/shared.0fb6cb552d39efe0b16d.hot-update.js": "/chunks/platform~chunks/shared.0fb6cb552d39efe0b16d.hot-update.js",
"/chunks/platform~chunks/shared.6a38526b2217bae6fbbe.hot-update.js": "/chunks/platform~chunks/shared.6a38526b2217bae6fbbe.hot-update.js",
"/chunks/platform~chunks/shared.2c737ae4d84b2d673e38.hot-update.js": "/chunks/platform~chunks/shared.2c737ae4d84b2d673e38.hot-update.js",
"/chunks/platform~chunks/shared.c4ed7697f441929ddf99.hot-update.js": "/chunks/platform~chunks/shared.c4ed7697f441929ddf99.hot-update.js",
"/chunks/platform~chunks/shared.068bccdd3bdf7b541bec.hot-update.js": "/chunks/platform~chunks/shared.068bccdd3bdf7b541bec.hot-update.js",
"/chunks/platform~chunks/shared.2adb69944e1346243d37.hot-update.js": "/chunks/platform~chunks/shared.2adb69944e1346243d37.hot-update.js",
"/chunks/platform~chunks/shared.f392297ab0ac4a9155c2.hot-update.js": "/chunks/platform~chunks/shared.f392297ab0ac4a9155c2.hot-update.js",
"/chunks/platform~chunks/shared.902e1c1d9bd1965da36b.hot-update.js": "/chunks/platform~chunks/shared.902e1c1d9bd1965da36b.hot-update.js",
"/chunks/platform~chunks/shared.028562b8199b8e499c10.hot-update.js": "/chunks/platform~chunks/shared.028562b8199b8e499c10.hot-update.js",
"/chunks/platform~chunks/shared.4c648e9ca04d8ddfd2b4.hot-update.js": "/chunks/platform~chunks/shared.4c648e9ca04d8ddfd2b4.hot-update.js",
"/chunks/platform~chunks/shared.7bd66bb4991a19081947.hot-update.js": "/chunks/platform~chunks/shared.7bd66bb4991a19081947.hot-update.js",
"/chunks/platform~chunks/shared.c442e5672d83a72c172b.hot-update.js": "/chunks/platform~chunks/shared.c442e5672d83a72c172b.hot-update.js",
"/chunks/platform~chunks/shared.c6964c4eda704642330b.hot-update.js": "/chunks/platform~chunks/shared.c6964c4eda704642330b.hot-update.js",
"/chunks/platform~chunks/shared.2cf6d0a2eabb5a37ac0b.hot-update.js": "/chunks/platform~chunks/shared.2cf6d0a2eabb5a37ac0b.hot-update.js",
"/chunks/platform~chunks/shared.246f53ca72bed72d26d4.hot-update.js": "/chunks/platform~chunks/shared.246f53ca72bed72d26d4.hot-update.js",
"/chunks/platform~chunks/shared.89eb30f52a6432a4149a.hot-update.js": "/chunks/platform~chunks/shared.89eb30f52a6432a4149a.hot-update.js",
"/chunks/platform~chunks/shared.fab5d2ff12a7a52788a4.hot-update.js": "/chunks/platform~chunks/shared.fab5d2ff12a7a52788a4.hot-update.js",
"/chunks/platform~chunks/shared.aa20b805da441491dd58.hot-update.js": "/chunks/platform~chunks/shared.aa20b805da441491dd58.hot-update.js",
"/chunks/platform~chunks/shared.6189a4dd39a8de21ca8a.hot-update.js": "/chunks/platform~chunks/shared.6189a4dd39a8de21ca8a.hot-update.js",
"/chunks/platform~chunks/shared.f95ffb7001cd4afa57e9.hot-update.js": "/chunks/platform~chunks/shared.f95ffb7001cd4afa57e9.hot-update.js",
"/chunks/platform~chunks/shared.1c3c2cdc9a49894ba49a.hot-update.js": "/chunks/platform~chunks/shared.1c3c2cdc9a49894ba49a.hot-update.js",
"/chunks/platform~chunks/shared.58e7ae0b17a7484db364.hot-update.js": "/chunks/platform~chunks/shared.58e7ae0b17a7484db364.hot-update.js",
"/chunks/platform~chunks/shared.8f0a9949117bb7183e31.hot-update.js": "/chunks/platform~chunks/shared.8f0a9949117bb7183e31.hot-update.js",
"/chunks/platform~chunks/shared.6fec83dbfdd1821d22c6.hot-update.js": "/chunks/platform~chunks/shared.6fec83dbfdd1821d22c6.hot-update.js",
"/chunks/platform~chunks/shared.3cea61248e90938ff263.hot-update.js": "/chunks/platform~chunks/shared.3cea61248e90938ff263.hot-update.js",
"/chunks/platform~chunks/shared.5eeb2f7fc82118cd7aae.hot-update.js": "/chunks/platform~chunks/shared.5eeb2f7fc82118cd7aae.hot-update.js",
"/chunks/platform~chunks/shared.f63539bae53bd70996f8.hot-update.js": "/chunks/platform~chunks/shared.f63539bae53bd70996f8.hot-update.js",
"/chunks/platform~chunks/shared.4c734d26fb5ffd20c0c3.hot-update.js": "/chunks/platform~chunks/shared.4c734d26fb5ffd20c0c3.hot-update.js",
"/chunks/platform~chunks/shared.4b01bbb138a3cc03ea30.hot-update.js": "/chunks/platform~chunks/shared.4b01bbb138a3cc03ea30.hot-update.js",
"/chunks/platform~chunks/shared.42c6ffc575a691713bf3.hot-update.js": "/chunks/platform~chunks/shared.42c6ffc575a691713bf3.hot-update.js",
"/chunks/platform~chunks/shared.c48929fe81d28f5376a9.hot-update.js": "/chunks/platform~chunks/shared.c48929fe81d28f5376a9.hot-update.js",
"/chunks/platform~chunks/shared.86142cad0ec3dc27a614.hot-update.js": "/chunks/platform~chunks/shared.86142cad0ec3dc27a614.hot-update.js",
"/chunks/platform~chunks/shared.d94a25b67155627c016a.hot-update.js": "/chunks/platform~chunks/shared.d94a25b67155627c016a.hot-update.js",
"/chunks/platform~chunks/shared.c1dd5a9c87e331cfe79f.hot-update.js": "/chunks/platform~chunks/shared.c1dd5a9c87e331cfe79f.hot-update.js",
"/chunks/platform~chunks/shared.28e3b628a21d5756f2d4.hot-update.js": "/chunks/platform~chunks/shared.28e3b628a21d5756f2d4.hot-update.js",
"/chunks/platform~chunks/shared.424036a62788c25573a3.hot-update.js": "/chunks/platform~chunks/shared.424036a62788c25573a3.hot-update.js",
"/chunks/platform~chunks/shared.d8db755bec1da09a92f8.hot-update.js": "/chunks/platform~chunks/shared.d8db755bec1da09a92f8.hot-update.js",
"/chunks/platform~chunks/shared.68d5ed4f1b6779084bf9.hot-update.js": "/chunks/platform~chunks/shared.68d5ed4f1b6779084bf9.hot-update.js",
"/chunks/platform~chunks/shared.4f5ccecb53759ccb17d1.hot-update.js": "/chunks/platform~chunks/shared.4f5ccecb53759ccb17d1.hot-update.js",
"/chunks/platform~chunks/shared.1a41c4912563b9652a4f.hot-update.js": "/chunks/platform~chunks/shared.1a41c4912563b9652a4f.hot-update.js",
"/chunks/platform~chunks/shared.900982821e3f267f1029.hot-update.js": "/chunks/platform~chunks/shared.900982821e3f267f1029.hot-update.js",
"/chunks/platform~chunks/shared.d4c9fa81dd916efe03f6.hot-update.js": "/chunks/platform~chunks/shared.d4c9fa81dd916efe03f6.hot-update.js",
"/chunks/platform~chunks/shared.51d54079fa5aa5bbfb90.hot-update.js": "/chunks/platform~chunks/shared.51d54079fa5aa5bbfb90.hot-update.js",
"/chunks/platform~chunks/shared.7441653a0395c6b68788.hot-update.js": "/chunks/platform~chunks/shared.7441653a0395c6b68788.hot-update.js",
"/chunks/platform~chunks/shared.252b3183721276bf1eb6.hot-update.js": "/chunks/platform~chunks/shared.252b3183721276bf1eb6.hot-update.js",
"/chunks/platform~chunks/shared.ba207980f79cf49a5699.hot-update.js": "/chunks/platform~chunks/shared.ba207980f79cf49a5699.hot-update.js",
"/chunks/platform~chunks/shared.9a0b7cf686be840f9c61.hot-update.js": "/chunks/platform~chunks/shared.9a0b7cf686be840f9c61.hot-update.js",
"/chunks/platform~chunks/shared.9ac1ca5dd8beaec40a75.hot-update.js": "/chunks/platform~chunks/shared.9ac1ca5dd8beaec40a75.hot-update.js",
"/chunks/platform~chunks/shared.91f2453406492c77f0ea.hot-update.js": "/chunks/platform~chunks/shared.91f2453406492c77f0ea.hot-update.js",
"/chunks/platform~chunks/shared.5600e36d7792d12d29c5.hot-update.js": "/chunks/platform~chunks/shared.5600e36d7792d12d29c5.hot-update.js",
"/chunks/platform~chunks/shared.984fb88e28d166a47049.hot-update.js": "/chunks/platform~chunks/shared.984fb88e28d166a47049.hot-update.js",
"/chunks/platform~chunks/shared.a520bf6e0de2c360aaba.hot-update.js": "/chunks/platform~chunks/shared.a520bf6e0de2c360aaba.hot-update.js",
"/chunks/platform~chunks/shared.18e3eaa4d94dff605b6b.hot-update.js": "/chunks/platform~chunks/shared.18e3eaa4d94dff605b6b.hot-update.js",
"/chunks/platform~chunks/shared.a9cdaa0753ea1d87bbce.hot-update.js": "/chunks/platform~chunks/shared.a9cdaa0753ea1d87bbce.hot-update.js",
"/chunks/platform~chunks/shared.575afac00567e2ac4020.hot-update.js": "/chunks/platform~chunks/shared.575afac00567e2ac4020.hot-update.js",
"/chunks/platform~chunks/shared.d194beed7ef70da33cd2.hot-update.js": "/chunks/platform~chunks/shared.d194beed7ef70da33cd2.hot-update.js",
"/chunks/platform~chunks/shared.da5240985cfaf113951d.hot-update.js": "/chunks/platform~chunks/shared.da5240985cfaf113951d.hot-update.js",
"/chunks/platform~chunks/shared.7fa7ffe2c0d77f1aefc2.hot-update.js": "/chunks/platform~chunks/shared.7fa7ffe2c0d77f1aefc2.hot-update.js",
"/chunks/platform~chunks/shared.5e11b8ea413c57a0b050.hot-update.js": "/chunks/platform~chunks/shared.5e11b8ea413c57a0b050.hot-update.js",
"/chunks/platform~chunks/shared.e47a1d1fa129d621b745.hot-update.js": "/chunks/platform~chunks/shared.e47a1d1fa129d621b745.hot-update.js",
"/chunks/platform~chunks/shared.f7a377855fad06db2978.hot-update.js": "/chunks/platform~chunks/shared.f7a377855fad06db2978.hot-update.js",
"/chunks/platform~chunks/shared.dd156862e9bdd4b94c59.hot-update.js": "/chunks/platform~chunks/shared.dd156862e9bdd4b94c59.hot-update.js",
"/chunks/platform~chunks/shared.98f49f97fe0537cbd6ec.hot-update.js": "/chunks/platform~chunks/shared.98f49f97fe0537cbd6ec.hot-update.js",
"/chunks/platform~chunks/shared.968c27a77a6b5266e96a.hot-update.js": "/chunks/platform~chunks/shared.968c27a77a6b5266e96a.hot-update.js",
"/chunks/platform~chunks/shared.efd128d4649e93a196ad.hot-update.js": "/chunks/platform~chunks/shared.efd128d4649e93a196ad.hot-update.js",
"/chunks/platform~chunks/shared.c8b87262a5fe428aa2b3.hot-update.js": "/chunks/platform~chunks/shared.c8b87262a5fe428aa2b3.hot-update.js",
"/chunks/platform~chunks/shared.ef73629572bc078873a5.hot-update.js": "/chunks/platform~chunks/shared.ef73629572bc078873a5.hot-update.js",
"/chunks/platform~chunks/shared.caa4d45a9d0beb6a31c8.hot-update.js": "/chunks/platform~chunks/shared.caa4d45a9d0beb6a31c8.hot-update.js",
"/chunks/platform~chunks/shared.3f2bf64221a507cd6db0.hot-update.js": "/chunks/platform~chunks/shared.3f2bf64221a507cd6db0.hot-update.js",
"/chunks/platform~chunks/shared.b5d061ef88c61afdc136.hot-update.js": "/chunks/platform~chunks/shared.b5d061ef88c61afdc136.hot-update.js",
"/chunks/platform~chunks/shared.8f583771b9f5faea4af5.hot-update.js": "/chunks/platform~chunks/shared.8f583771b9f5faea4af5.hot-update.js",
"/chunks/platform~chunks/shared.4d0594bb7ef2debdf1ab.hot-update.js": "/chunks/platform~chunks/shared.4d0594bb7ef2debdf1ab.hot-update.js",
"/chunks/platform~chunks/shared.3cce00ec111dc16474cd.hot-update.js": "/chunks/platform~chunks/shared.3cce00ec111dc16474cd.hot-update.js",
"/chunks/platform~chunks/shared.eb9337f9ed4394f41baf.hot-update.js": "/chunks/platform~chunks/shared.eb9337f9ed4394f41baf.hot-update.js",
"/chunks/platform~chunks/shared.c597a45c74c42bc1864d.hot-update.js": "/chunks/platform~chunks/shared.c597a45c74c42bc1864d.hot-update.js",
"/chunks/platform~chunks/shared.3215dd2af27ce0f752ad.hot-update.js": "/chunks/platform~chunks/shared.3215dd2af27ce0f752ad.hot-update.js",
"/chunks/platform~chunks/shared.1d8474f781cb4f6932f0.hot-update.js": "/chunks/platform~chunks/shared.1d8474f781cb4f6932f0.hot-update.js",
"/chunks/platform~chunks/shared.7b2faa6448853dd972c2.hot-update.js": "/chunks/platform~chunks/shared.7b2faa6448853dd972c2.hot-update.js",
"/chunks/platform.31105b7115f346945b75.hot-update.js": "/chunks/platform.31105b7115f346945b75.hot-update.js",
"/chunks/platform~chunks/shared.3a81fc9756770a03962e.hot-update.js": "/chunks/platform~chunks/shared.3a81fc9756770a03962e.hot-update.js",
"/chunks/platform.72e50bcc2b17d6fc80f5.hot-update.js": "/chunks/platform.72e50bcc2b17d6fc80f5.hot-update.js",
"/chunks/platform~chunks/shared.226fdabbcc9134e0bf56.hot-update.js": "/chunks/platform~chunks/shared.226fdabbcc9134e0bf56.hot-update.js",
"/chunks/platform~chunks/shared.fac32932b3c704fd05f0.hot-update.js": "/chunks/platform~chunks/shared.fac32932b3c704fd05f0.hot-update.js",
"/chunks/platform~chunks/shared.cb9df4d8c023711078ba.hot-update.js": "/chunks/platform~chunks/shared.cb9df4d8c023711078ba.hot-update.js",
"/chunks/platform~chunks/shared.0cac93de5b7bd2e62199.hot-update.js": "/chunks/platform~chunks/shared.0cac93de5b7bd2e62199.hot-update.js",
"/chunks/platform.13524f0b1fe243da6315.hot-update.js": "/chunks/platform.13524f0b1fe243da6315.hot-update.js",
"/chunks/platform.a497ca0d7bcc4aa54672.hot-update.js": "/chunks/platform.a497ca0d7bcc4aa54672.hot-update.js",
"/chunks/platform.8922396d7411e5f28134.hot-update.js": "/chunks/platform.8922396d7411e5f28134.hot-update.js",
"/chunks/platform~chunks/shared.2b556766bb400aa9bda9.hot-update.js": "/chunks/platform~chunks/shared.2b556766bb400aa9bda9.hot-update.js",
"/chunks/platform.7e38080e47056d673378.hot-update.js": "/chunks/platform.7e38080e47056d673378.hot-update.js",
"/chunks/platform.fa6dd956589a811641ce.hot-update.js": "/chunks/platform.fa6dd956589a811641ce.hot-update.js",
"/chunks/platform~chunks/shared.807461d68778a78f06de.hot-update.js": "/chunks/platform~chunks/shared.807461d68778a78f06de.hot-update.js",
"/chunks/platform~chunks/shared.6cb4fcae1c1e1c2500df.hot-update.js": "/chunks/platform~chunks/shared.6cb4fcae1c1e1c2500df.hot-update.js",
"/chunks/platform~chunks/shared.0324b207b958b547bcd5.hot-update.js": "/chunks/platform~chunks/shared.0324b207b958b547bcd5.hot-update.js",
"/chunks/platform~chunks/shared.3cad8259bcb5e255aa07.hot-update.js": "/chunks/platform~chunks/shared.3cad8259bcb5e255aa07.hot-update.js",
"/chunks/platform~chunks/shared.49b521ffd7630dabdcc8.hot-update.js": "/chunks/platform~chunks/shared.49b521ffd7630dabdcc8.hot-update.js",
"/chunks/platform~chunks/shared.7467a2d1b1e36bbce6e3.hot-update.js": "/chunks/platform~chunks/shared.7467a2d1b1e36bbce6e3.hot-update.js",
"/chunks/platform~chunks/shared.e0ad9949edbc356c6915.hot-update.js": "/chunks/platform~chunks/shared.e0ad9949edbc356c6915.hot-update.js",
"/chunks/platform~chunks/shared.b4aae27601a382ad64f1.hot-update.js": "/chunks/platform~chunks/shared.b4aae27601a382ad64f1.hot-update.js",
"/chunks/platform.088fd5924cae1f5a631b.hot-update.js": "/chunks/platform.088fd5924cae1f5a631b.hot-update.js",
"/chunks/platform~chunks/shared.2cea858ab7049e9cf672.hot-update.js": "/chunks/platform~chunks/shared.2cea858ab7049e9cf672.hot-update.js",
"/js/main.1a7fe173761d84a77ec8.hot-update.js": "/js/main.1a7fe173761d84a77ec8.hot-update.js",
"/js/main.2f3f750d568b85dd2226.hot-update.js": "/js/main.2f3f750d568b85dd2226.hot-update.js",
"/chunks/platform~chunks/shared.dcab60fd9533e8b63401.hot-update.js": "/chunks/platform~chunks/shared.dcab60fd9533e8b63401.hot-update.js",
"/chunks/platform~chunks/shared.c2b24243f4a3b1996260.hot-update.js": "/chunks/platform~chunks/shared.c2b24243f4a3b1996260.hot-update.js",
"/chunks/platform~chunks/shared.36c5191142f214ea68ee.hot-update.js": "/chunks/platform~chunks/shared.36c5191142f214ea68ee.hot-update.js",
"/chunks/platform~chunks/shared.7503e60125127ef85057.hot-update.js": "/chunks/platform~chunks/shared.7503e60125127ef85057.hot-update.js",
"/chunks/platform~chunks/shared.06d5139024bc58a58b6c.hot-update.js": "/chunks/platform~chunks/shared.06d5139024bc58a58b6c.hot-update.js",
"/chunks/platform~chunks/shared.89f965d45911e78d04dc.hot-update.js": "/chunks/platform~chunks/shared.89f965d45911e78d04dc.hot-update.js",
"/chunks/platform~chunks/shared.cdab15eca301ed135a5f.hot-update.js": "/chunks/platform~chunks/shared.cdab15eca301ed135a5f.hot-update.js",
"/chunks/platform~chunks/shared.2877b9cee0d4d9a5ed52.hot-update.js": "/chunks/platform~chunks/shared.2877b9cee0d4d9a5ed52.hot-update.js",
"/chunks/platform~chunks/shared.22da8d295e50f1b9308e.hot-update.js": "/chunks/platform~chunks/shared.22da8d295e50f1b9308e.hot-update.js",
"/chunks/platform~chunks/shared.9ba1d19377c5dcca0e31.hot-update.js": "/chunks/platform~chunks/shared.9ba1d19377c5dcca0e31.hot-update.js",
"/chunks/platform~chunks/shared.c7936717600fa16d1ed6.hot-update.js": "/chunks/platform~chunks/shared.c7936717600fa16d1ed6.hot-update.js",
"/chunks/platform~chunks/shared.a29c163bb6d792ac14f4.hot-update.js": "/chunks/platform~chunks/shared.a29c163bb6d792ac14f4.hot-update.js",
"/chunks/platform~chunks/shared.2f7803af607cdc90eb5d.hot-update.js": "/chunks/platform~chunks/shared.2f7803af607cdc90eb5d.hot-update.js",
"/chunks/platform~chunks/shared.aede45f94c67c1d28418.hot-update.js": "/chunks/platform~chunks/shared.aede45f94c67c1d28418.hot-update.js",
"/chunks/platform~chunks/shared.d5a91024da7ee7b490c7.hot-update.js": "/chunks/platform~chunks/shared.d5a91024da7ee7b490c7.hot-update.js",
"/chunks/platform~chunks/shared.f0206e0d301fe68c7053.hot-update.js": "/chunks/platform~chunks/shared.f0206e0d301fe68c7053.hot-update.js",
"/chunks/platform~chunks/shared.2d469e4f0e1486df6d47.hot-update.js": "/chunks/platform~chunks/shared.2d469e4f0e1486df6d47.hot-update.js",
"/chunks/platform~chunks/shared.59953589b2f3f65cdf7c.hot-update.js": "/chunks/platform~chunks/shared.59953589b2f3f65cdf7c.hot-update.js",
"/chunks/platform~chunks/shared.9dc076c1284d85d0633d.hot-update.js": "/chunks/platform~chunks/shared.9dc076c1284d85d0633d.hot-update.js",
"/chunks/platform~chunks/shared.e4989135db532ac7839d.hot-update.js": "/chunks/platform~chunks/shared.e4989135db532ac7839d.hot-update.js",
"/chunks/platform~chunks/shared.a85719e6eac48b2bb659.hot-update.js": "/chunks/platform~chunks/shared.a85719e6eac48b2bb659.hot-update.js",
"/chunks/platform~chunks/shared.a0a6b61250e729f63040.hot-update.js": "/chunks/platform~chunks/shared.a0a6b61250e729f63040.hot-update.js",
"/chunks/platform~chunks/shared.0bbaf06e2aec09c7f967.hot-update.js": "/chunks/platform~chunks/shared.0bbaf06e2aec09c7f967.hot-update.js",
"/chunks/platform~chunks/shared.30c4095665cd67ce3314.hot-update.js": "/chunks/platform~chunks/shared.30c4095665cd67ce3314.hot-update.js",
"/chunks/platform~chunks/shared.49026368a5253b13c3b2.hot-update.js": "/chunks/platform~chunks/shared.49026368a5253b13c3b2.hot-update.js",
"/chunks/platform~chunks/shared.009d0f8739b6b59e15dc.hot-update.js": "/chunks/platform~chunks/shared.009d0f8739b6b59e15dc.hot-update.js",
"/chunks/platform~chunks/shared.5e2d796a69fc1b3df160.hot-update.js": "/chunks/platform~chunks/shared.5e2d796a69fc1b3df160.hot-update.js",
"/chunks/platform~chunks/shared.4b9e965c632ec4032155.hot-update.js": "/chunks/platform~chunks/shared.4b9e965c632ec4032155.hot-update.js",
"/chunks/platform~chunks/shared.15bfd27dfaec399b14c8.hot-update.js": "/chunks/platform~chunks/shared.15bfd27dfaec399b14c8.hot-update.js"
}

View File

@@ -1,69 +0,0 @@
<template>
<div class="empty-message">
<div class="message text-center">
<eye-off-icon v-if="icon === 'eye-off'" size="36" class="icon" />
<p>{{ message }}</p>
</div>
</div>
</template>
<script>
import { EyeOffIcon } from 'vue-feather-icons'
export default {
name: 'EmptyMessage',
props: ['icon', 'message'],
components: {
EyeOffIcon
}
}
</script>
<style scoped lang="scss">
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.empty-message {
text-align: center;
display: flex;
align-items: center;
height: 100%;
.message {
margin: 0 auto;
p {
margin-top: 10px;
max-width: 130px;
@include font-size(13);
font-weight: 500;
color: $text-muted;
}
.icon {
display: inline-block;
path, line, polyline, rect, circle {
stroke: $text;
}
}
}
}
.dark {
.empty-message {
.message {
.icon {
path, line, polyline, rect, circle {
stroke: $dark_mode_text_secondary;
}
}
p {
color: $dark_mode_text_secondary;
}
}
}
}
</style>

View File

@@ -1,46 +1,34 @@
<template>
<div class="info-wrapper">
<div class="2xl:w-104 w-96 px-2.5 overflow-y-auto overflow-x-hidden h-screen lg:block hidden">
<!--Is empty clipboard-->
<EmptyMessage
v-if="isEmpty"
:message="$t('messages.nothing_to_preview')"
icon="eye-off"
/>
<div v-if="isEmpty" class="flex items-center justify-center h-full">
<div class="text-center">
<eye-off-icon size="28" class="vue-feather text-gray-400 inline-block mb-3" />
<small class="text-sm block text-gray-400">
{{ $t('messages.nothing_to_preview') }}
</small>
</div>
</div>
<!--Multiple item selection-->
<div v-if="! isSingleFile && !isEmpty" class="info-headline">
<TitlePreview
icon="check-square"
:title="$t('file_detail.selected_multiple')"
:subtitle="this.clipboard.length + ' ' + $tc('file_detail.items', this.clipboard.length)"
/>
</div>
<TitlePreview
v-if="! isSingleFile && !isEmpty"
class="mb-6"
icon="check-square"
:title="$t('file_detail.selected_multiple')"
:subtitle="this.clipboard.length + ' ' + $tc('file_detail.items', this.clipboard.length)"
/>
<!--Single file preview-->
<div v-if="isSingleFile && !isEmpty" class="info-headline">
<div v-if="isSingleFile && !isEmpty">
<FilePreviewDetail />
<TitlePreview
class="mb-6"
:icon="clipboard[0].data.type"
:title="clipboard[0].data.attributes.name"
:subtitle="clipboard[0].data.attributes.mimetype"
/>
</div>
<!--File info-->
<ListInfo v-if="isSingleFile && !isEmpty">
<!--Author-->
<ListInfoItem
v-if="canShowAuthor"
:title="$t('Author')"
>
<div class="flex items-center mt-1">
<MemberAvatar :size="32" :member="singleFile.data.relationships.owner" />
<span class="ml-2 block">{{ singleFile.data.relationships.owner.data.attributes.name }}</span>
</div>
</ListInfoItem>
<!--Filesize-->
<ListInfoItem
@@ -60,9 +48,11 @@
v-if="$checkPermission(['master'])"
:title="$t('file_detail.where')"
>
<div class="action-button" @click="openMoveOptions">
<span>{{ singleFile.data.relationships.parent ? singleFile.data.relationships.parent.data.attributes.name : $t('locations.home') }}</span>
<edit-2-icon size="10" class="edit-icon" />
<div @click="$moveFileOrFolder(singleFile)" class="flex items-center cursor-pointer">
<span class="inline-block font-bold text-sm">
{{ singleFile.data.relationships.parent ? singleFile.data.relationships.parent.data.attributes.name : $t('locations.home') }}
</span>
<Edit2Icon size="10" class="ml-2" />
</div>
</ListInfoItem>
@@ -73,7 +63,7 @@
>
<div class="action-button" @click="$updateTeamFolder(singleFile)">
<TeamMembersPreview :folder="singleFile" :avatar-size="32" />
<edit-2-icon size="10" class="edit-icon" />
<Edit2Icon size="10" class="ml-2" />
</div>
</ListInfoItem>
@@ -82,14 +72,29 @@
v-if="$checkPermission('master') && singleFile.data.relationships.shared"
:title="$t('file_detail.shared')"
>
<div @click="openShareOptions" class="action-button">
<span>{{ sharedInfo }}</span>
<edit-2-icon size="10" class="edit-icon" />
<div @click="$shareFileOrFolder(singleFile)" class="flex items-center cursor-pointer mb-2">
<span class="inline-block font-bold text-sm">
{{ sharedInfo }}
</span>
<Edit2Icon size="10" class="ml-2" />
</div>
<div class="share-link">
<lock-icon v-if="isLocked" @click="openShareOptions" class="lock-icon" size="17" />
<unlock-icon v-if="! isLocked" @click="openShareOptions" class="lock-icon" size="17" />
<CopyShareLink :item="singleFile" class="copy-share-link" size="small" />
<div class="flex items-center w-full">
<lock-icon v-if="isLocked" @click="$shareFileOrFolder(singleFile)" size="17" class="hover-text-theme vue-feather cursor-pointer"/>
<unlock-icon v-if="! isLocked" @click="$shareFileOrFolder(singleFile)" size="17" class="hover-text-theme vue-feather cursor-pointer"/>
<CopyShareLink :item="singleFile" size="small" class="w-full pl-2.5"/>
</div>
</ListInfoItem>
<!--Author-->
<ListInfoItem
v-if="canShowAuthor"
:title="$t('Author')"
>
<div class="flex items-center mt-1.5">
<MemberAvatar :size="32" :member="singleFile.data.relationships.owner" />
<span class="ml-3 block font-bold font-sm">
{{ singleFile.data.relationships.owner.data.attributes.name }}
</span>
</div>
</ListInfoItem>
@@ -100,39 +105,35 @@
>
<ImageMetaData />
</ListInfoItem>
</ListInfo>
</div>
</div>
</template>
<script>
import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
import {Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon} from 'vue-feather-icons'
import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
import EmptyMessage from '/resources/js/components/FilesView/EmptyMessage'
import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
import {Edit2Icon, LockIcon, UnlockIcon} from 'vue-feather-icons'
import ListInfo from '/resources/js/components/Others/ListInfo'
import {events} from '/resources/js/bus'
import MemberAvatar from "./MemberAvatar"
import {mapGetters} from 'vuex'
import MemberAvatar from "./MemberAvatar";
export default {
name: 'InfoSidebar',
components: {
MemberAvatar,
TeamMembersPreview,
FilePreviewDetail,
ImageMetaData,
EmptyMessage,
CopyShareLink,
MemberAvatar,
TitlePreview,
ListInfoItem,
UnlockIcon,
CopyShareLink,
EyeOffIcon,
Edit2Icon,
LockIcon,
ListInfo,
},
computed: {
...mapGetters([
@@ -168,43 +169,5 @@
&& this.user.data.id !== this.clipboard[0].data.relationships.owner.data.id
},
},
methods: {
openShareOptions() {
events.$emit('popup:open', {name: 'share-edit', item: this.clipboard[0]})
},
openMoveOptions() {
events.$emit("popup:open", {name: "move", item: this.clipboard});
}
}
}
</script>
<style scoped lang="scss">
.info-wrapper {
padding-bottom: 50px;
}
.info-headline {
margin-bottom: 20px;
border-radius: 8px;
}
.share-link {
display: flex;
width: 100%;
align-items: center;
margin-top: 10px;
.lock-icon {
display: inline-block;
width: 15px;
margin-right: 9px;
cursor: pointer;
}
.copy-share-link {
width: 100%;
}
}
</style>

View File

@@ -25,7 +25,7 @@
<!--More Actions-->
<div class="relative">
<div v-if="$checkPermission('master')" @click="showMobileNavigation" class="tap-area absolute right-0 p-4 -mr-2 transform -translate-y-2/4">
<div v-if="$checkPermission('master')" @click="showMobileNavigation" class="absolute right-0 p-4 -mr-2 transform -translate-y-2/4">
<menu-icon size="17" />
</div>
</div>
@@ -88,22 +88,3 @@
}
}
</script>
<style scoped lang="scss">
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.dark {
.directory-name {
color: $dark_mode_text_primary;
}
.tap-area {
path, line, polyline, rect, circle {
stroke: $dark_mode_text_primary;
}
}
}
</style>

View File

@@ -1,93 +1,45 @@
<template>
<div class="wrapper">
<div class="icon-wrapper">
<CheckSquareIcon v-if="icon === 'check-square'" class="icon text-theme vue-feather" size="21" />
<image-icon v-if="icon === 'image'" class="icon text-theme vue-feather" size="21" />
<video-icon v-if="icon === 'video'" class="icon text-theme vue-feather" size="21" />
<folder-icon v-if="icon === 'folder'" class="icon text-theme vue-feather" size="21" />
<file-icon v-if="icon === 'file'" class="icon text-theme vue-feather" size="21" />
<div class="flex items-start">
<div class="mr-2">
<CheckSquareIcon v-if="icon === 'check-square'" class="text-theme vue-feather" size="19" />
<image-icon v-if="icon === 'image'" class="text-theme vue-feather" size="19" />
<video-icon v-if="icon === 'video'" class="text-theme vue-feather" size="19" />
<folder-icon v-if="icon === 'folder'" class="text-theme vue-feather" size="19" />
<file-icon v-if="icon === 'file'" class="text-theme vue-feather" size="19" />
</div>
<div class="text">
<span class="title">{{ title }}</span>
<span class="subtitle">{{ subtitle }}</span>
<div>
<b class="font-bold text-base inline-block whitespace-nowrap 2xl:w-72 w-52 overflow-ellipsis overflow-hidden leading-3">
{{ title }}
</b>
<small class="font-bold text-xs text-gray-400 block">
{{ subtitle }}
</small>
</div>
</div>
</template>
<script>
import {
CheckSquareIcon,
FolderIcon,
ImageIcon,
VideoIcon,
FileIcon,
} from "vue-feather-icons"
export default {
name: 'TitlePreview',
props: [
'subtitle',
'title',
'icon',
],
components: {
CheckSquareIcon,
import {
CheckSquareIcon,
FolderIcon,
ImageIcon,
VideoIcon,
FileIcon,
},
}
} from "vue-feather-icons"
export default {
name: 'TitlePreview',
props: [
'subtitle',
'title',
'icon',
],
components: {
CheckSquareIcon,
FolderIcon,
ImageIcon,
VideoIcon,
FileIcon,
},
}
</script>
<style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.wrapper {
display: flex;
align-items: flex-start;
.text {
padding-left: 10px;
width: 100%;
word-break: break-all;
.title {
@include font-size(14);
font-weight: 700;
line-height: 1.4;
display: block;
color: $text;
}
.subtitle {
@include font-size(12);
font-weight: 600;
color: $text-muted;
display: block;
}
}
.icon-wrapper {
polyline, path, rect, circle, polyline {
color: inherit;
}
}
}
.dark {
.wrapper {
.text {
.title {
color: $dark_mode_text_primary;
}
.subtitle {
color: $dark_mode_text_secondary;
}
}
}
}
</style>

View File

@@ -1,66 +1,56 @@
<template>
<div v-if="canBePreview" class="preview">
<img v-if="singleFile.data.type === 'image' && singleFile.data.attributes.thumbnail" :src="singleFile.data.attributes.thumbnail.md" :alt="singleFile.data.attributes.name" />
<audio v-else-if="singleFile.data.type === 'audio'" :src="singleFile.data.attributes.file_url" controlsList="nodownload" controls></audio>
<video v-else-if="singleFile.data.type === 'video'" controlsList="nodownload" disablePictureInPicture playsinline controls>
<div v-if="canBePreview" class="w-full block mb-4">
<!--Image-->
<img
v-if="singleFile.data.type === 'image' && singleFile.data.attributes.thumbnail"
:src="singleFile.data.attributes.thumbnail.md"
:alt="singleFile.data.attributes.name"
class="rounded-lg overflow-hidden w-full object-cover shadow-lg"
/>
<!--Audio-->
<audio
v-else-if="singleFile.data.type === 'audio'"
:src="singleFile.data.attributes.file_url"
controlsList="nodownload"
controls
class="w-full"
>
</audio>
<!--Video-->
<video
class="w-full h-auto rounded-sm overflow-hidden"
v-else-if="singleFile.data.type === 'video'"
controlsList="nodownload"
disablePictureInPicture
playsinline
controls
>
<source :src="singleFile.data.attributes.file_url" type="video/mp4">
</video>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { includes } from 'lodash'
import {mapGetters} from 'vuex'
import {includes} from 'lodash'
export default {
name: 'FilePreview',
computed: {
...mapGetters([
export default {
name: 'FilePreview',
computed: {
...mapGetters([
'clipboard',
]),
singleFile() {
return this.clipboard[0]
return this.clipboard[0]
},
canBePreview() {
return this.singleFile && ! includes([
'folder', 'file'
], this.singleFile.data.type)
},
}
canBePreview() {
return this.singleFile && !includes([
'folder', 'file'
], this.singleFile.data.type)
},
}
}
</script>
<style scoped lang="scss">
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.preview {
width: 100%;
display: block;
margin-bottom: 7px;
img {
border-radius: 4px;
overflow: hidden;
width: 100%;
object-fit: cover;
}
audio {
width: 100%;
&::-webkit-media-controls-panel {
background-color: $light_background;
}
&::-webkit-media-controls-play-button {
color: $theme;
}
}
video {
width: 100%;
height: auto;
border-radius: 3px;
}
}
</style>
</script>

View File

@@ -1,64 +1,22 @@
<template>
<li class="list-info-item">
<b class="text-theme dark-text-theme">{{ title }}</b>
<span v-if="content">{{ content }}</span>
<slot></slot>
</li>
<div class="mb-4">
<small class="text-theme font-bold text-xs block">
{{ title }}
</small>
<b v-if="content" class="inline-block font-bold text-sm">
{{ content }}
</b>
<slot v-if="$slots.default" />
</div>
</template>
<script>
export default {
name: 'ListInfoItem',
props: ['title', 'content']
props: [
'content',
'title',
]
}
</script>
<style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.list-info-item {
display: block;
padding-bottom: 20px;
.action-button {
cursor: pointer;
display: flex;
align-items: center;
.edit-icon {
display: inline-block;
margin-left: 7px;
}
}
b {
display: block;
@include font-size(13);
margin-bottom: 2px;
}
span {
display: inline-block;
@include font-size(14);
font-weight: bold;
color: $text;
}
}
.dark {
.list-info-item {
span {
color: $dark_mode_text_primary
}
.action-button {
.icon {
color: $dark_mode_text_primary;
}
}
}
}
</style>

View File

@@ -42,19 +42,15 @@
<MobileToolbar />
<!--File list & info sidebar-->
<div class="flex space-x-6 lg:overflow-hidden lg:h-screen">
<div class="flex space-x-3 lg:overflow-hidden lg:h-screen">
<router-view
id="file-view"
:class="{'2xl:w-5/6 lg:w-4/6 w-full': isVisibleSidebar, 'w-full': ! isVisibleSidebar}"
class="relative"
class="relative w-full"
:key="$route.fullPath"
/>
<InfoSidebar
v-if="isVisibleSidebar"
class="2xl:w-72 w-2/6 overflow-y-auto overflow-x-hidden h-screen lg:block hidden"
/>
<InfoSidebar v-if="isVisibleSidebar" />
</div>
</div>
</div>

3
tailwind.config.js vendored
View File

@@ -51,6 +51,9 @@ module.exports = {
},
screens: {
'print': {'raw': 'print'},
},
width: {
'104': '28rem',
}
},
},