Skip to content

Commit

Permalink
v3.2.5
Browse files Browse the repository at this point in the history
- 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
  • Loading branch information
ctf0 committed Sep 13, 2018
1 parent 34cb235 commit 8145ef7
Show file tree
Hide file tree
Showing 55 changed files with 1,894 additions and 939 deletions.
80 changes: 44 additions & 36 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,10 @@
+ upload
+ move/copy
+ delete
- upload by either
+ using the upload panel
+ drag & drop anywhere
+ click & hold on an empty area **"items container"**
- toggle between `random/original` names for uploaded files
- upload an image from a url
- [load image on demand](https://github.com/ctf0/Laravel-Media-Manager/wiki/Caching-Strategies#cache-api-image-offline-caching)
Expand All @@ -76,16 +80,17 @@
- use the manager
+ [from modal](https://github.com/ctf0/Laravel-Media-Manager/wiki/Use-The-Manager-From-A-Modal)
+ [with any wysiwyg editor](https://github.com/ctf0/Laravel-Media-Manager/wiki/Use-The-Manager-With-Any-WYSIWYG-Editor)
- auto scroll to selected item using (left, up, right, down, home, end)
- auto scroll to selected item using **"left, up, right, down, home, end"**
- [lock/unlock](https://github.com/ctf0/Laravel-Media-Manager/wiki/Lock-Files-&-Folder) item/s ***"sqLite must be installed"***
- search `current/global`
- search in the current folder **or** globally through the entire collection.
- filter by
+ folder
+ image
+ audio
+ video
+ text/pdf
+ locked items
+ selected items
- sort by
+ name "default"
+ size
Expand All @@ -106,44 +111,47 @@

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

| navigation | button | keyboard | click / tap | touch |
|-----------------------|---------------------------------------------|------------------|--------------------------|----------------------------------------|
| | toggle upload panel *(toolbar)* | u | * | |
| | refresh *(toolbar)* | r | * / hold *(clear cache)* | pinch in *(files container)* |
| | move *(toolbar)* | m | * | |
| | image editor *(toolbar)* | e | * | |
| | delete *(toolbar)* | d / del | * | |
| | lock/unlock *(toolbar)* | l | * | |
| | change visibility *(toolbar)* | v | * | |
| | toggle bulk selection *(toolbar)* | b | * | |
| | (reset) bulk select all *(toolbar)* | a | * | |
| | toggle sidebar *(path bar)* | t | * | swipe left/right *(sidebar container)* |
| | confirm *(modal)* | enter | * | |
| | toggle preview image/pdf/text *(item)* | space | ** | |
| | play/pause media *(item)* | space | ** | |
| | hide (modal / upload-panel / global-search) | esc | | |
| | reset (search / bulk selection / filter) | esc | | |
| | &nbsp; | | | |
| | move *(item)* | | | swipe up |
| | delete *(item)* | | | swipe down |
| | image editor *(item)* | | | hold |
| | limit bulk select *(item)* | shift + click | | |
| | current + next bulk select *(item)* | alt/meta + click | | |
| | &nbsp; | | | |
| select next *(item)* | | right | * | swipe left *(preview)* |
| select prev *(item)* | | left | * | swipe right *(preview)* |
| select first *(item)* | | home | | |
| select last *(item)* | | end | | |
| select next *(row)* | | down | | |
| select prev *(row)* | | up | | |
| open folder | | enter | ** | |
| go to prev dir | folderName *(path bar)* | backspace | * | swipe right *(files container)* |
| navigation | button | keyboard | click / tap | touch |
|-----------------------|---------------------------------------------|------------------|--------------------------|---------------------------------|
| | toggle upload panel *(toolbar)* | u | * | |
| | refresh *(toolbar)* | r | * / hold *(clear cache)* | pinch in *(items container)* |
| | move *(toolbar)* | m | * | |
| | image editor *(toolbar)* | e | * | |
| | delete *(toolbar)* | d / del | * | |
| | lock/unlock *(toolbar)* | l | * | |
| | change visibility *(toolbar)* | v | * | |
| | toggle bulk selection *(toolbar)* | b | * | |
| | (reset) bulk select all *(toolbar)* | a | * | |
| | toggle sidebar *(path bar)* | t | * | swipe left/right *(sidebar)* |
| | confirm *(modal)* | enter | * | |
| | toggle preview image/pdf/text *(item)* | space | ** | |
| | play/pause media *(item)* | space | ** | |
| | hide (modal / upload-panel / global-search) | esc | | |
| | reset (search / bulk selection / filter) | esc | | |
| | &nbsp; | | | |
| | move *(item)* | | | swipe up |
| | delete *(item)* | | | swipe down |
| | rename *(item)* | | | swipe left |
| | image editor *(item)* | | | hold |
| | limit bulk select *(item)* | shift + click | | |
| | current + next bulk select *(item)* | alt/meta + click | | |
| | create new folder | | ** *(items container)* | |
| | &nbsp; | | | |
| select next *(item)* | | right | * | swipe left *(preview)* |
| select prev *(item)* | | left | * | swipe right *(preview)* |
| select first *(item)* | | home | | |
| select last *(item)* | | end | | |
| select next *(row)* | | down | | |
| select prev *(row)* | | up | | |
| open folder | | enter | ** | |
| go to prev dir | folderName *(path bar)* | backspace | * | swipe right *(items container)* |

- events

Expand Down
2 changes: 1 addition & 1 deletion composer.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
],
"require": {
"php" : "~7.0",
"illuminate/support": "~5.4.0|~5.5.0|~5.6.0",
"illuminate/support": "~5.4.0|~5.5.0|~5.6.0|~5.7.0",
"maennchen/zipstream-php": "~1.0",
"ctf0/package-changelog": "^1.0"
},
Expand Down
25 changes: 0 additions & 25 deletions logs/v3.2.4.txt

This file was deleted.

23 changes: 23 additions & 0 deletions logs/v3.2.5.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
## New

- 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

## Fix

- 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

## Update

- 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
2 changes: 1 addition & 1 deletion src/MediaManagerServiceProvider.php
Original file line number Diff line number Diff line change
Expand Up @@ -135,7 +135,7 @@ protected function autoReg()
<<<EOT
// MediaManager
mix.sass('resources/assets/vendor/MediaManager/sass/media.scss', 'public/assets/vendor/MediaManager/style.css')
mix.sass('resources/assets/vendor/MediaManager/sass/manager.scss', 'public/assets/vendor/MediaManager/style.css')
.copyDirectory('resources/assets/vendor/MediaManager/dist', 'public/assets/vendor/MediaManager')
EOT;

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion src/resources/assets/js/components/globalSearch/button.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<template>
<button v-tippy :disabled="loading || isLoading"
<button v-tippy
:disabled="loading || isLoading"
:title="trans('glbl_search')"
class="button"
@click="done ? showSearchPanel() : init()">
Expand Down
22 changes: 21 additions & 1 deletion src/resources/assets/js/components/globalSearch/lazyLoading.vue
Original file line number Diff line number Diff line change
@@ -1,13 +1,33 @@
<template>
<div>
<img v-if="src" ref="img" :src="src" :alt="file.name" async>
<!-- <img v-else src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"> -->
<img v-else src="/assets/vendor/MediaManager/patterns/gif/5b98026bab87a.gif">
</div>
</template>

<style scoped>
img {
background: black;
}
</style>

<script>
import lazy from '../../mixins/lazy'
export default {
mixins: [lazy]
mixins: [lazy],
watch: {
intersected: {
immediate: true,
handler(val, oldVal) {
if (val) {
this.fetchImg(this.file.path).then((img) => {
this.src = img
})
}
}
}
}
}
</script>
Loading

0 comments on commit 8145ef7

Please sign in to comment.