1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-06-27 16:36:00 +00:00

Extract Materialize Tabs controller

This commit is contained in:
Yassine Guedidi 2025-03-01 00:10:16 +01:00
parent 1f76184d02
commit 0589066ed1
6 changed files with 16 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.Tabs.init(this.element);
}
disconnect() {
this.instance.destroy();
}
}

View file

@ -285,7 +285,6 @@ $(document).ready(() => {
constrainWidth: false,
});
$('.tabs').tabs();
$('.tooltipped').tooltip();
$('.fixed-action-btn').floatingActionButton();

View file

@ -10,7 +10,7 @@
<div class="row">
<div class="tabs-container col s12">
<ul class="tabs">
<ul class="tabs" data-controller="materialize--tabs">
<li class="tab col s12 m6 l3"><a class="active" href="#set1">{{ 'config.tab_menu.settings'|trans }}</a></li>
<li class="tab col s12 m6 l3"><a href="#set2">{{ 'config.tab_menu.feed'|trans }}</a></li>
<li class="tab col s12 m6 l3"><a href="#set3">{{ 'config.tab_menu.user_info'|trans }}</a></li>

View file

@ -10,7 +10,7 @@
<div class="row">
<div class="tabs-container col s12">
<ul class="tabs">
<ul class="tabs" data-controller="materialize--tabs">
<li class="tab col s12 m6 l3"><a class="active" href="#set1">{{ 'about.top_menu.who_behind_wallabag'|trans }}</a></li>
<li class="tab col s12 m6 l3"><a href="#set2">{{ 'about.top_menu.getting_help'|trans }}</a></li>
<li class="tab col s12 m6 l3"><a href="#set3">{{ 'about.top_menu.helping'|trans }}</a></li>

View file

@ -10,7 +10,7 @@
<div class="row">
<div class="tabs-container col s12">
<ul class="tabs">
<ul class="tabs" data-controller="materialize--tabs">
<li class="tab col s12 m6 l3"><a class="active" href="#set1">{{ 'howto.tab_menu.add_link'|trans }}</a></li>
<li class="tab col s12 m6 l3"><a href="#set2">{{ 'howto.tab_menu.shortcuts'|trans }}</a></li>
</ul>

View file

@ -11,7 +11,7 @@
<div class="row">
<div class="div_tabs col s12">
<ul class="tabs">
<ul class="tabs" data-controller="materialize--tabs">
{% for section in sections|craue_sortSections %}
<li class="tab col s12 m6 l3"><a href="#set-{{ section }}">{{ section|trans({}, 'CraueConfigBundle') }}</a></li>
{% endfor %}