localization for settingsdashboard

This commit is contained in:
Lone Iversen
2023-10-30 14:30:00 +01:00
committed by Jacob Overgaard
parent 2216297b7a
commit 771bbb3a85
4 changed files with 155 additions and 69 deletions

View File

@@ -14,8 +14,12 @@ Before you start:
- Get an understanding of how we do localization in the new Backoffice. The explanations can be found in the stories under **Localization** by running `npm run storybook`. Alternatively see the raw story file [localization.mdx](https://github.com/umbraco/Umbraco.CMS.Backoffice/blob/main/src/packages/core/localization/stories/localization.mdx)
# Overview
### Sections
- [Sections that needs to be localized](#sections)
- [Keys that needs to be localized](#keys)
## Sections
- [ ] [Header App](#header-app)
- [ ] [Content](#content)
@@ -28,6 +32,8 @@ Before you start:
- [ ] [Property Editors](#property-editor-ui-and-their-input)
- [ ] [Modals](#modals)
- [ ] [Misc](#misc)
### Subsections
#### Header App
@@ -50,7 +56,7 @@ Before you start:
#### Settings
- [ ] Dashboards
- [ ] Welcome
- [x] Welcome / Settings
- [ ] Examine Management
- [ ] Models Builder
- [ ] Published Status
@@ -157,4 +163,76 @@ Rest of modals can be found:
- [ ] Tree
- [ ] Tree Actions
- [ ] Recycle Bin
- [ ] Validator messages
- [ ] Validator messages
## Keys
Do you speak any of the following languages?
Then we need your help! With Bellissima we added new localization keys, and we still need them available in all our supported languages.
- `bs-BS` - Bosnian (Bosnia and Herzegovina)
- `cs-CZ` - Czech (Czech Republic)
- `cy-GB` - Welsh (United Kingdom)
- `da-DK` - Danish (Denmark)
- `de-DE` - German (Germany)
- `en-GB` - English (United Kingdom)
- `es-ES` - Spanish (Spain)
- `fr-FR` - French (France)
- `he-IL` - Hebrew (Israel)
- `hr-HR` - Croatian (Croatia)
- `it-IT` - Italian (Italy)
- `ja-JP` - Japanese (Japan)
- `ko-KR` - Korean (Korea)
- `nb-NO` - Norwegian Bokmål (Norway)
- `nl-NL` - Dutch (Netherlands)
- `pl-PL` - Polish (Poland)
- `pt-BR` - Portuguese (Brazil)
- `ro-RO` - Romanian (Romania)
- `ru-RU` - Russian (Russia)
- `sv-SE` - Swedish (Sweden)
- `tr-TR` - Turkish (Turkey)
- `ua-UA` - Ukrainian (Ukraine)
- `zh-CN` - Chinese (China)
- `zh-TW` - Chinese (Taiwan)
#### settingsDashboard
- documentationHeader
- documentationDescription
- communityHeader
- trainingHeader
- trainingDescription
- supportHeader
- supportDescription
- videosHeader
- videosDescription
- getHelp
- getCertified
- goForum
- chatWithCommunity
- watchVideos
- [ ] `bs-BS` - Bosnian (Bosnia and Herzegovina)
- [ ] `cs-CZ` - Czech (Czech Republic)
- [ ] `cy-GB` - Welsh (United Kingdom)
- [x] `da-DK` - Danish (Denmark)
- [ ] `de-DE` - German (Germany)
- [ ] `en-GB` - English (United Kingdom)
- [ ] `es-ES` - Spanish (Spain)
- [ ] `fr-FR` - French (France)
- [ ] `he-IL` - Hebrew (Israel)
- [ ] `hr-HR` - Croatian (Croatia)
- [ ] `it-IT` - Italian (Italy)
- [ ] `ja-JP` - Japanese (Japan)
- [ ] `ko-KR` - Korean (Korea)
- [ ] `nb-NO` - Norwegian Bokmål (Norway)
- [ ] `nl-NL` - Dutch (Netherlands)
- [ ] `pl-PL` - Polish (Poland)
- [ ] `pt-BR` - Portuguese (Brazil)
- [ ] `ro-RO` - Romanian (Romania)
- [ ] `ru-RU` - Russian (Russia)
- [ ] `sv-SE` - Swedish (Sweden)
- [ ] `tr-TR` - Turkish (Turkey)
- [ ] `ua-UA` - Ukrainian (Ukraine)
- [ ] `zh-CN` - Chinese (China)
- [ ] `zh-TW` - Chinese (Taiwan)

View File

@@ -3188,20 +3188,19 @@ export default {
getStarted: 'To get you started',
},
settingsDashboard: {
start: 'Start here',
startDescription:
'This section contains the building blocks for your Umbraco site. Follow the below\n links to find out more about working with the items in the Settings section\n ',
more: 'Find out more',
bulletPointOne:
'\n Read more about working with the items in Settings <a class="btn-link -underline" href="https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/sections/" target="_blank" rel="noopener">in the Documentation section</a> of Our Umbraco\n ',
bulletPointTwo:
'\n Ask a question in the <a class="btn-link -underline" href="https://our.umbraco.com/forum" target="_blank" rel="noopener">Community Forum</a>\n ',
bulletPointTutorials:
'\n Watch our free <a class="btn-link -underline" href="https://umbra.co/ulb" target="_blank" rel="noopener">tutorial videos on the Umbraco Learning Base</a>\n ',
bulletPointFour:
'\n Find out about our <a class="btn-link -underline" href="https://umbraco.com/products/" target="_blank" rel="noopener">productivity boosting tools and commercial support</a>\n ',
bulletPointFive:
'\n Find out about real-life <a class="btn-link -underline" href="https://umbraco.com/training/" target="_blank" rel="noopener">training and certification</a> opportunities\n ',
communityHeader: 'Community',
trainingHeader: 'Træning',
trainingDescription: 'Se mulighederne for real-life træning og certificering',
supportHeader: 'Support',
supportDescription: 'Stil et spørgsmål i community forummet eller i vores Discord community',
videosHeader: 'Videoer',
videosDescription:
'Se vores gratis tutortial videoer på Umbraco Learning Base YouTube-kanel, for hurtigt at komme i gang med Umbraco.',
getHelp: 'Få den hjælp du har brug for',
getCertified: 'Bliv certificeret',
goForum: 'Gå til forummet',
chatWithCommunity: 'Chat med communitiet',
watchVideos: 'Se videoerne',
},
startupDashboard: {
fallbackHeadline: 'Welcome to The Friendly CMS',

View File

@@ -2222,20 +2222,21 @@ export default {
getStarted: 'To get you started',
},
settingsDashboard: {
start: 'Start here',
startDescription:
'This section contains the building blocks for your Umbraco site. Follow the below\n links to find out more about working with the items in the Settings section\n ',
more: 'Find out more',
bulletPointOne:
'\n Read more about working with the items in Settings <a class="btn-link -underline" href="https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/sections/" target="_blank" rel="noopener">in the Documentation section</a> of Our Umbraco\n ',
bulletPointTwo:
'\n Ask a question in the <a class="btn-link -underline" href="https://our.umbraco.com/forum" target="_blank" rel="noopener">Community Forum</a>\n ',
bulletPointTutorials:
'\n Watch our free <a class="btn-link -underline" href="https://umbra.co/ulb" target="_blank" rel="noopener">tutorial videos on the Umbraco Learning Base</a>\n ',
bulletPointFour:
'\n Find out about our <a class="btn-link -underline" href="https://umbraco.com/products/" target="_blank" rel="noopener">productivity boosting tools and commercial support</a>\n ',
bulletPointFive:
'\n Find out about real-life <a class="btn-link -underline" href="https://umbraco.com/training/" target="_blank" rel="noopener">training and certification</a> opportunities\n ',
documentationHeader: 'Documentation',
documentationDescription: 'Read more about working with the items in Settings in our Documentation.',
communityHeader: 'Community',
trainingHeader: 'Training',
trainingDescription: 'Find out about real-life training and certification opportunities',
supportHeader: 'Support',
supportDescription: 'Ask a question in the community forum or our Discord community.',
videosHeader: 'Videos',
videosDescription:
'Watch our free tutorial videos on the Umbraco Learning Base YouTube channel, to get up to speed quickly with Umbraco.',
getHelp: 'Get the help you need',
getCertified: 'Get Certified',
goForum: 'Go to the forum',
chatWithCommunity: 'Chat with the community',
watchVideos: 'Watch the videos',
},
startupDashboard: {
fallbackHeadline: 'Welcome to The Friendly CMS',

View File

@@ -1,86 +1,94 @@
import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
import { css, html, LitElement, customElement } from '@umbraco-cms/backoffice/external/lit';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { css, html, customElement } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@customElement('umb-dashboard-settings-welcome')
export class UmbDashboardSettingsWelcomeElement extends LitElement {
export class UmbDashboardSettingsWelcomeElement extends UmbLitElement {
render() {
return html`
<section id="settings-dashboard" class="uui-text">
<uui-box>
<h1 class="uui-h3">Documentation</h1>
<p>Read more about working with the items in Settings in our Documentation.</p>
<h1 class="uui-h3"><umb-localize key="settingsDashboard_documentationHeader">Documentation</umb-localize></h1>
<p>
<umb-localize key="settingsDashboard_documentationDescription">
Read more about working with the items in Settings in our Documentation.
</umb-localize>
</p>
<uui-button
look="primary"
href="https://docs.umbraco.com/umbraco-cms/umbraco-cms"
label="Get the help you need"
label=${this.localize.term('settingsDashboard_getHelp')}
target="_blank"
rel="noopener">
Get the help you need
</uui-button>
rel="noopener"></uui-button>
</uui-box>
<uui-box>
<h1 class="uui-h3">Community</h1>
<p>Ask a question in the community forum or our Discord community</p>
<h1 class="uui-h3"><umb-localize key="settingsDashboard_communityHeader">Community</umb-localize></h1>
<p>
<umb-localize key="settingsDashboard_supportDescription">
Ask a question in the community forum or our Discord community
</umb-localize>
</p>
<uui-button
look="primary"
href="https://our.umbraco.com/forum"
label="Go to the forum"
label=${this.localize.term('settingsDashboard_goForum')}
target="_blank"
rel="noopener">
Go to the forum
</uui-button>
rel="noopener"></uui-button>
<uui-button
look="primary"
href="https://discord.umbraco.com"
label="Chat with the community"
label=${this.localize.term('settingsDashboard_chatWithCommunity')}
target="_blank"
rel="noopener">
Chat with the community
</uui-button>
rel="noopener"></uui-button>
</uui-box>
<uui-box class="training">
<h1 class="uui-h3">Training</h1>
<h1 class="uui-h3"><umb-localize key="settingsDashboard_trainingHeader">Training</umb-localize></h1>
<p>Find out about real-life training and certification opportunities</p>
<p>
<umb-localize key="settingsDashboard_trainingDescription">
Find out about real-life training and certification opportunities
</umb-localize>
</p>
<uui-button
look="primary"
href="https://umbraco.com/training/"
label="Get Certified"
label=${this.localize.term('settingsDashboard_getCertified')}
target="_blank"
rel="noopener">
Get Certified
</uui-button>
rel="noopener"></uui-button>
</uui-box>
<uui-box>
<h1 class="uui-h3">Support</h1>
<p>Ask a question in the community forum or our Discord community.</p>
<h1 class="uui-h3"><umb-localize key="settingsDashboard_supportHeader">Support</umb-localize></h1>
<p>
<umb-localize key="settingsDashboard_supportDescription">
Ask a question in the community forum or our Discord community.
</umb-localize>
</p>
<uui-button
look="primary"
href="https://umbraco.com/support/"
label="Get the help you need"
label=${this.localize.term('settingsDashboard_getHelp')}
target="_blank"
rel="noopener">
Get the help you need
</uui-button>
rel="noopener"></uui-button>
</uui-box>
<uui-box>
<h1 class="uui-h3">Videos</h1>
<h1 class="uui-h3"><umb-localize key="settingsDashboard_videosHeader">Videos</umb-localize></h1>
<p>
Watch our free tutorial videos on the Umbraco Learning Base YouTube channel, to get upto speed quickly with
Umbraco.
<umb-localize key="settingsDashboard_videosDescription">
Watch our free tutorial videos on the Umbraco Learning Base YouTube channel, to get upto speed quickly
with Umbraco.
</umb-localize>
</p>
<uui-button
look="primary"
href="https://www.youtube.com/c/UmbracoLearningBase"
label="Watch the videos"
label=${this.localize.term('settingsDashboard_watchVideos')}
target="_blank"
rel="noopener">
Watch the videos
</uui-button>
rel="noopener"></uui-button>
</uui-box>
</section>
`;