From b960a5ec586c0dbad95965fbc8411cfbe0acba6b Mon Sep 17 00:00:00 2001 From: Cris Date: Thu, 2 Apr 2020 15:53:06 +0200 Subject: [PATCH] Added Multilingualism for Tablewidget: Help / GUI items Shorter phrases are realised via FHC_PhrasesLib. Longer text (including HTML tags) are realised by . first retrieving language of FHC_JS_Storage_Object . then switching to corresponding language text while rendering. --- public/js/TableWidget.js | 149 +++++++++++++++++++++++++++------------ 1 file changed, 105 insertions(+), 44 deletions(-) diff --git a/public/js/TableWidget.js b/public/js/TableWidget.js index eebe5265c..01dad24bb 100644 --- a/public/js/TableWidget.js +++ b/public/js/TableWidget.js @@ -563,7 +563,7 @@ var FHC_TableWidget = { tableWidgetDiv.find('#tableWidgetHeader').append(tabulatorHeaderHTML); // Render the collapsable div triggered by button in tableWidgetHeader - var tabulatorHeaderCollapseHTML = _renderTabulatorHeaderCollapseHTML(tableWidgetDiv); + var tabulatorHeaderCollapseHTML = _renderTabulatorHeaderCollapseHTML(tableWidgetDiv, FHC_JS_DATA_STORAGE_OBJECT.user_language); tableWidgetDiv.find('#tableWidgetHeader').after(tabulatorHeaderCollapseHTML); /** @@ -741,7 +741,7 @@ function _func_columnVisibilityChanged(column, visible){ * Displays text when table is empty */ function _func_placeholder(){ - return "

Keine Daten vorhanden.

"; + return '

' + FHC_PhrasesLib.t('ui', 'keineDatenVorhanden') + '

'; } // Returns TableWidget Header HTML (download-, setting button...) @@ -752,9 +752,23 @@ function _renderTabulatorHeaderHTML(tableWidgetDiv){ var tabulatorHeaderHTML = ''; tabulatorHeaderHTML += ''; tabulatorHeaderHTML += '


'; @@ -763,7 +777,7 @@ function _renderTabulatorHeaderHTML(tableWidgetDiv){ } // Returns collapsable HTML element for TableWidget header buttons -function _renderTabulatorHeaderCollapseHTML(tableWidgetDiv){ +function _renderTabulatorHeaderCollapseHTML(tableWidgetDiv, language){ var tableUniqueId = tableWidgetDiv.attr('tableUniqueId'); @@ -777,9 +791,12 @@ function _renderTabulatorHeaderCollapseHTML(tableWidgetDiv){ tabulatorHeaderCollapseHTML += '
'; tabulatorHeaderCollapseHTML += ''; // end panel-heading tabulatorHeaderCollapseHTML += '
'; tabulatorHeaderCollapseHTML += '
'; - tabulatorHeaderCollapseHTML += '

Tabelleneinstellungen

'; - tabulatorHeaderCollapseHTML += '
'; - tabulatorHeaderCollapseHTML += 'Spalten ein- und ausblenden'; - tabulatorHeaderCollapseHTML += '

'; - tabulatorHeaderCollapseHTML += '

    '; - tabulatorHeaderCollapseHTML += '
  • Mit einem Klick auf ' + - 'werden die Einstellungen geöffnet.
    • '; - tabulatorHeaderCollapseHTML += '
  • Auf Spalteneinstellungen klicken
    • '; - tabulatorHeaderCollapseHTML += '
  • Durch (wiederholtes) Klicken auf die einzelnen Spaltennamen können ' + - 'diese in der Tabelle beliebig oft aktiviert / deaktiviert werden.
    • '; - tabulatorHeaderCollapseHTML += '
  • Mit einem Klick auf ' + - 'werden die Einstellungen wieder geschlossen.
    • '; - tabulatorHeaderCollapseHTML += '
'; - tabulatorHeaderCollapseHTML += '

'; - tabulatorHeaderCollapseHTML += 'Spaltenbreite verändern'; - tabulatorHeaderCollapseHTML += '

Um die Spaltenbreite zu verändern, fährt man im Spaltenkopf langsam ' + - 'mit dem Mauszeiger auf den rechten Rand der entprechenden Spalte.
' + - 'Sobald sich der Mauszeiger in einen Doppelpfeil verwandelt, wird die Maustaste geklickt und ' + - 'mit gedrückter Maustaste die Spalte nach rechts erweitert oder nach links verkleinert.'; - tabulatorHeaderCollapseHTML += '

'; - tabulatorHeaderCollapseHTML += '
INFO: Alle individuellen Tabelleneinstellungen werden in ' + - 'Ihrem Browser Cache gespeichert. Wenn Sie Ihren Browser Cache löschen, werden Ihre Einstellungen zurückgesetzt und ' + - 'müssen gegebenenfalls neu eingestellt werden.'; - tabulatorHeaderCollapseHTML += '
'; - tabulatorHeaderCollapseHTML += '

'; // end panel-body + if (language == 'German') + { + tabulatorHeaderCollapseHTML += '

Tabelleneinstellungen

'; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += 'Spalten ein- und ausblenden'; + tabulatorHeaderCollapseHTML += '

'; + tabulatorHeaderCollapseHTML += '

    '; + tabulatorHeaderCollapseHTML += '
  • Mit einem Klick auf ' + + 'werden die Einstellungen geöffnet.
    • '; + tabulatorHeaderCollapseHTML += '
  • Auf Spalteneinstellungen klicken
    • '; + tabulatorHeaderCollapseHTML += '
  • Durch (wiederholtes) Klicken auf die einzelnen Spaltennamen können ' + + 'diese in der Tabelle beliebig oft aktiviert / deaktiviert werden.
    • '; + tabulatorHeaderCollapseHTML += '
  • Mit einem Klick auf ' + + 'werden die Einstellungen wieder geschlossen.
    • '; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '

'; + tabulatorHeaderCollapseHTML += 'Spaltenbreite verändern'; + tabulatorHeaderCollapseHTML += '

Um die Spaltenbreite zu verändern, fährt man im Spaltenkopf langsam ' + + 'mit dem Mauszeiger auf den rechten Rand der entprechenden Spalte.
' + + 'Sobald sich der Mauszeiger in einen Doppelpfeil verwandelt, wird die Maustaste geklickt und ' + + 'mit gedrückter Maustaste die Spalte nach rechts erweitert oder nach links verkleinert.'; + tabulatorHeaderCollapseHTML += '

'; + tabulatorHeaderCollapseHTML += '
INFO: Alle individuellen Tabelleneinstellungen werden in ' + + 'Ihrem Browser Cache gespeichert. Wenn Sie Ihren Browser Cache löschen, werden Ihre Einstellungen zurückgesetzt und ' + + 'müssen gegebenenfalls neu eingestellt werden.'; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '

'; // end panel-body - tabulatorHeaderCollapseHTML += '

Zeilen auswählen

'; - tabulatorHeaderCollapseHTML += '
'; - tabulatorHeaderCollapseHTML += '
    '; - tabulatorHeaderCollapseHTML += '
  • Einzeln auswählen: Strg + Klick auf einzelne Zeile(n)
    • '; - tabulatorHeaderCollapseHTML += '
  • Bereich auswählen: Shift + Klick auf Anfangs- und Endzeile
    • '; - tabulatorHeaderCollapseHTML += '
  • Alle auswählen: Button \'Alle auswählen\'
    • '; - tabulatorHeaderCollapseHTML += '
'; - tabulatorHeaderCollapseHTML += '

'; // end panel-body + tabulatorHeaderCollapseHTML += '

Zeilen auswählen

'; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '
    '; + tabulatorHeaderCollapseHTML += '
  • Einzeln auswählen: Strg + Klick auf einzelne Zeile(n)
    • '; + tabulatorHeaderCollapseHTML += '
  • Bereich auswählen: Shift + Klick auf Anfangs- und Endzeile
    • '; + tabulatorHeaderCollapseHTML += '
  • Alle auswählen: Button \'Alle auswählen\'
    • '; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '

'; // end panel-body + } + else if (language == 'English') + { + tabulatorHeaderCollapseHTML += '

Table settings

'; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += 'Show and hide columns'; + tabulatorHeaderCollapseHTML += '

'; + tabulatorHeaderCollapseHTML += '

    '; + tabulatorHeaderCollapseHTML += '
  • With a click on the settings will open.
    • '; + tabulatorHeaderCollapseHTML += '
  • Click on column settings
    • '; + tabulatorHeaderCollapseHTML += '
  • By clicking on the individual column names the columns are shown / hidden in the table. Click again to gain the opposite state.
    • '; + tabulatorHeaderCollapseHTML += '
  • With a click on the settings will be closed again.
    • '; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '

'; + tabulatorHeaderCollapseHTML += 'Change column width'; + tabulatorHeaderCollapseHTML += '

To change the column width, slowly hover with the mouse pointer on the right edge of the corresponding column header.
' + + 'As soon as the mouse pointer changes into a double arrow, click the mouse button and ' + + 'keep it pressed while expanding the column width to the right or reducing the width to the left.'; + tabulatorHeaderCollapseHTML += '

'; + tabulatorHeaderCollapseHTML += '
INFO: ' + + 'All individual table settings are saved in your browser cache. If you clear your browser cache, ' + + 'your settings will be erased.'; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '

'; + tabulatorHeaderCollapseHTML += '

Select rows

'; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '
    '; + tabulatorHeaderCollapseHTML += '
  • Select individually: Ctrl + click on single line (s)
    • '; + tabulatorHeaderCollapseHTML += '
  • Select a range: Shift + click on the start and end line
    • '; + tabulatorHeaderCollapseHTML += '
  • Select all: Button \'Select all \'
    • '; + tabulatorHeaderCollapseHTML += '
'; + tabulatorHeaderCollapseHTML += '

'; + } tabulatorHeaderCollapseHTML += '
'; // end well tabulatorHeaderCollapseHTML += '
'; // end col collapse @@ -877,9 +929,18 @@ function _renderTabulatorFooterHTML(tableWidgetFooterOptions){ { tabulatorFooterHTML += ''; tabulatorFooterHTML += '

';