Proposal: Better language translation UI

[dotnetic]

@ryan Right now the view that shows translation files "Setup > Languages > German" is not very intuitive and confuses users and translators, because they are confronted with cryptic names (Textdomains) instead of clear to read names.

How can we make it better?

Add clear to read labels like the module name from modules and the filename without the path from other files (.php).

The path information has to be more subtle, as it is not that important for most users

Take a look at the first two entries compared to the lower two.

This can be done very quickly by adding some styles. Either flexbox or floats would do the job.

Here is what I did (just quick and dirty and not the best way)

Changed order of the file path to last.

Added CSS to InputfieldFileLanguageFilename description:

<span class="InputfieldFileLanguageFilename description" style="
    position: absolute;
    right: 0;
    padding-right: 10px;
    font-size: 13px;
    color: #ccc;
">/site/templates/main.php</span>

What you think of that?

[dotnetic]

Created a request issue for this https://github.com/processwire/processwire-requests/issues/251

[tpr]

Additionally using a modal to edit translations would be also handy ("Edit" button, "Bearbeiten" on the screenshots above). On closing the modal, the file list could be easily reloaded with triggering a reload event on the Inputfield. I'll probably add this to AOS if time allows. Update: added to v2.0.8