ui: Rename data- attributes to data-bs- for Bootstrap 5

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2024-11-14 10:51:23 -08:00 committed by Veiko Aasa
parent f6f5b7a478
commit 95ecf36152
No known key found for this signature in database
GPG Key ID: 478539CAE680674E
13 changed files with 19 additions and 19 deletions

View File

@ -6,7 +6,7 @@
<div class="table-responsive">
<table class="table" id="archives-list">
<thead class="collapsible-button" data-toggle="collapse" data-target="#{{ uuid }}">
<thead class="collapsible-button" data-bs-toggle="collapse" data-bs-target="#{{ uuid }}">
<tr>
<th colspan="2">
<span class="fa fa-chevron-right fa-fw" aria-hidden="true"></span>

View File

@ -41,7 +41,7 @@
<section>
<p>
<a class="btn btn-default collapsed collapsible-button"
data-toggle="collapse" href="#help" aria-expanded="false">
data-bs-toggle="collapse" href="#help" aria-expanded="false">
<span class="fa fa-chevron-right fa-fw" aria-hidden="true"></span>
{% trans "How to verify?" %}
</a>

View File

@ -28,8 +28,8 @@
<tr>
<td class="app-name">
<a class="dropdown-toggle" href="#"
data-toggle="collapse" role="button"
data-target=".{{component.component_id}}"
data-bs-toggle="collapse" role="button"
data-bs-target=".{{component.component_id}}"
aria-expanded="false"
aria-controls="{{component.component_id}}">
{{ component.name }}</a>

View File

@ -53,7 +53,7 @@
</p>
<p>
<a class="btn btn-default collapsed collapsible-button" role="button"
data-toggle="collapse" href="#collapse-issues" aria-expanded="false"
data-bs-toggle="collapse" href="#collapse-issues" aria-expanded="false"
aria-controls="collapse-issues">
<span class="fa fa-chevron-right fa-fw" aria-hidden="true"></span>
{% trans "Show issues" %}

View File

@ -127,7 +127,7 @@
{% if log %}
<p>
<a class="btn btn-default collapsed collapsible-button" role="button"
data-toggle="collapse" href="#collapse-log" aria-expanded="false"
data-bs-toggle="collapse" href="#collapse-log" aria-expanded="false"
aria-controls="collapse-log">
<span class="fa fa-chevron-right fa-fw" aria-hidden="true"></span>
{% trans "Show recent update logs" %}

View File

@ -42,7 +42,7 @@
Delete user <em>{{ username }}</em> and all the user's files?
{% endblocktrans %}
</h5>
<button type="button" class="close" data-dismiss="modal"
<button type="button" class="close" data-bs-dismiss="modal"
aria-label="{% trans 'Close' %}">
<span aria-hidden="true">&times;</span>
</button>
@ -58,7 +58,7 @@
<button type="button" class="btn btn-danger confirm">
{% trans "Delete user and files" %}
</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
{% trans "Cancel" %}
</button>
</div>

View File

@ -25,7 +25,7 @@
{% endfor %}
</div>
<input id="add-tag-input" type="search" class="form-control dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
autocomplete="off" placeholder="{% trans "Search with tags" %}">
<div class="dropdown-menu" aria-labelledby="add-tag-input">
<ul class="dropdown-items list-unstyled">

View File

@ -100,8 +100,8 @@
{% endblock %}
{% block mainmenu_toggler %}
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbar-collapse" aria-controls="navbar-collapse"
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbar-collapse" aria-controls="navbar-collapse"
aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
@ -151,7 +151,7 @@
<li id="id_user_menu" class="nav-item dropdown">
<a href="{% url 'users:edit' request.user.username %}"
class="nav-link dropdown-toggle" data-toggle="dropdown"
class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
role="button" aria-expanded="false" aria-haspopup="true"
id="id_user_menu_link">
<i class="fa fa-user nav-icon"></i>

View File

@ -19,7 +19,7 @@
{% endif %}
{% if client_platforms.web|length > 1 or client_platforms.other %}
<button type="button" data-toggle="collapse" data-target="#clients"
<button type="button" data-bs-toggle="collapse" data-bs-target="#clients"
class="btn btn-default collapsed collapsible-button">
<span class="fa fa-chevron-right fa-fw" aria-hidden="true"></span>
{% trans "Client Apps" %}

View File

@ -6,7 +6,7 @@
<li id="id_help_menu" class="dropdown nav-item">
<a href="{% url 'help:index' %}" title="{% trans "Help" %}"
class="nav-link dropdown-toggle" data-toggle="dropdown"
class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
role="button" aria-expanded="false" aria-haspopup="true"
id="id_help_menu_link">
<span class="fa fa-question-circle nav-icon"></span>

View File

@ -9,9 +9,9 @@
{% if notifications %}
<li class="nav-item dropdown notifications-dropdown">
<a href="#" title="{% trans "Notifications" %}"
class="nav-link dropdown-toggle" data-toggle="dropdown"
class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
role="button" aria-expanded="false" aria-haspopup="true"
data-target=".notifications">
data-bs-target=".notifications">
<span class="fa fa-bell nav-icon"></span>
<span class="badge rounded-pill
{% if notifications_max_severity == 'exception' or notifications_max_severity == 'error' %}

View File

@ -23,9 +23,9 @@
{% if has_diagnostics or show_uninstall or has_backup_restore %}
<!-- Single button -->
<div class="btn-group button-secondary">
<div class="btn-group button-secondary dropdown">
<button type="button" class="btn btn-default dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" id="id_extra_actions_button">
<span class="fa fa-cog" aria-hidden="true"></span>
</button>

View File

@ -71,7 +71,7 @@ def messages_error(request, message, exception):
collapse_id = 'error-details-' + str(random.randint(0, 10**9))
message = format_html(
'{message} <a href="#" class="dropdown-toggle" '
'data-toggle="collapse" data-target="#{collapse_id}" '
'data-bs-toggle="collapse" data-bs-target="#{collapse_id}" '
'aria-expanded="false" aria-controls="{collapse_id}">'
'Details</a><pre class="collapse" '
'id="{collapse_id}"><code>{html_message}</code></pre>',