Refactor translation UI/form
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3533685. -->
Reported by: [claudiu.cristea](https://www.drupal.org/user/56348)
Related to !17
>>>
<p>Blocked by <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/babel/issues/3533693" title="Status: Closed (fixed)">#3533693: Skip strings for translation</a></span></p>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>The BabelTranslateForm is loading extremely slow because it logs all items.</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Refactor BabelTranslateForm</p>
<ul>
<li>The table should be paginated at 50 rows per page.</li>
<li>Filters behavior:
<ul>
<li><del>Changes on "Language", "Type", and "Show inactive" filters will reload the table by using Ajax</del></li>
<li><del>Changes to "Search" filter will reload the table with Ajax ONLY on BLUR or</del> hitting Enter or pressing a new inline "Refresh" button.</li>
</ul>
</li>
<li>Pager should also change the page by using Ajax</li>
<li>Search for <a href="https://www.drupal.org/i/3533685">https://www.drupal.org/i/3533685</a> and remove the hack</li>
</ul>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<p>None.</p>
<h3 id="summary-ui-changes">User interface changes</h3>
<p>See "Proposed resolution"</p>
<h3 id="summary-api-changes">API changes</h3>
<p>None.</p>
<h3 id="summary-data-model-changes">Data model changes</h3>
<p>None.</p>
> Related issue: [Issue #2925598](https://www.drupal.org/node/2925598)
> Related issue: [Issue #3388718](https://www.drupal.org/node/3388718)
> Related issue: [Issue #3400320](https://www.drupal.org/node/3400320)
> Related issue: [Issue #3356667](https://www.drupal.org/node/3356667)
issue