From a077ca85f547dfe53706fe83e38793f3d436b605 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Emanuel=20Sch=C3=BCtze?= Date: Sun, 24 Feb 2019 15:57:27 +0100 Subject: [PATCH] UI improvments - Use lanaguage files for tinymce. - Fixed user import error. - Improve colors for default/dark theme. - Fixed missing translation. --- client/src/app/base.component.ts | 21 +- .../meta-text-block.component.scss | 1 - .../list-of-speakers.component.html | 6 +- .../list-of-speakers.component.scss | 4 + .../manage-submitters.component.html | 2 +- .../motion-detail.component.scss | 4 - .../motion-list/motion-list.component.scss | 1 - client/src/app/site/users/models/view-user.ts | 4 +- .../styles/global-components-style.scss | 19 ++ client/src/assets/tinymce/langs/cs.js | 261 ++++++++++++++++++ client/src/assets/tinymce/langs/de.js | 261 ++++++++++++++++++ client/src/assets/tinymce/langs/en.js | 261 ++++++++++++++++++ client/src/styles.scss | 9 +- 13 files changed, 833 insertions(+), 21 deletions(-) create mode 100644 client/src/assets/tinymce/langs/cs.js create mode 100644 client/src/assets/tinymce/langs/de.js create mode 100644 client/src/assets/tinymce/langs/en.js diff --git a/client/src/app/base.component.ts b/client/src/app/base.component.ts index 13d1a5342..e28c3ed02 100644 --- a/client/src/app/base.component.ts +++ b/client/src/app/base.component.ts @@ -21,24 +21,31 @@ export abstract class BaseComponent { * Settings for the TinyMCE editor selector */ public tinyMceSettings = { - // TODO: language_url: '/static/tinymce/i18n/' + gettextCatalog.getCurrentLanguage() + '.js', - // TODO: theme_url: '/static/js/openslides-libs.js', + language: null, + language_url: null, skin_url: '/assets/tinymce/skins/lightgray', inline: false, statusbar: false, browser_spellcheck: true, image_advtab: true, + image_description: false, + link_title: false, height: 320, // TODO: image_list: images, plugins: `autolink charmap code colorpicker fullscreen image imagetools - lists link paste preview searchreplace textcolor`, + lists link paste searchreplace textcolor`, menubar: '', - toolbar: `undo redo searchreplace | styleselect | bold italic underline strikethrough - | forecolor backcolor removeformat | bullist numlist | outdent indent | - link image charmap table | code preview fullscreen` + toolbar: `styleselect | bold italic underline strikethrough + | forecolor backcolor removeformat | bullist numlist | + link image charmap | code fullscreen` }; - public constructor(protected titleService?: Title, protected translate?: TranslateService) {} + public constructor(protected titleService?: Title, protected translate?: TranslateService) { + if (this.translate) { + this.tinyMceSettings.language_url = '/assets/tinymce/langs/' + this.translate.currentLang + '.js'; + this.tinyMceSettings.language = this.translate.currentLang; + } + } /** * Set the title in web browser using angulars TitleService diff --git a/client/src/app/shared/components/meta-text-block/meta-text-block.component.scss b/client/src/app/shared/components/meta-text-block/meta-text-block.component.scss index ac5cc15a9..22be8c6d3 100644 --- a/client/src/app/shared/components/meta-text-block/meta-text-block.component.scss +++ b/client/src/app/shared/components/meta-text-block/meta-text-block.component.scss @@ -7,7 +7,6 @@ display: inherit; padding-top: 10px; margin: 0; - background-color: #eee; .mat-card-header-text { margin: 0 10px; diff --git a/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html b/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html index 1fd70e6a3..c89d4b00d 100644 --- a/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html +++ b/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html @@ -2,8 +2,8 @@

- List of speakers - Current list of speakers + List of speakers + Current list of speakers