Extract Materialize Form Select controller

This commit is contained in:
Yassine Guedidi 2025-03-01 01:05:02 +01:00
parent 270d5ccc2a
commit 117b26faba
3 changed files with 15 additions and 5 deletions

View file

@ -0,0 +1,12 @@
import { Controller } from '@hotwired/stimulus';
import M from '@materializecss/materialize';
export default class extends Controller {
connect() {
this.instance = M.FormSelect.init(this.element.querySelector('select'));
}
disconnect() {
this.instance.destroy();
}
}

View file

@ -272,8 +272,6 @@ const articleScroll = () => {
};
$(document).ready(() => {
$('select').formSelect();
$('.fixed-action-btn').floatingActionButton();
stickyNav();

View file

@ -69,7 +69,7 @@
</div>
<div class="row">
<div class="input-field col s11">
<div class="input-field col s11" data-controller="materialize--form-select">
{{ form_errors(form.config.action_mark_as_read) }}
{{ form_widget(form.config.action_mark_as_read) }}
{{ form_label(form.config.action_mark_as_read) }}
@ -77,7 +77,7 @@
</div>
<div class="row">
<div class="input-field col s11">
<div class="input-field col s11" data-controller="materialize--form-select">
{{ form_errors(form.config.language) }}
{{ form_widget(form.config.language) }}
{{ form_label(form.config.language) }}
@ -117,7 +117,7 @@
<h5>{{ 'config.tab_menu.article_display'|trans }}</h5>
<div class="row">
<div class="input-field col s5">
<div class="input-field col s5" data-controller="materialize--form-select">
{{ form_errors(form.config.font) }}
{{ form_widget(form.config.font) }}
{{ form_label(form.config.font) }}