Skip to content
This repository was archived by the owner on May 22, 2025. It is now read-only.

Commit 8145ef7

Browse files
ctf0ctf0
committed
v3.2.5
- changed the scss files structure and also include each styles along with its component to minimize the manager styles file size - animation to the gestures - a couple more gestures - presets to the image editor, also all the filters/presets that don’t have values are switchable - new filter “selected” - use WebWorker + fetch for the images “slightly faster than browser default, also fetch calls are always cached and will avoid re-downloading the image preview every time the sidebar is toggled” - more ways to upload - gls cards will now have temp image until original is loaded to make sure we only load what we need. - animate the upload-panel toggling instead of jumping up&down - big files and long lists should render smoothly now - make sure the events listeners are removed on components destroy - include the font from the screenshot so you get the same look - some files has changed names & folder structure - i now kinda have a better idea of how to fix the sluggish animation, so if you are facing such an issue plz open a ticket with “a how to reproduce” so i can fix it - rdme & resources
1 parent 34cb235 commit 8145ef7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+1894
-939
lines changed

‎README.md

Lines changed: 44 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,10 @@
6060
+ upload
6161
+ move/copy
6262
+ delete
63+
- upload by either
64+
+ using the upload panel
65+
+ drag & drop anywhere
66+
+ click & hold on an empty area **"items container"**
6367
- toggle between `random/original` names for uploaded files
6468
- upload an image from a url
6569
- [load image on demand](https://github.com/ctf0/Laravel-Media-Manager/wiki/Caching-Strategies#cache-api-image-offline-caching)
@@ -76,16 +80,17 @@
7680
- use the manager
7781
+ [from modal](https://github.com/ctf0/Laravel-Media-Manager/wiki/Use-The-Manager-From-A-Modal)
7882
+ [with any wysiwyg editor](https://github.com/ctf0/Laravel-Media-Manager/wiki/Use-The-Manager-With-Any-WYSIWYG-Editor)
79-
- auto scroll to selected item using (left, up, right, down, home, end)
83+
- auto scroll to selected item using **"left, up, right, down, home, end"**
8084
- [lock/unlock](https://github.com/ctf0/Laravel-Media-Manager/wiki/Lock-Files-&-Folder) item/s ***"sqLite must be installed"***
81-
- search `current/global`
85+
- search in the current folder **or** globally through the entire collection.
8286
- filter by
8387
+ folder
8488
+ image
8589
+ audio
8690
+ video
8791
+ text/pdf
8892
+ locked items
93+
+ selected items
8994
- sort by
9095
+ name "default"
9196
+ size
@@ -106,44 +111,47 @@
106111

107112
>- the info sidebar is only available on big screens **"> 1087px"**.
108113
>- if no more **rows** available, pressing `down` will go to the last item in the list **"same as native finder"**.
109-
>- dbl click/tap any `audio/video` file on small screen, will open in the preview modal same as images **"because sidebar will be disabled"**.
110-
>- to stop interfering with other `keydown` events you can toggle the manager listener through ` EventHub.fire('disable-global-keys', true/false)`.
114+
>- dbl click/tap any `audio/video` file on small screen, will open it in the preview card same as images **"because sidebar will be disabled"**.
115+
>- to stop interfering with other `keydown` events you can toggle the manager listener through `EventHub.fire('disable-global-keys', true/false)`.
111116
>- when using [`__stack-files-reverse`](https://github.com/ctf0/Laravel-Media-Manager/wiki/Customization-&--Optimization#customization), the **left/right** gestures are also reversed.
117+
>- when previewing an item, you can use any of the navigation keys `left/up/right/down/home/end`
112118
113119
<br>
114120

115-
| navigation | button | keyboard | click / tap | touch |
116-
|-----------------------|---------------------------------------------|------------------|--------------------------|----------------------------------------|
117-
| | toggle upload panel *(toolbar)* | u | * | |
118-
| | refresh *(toolbar)* | r | * / hold *(clear cache)* | pinch in *(files container)* |
119-
| | move *(toolbar)* | m | * | |
120-
| | image editor *(toolbar)* | e | * | |
121-
| | delete *(toolbar)* | d / del | * | |
122-
| | lock/unlock *(toolbar)* | l | * | |
123-
| | change visibility *(toolbar)* | v | * | |
124-
| | toggle bulk selection *(toolbar)* | b | * | |
125-
| | (reset) bulk select all *(toolbar)* | a | * | |
126-
| | toggle sidebar *(path bar)* | t | * | swipe left/right *(sidebar container)* |
127-
| | confirm *(modal)* | enter | * | |
128-
| | toggle preview image/pdf/text *(item)* | space | ** | |
129-
| | play/pause media *(item)* | space | ** | |
130-
| | hide (modal / upload-panel / global-search) | esc | | |
131-
| | reset (search / bulk selection / filter) | esc | | |
132-
| | &nbsp; | | | |
133-
| | move *(item)* | | | swipe up |
134-
| | delete *(item)* | | | swipe down |
135-
| | image editor *(item)* | | | hold |
136-
| | limit bulk select *(item)* | shift + click | | |
137-
| | current + next bulk select *(item)* | alt/meta + click | | |
138-
| | &nbsp; | | | |
139-
| select next *(item)* | | right | * | swipe left *(preview)* |
140-
| select prev *(item)* | | left | * | swipe right *(preview)* |
141-
| select first *(item)* | | home | | |
142-
| select last *(item)* | | end | | |
143-
| select next *(row)* | | down | | |
144-
| select prev *(row)* | | up | | |
145-
| open folder | | enter | ** | |
146-
| go to prev dir | folderName *(path bar)* | backspace | * | swipe right *(files container)* |
121+
| navigation | button | keyboard | click / tap | touch |
122+
|-----------------------|---------------------------------------------|------------------|--------------------------|---------------------------------|
123+
| | toggle upload panel *(toolbar)* | u | * | |
124+
| | refresh *(toolbar)* | r | * / hold *(clear cache)* | pinch in *(items container)* |
125+
| | move *(toolbar)* | m | * | |
126+
| | image editor *(toolbar)* | e | * | |
127+
| | delete *(toolbar)* | d / del | * | |
128+
| | lock/unlock *(toolbar)* | l | * | |
129+
| | change visibility *(toolbar)* | v | * | |
130+
| | toggle bulk selection *(toolbar)* | b | * | |
131+
| | (reset) bulk select all *(toolbar)* | a | * | |
132+
| | toggle sidebar *(path bar)* | t | * | swipe left/right *(sidebar)* |
133+
| | confirm *(modal)* | enter | * | |
134+
| | toggle preview image/pdf/text *(item)* | space | ** | |
135+
| | play/pause media *(item)* | space | ** | |
136+
| | hide (modal / upload-panel / global-search) | esc | | |
137+
| | reset (search / bulk selection / filter) | esc | | |
138+
| | &nbsp; | | | |
139+
| | move *(item)* | | | swipe up |
140+
| | delete *(item)* | | | swipe down |
141+
| | rename *(item)* | | | swipe left |
142+
| | image editor *(item)* | | | hold |
143+
| | limit bulk select *(item)* | shift + click | | |
144+
| | current + next bulk select *(item)* | alt/meta + click | | |
145+
| | create new folder | | ** *(items container)* | |
146+
| | &nbsp; | | | |
147+
| select next *(item)* | | right | * | swipe left *(preview)* |
148+
| select prev *(item)* | | left | * | swipe right *(preview)* |
149+
| select first *(item)* | | home | | |
150+
| select last *(item)* | | end | | |
151+
| select next *(row)* | | down | | |
152+
| select prev *(row)* | | up | | |
153+
| open folder | | enter | ** | |
154+
| go to prev dir | folderName *(path bar)* | backspace | * | swipe right *(items container)* |
147155

148156
- events
149157

‎composer.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
],
2020
"require": {
2121
"php" : "~7.0",
22-
"illuminate/support": "~5.4.0|~5.5.0|~5.6.0",
22+
"illuminate/support": "~5.4.0|~5.5.0|~5.6.0|~5.7.0",
2323
"maennchen/zipstream-php": "~1.0",
2424
"ctf0/package-changelog": "^1.0"
2525
},

‎logs/v3.2.4.txt

Lines changed: 0 additions & 25 deletions
This file was deleted.

‎logs/v3.2.5.txt

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
## New
2+
3+
- changed the scss files structure and also include each styles along with its component to minimize the manager styles file size
4+
- animation to the gestures
5+
- a couple more gestures
6+
- presets to the image editor, also all the filters/presets that don’t have values are switchable
7+
- new filter “selected”
8+
- use WebWorker + fetch for the images “slightly faster than browser default, also fetch calls are always cached and will avoid re-downloading the image preview every time the sidebar is toggled”
9+
- more ways to upload
10+
11+
## Fix
12+
13+
- gls cards will now have temp image until original is loaded to make sure we only load what we need.
14+
- animate the upload-panel toggling instead of jumping up&down
15+
- big files and long lists should render smoothly now
16+
17+
## Update
18+
19+
- make sure the events listeners are removed on components destroy
20+
- include the font from the screenshot so you get the same look
21+
- some files has changed names & folder structure
22+
- i now kinda have a better idea of how to fix the sluggish animation, so if you are facing such an issue plz open a ticket with “a how to reproduce” so i can fix it
23+
- rdme & resources

‎src/MediaManagerServiceProvider.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ protected function autoReg()
135135
<<<EOT
136136
137137
// MediaManager
138-
mix.sass('resources/assets/vendor/MediaManager/sass/media.scss', 'public/assets/vendor/MediaManager/style.css')
138+
mix.sass('resources/assets/vendor/MediaManager/sass/manager.scss', 'public/assets/vendor/MediaManager/style.css')
139139
.copyDirectory('resources/assets/vendor/MediaManager/dist', 'public/assets/vendor/MediaManager')
140140
EOT;
141141

‎src/resources/assets/dist/patterns/gif/5b98026bab87a.gif

49.5 KB
Loading

‎src/resources/assets/dist/patterns/nyc-candy.png renamed to ‎src/resources/assets/dist/patterns/still/nyc-candy.png

File renamed without changes.

‎src/resources/assets/js/components/globalSearch/button.vue

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<template>
2-
<button v-tippy :disabled="loading || isLoading"
2+
<button v-tippy
3+
:disabled="loading || isLoading"
34
:title="trans('glbl_search')"
45
class="button"
56
@click="done ? showSearchPanel() : init()">

‎src/resources/assets/js/components/globalSearch/lazyLoading.vue

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,33 @@
11
<template>
22
<div>
33
<img v-if="src" ref="img" :src="src" :alt="file.name" async>
4+
<!-- <img v-else src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"> -->
5+
<img v-else src="/assets/vendor/MediaManager/patterns/gif/5b98026bab87a.gif">
46
</div>
57
</template>
68

9+
<style scoped>
10+
img {
11+
background: black;
12+
}
13+
</style>
14+
715
<script>
816
import lazy from '../../mixins/lazy'
917
1018
export default {
11-
mixins: [lazy]
19+
mixins: [lazy],
20+
watch: {
21+
intersected: {
22+
immediate: true,
23+
handler(val, oldVal) {
24+
if (val) {
25+
this.fetchImg(this.file.path).then((img) => {
26+
this.src = img
27+
})
28+
}
29+
}
30+
}
31+
}
1232
}
1333
</script>

0 commit comments

Comments
 (0)