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

Commit 01fbf59

Browse files
ctf0ctf0
committed
v3.2.4
move all bulma styles to the component scope to avoid interfering with the main page css
1 parent dcbbcd6 commit 01fbf59

File tree

26 files changed

+701
-438
lines changed

26 files changed

+701
-438
lines changed

‎README.md

Lines changed: 38 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -103,44 +103,47 @@
103103
- auto-play media files ***"if selected filter is audio/video"***
104104
- disable/enable buttons depend on the usage to avoid noise & keep the user focused
105105
- shortcuts / gestures
106-
>- if no more **rows** available, pressing `down` will go to the last item in the list ***"same as native finder"***
107-
>- dbl click/tap any `audio or video` file on small screen, will open the preview modal ***"because sidebar will be hidden"***
108-
>- to stop interfering with other `keydown` events you can toggle the manager listener through ` EventHub.fire('disable-global-keys', true/false)`
106+
107+
>- the info sidebar is only available on big screens **"> 1087px"**.
108+
>- 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)`.
111+
>- when using [`__stack-files-reverse`](https://github.com/ctf0/Laravel-Media-Manager/wiki/Customization-&--Optimization#customization), the **left/right** gestures are also reversed.
109112
110113
<br>
111114

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

145148
- events
146149

‎logs/v3.2.1.txt

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

‎logs/v3.2.4.txt

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
## Fix
2+
- the ratio bar tool-tip not displaying correct count
3+
4+
### Image Editor
5+
6+
- empty visible image in editor when the sidebar is hidden
7+
- now you can save the image automatically after zooming in/out “without the need to create a cropping box”
8+
- updating the drag mode on dblclick
9+
- now the filters will work correctly as in the camanjs example, also both “greyscale & invert” filters are now switchable
10+
11+
12+
## New
13+
- add swipe gesture to the sidebar
14+
- add pinchIn gesture to refresh
15+
- persist the sidebar status according to user actions.
16+
- add an helper event for hammerjs events bubbling check “https://github.com/ctf0/Laravel-Media-Manager/wiki/Customization-&--Optimization#customization”
17+
18+
19+
## Update
20+
21+
- move all bulma styles to the component scope to avoid interfering with the main page css
22+
- reverse the gestures when using `__stack-files-reverse`
23+
- use `IntersectionObserver` inside the global search too
24+
- more cleanups
25+
- update rdme & wiki

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
<script>
1111
export default {
12-
props: ['route', 'isLoading', 'trans'],
12+
props: ['route', 'isLoading', 'trans', 'showNotif'],
1313
data() {
1414
return {
1515
loading: false,
@@ -30,7 +30,7 @@ export default {
3030
this.loading = false
3131
this.done = true
3232
EventHub.fire('global-search-index', data)
33-
this.$parent.showNotif(this.trans('glbl_search_avail'))
33+
this.showNotif(this.trans('glbl_search_avail'))
3434
3535
}).catch((err) => {
3636
console.error(err)

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

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<template>
2+
<div>
3+
<img v-if="src" ref="img" :src="src" :alt="file.name" async>
4+
</div>
5+
</template>
6+
7+
<script>
8+
import lazy from '../../mixins/lazy'
9+
10+
export default {
11+
mixins: [lazy]
12+
}
13+
</script>

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

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<div v-if="showSearchPanel" class="modal mm-animated fadeIn is-active">
2+
<div v-if="showSearchPanel" id="gsearch-panel" class="modal mm-animated fadeIn is-active">
33
<div class="modal-background"/>
44
<div class="modal-content">
55
<div :class="{'move': moveInput}" class="search-input">
@@ -19,7 +19,7 @@
1919
<div class="card">
2020
<div class="card-image">
2121
<a v-if="fileTypeIs(item, 'image')" :href="item.path" target="_blank" class="image">
22-
<img :src="item.path" :alt="item.name">
22+
<image-intersect :file="item" :browser-support="browserSupport" root-el="#gsearch-panel"/>
2323
</a>
2424

2525
<div v-else class="glbl_search_panel">
@@ -90,6 +90,10 @@
9090
max-height: unset;
9191
}
9292
93+
.modal-close {
94+
z-index: 1;
95+
}
96+
9397
.column {
9498
backface-visibility: hidden;
9599
}
@@ -202,7 +206,10 @@
202206
import debounce from 'lodash/debounce'
203207
204208
export default {
205-
props: ['trans', 'fileTypeIs', 'noScroll'],
209+
components: {
210+
imageIntersect: require('./lazyLoading.vue')
211+
},
212+
props: ['trans', 'fileTypeIs', 'noScroll', 'browserSupport'],
206213
data() {
207214
return {
208215
showSearchPanel: false,

0 commit comments

Comments
 (0)