i want a block for a hero image, but with the options that the brackground can be a image, video or just a background-color

i'll check it, thanks!

uhmm...media library does not allow uploading videos?

Under the files tab, so using a file field

you can allow videos in the image tab or a custom tab with some cudtomization, but we do not have a field dedicated to videos yet

it is on the roadmap

https://gist.github.com/pboivin/19d49cbb3c0a6c5c06469117597cc0f7 with this i will be able to create that field?

you could create any field with this yes

I'll try to create the video field

Hi I'm trying to translate the twill-navigation. From searching here in discord I learned this is possible by doing this in the AppServiceProvider in combination with twillTrans. Works fine except that it doesn't take the currentUser language. Am I doing something wrong?

Hi @iemand002 that's because the current user locale is set in a middleware, so it is not yet set in a provider. You can achieve this by doing it in a middleware instead.

Okay thanks, will try that next time I'm going to work on it

How can i override a twill component? i'm close to making the videos tab in the media library

I created my custom component which is a copy-paste of the media library component, the only difference is that if the type is video I show a grid for videos instead of the grid for images the problem is that i can't find a way to replace the default media library component with my custom component i tried overriding the

layouts.main

view to change

<a17-medialibrary>

to

<a17-custom-medialibrary>

but it doesn't work

> it doesn't work

Hi @amargoCactus you'll need that component to be registered in the Twill frontend build. There are multiple ways to go about this but the first step for your testing would be to physically overwrite the media library component in your Twill vendor folder before running

php artisan twill:build

Not sure if you noticed, but you can register types tabs in the media library like here https://github.com/area17/twill/blob/fe27672e8ba432b3d6b111df79b4827d0f2e7d03/views/layouts/main.blade.php#L89

yes, that's why i overwrite the view

resources/views/vendor/twill/layouts/main.blade.php

<script>
    ...
    window['{{ config('twill.js_namespace') }}'].STORE.medias.types.push({
        value: 'video',
        text: 'Videos',
        total: {{ \App\Models\Video::count() }},
        endpoint: '{{ route('admin.video-library.videos.index') }}',
        tagsEndpoint: '{{ route('admin.video-library.videos.tags') }}',
        uploaderConfig: {!! json_encode($videosUploaderConfig) !!}
    })
    ...
</script>

how can i overwrite the component? 😓 i don't find the way

literally physically replace it with yours

in

vendor/area17/twill/frontend/js/components/...

it will not give me problems when doing npm install on another pc?

or update

the package

there are components you can put in a folder in your app that will automatically be injected in Twill, but not that one. It won't be a problem as long as you copy it again after an update. You could add yourself a composer or npm script that first copy and then run the Twill build

🤔 okay

thanks

none of the Vue files in the source of twill end up in your browser, so you can create a custom build, it doesn't matter that you're building out of the vendor folder. You do need to version control your custom components in your repo of course, but anytime you build Twill's frontend, there's nothing wrong with overwriting source files. Now of course if there are updates internally you will overwrite those too but that's how it is if you do heavy customizations