mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-05-24 13:44:42 +00:00
Fix issues from FilePreview v0.2
This commit is contained in:
+103
-117
@@ -1,121 +1,107 @@
|
|||||||
{
|
{
|
||||||
"/js/main.js": "/js/main.js",
|
"/js/main.js": "/js/main.js",
|
||||||
"/css/app.css": "/css/app.css",
|
"/css/app.css": "/css/app.css",
|
||||||
"/js/main.41fba7d1db23b679866a.hot-update.js": "/js/main.41fba7d1db23b679866a.hot-update.js",
|
"/js/main.a4455338135440c06ca9.hot-update.js": "/js/main.a4455338135440c06ca9.hot-update.js",
|
||||||
"/js/main.dfef6b6e7ff01c58eb7b.hot-update.js": "/js/main.dfef6b6e7ff01c58eb7b.hot-update.js",
|
"/js/main.75d9ef06cf1c7f3378b3.hot-update.js": "/js/main.75d9ef06cf1c7f3378b3.hot-update.js",
|
||||||
"/js/main.1e5721c2c691120f3b7e.hot-update.js": "/js/main.1e5721c2c691120f3b7e.hot-update.js",
|
"/js/main.b9c094c8ec56a54e6c00.hot-update.js": "/js/main.b9c094c8ec56a54e6c00.hot-update.js",
|
||||||
"/js/main.4d3f29207f8bec0c4d20.hot-update.js": "/js/main.4d3f29207f8bec0c4d20.hot-update.js",
|
"/js/main.9e9f23c340f512cff45f.hot-update.js": "/js/main.9e9f23c340f512cff45f.hot-update.js",
|
||||||
"/js/main.49f420535b104d82b192.hot-update.js": "/js/main.49f420535b104d82b192.hot-update.js",
|
"/js/main.4755c0dc1f99dc8ee040.hot-update.js": "/js/main.4755c0dc1f99dc8ee040.hot-update.js",
|
||||||
"/js/main.6868f579f73ae79e4ec1.hot-update.js": "/js/main.6868f579f73ae79e4ec1.hot-update.js",
|
"/js/main.19197c62d21f6502ce48.hot-update.js": "/js/main.19197c62d21f6502ce48.hot-update.js",
|
||||||
"/js/main.ef4468e21d348da73996.hot-update.js": "/js/main.ef4468e21d348da73996.hot-update.js",
|
"/js/main.19074cb98bc58d354893.hot-update.js": "/js/main.19074cb98bc58d354893.hot-update.js",
|
||||||
"/js/main.ae60a29e9617cd7397b5.hot-update.js": "/js/main.ae60a29e9617cd7397b5.hot-update.js",
|
"/js/main.3fa2c83f8926c64a9015.hot-update.js": "/js/main.3fa2c83f8926c64a9015.hot-update.js",
|
||||||
"/js/main.1e35ab4e9d790a1b5768.hot-update.js": "/js/main.1e35ab4e9d790a1b5768.hot-update.js",
|
"/js/main.60e28bae141a427041bb.hot-update.js": "/js/main.60e28bae141a427041bb.hot-update.js",
|
||||||
"/js/main.fab8bc06f1fe9cb1a3dc.hot-update.js": "/js/main.fab8bc06f1fe9cb1a3dc.hot-update.js",
|
"/js/main.83b3703d6e3704b00fb1.hot-update.js": "/js/main.83b3703d6e3704b00fb1.hot-update.js",
|
||||||
"/js/main.06df956143f3ec9a931b.hot-update.js": "/js/main.06df956143f3ec9a931b.hot-update.js",
|
"/js/main.e23bc95a554a1c7e6c6f.hot-update.js": "/js/main.e23bc95a554a1c7e6c6f.hot-update.js",
|
||||||
"/js/main.e670438daad5a13c3f22.hot-update.js": "/js/main.e670438daad5a13c3f22.hot-update.js",
|
"/js/main.59441ecf184fed5d6d3b.hot-update.js": "/js/main.59441ecf184fed5d6d3b.hot-update.js",
|
||||||
"/js/main.336650bdd9aefce44cc7.hot-update.js": "/js/main.336650bdd9aefce44cc7.hot-update.js",
|
"/js/main.653674ca983402ffb24c.hot-update.js": "/js/main.653674ca983402ffb24c.hot-update.js",
|
||||||
"/js/main.5b5a4760fc17c4d464a2.hot-update.js": "/js/main.5b5a4760fc17c4d464a2.hot-update.js",
|
"/js/main.48ec569d4ac87817159d.hot-update.js": "/js/main.48ec569d4ac87817159d.hot-update.js",
|
||||||
"/js/main.708f796a199dad74e369.hot-update.js": "/js/main.708f796a199dad74e369.hot-update.js",
|
"/js/main.401a88527527e866433c.hot-update.js": "/js/main.401a88527527e866433c.hot-update.js",
|
||||||
"/js/main.d8926f8b4fcf31864a0a.hot-update.js": "/js/main.d8926f8b4fcf31864a0a.hot-update.js",
|
"/js/main.6655701cb03c725d3364.hot-update.js": "/js/main.6655701cb03c725d3364.hot-update.js",
|
||||||
"/js/main.447c994a471bca7ef6d7.hot-update.js": "/js/main.447c994a471bca7ef6d7.hot-update.js",
|
"/js/main.9b6d6afe3b52765a0318.hot-update.js": "/js/main.9b6d6afe3b52765a0318.hot-update.js",
|
||||||
"/js/main.29b90928dd3ff6cf4f02.hot-update.js": "/js/main.29b90928dd3ff6cf4f02.hot-update.js",
|
"/js/main.51f89e94cc75762a7791.hot-update.js": "/js/main.51f89e94cc75762a7791.hot-update.js",
|
||||||
"/js/main.bf9c3fc08db7f1a7625a.hot-update.js": "/js/main.bf9c3fc08db7f1a7625a.hot-update.js",
|
"/js/main.f81c898a786ad15093bc.hot-update.js": "/js/main.f81c898a786ad15093bc.hot-update.js",
|
||||||
"/js/main.1b2ea2e0c5a2ad385f9c.hot-update.js": "/js/main.1b2ea2e0c5a2ad385f9c.hot-update.js",
|
"/js/main.88edade7652d4e119b44.hot-update.js": "/js/main.88edade7652d4e119b44.hot-update.js",
|
||||||
"/js/main.e29d3f6ca950067eef84.hot-update.js": "/js/main.e29d3f6ca950067eef84.hot-update.js",
|
"/js/main.c7cf46e1272a9dfc77ce.hot-update.js": "/js/main.c7cf46e1272a9dfc77ce.hot-update.js",
|
||||||
"/js/main.90acaaa1ffe0263127f7.hot-update.js": "/js/main.90acaaa1ffe0263127f7.hot-update.js",
|
"/js/main.82f267df2bb5a055ad51.hot-update.js": "/js/main.82f267df2bb5a055ad51.hot-update.js",
|
||||||
"/js/main.35eb2b7ea85a0aaba29c.hot-update.js": "/js/main.35eb2b7ea85a0aaba29c.hot-update.js",
|
"/js/main.4a624a0a86438a3c846a.hot-update.js": "/js/main.4a624a0a86438a3c846a.hot-update.js",
|
||||||
"/js/main.5d7f8ca1e740cbb414d6.hot-update.js": "/js/main.5d7f8ca1e740cbb414d6.hot-update.js",
|
"/js/main.e2dc0f55a578990912b3.hot-update.js": "/js/main.e2dc0f55a578990912b3.hot-update.js",
|
||||||
"/js/main.93320d22cd2e0871ba92.hot-update.js": "/js/main.93320d22cd2e0871ba92.hot-update.js",
|
"/js/main.e2e910451939b3d6239d.hot-update.js": "/js/main.e2e910451939b3d6239d.hot-update.js",
|
||||||
"/js/main.5b7c5ca07e99578b48ad.hot-update.js": "/js/main.5b7c5ca07e99578b48ad.hot-update.js",
|
"/js/main.f29ed8b38acf49af0ba3.hot-update.js": "/js/main.f29ed8b38acf49af0ba3.hot-update.js",
|
||||||
"/js/main.948ea8151eece3c0b503.hot-update.js": "/js/main.948ea8151eece3c0b503.hot-update.js",
|
"/js/main.a5d29233261e433ea812.hot-update.js": "/js/main.a5d29233261e433ea812.hot-update.js",
|
||||||
"/js/main.e37e7c3ba053b269c21e.hot-update.js": "/js/main.e37e7c3ba053b269c21e.hot-update.js",
|
"/js/main.f84329ed025ef51a0ee5.hot-update.js": "/js/main.f84329ed025ef51a0ee5.hot-update.js",
|
||||||
"/js/main.73180bbf01d6706fbb4d.hot-update.js": "/js/main.73180bbf01d6706fbb4d.hot-update.js",
|
"/js/main.130cec37990658bc99e9.hot-update.js": "/js/main.130cec37990658bc99e9.hot-update.js",
|
||||||
"/js/main.ac0b31c9a46332698129.hot-update.js": "/js/main.ac0b31c9a46332698129.hot-update.js",
|
"/js/main.bf73a178e7a2088e5abf.hot-update.js": "/js/main.bf73a178e7a2088e5abf.hot-update.js",
|
||||||
"/js/main.1c4d9087faee20118bec.hot-update.js": "/js/main.1c4d9087faee20118bec.hot-update.js",
|
"/js/main.3a0822292364238f5747.hot-update.js": "/js/main.3a0822292364238f5747.hot-update.js",
|
||||||
"/js/main.57f2653eda68fcd6b6d8.hot-update.js": "/js/main.57f2653eda68fcd6b6d8.hot-update.js",
|
"/js/main.46ea49de9483c691f722.hot-update.js": "/js/main.46ea49de9483c691f722.hot-update.js",
|
||||||
"/js/main.2f014ae591a6dc27a72f.hot-update.js": "/js/main.2f014ae591a6dc27a72f.hot-update.js",
|
"/js/main.f4c67d1af22d09dd64a9.hot-update.js": "/js/main.f4c67d1af22d09dd64a9.hot-update.js",
|
||||||
"/js/main.9847e707aaa5d314c8f8.hot-update.js": "/js/main.9847e707aaa5d314c8f8.hot-update.js",
|
"/js/main.9cd83c922cd38bbfb344.hot-update.js": "/js/main.9cd83c922cd38bbfb344.hot-update.js",
|
||||||
"/js/main.12b19fc6ec166b86ebd0.hot-update.js": "/js/main.12b19fc6ec166b86ebd0.hot-update.js",
|
"/js/main.8dd954485be634ca1c25.hot-update.js": "/js/main.8dd954485be634ca1c25.hot-update.js",
|
||||||
"/js/main.5adc2c8c35bad13d5749.hot-update.js": "/js/main.5adc2c8c35bad13d5749.hot-update.js",
|
"/js/main.df2d6e7d43ef3bffc40d.hot-update.js": "/js/main.df2d6e7d43ef3bffc40d.hot-update.js",
|
||||||
"/js/main.9b212284299f1bb9f602.hot-update.js": "/js/main.9b212284299f1bb9f602.hot-update.js",
|
"/js/main.9a9e27b395135f466857.hot-update.js": "/js/main.9a9e27b395135f466857.hot-update.js",
|
||||||
"/js/main.26e131e26bc059ae06f0.hot-update.js": "/js/main.26e131e26bc059ae06f0.hot-update.js",
|
"/js/main.6591b27d0cda05a3d487.hot-update.js": "/js/main.6591b27d0cda05a3d487.hot-update.js",
|
||||||
"/js/main.8c63baec8c5388af3b8f.hot-update.js": "/js/main.8c63baec8c5388af3b8f.hot-update.js",
|
"/js/main.de5934dd317589c02914.hot-update.js": "/js/main.de5934dd317589c02914.hot-update.js",
|
||||||
"/js/main.13dcd7aeaceea06ac594.hot-update.js": "/js/main.13dcd7aeaceea06ac594.hot-update.js",
|
"/js/main.ed28aa18421c6fe54b52.hot-update.js": "/js/main.ed28aa18421c6fe54b52.hot-update.js",
|
||||||
"/js/main.b63da7c33bc517c582d2.hot-update.js": "/js/main.b63da7c33bc517c582d2.hot-update.js",
|
"/js/main.24fe38f8f76816c1c39e.hot-update.js": "/js/main.24fe38f8f76816c1c39e.hot-update.js",
|
||||||
"/js/main.845bf5136c1da8f2b2d2.hot-update.js": "/js/main.845bf5136c1da8f2b2d2.hot-update.js",
|
"/js/main.b6bf633f68f8e806d5fd.hot-update.js": "/js/main.b6bf633f68f8e806d5fd.hot-update.js",
|
||||||
"/js/main.1d6769f79169ede7a2b0.hot-update.js": "/js/main.1d6769f79169ede7a2b0.hot-update.js",
|
"/js/main.3aa49a11ee07e82271ae.hot-update.js": "/js/main.3aa49a11ee07e82271ae.hot-update.js",
|
||||||
"/js/main.a726229440c584acd5e0.hot-update.js": "/js/main.a726229440c584acd5e0.hot-update.js",
|
"/js/main.ea45fc8693e781a95e7c.hot-update.js": "/js/main.ea45fc8693e781a95e7c.hot-update.js",
|
||||||
"/js/main.dc38083c27ddb936f25a.hot-update.js": "/js/main.dc38083c27ddb936f25a.hot-update.js",
|
"/js/main.1d0b317121ac27620e27.hot-update.js": "/js/main.1d0b317121ac27620e27.hot-update.js",
|
||||||
"/js/main.c09c6b5987c7d8db9103.hot-update.js": "/js/main.c09c6b5987c7d8db9103.hot-update.js",
|
"/js/main.19d364a1337666457c0a.hot-update.js": "/js/main.19d364a1337666457c0a.hot-update.js",
|
||||||
"/js/main.77146c38d64ab28f9530.hot-update.js": "/js/main.77146c38d64ab28f9530.hot-update.js",
|
"/js/main.959eedd24d5827976ee9.hot-update.js": "/js/main.959eedd24d5827976ee9.hot-update.js",
|
||||||
"/js/main.0f80e2de63b64d7c27ad.hot-update.js": "/js/main.0f80e2de63b64d7c27ad.hot-update.js",
|
"/js/main.9bd56b3ca0b3339e0535.hot-update.js": "/js/main.9bd56b3ca0b3339e0535.hot-update.js",
|
||||||
"/js/main.e6c224c474214c18ea93.hot-update.js": "/js/main.e6c224c474214c18ea93.hot-update.js",
|
"/js/main.7c3e26475f71554e3f56.hot-update.js": "/js/main.7c3e26475f71554e3f56.hot-update.js",
|
||||||
"/js/main.55cb3647c9f29e5e9448.hot-update.js": "/js/main.55cb3647c9f29e5e9448.hot-update.js",
|
"/js/main.e10fc15a131bfb47ccb5.hot-update.js": "/js/main.e10fc15a131bfb47ccb5.hot-update.js",
|
||||||
"/js/main.8ff81397dad6d2ba92d5.hot-update.js": "/js/main.8ff81397dad6d2ba92d5.hot-update.js",
|
"/js/main.e672778eee86ed3384b8.hot-update.js": "/js/main.e672778eee86ed3384b8.hot-update.js",
|
||||||
"/js/main.802e0eaa5215f7d428c9.hot-update.js": "/js/main.802e0eaa5215f7d428c9.hot-update.js",
|
"/js/main.50cd16a71f8e89c97ccd.hot-update.js": "/js/main.50cd16a71f8e89c97ccd.hot-update.js",
|
||||||
"/js/main.1b414f3663618245fbe3.hot-update.js": "/js/main.1b414f3663618245fbe3.hot-update.js",
|
"/js/main.0834b325a406516e79c5.hot-update.js": "/js/main.0834b325a406516e79c5.hot-update.js",
|
||||||
"/js/main.eb3135f5f13f7f1d424b.hot-update.js": "/js/main.eb3135f5f13f7f1d424b.hot-update.js",
|
"/js/main.63e389df83b4b44804b6.hot-update.js": "/js/main.63e389df83b4b44804b6.hot-update.js",
|
||||||
"/js/main.7c73490bd80e6cc6770d.hot-update.js": "/js/main.7c73490bd80e6cc6770d.hot-update.js",
|
"/js/main.dad8df48037457920c96.hot-update.js": "/js/main.dad8df48037457920c96.hot-update.js",
|
||||||
"/js/main.9b98d46d62b1c76e69d6.hot-update.js": "/js/main.9b98d46d62b1c76e69d6.hot-update.js",
|
"/js/main.806150299b04b421f08c.hot-update.js": "/js/main.806150299b04b421f08c.hot-update.js",
|
||||||
"/js/main.60d3dba75698c093010e.hot-update.js": "/js/main.60d3dba75698c093010e.hot-update.js",
|
"/js/main.9bdc921fb2437a4645bf.hot-update.js": "/js/main.9bdc921fb2437a4645bf.hot-update.js",
|
||||||
"/js/main.c23172999d714124deea.hot-update.js": "/js/main.c23172999d714124deea.hot-update.js",
|
"/js/main.51f46cab13c5cf32155c.hot-update.js": "/js/main.51f46cab13c5cf32155c.hot-update.js",
|
||||||
"/js/main.cc3c7b6a10b55aff1aaa.hot-update.js": "/js/main.cc3c7b6a10b55aff1aaa.hot-update.js",
|
"/js/main.f90fb58b21c412a50363.hot-update.js": "/js/main.f90fb58b21c412a50363.hot-update.js",
|
||||||
"/js/main.56a1340fd5ae920ea553.hot-update.js": "/js/main.56a1340fd5ae920ea553.hot-update.js",
|
"/js/main.ea416c6d20cb94dc0da5.hot-update.js": "/js/main.ea416c6d20cb94dc0da5.hot-update.js",
|
||||||
"/js/main.5ffbf14c658f060bb43c.hot-update.js": "/js/main.5ffbf14c658f060bb43c.hot-update.js",
|
"/js/main.33135cd5b8da6bb7fb68.hot-update.js": "/js/main.33135cd5b8da6bb7fb68.hot-update.js",
|
||||||
"/js/main.82bf31c4d1e70a5822c3.hot-update.js": "/js/main.82bf31c4d1e70a5822c3.hot-update.js",
|
"/js/main.5d065efff6824bb7c350.hot-update.js": "/js/main.5d065efff6824bb7c350.hot-update.js",
|
||||||
"/js/main.d5db461a7f7e81cf54c4.hot-update.js": "/js/main.d5db461a7f7e81cf54c4.hot-update.js",
|
"/js/main.03a3082e4bf406fea02d.hot-update.js": "/js/main.03a3082e4bf406fea02d.hot-update.js",
|
||||||
"/js/main.1d53b21f17e120de1d15.hot-update.js": "/js/main.1d53b21f17e120de1d15.hot-update.js",
|
"/js/main.2325810c7f25ee02b0d0.hot-update.js": "/js/main.2325810c7f25ee02b0d0.hot-update.js",
|
||||||
"/js/main.39528cda4dd25abfe5a1.hot-update.js": "/js/main.39528cda4dd25abfe5a1.hot-update.js",
|
"/js/main.50b3af1e7fdea524c3f0.hot-update.js": "/js/main.50b3af1e7fdea524c3f0.hot-update.js",
|
||||||
"/js/main.94b32f87e92f868bbfdb.hot-update.js": "/js/main.94b32f87e92f868bbfdb.hot-update.js",
|
"/js/main.26acda49b6a4fee8b038.hot-update.js": "/js/main.26acda49b6a4fee8b038.hot-update.js",
|
||||||
"/js/main.2fb71132ebc3574d4aa7.hot-update.js": "/js/main.2fb71132ebc3574d4aa7.hot-update.js",
|
"/js/main.532af42597dc5c3e6997.hot-update.js": "/js/main.532af42597dc5c3e6997.hot-update.js",
|
||||||
"/js/main.293fc52296cf959d89f0.hot-update.js": "/js/main.293fc52296cf959d89f0.hot-update.js",
|
"/js/main.ee93f0586769a2bd4439.hot-update.js": "/js/main.ee93f0586769a2bd4439.hot-update.js",
|
||||||
"/js/main.846ebffc548e5e57d03f.hot-update.js": "/js/main.846ebffc548e5e57d03f.hot-update.js",
|
"/js/main.af5155fbd2c49127e2c6.hot-update.js": "/js/main.af5155fbd2c49127e2c6.hot-update.js",
|
||||||
"/js/main.35d77468f42462e9b9cc.hot-update.js": "/js/main.35d77468f42462e9b9cc.hot-update.js",
|
"/js/main.26210017aba458599ecf.hot-update.js": "/js/main.26210017aba458599ecf.hot-update.js",
|
||||||
"/js/main.7f3804bae781db2b7599.hot-update.js": "/js/main.7f3804bae781db2b7599.hot-update.js",
|
"/js/main.f4de2c7bf1f9888ea906.hot-update.js": "/js/main.f4de2c7bf1f9888ea906.hot-update.js",
|
||||||
"/js/main.2e0a057e6dea36ca4b90.hot-update.js": "/js/main.2e0a057e6dea36ca4b90.hot-update.js",
|
"/js/main.1c167e18852ebc14cdd6.hot-update.js": "/js/main.1c167e18852ebc14cdd6.hot-update.js",
|
||||||
"/js/main.0d8444ad05bf0bf30e4b.hot-update.js": "/js/main.0d8444ad05bf0bf30e4b.hot-update.js",
|
"/js/main.f50c4161dbfa8b975051.hot-update.js": "/js/main.f50c4161dbfa8b975051.hot-update.js",
|
||||||
"/js/main.3d8033a7c21e5c27058b.hot-update.js": "/js/main.3d8033a7c21e5c27058b.hot-update.js",
|
"/js/main.0592347a96ab5907ef2c.hot-update.js": "/js/main.0592347a96ab5907ef2c.hot-update.js",
|
||||||
"/js/main.baeae7a58a1918f966c4.hot-update.js": "/js/main.baeae7a58a1918f966c4.hot-update.js",
|
"/js/main.295f625897b01544ca54.hot-update.js": "/js/main.295f625897b01544ca54.hot-update.js",
|
||||||
"/js/main.e44c8ab9b1b02401d78b.hot-update.js": "/js/main.e44c8ab9b1b02401d78b.hot-update.js",
|
"/js/main.1f9783b4e1d59d9fb6a9.hot-update.js": "/js/main.1f9783b4e1d59d9fb6a9.hot-update.js",
|
||||||
"/js/main.f06147d53e6270d44617.hot-update.js": "/js/main.f06147d53e6270d44617.hot-update.js",
|
"/js/main.d6438d7a0c22554c52d1.hot-update.js": "/js/main.d6438d7a0c22554c52d1.hot-update.js",
|
||||||
"/js/main.55d728fdd69d7868d880.hot-update.js": "/js/main.55d728fdd69d7868d880.hot-update.js",
|
"/js/main.7f02585d17137c236ce5.hot-update.js": "/js/main.7f02585d17137c236ce5.hot-update.js",
|
||||||
"/js/main.f99c45e9c8ccf7c567a4.hot-update.js": "/js/main.f99c45e9c8ccf7c567a4.hot-update.js",
|
"/js/main.dc3624b767646f9241e9.hot-update.js": "/js/main.dc3624b767646f9241e9.hot-update.js",
|
||||||
"/js/main.6fec1411b51fabc16df7.hot-update.js": "/js/main.6fec1411b51fabc16df7.hot-update.js",
|
"/js/main.30e4eed29bcad9b20e4d.hot-update.js": "/js/main.30e4eed29bcad9b20e4d.hot-update.js",
|
||||||
"/js/main.3064787a72bfd7dc8c8f.hot-update.js": "/js/main.3064787a72bfd7dc8c8f.hot-update.js",
|
"/js/main.db835c05a0a438c4a0f8.hot-update.js": "/js/main.db835c05a0a438c4a0f8.hot-update.js",
|
||||||
"/js/main.eee32eb04fabfdc7acb9.hot-update.js": "/js/main.eee32eb04fabfdc7acb9.hot-update.js",
|
"/js/main.84703e1df1bd7ecf8afd.hot-update.js": "/js/main.84703e1df1bd7ecf8afd.hot-update.js",
|
||||||
"/js/main.de8d609e7f7af8bfed32.hot-update.js": "/js/main.de8d609e7f7af8bfed32.hot-update.js",
|
"/js/main.a1ad6c04c19de9fc5efc.hot-update.js": "/js/main.a1ad6c04c19de9fc5efc.hot-update.js",
|
||||||
"/js/main.d40351e6e28156fc584f.hot-update.js": "/js/main.d40351e6e28156fc584f.hot-update.js",
|
"/js/main.1cb2cb0e683cba3cf7f5.hot-update.js": "/js/main.1cb2cb0e683cba3cf7f5.hot-update.js",
|
||||||
"/js/main.a43e0db7677052e0a582.hot-update.js": "/js/main.a43e0db7677052e0a582.hot-update.js",
|
"/js/main.ef963453f52c9f5b15d5.hot-update.js": "/js/main.ef963453f52c9f5b15d5.hot-update.js",
|
||||||
"/js/main.b06d12e24286599deebf.hot-update.js": "/js/main.b06d12e24286599deebf.hot-update.js",
|
"/js/main.7eee18f4d418abd232c5.hot-update.js": "/js/main.7eee18f4d418abd232c5.hot-update.js",
|
||||||
"/js/main.dff74d28a8426f4f6a18.hot-update.js": "/js/main.dff74d28a8426f4f6a18.hot-update.js",
|
"/js/main.aea9dad309f61f3806ac.hot-update.js": "/js/main.aea9dad309f61f3806ac.hot-update.js",
|
||||||
"/js/main.ced994dbc0784ee12f7d.hot-update.js": "/js/main.ced994dbc0784ee12f7d.hot-update.js",
|
"/js/main.ec7b96b9c801f11cf204.hot-update.js": "/js/main.ec7b96b9c801f11cf204.hot-update.js",
|
||||||
"/js/main.11cd9fe70382a3ba848b.hot-update.js": "/js/main.11cd9fe70382a3ba848b.hot-update.js",
|
"/js/main.c500c381d9707f2e7952.hot-update.js": "/js/main.c500c381d9707f2e7952.hot-update.js",
|
||||||
"/js/main.de7fbf00944c5bdf5c1a.hot-update.js": "/js/main.de7fbf00944c5bdf5c1a.hot-update.js",
|
"/js/main.34dd75fa8dd2f2c2acba.hot-update.js": "/js/main.34dd75fa8dd2f2c2acba.hot-update.js",
|
||||||
"/js/main.d4070ee247e5cea9fca3.hot-update.js": "/js/main.d4070ee247e5cea9fca3.hot-update.js",
|
"/js/main.d25d0e2c83094730750f.hot-update.js": "/js/main.d25d0e2c83094730750f.hot-update.js",
|
||||||
"/js/main.3be392be34e72ec9d2d0.hot-update.js": "/js/main.3be392be34e72ec9d2d0.hot-update.js",
|
"/js/main.d904553edbece8489275.hot-update.js": "/js/main.d904553edbece8489275.hot-update.js",
|
||||||
"/js/main.0e5e9b4e49947fbb23eb.hot-update.js": "/js/main.0e5e9b4e49947fbb23eb.hot-update.js",
|
"/js/main.837918650c247f07c829.hot-update.js": "/js/main.837918650c247f07c829.hot-update.js",
|
||||||
"/js/main.5da2454d4db63ac83be1.hot-update.js": "/js/main.5da2454d4db63ac83be1.hot-update.js",
|
"/js/main.5cc25a39fa78ab95000e.hot-update.js": "/js/main.5cc25a39fa78ab95000e.hot-update.js",
|
||||||
"/js/main.5035d30851e3345c4ff8.hot-update.js": "/js/main.5035d30851e3345c4ff8.hot-update.js",
|
"/js/main.1be45e1d3a8e41609879.hot-update.js": "/js/main.1be45e1d3a8e41609879.hot-update.js",
|
||||||
"/js/main.d37863d75356c272d80e.hot-update.js": "/js/main.d37863d75356c272d80e.hot-update.js",
|
"/js/main.139dbbc92887e77c4e60.hot-update.js": "/js/main.139dbbc92887e77c4e60.hot-update.js",
|
||||||
"/js/main.0003e39ee56e987772c3.hot-update.js": "/js/main.0003e39ee56e987772c3.hot-update.js",
|
"/js/main.6b84c81886bf3aed649a.hot-update.js": "/js/main.6b84c81886bf3aed649a.hot-update.js",
|
||||||
"/js/main.430ddd0626b48aaee5a6.hot-update.js": "/js/main.430ddd0626b48aaee5a6.hot-update.js",
|
"/js/main.a39f1c79453cb6f46c6d.hot-update.js": "/js/main.a39f1c79453cb6f46c6d.hot-update.js",
|
||||||
"/js/main.23b6419a893aab5b57de.hot-update.js": "/js/main.23b6419a893aab5b57de.hot-update.js",
|
"/js/main.d0b9d1255025338ef269.hot-update.js": "/js/main.d0b9d1255025338ef269.hot-update.js",
|
||||||
"/js/main.24476ff42fdae4b3cb5e.hot-update.js": "/js/main.24476ff42fdae4b3cb5e.hot-update.js",
|
"/js/main.13b9b20a1501c9dc67d9.hot-update.js": "/js/main.13b9b20a1501c9dc67d9.hot-update.js",
|
||||||
"/js/main.08d5961c81b8b01a9abe.hot-update.js": "/js/main.08d5961c81b8b01a9abe.hot-update.js",
|
"/js/main.1bc9b66779486a39efd8.hot-update.js": "/js/main.1bc9b66779486a39efd8.hot-update.js",
|
||||||
"/js/main.429b54c18dd075cabac1.hot-update.js": "/js/main.429b54c18dd075cabac1.hot-update.js",
|
"/js/main.8fd5dec5c78ab71dad3e.hot-update.js": "/js/main.8fd5dec5c78ab71dad3e.hot-update.js",
|
||||||
"/js/main.c43ad645d3374babd36e.hot-update.js": "/js/main.c43ad645d3374babd36e.hot-update.js",
|
"/js/main.43c87454f6aeb3af443d.hot-update.js": "/js/main.43c87454f6aeb3af443d.hot-update.js"
|
||||||
"/js/main.a056948c77da4d9c0816.hot-update.js": "/js/main.a056948c77da4d9c0816.hot-update.js",
|
|
||||||
"/js/main.043c82fe5eb0f27d0e8d.hot-update.js": "/js/main.043c82fe5eb0f27d0e8d.hot-update.js",
|
|
||||||
"/js/main.958ec8f05347f7c6a4de.hot-update.js": "/js/main.958ec8f05347f7c6a4de.hot-update.js",
|
|
||||||
"/js/main.661ca03e7712bc8fee46.hot-update.js": "/js/main.661ca03e7712bc8fee46.hot-update.js",
|
|
||||||
"/js/main.9e057935183bb4a0c91f.hot-update.js": "/js/main.9e057935183bb4a0c91f.hot-update.js",
|
|
||||||
"/js/main.5b09cb20a0ee4270aaae.hot-update.js": "/js/main.5b09cb20a0ee4270aaae.hot-update.js",
|
|
||||||
"/js/main.4479e0a249319111ff7f.hot-update.js": "/js/main.4479e0a249319111ff7f.hot-update.js",
|
|
||||||
"/js/main.e6f047f73adef1491879.hot-update.js": "/js/main.e6f047f73adef1491879.hot-update.js",
|
|
||||||
"/js/main.3107d65b545e4f4d821c.hot-update.js": "/js/main.3107d65b545e4f4d821c.hot-update.js",
|
|
||||||
"/js/main.5aff23c3dc64bc77c457.hot-update.js": "/js/main.5aff23c3dc64bc77c457.hot-update.js",
|
|
||||||
"/js/main.223d053b0349b659e378.hot-update.js": "/js/main.223d053b0349b659e378.hot-update.js",
|
|
||||||
"/js/main.8760b75c79a799a19496.hot-update.js": "/js/main.8760b75c79a799a19496.hot-update.js",
|
|
||||||
"/js/main.3893b0842d275058bfe3.hot-update.js": "/js/main.3893b0842d275058bfe3.hot-update.js",
|
|
||||||
"/js/main.6e8904065228a68d66cc.hot-update.js": "/js/main.6e8904065228a68d66cc.hot-update.js"
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -520,6 +520,7 @@ export default {
|
|||||||
this.positionY = container.offsetTop + 51;
|
this.positionY = container.offsetTop + 51;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
item(newValue, oldValue) {
|
item(newValue, oldValue) {
|
||||||
@@ -528,33 +529,32 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
updated () {
|
|
||||||
if(this.showFromPreview) {
|
|
||||||
let filePreview = document.getElementById('mediaPreview')
|
|
||||||
filePreview.addEventListener('click' , () => {
|
|
||||||
this.showFromPreview = false;
|
|
||||||
this.item = undefined;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
events.$on("actualShowingImage:ContextMenu", (item) => {
|
events.$on("actualShowingImage:ContextMenu", (item) => {
|
||||||
this.item = item;
|
this.item = item;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
|
|
||||||
events.$on("showContextMenuPreview:show", (item) => {
|
events.$on("showContextMenuPreview:show", (item) => {
|
||||||
if (!this.showFromPreview) {
|
if (!this.showFromPreview) {
|
||||||
this.item = item;
|
this.item = item;
|
||||||
this.showFromPreview = !this.showFromPreview;
|
this.showFromPreview = true;
|
||||||
this.showFilePreviewMenu();
|
this.showFilePreviewMenu();
|
||||||
} else if (this.showFromPreview) {
|
} else if (this.showFromPreview) {
|
||||||
this.showFromPreview = false;
|
this.showFromPreview = false;
|
||||||
this.item = undefined;
|
this.item = undefined;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
events.$on('showContextMenuPreview:hide', () => {
|
||||||
|
|
||||||
|
this.showFromPreview = false;
|
||||||
|
this.item = undefined;
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
events.$on("contextMenu:show", (event, item) => {
|
events.$on("contextMenu:show", (event, item) => {
|
||||||
// Store item
|
// Store item
|
||||||
this.item = item;
|
this.item = item;
|
||||||
@@ -573,7 +573,7 @@ export default {
|
|||||||
else this.showFolderActionsMenu();
|
else this.showFolderActionsMenu();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
};
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|||||||
@@ -5,13 +5,14 @@
|
|||||||
id="fileFullPreview"
|
id="fileFullPreview"
|
||||||
ref="filePreview"
|
ref="filePreview"
|
||||||
tabindex="-1"
|
tabindex="-1"
|
||||||
|
@click="closeContextMenu"
|
||||||
@keydown.esc="(showFullPreview = false), hideMenu()"
|
@keydown.esc="(showFullPreview = false), hideMenu()"
|
||||||
@keydown.right="next"
|
@keydown.right="next"
|
||||||
@keydown.left="prev"
|
@keydown.left="prev"
|
||||||
>
|
>
|
||||||
<FilePreviewNavigationPanel />
|
<FilePreviewNavigationPanel />
|
||||||
<MediaFullPreview v-if="isMedia" />
|
<MediaFullPreview v-if="isMedia" />
|
||||||
<FilePreviewActions />
|
<FilePreviewActions />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -35,6 +36,13 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
closeContextMenu(event) {
|
||||||
|
if( (event.target.parentElement.id || event.target.id) === "fast-preview-menu") {
|
||||||
|
return
|
||||||
|
} else {
|
||||||
|
events.$emit('showContextMenuPreview:hide')
|
||||||
|
}
|
||||||
|
},
|
||||||
next: function () {
|
next: function () {
|
||||||
events.$emit("filePreviewAction:next");
|
events.$emit("filePreviewAction:next");
|
||||||
},
|
},
|
||||||
@@ -42,7 +50,7 @@ export default {
|
|||||||
events.$emit("filePreviewAction:prev");
|
events.$emit("filePreviewAction:prev");
|
||||||
},
|
},
|
||||||
hideMenu() {
|
hideMenu() {
|
||||||
events.$emit("showContextMenuPreview:show");
|
events.$emit("showContextMenuPreview:hide");
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -52,10 +60,11 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(["fileInfoDetail"]),
|
...mapGetters(["fileInfoDetail" , "data"]),
|
||||||
isMedia() {
|
isMedia() {
|
||||||
return this.fileInfoDetail === "image" || "video" || "audio";
|
return this.fileInfoDetail === "image" || "video" || "audio";
|
||||||
},
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -81,7 +90,7 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 7;
|
z-index: 7;
|
||||||
background-color: $light-background;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div v-if="filteredFiles.length > 1">
|
||||||
<chevron-left-icon
|
<chevron-left-icon
|
||||||
class="prev"
|
class="prev"
|
||||||
@click.prevent="prev"
|
@click.prevent="prev"
|
||||||
@@ -16,6 +16,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { events } from '@/bus';
|
import { events } from '@/bus';
|
||||||
|
import { mapGetters } from "vuex";
|
||||||
import { ChevronLeftIcon, ChevronRightIcon } from 'vue-feather-icons';
|
import { ChevronLeftIcon, ChevronRightIcon } from 'vue-feather-icons';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -23,6 +24,19 @@ export default {
|
|||||||
ChevronLeftIcon,
|
ChevronLeftIcon,
|
||||||
ChevronRightIcon,
|
ChevronRightIcon,
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters(["fileInfoDetail", "data"]),
|
||||||
|
|
||||||
|
filteredFiles() {
|
||||||
|
let filteredData = []
|
||||||
|
this.data.filter((element) => {
|
||||||
|
if (element.type == this.fileInfoDetail.type) {
|
||||||
|
filteredData.push(element);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return filteredData
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
next: function() {
|
next: function() {
|
||||||
@@ -59,9 +73,11 @@ export default {
|
|||||||
}
|
}
|
||||||
.next {
|
.next {
|
||||||
right: 0;
|
right: 0;
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.prev {
|
.prev {
|
||||||
left: 0;
|
left: 0;
|
||||||
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- <div class="navigation-wrapper"> -->
|
<!-- <div class="navigation-wrapper"> -->
|
||||||
<div class="navigation-panel" v-if="fileInfoDetail">
|
<div class="navigation-panel" v-if="fileInfoDetail"
|
||||||
|
>
|
||||||
<div class="name-wrapper">
|
<div class="name-wrapper">
|
||||||
<x-icon @click="closeFullPreview" size="17" class="icon-close"></x-icon>
|
<x-icon @click="closeFullPreview" size="17" class="icon-close"></x-icon>
|
||||||
<div class="name-count-wrapper">
|
<div class="name-count-wrapper">
|
||||||
@@ -96,11 +97,11 @@ export default {
|
|||||||
let name = this.fileInfoDetail.name;
|
let name = this.fileInfoDetail.name;
|
||||||
if (name.lastIndexOf('.') > -1) {
|
if (name.lastIndexOf('.') > -1) {
|
||||||
return _.truncate(name.substring(0, name.lastIndexOf('.')), {
|
return _.truncate(name.substring(0, name.lastIndexOf('.')), {
|
||||||
length: 20,
|
length: 27,
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
return _.truncate(name, {
|
return _.truncate(name, {
|
||||||
length: 18,
|
length: 27,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -152,7 +153,7 @@ export default {
|
|||||||
},
|
},
|
||||||
closeFullPreview() {
|
closeFullPreview() {
|
||||||
events.$emit('fileFullPreview:hide');
|
events.$emit('fileFullPreview:hide');
|
||||||
events.$emit('showContextMenuPreview:show');
|
events.$emit('showContextMenuPreview:hide');
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -172,7 +173,6 @@ export default {
|
|||||||
align-self: center;
|
align-self: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
.name-count-wrapper {
|
.name-count-wrapper {
|
||||||
display: flex;
|
|
||||||
.file-count {
|
.file-count {
|
||||||
@include font-size(15);
|
@include font-size(15);
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
@@ -198,6 +198,8 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.icon-close {
|
.icon-close {
|
||||||
|
min-width: 17px;
|
||||||
|
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
@@ -221,7 +223,7 @@ export default {
|
|||||||
@include transition(150ms);
|
@include transition(150ms);
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background: white;
|
background: $light_background;
|
||||||
|
|
||||||
svg circle {
|
svg circle {
|
||||||
stroke: $theme;
|
stroke: $theme;
|
||||||
@@ -248,12 +250,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 420px) and (max-width: 890px) {
|
@media (min-width: 420px) and (max-width: 930px) {
|
||||||
.name-wrapper {
|
.name-wrapper {
|
||||||
width: 67%;
|
width: 67%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 523px) {
|
@media (max-width: 570px) {
|
||||||
.name-wrapper {
|
.name-wrapper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@@ -270,7 +272,7 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
@include font-size(11);
|
@include font-size(11);
|
||||||
}
|
}
|
||||||
@media (max-width: 890px) {
|
@media (max-width: 930px) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -286,20 +288,22 @@ export default {
|
|||||||
.button {
|
.button {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
&:hover {
|
&:hover {
|
||||||
background: white;
|
background: $light_background;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 523px) {
|
@media (max-width: 570px) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.navigation-panel {
|
.navigation-panel {
|
||||||
height: 6.9%;
|
height: 63px;
|
||||||
|
width: 100%;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: absolute;
|
||||||
|
z-index: 8;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: $light-background;
|
background-color: white;
|
||||||
color: $text;
|
color: $text;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="media-full-preview" id="mediaPreview">
|
<div class="media-full-preview" id="mediaPreview" v-if="fileInfoDetail" @click="closeContextMenu" >
|
||||||
<div class="file-wrapper-preview" v-for="i in [currentIndex]" :key="i" >
|
<div class="file-wrapper-preview" v-for="i in [currentIndex]" :key="i" >
|
||||||
<div class="file-wrapper" >
|
<div class="file-wrapper" >
|
||||||
<audio
|
<audio
|
||||||
class="file"
|
class="file audio"
|
||||||
v-if="fileInfoDetail.type == 'audio'"
|
v-if="fileInfoDetail.type == 'audio'"
|
||||||
:src="currentFile.file_url"
|
:src="currentFile.file_url"
|
||||||
controlsList="nodownload"
|
controlsList="nodownload"
|
||||||
@@ -20,8 +20,7 @@
|
|||||||
<video
|
<video
|
||||||
v-if="fileInfoDetail.type === 'video' && currentFile.file_url"
|
v-if="fileInfoDetail.type === 'video' && currentFile.file_url"
|
||||||
:src="currentFile.file_url"
|
:src="currentFile.file_url"
|
||||||
class="file"
|
class="video"
|
||||||
:style="{ width: sizeWidth, height: sizeHeight }"
|
|
||||||
controlsList="nodownload"
|
controlsList="nodownload"
|
||||||
disablePictureInPicture
|
disablePictureInPicture
|
||||||
playsinline
|
playsinline
|
||||||
@@ -46,8 +45,7 @@ export default {
|
|||||||
currentIndex: 1,
|
currentIndex: 1,
|
||||||
sliderFile: [],
|
sliderFile: [],
|
||||||
loaded: false,
|
loaded: false,
|
||||||
sizeWidth: '',
|
|
||||||
sizeHeight: '',
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -87,25 +85,26 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.filteredFiles();
|
this.filteredFiles();
|
||||||
this.imageSizing();
|
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
currentFile() {
|
currentFile() {
|
||||||
//HANDLE ACUTAL VIEW IMAGE IN FIELINFODETAIL
|
//HANDLE ACUTAL VIEW IMAGE IN FIELINFODETAIL
|
||||||
|
if(this.fileInfoDetail) {
|
||||||
|
this.loaded = false
|
||||||
this.$store.commit('GET_FILEINFO_DETAIL', this.currentFile);
|
this.$store.commit('GET_FILEINFO_DETAIL', this.currentFile);
|
||||||
events.$emit('actualShowingImage:ContextMenu', this.currentFile);
|
events.$emit('actualShowingImage:ContextMenu', this.currentFile);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
fileInfoDetail() {
|
fileInfoDetail() {
|
||||||
//FILE DELETE HANDLING
|
//FILE DELETE HANDLING
|
||||||
if (!this.fileInfoDetail) {
|
if (!this.fileInfoDetail) {
|
||||||
if (this.data.length == 0) {
|
|
||||||
events.$emit('fileFullPreview:hide');
|
|
||||||
} else {
|
|
||||||
this.currentIndex = this.currentIndex - 1;
|
this.currentIndex = this.currentIndex - 1;
|
||||||
this.$store.commit('GET_FILEINFO_DETAIL', this.currentFile);
|
this.$store.commit('GET_FILEINFO_DETAIL', this.currentFile);
|
||||||
this.sliderFile = [];
|
this.sliderFile = [];
|
||||||
this.filteredFiles();
|
this.filteredFiles();
|
||||||
}
|
}
|
||||||
|
if(this.sliderFile.length == 0 ) {
|
||||||
|
events.$emit('fileFullPreview:hide');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data(newValue, oldValue) {
|
data(newValue, oldValue) {
|
||||||
@@ -117,15 +116,11 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
imageSizing() {
|
|
||||||
if (this.$isMobile()) {
|
closeContextMenu() {
|
||||||
this.sizeWidth = '100%';
|
events.$emit('showContextMenuPreview:hide')
|
||||||
this.sizeHeight = 'auto';
|
|
||||||
} else {
|
|
||||||
this.sizeWidth = 'auto';
|
|
||||||
this.sizeHeight = '100%';
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
closeFullPreview() {
|
closeFullPreview() {
|
||||||
events.$emit('fileFullPreview:hide');
|
events.$emit('fileFullPreview:hide');
|
||||||
},
|
},
|
||||||
@@ -158,8 +153,10 @@ export default {
|
|||||||
@import '@assets/vue-file-manager/_mixins';
|
@import '@assets/vue-file-manager/_mixins';
|
||||||
|
|
||||||
.media-full-preview {
|
.media-full-preview {
|
||||||
height: 93.1%;
|
height: calc(100% - 72px) ;
|
||||||
|
top: 72px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation-panel {
|
.navigation-panel {
|
||||||
@@ -194,10 +191,34 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
.file {
|
.file {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
|
box-shadow: 0 8px 40px rgba($text, 0.3);
|
||||||
|
}
|
||||||
|
.audio {
|
||||||
|
border-radius: 28px;
|
||||||
|
}
|
||||||
|
.video {
|
||||||
|
max-width: 1072px;
|
||||||
|
height: auto;
|
||||||
|
@media (min-width: 1920px) {
|
||||||
|
& {
|
||||||
|
max-width: 1080px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 2560px) {
|
||||||
|
& {
|
||||||
|
max-width: 1440px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 3840px) {
|
||||||
|
& {
|
||||||
|
max-width: 2160px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user