mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-04-25 19:34:07 +00:00
Code Issues Projects Releases Wiki Activity

Extract Materialize Collapsible controller

Browse source
This commit is contained in:
Yassine Guedidi 2025-03-01 00:35:24 +01:00
parent db9dab054c
commit bbc114a2ca
4 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/controllers/materialize/collapsible_controller.js Normal file
View file

@ -0,0 +1,16 @@
import { Controller } from '@hotwired/stimulus';
import M from '@materializecss/materialize';
export default class extends Controller {
static values = {
accordion: { type: Boolean, default: true },
};
connect() {
this.instance = M.Collapsible.init(this.element, { accordion: this.accordionValue });
}
disconnect() {
this.instance.destroy();
}
}

4
assets/index.js
View file

@ -273,10 +273,6 @@ const articleScroll = () => {
$(document).ready(() => { $(document).ready(() => {
$('select').formSelect(); $('select').formSelect();
$('.collapsible[data-collapsible="accordion"]').collapsible();
$('.collapsible[data-collapsible="expandable"]').collapsible({
accordion: false,
});
$('.dropdown-trigger').dropdown({ hover: false }); $('.dropdown-trigger').dropdown({ hover: false });
$('.dropdown-trigger[data-covertrigger="false"][data-constrainwidth="false"]').dropdown({ $('.dropdown-trigger[data-covertrigger="false"][data-constrainwidth="false"]').dropdown({

2
templates/Developer/index.html.twig
View file

@ -25,7 +25,7 @@
<h4>{{ 'developer.existing_clients.title'|trans }}</h4> <h4>{{ 'developer.existing_clients.title'|trans }}</h4>
{% if clients %} {% if clients %}
<ul class="collapsible" data-collapsible="expandable"> <ul class="collapsible" data-controller="materialize--collapsible" data-materialize--collapsible-accordion-value="false">
{% for client in clients %} {% for client in clients %}
<li> <li>
<div class="collapsible-header">{{ client.name }} - #{{ client.id }}</div> <div class="collapsible-header">{{ client.name }} - #{{ client.id }}</div>

2
templates/Entry/entry.html.twig
View file

@ -42,7 +42,7 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<ul id="slide-out" class="left-bar collapsible sidenav sidenav-fixed reader-mode" data-collapsible="accordion" data-controller="materialize--sidenav"> <ul id="slide-out" class="left-bar collapsible sidenav sidenav-fixed reader-mode" data-controller="materialize--sidenav materialize--collapsible">
<li class="bold border-bottom hide-on-med-and-down"> <li class="bold border-bottom hide-on-med-and-down">
<a class="waves-effect collapsible-header" href="{{ path('homepage') }}"> <a class="waves-effect collapsible-header" href="{{ path('homepage') }}">
<i class="material-icons small">arrow_back</i> <i class="material-icons small">arrow_back</i>