Update website

admin/phpMyAdmin/templates/navigation/tree/controls.twig

@@ -0,0 +1,8 @@
+<!-- CONTROLS START -->
+<li id="navigation_controls_outer">
+    <div id="navigation_controls">
+        {{ collapse_all|raw }}
+        {{ unlink|raw }}
+    </div>
+</li>
+<!-- CONTROLS ENDS -->

admin/phpMyAdmin/templates/navigation/tree/database_select.twig

@@ -0,0 +1,29 @@
+{{ quick_warp|raw }}
+
+<div id="pma_navigation_select_database">
+  {{ list_navigator|raw }}
+
+  <div id="pma_navigation_db_select">
+    <form action="{{ database_url }}" method="get">
+      {{ get_hidden_fields({'server': server}) }}
+
+      <select name="db" class="hide" id="navi_db_select" aria-label="{% trans 'Databases' %}">
+        {% for option in options %}
+          <option value="{{ option.name }}" title="{{ option.title }}"
+            data-apath="{{ option.data.apath }}"
+            data-vpath="{{ option.data.vpath }}"
+            data-pos="{{ option.data.pos }}"
+            {{ option.isSelected ? " selected" : "" }}>
+              {{- option.name -}}
+            </option>
+        {% endfor %}
+      </select>
+    </form>
+  </div>
+</div>
+
+<div id="pma_navigation_tree_content">
+  <ul>
+    {{ nodes|raw }}
+  </ul>
+</div>

admin/phpMyAdmin/templates/navigation/tree/fast_filter.twig

@@ -0,0 +1,20 @@
+{% if url_params %}
+    <li class="fast_filter{% if is_root_node %} db_fast_filter{% endif %}">
+        <form class="ajax fast_filter">
+            {{ get_hidden_inputs(url_params) }}
+            <div class="input-group">
+              <input
+                  class="searchClause form-control"
+                  type="text"
+                  name="{{ is_root_node ? 'searchClause' : 'searchClause2' }}"
+                  accesskey="q"
+                  aria-label="{% trans 'Type to filter these, Enter to search all' %}"
+                  placeholder="{% trans 'Type to filter these, Enter to search all' %}"
+              >
+              <button
+                class="btn btn-outline-secondary searchClauseClear"
+                type="button" aria-label="{% trans 'Clear fast filter' %}">X</button>
+            </div>
+        </form>
+    </li>
+{% endif %}

admin/phpMyAdmin/templates/navigation/tree/node.twig

@@ -0,0 +1,72 @@
+{% if show_node %}
+  <li class="{{ li_classes }}">
+    <div class="block">
+      <i{{ class == 'first' ? ' class="first"' }}></i>
+      {% if node_is_group %}
+        {{ 'last' not in class ? '<b></b>' }}
+        <a class="{{ link_classes }}" href="#">
+          <span class="hide paths_nav" data-apath="{{ paths.a_path }}" data-vpath="{{ paths.v_path }}" data-pos="{{ paths.pos }}"></span>
+          {% if pagination_params is not empty %}
+            <span class="hide {{ pagination_params.position }}" data-name="{{ pagination_params.data_name }}" data-value="{{ pagination_params.data_value }}"></span>
+          {% endif %}
+          {{ node_icon|raw }}
+        </a>
+      {% elseif pagination_params is not empty %}
+        <span class="hide {{ pagination_params.position }}" data-name="{{ pagination_params.data_name }}" data-value="{{ pagination_params.data_value }}"></span>
+      {% endif %}
+    </div>
+    {% if node_is_container %}
+      <div class="fst-italic">
+    {% endif %}
+
+    {% if node.isGroup %}
+      <div class="block second{{ has_second_icon ? ' double' }}">
+        <u>{{ get_image(node.icon['image'], node.icon['title']) }}</u>
+      </div>
+      &nbsp;{{ node.name }}
+    {% else %}
+      <div class="block second{{ has_second_icon ? ' double' }}">
+        {% for link in icon_links %}
+          <a href="{{ url(link.route, link.params) }}"{{ link.is_ajax ? ' class="ajax"' }}>
+            {{- get_image(link.image, link.title) -}}
+          </a>
+        {% endfor %}
+      </div>
+
+      {% if node_is_container %}
+        &nbsp;<a class="hover_show_full" href="{{ url(text_link.route, text_link.params) }}">{{ node.name }}</a>
+      {% elseif 'index' in node.classes %}
+        <a class="hover_show_full" href="{{ url(text_link.route) }}" data-post="{{ get_common(text_link.params|merge({'is_from_nav': true})) }}" title="{{ text_link.title }}">
+          {{- node.displayName ?? node.realName -}}
+        </a>
+      {% else %}
+        <a class="hover_show_full{{ text_link.is_ajax ? ' ajax' }}" href="{{ url(text_link.route, text_link.params) }}" title="{{ text_link.title }}">
+          {{- node.displayName ?? node.realName -}}
+        </a>
+      {% endif %}
+    {% endif %}
+
+    {{ control_buttons|raw }}
+
+    {% if node_is_container %}
+      </div>
+    {% endif %}
+
+    <div class="clearfloat"></div>
+{% elseif pagination_params is not empty %}
+  <span class="hide {{ pagination_params.position }}" data-name="{{ pagination_params.data_name }}" data-value="{{ pagination_params.data_value }}"></span>
+{% endif %}
+
+{% if recursive.html is not empty and recursive.has_wrapper %}
+  <div class="list_container"{{ recursive.is_hidden ? ' style="display: none;"' }}>
+    <ul>
+{% endif %}
+{{ recursive.html|raw }}
+{% if recursive.html is not empty and recursive.has_wrapper %}
+    </ul>
+  </div>
+{% endif %}
+
+{% if has_siblings %}
+  </li>
+{% endif %}

admin/phpMyAdmin/templates/navigation/tree/path.twig

@@ -0,0 +1,12 @@
+<div class='list_container hide'>
+  <ul{{ has_search_results ? ' class="search_results"' }}>
+    {{ list_content|raw }}
+  </ul>
+
+  {% if not is_tree %}
+    <span class='hide loaded_db'>{{ parent_name|url_encode }}</span>
+    {% if list_content is empty %}
+      <div>{% trans 'No tables found in database.' %}</div>
+    {% endif %}
+  {% endif %}
+</div>

admin/phpMyAdmin/templates/navigation/tree/quick_warp.twig

@@ -0,0 +1,5 @@
+<div class="pma_quick_warp">
+    {% if recent %}{{ recent|raw }}{% endif %}
+    {% if favorite %}{{ favorite|raw }}{% endif %}
+    <div class="clearfloat"></div>
+</div>

admin/phpMyAdmin/templates/navigation/tree/state.twig

@@ -0,0 +1,16 @@
+{{ quick_warp|raw }}
+
+<div class="clearfloat"></div>
+
+<ul>
+  {{ fast_filter|raw }}
+  {{ controls|raw }}
+</ul>
+
+{{ page_selector|raw }}
+
+<div id='pma_navigation_tree_content'>
+  <ul>
+    {{ nodes|raw }}
+  </ul>
+</div>