pierre/wallabag
1
0
Fork 0
forked from wallabag/wallabag
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Extract Materialize Tabs controller

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/controllers/materialize/tabs_controller.js Normal file
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();
}
}

1
assets/index.js
View File

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

2
templates/Config/index.html.twig
View File

@ -10,7 +10,7 @@
<div class="row"> <div class="row">
<div class="tabs-container col s12"> <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 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="#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> <li class="tab col s12 m6 l3"><a href="#set3">{{ 'config.tab_menu.user_info'|trans }}</a></li>

2
templates/Static/about.html.twig
View File

@ -10,7 +10,7 @@
<div class="row"> <div class="row">
<div class="tabs-container col s12"> <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 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="#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> <li class="tab col s12 m6 l3"><a href="#set3">{{ 'about.top_menu.helping'|trans }}</a></li>

2
templates/Static/howto.html.twig
View File

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

2
templates/bundles/CraueConfigBundle/Settings/modify.html.twig
View File

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