mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-12 10:46:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(translations): add translation support to welcome modal, fix clock

Browse Source
This commit is contained in:
David Ralph
2021-07-02 21:59:58 +01:00
parent d91490874c
commit 8ece0a7eb0
13 changed files with 351 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/modals/main/scss/settings/_main.scss
View File

@@ -219,4 +219,8 @@ input[type=number] {
vertical-align: sub;
font-size: 1.4rem;
}
}
.MuiCheckbox-root {
color: yellow;
}

8
src/components/modals/welcome/Welcome.jsx
View File

@@ -23,7 +23,7 @@ export default class WelcomeModal extends React.PureComponent {
return this.setState({
currentTab: this.state.currentTab - 1,
image: this.images[this.state.currentTab - 1],
buttonText: 'Next'
buttonText: this.language.buttons.next
});
}
@@ -34,7 +34,7 @@ export default class WelcomeModal extends React.PureComponent {
this.setState({
currentTab: this.state.currentTab + 1,
image: this.images[this.state.currentTab + 1],
buttonText: (this.state.currentTab !== this.state.finalTab) ? 'Next' : 'Close'
buttonText: (this.state.currentTab !== this.state.finalTab) ? this.language.buttons.next : this.language.buttons.close
});
}
@@ -43,7 +43,7 @@ export default class WelcomeModal extends React.PureComponent {
this.setState({
currentTab: tab,
image: this.images[tab],
buttonText: 'Next'
buttonText: this.language.buttons.next
});
}
@@ -59,7 +59,7 @@ export default class WelcomeModal extends React.PureComponent {
<WelcomeSections currentTab={this.state.currentTab} switchTab={(tab) => this.switchTab(tab)}/>
</div>
<div className='buttons'>
{(this.state.currentTab !== 0) ? <button className='close' style={{ marginRight: '20px' }} onClick={() => this.changeTab(true)}>Previous</button> : null}
{(this.state.currentTab !== 0) ? <button className='close' style={{ marginRight: '20px' }} onClick={() => this.changeTab(true)}>{this.language.buttons.previous}</button> : null}
<button className='close' onClick={() => this.changeTab()}>{this.state.buttonText}</button>
</div>
</section>

36
src/components/modals/welcome/WelcomeSections.jsx
View File

@@ -64,8 +64,8 @@ export default class WelcomeSections extends React.Component {
const intro = (
<>
<h1>{language.title} Mue Tab</h1>
<p>{language.thankyoumessage1} {language.thankyoumessage2}</p>
<h1>{language.sections.intro.title}</h1>
<p>{language.sections.intro.description}</p>
<h3 className='quicktip'>to be added</h3>
<div className='examples'>
<img src={this.welcomeImages[this.state.welcomeImage]} alt='example mue setup' draggable={false}/>
@@ -75,16 +75,16 @@ export default class WelcomeSections extends React.Component {
const chooseLanguage = (
<>
<h1>Choose your language</h1>
<p>to be added</p>
<h1>{language.sections.language.title}</h1>
<p>{language.sections.language.description}</p>
<Radio name='language' options={languages}/>
</>
);
const theme = (
<>
<h1>Select a theme</h1>
<p>Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.</p>
<h1>{language.sections.theme.title}</h1>
<p>{language.sections.theme.description}</p>
<div className='themesToggleArea'>
<div className={this.state.autoClass} onClick={() => this.changeTheme('auto')}>
<AutoIcon/>
@@ -100,40 +100,40 @@ export default class WelcomeSections extends React.Component {
<span>Dark</span>
</div>
</div>
<h3 className='quicktip'>Quick Tip</h3>
<p>Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes.</p>
<h3 className='quicktip'>{language.tip}</h3>
<p>{language.sections.theme.tip}</p>
</div>
</>
);
const settings = (
<>
<h1>Import Settings</h1>
<p>Installing Mue on a new device? Feel free to import your old settings!</p>
<h1>{language.sections.settings.title}</h1>
<p>{language.sections.settings.description}</p>
<button className='upload' onClick={() => document.getElementById('file-input').click()}>
<UploadIcon/>
<br/>
<span>{window.language.modals.main.settings.buttons.import}</span>
</button>
<FileUpload id='file-input' accept='application/json' type='settings' loadFunction={(e) => this.importSettings(e)}/>
<h3 className='quicktip'>Quick Tip</h3>
<p>You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation.</p>
<h3 className='quicktip'>{language.tip}</h3>
<p>{language.sections.settings.tip}</p>
</>
);
const privacy = (
<>
<h1>Privacy Options</h1>
<p>to be added</p>
<h1>{language.sections.privacy.title}</h1>
<p>{language.sections.privacy.description}</p>
</>
);
const final = (
<>
<h1>Final step</h1>
<p>Your Mue Tab experience is finally about to begin.</p>
<h3 className='quicktip'>Changes</h3>
<p>To change settings later click on the settings icon in the top right corner of your tab.</p>
<h1>{language.sections.final.title}</h1>
<p>{language.sections.final.description}</p>
<h3 className='quicktip'>{language.sections.final.changes}</h3>
<p>{language.sections.final.changes_description}</p>
<div className='themesToggleArea'>
<div className='toggle' onClick={() => this.props.switchTab(1)}>Language: {languages.find((i) => i.value === localStorage.getItem('language')).name}</div>
<div className='toggle' onClick={() => this.props.switchTab(3)}>Theme: {this.getSetting('theme')}</div>

2
src/components/widgets/time/Clock.jsx
View File

@@ -49,7 +49,7 @@ export default class Clock extends React.PureComponent {
if (localStorage.getItem('timeformat') === 'twentyfourhour') {
if (zero === 'false') {
time = `${now.getHours()}:${('00' + now.getMinutes()).slice(-2)}:${('00' + now.getMinutes()).slice(-2)}`;
time = `${now.getHours()}:${('00' + now.getMinutes()).slice(-2)}${sec}`;
} else {
time = `${('00' + now.getHours()).slice(-2)}:${('00' + now.getMinutes()).slice(-2)}${sec}`;
}

42
src/translations/de_DE.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Kontaktieren Sie uns hier"
},
"welcome": {
"title": "Willkommen bei",
"information": "Information",
"thankyoumessage1": "Vielen Dank für die Installation von Mue Tab,",
"thankyoumessage2": "wir wünschen Ihnen viel Spaß mit unserer Erweiterung.",
"support": "Support",
"close": "Schließen"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Willkommen bei Mue Tab",
"description": "Vielen Dank für die Installation, wir wünschen Ihnen viel Spaß mit unserer Erweiterung."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Schließen"
}
},
"feedback": {
"title": "Geben Sie uns Feedback",

42
src/translations/en_GB.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Contact us here"
},
"welcome": {
"title": "Welcome to",
"information": "Information",
"thankyoumessage1": "Thank you for installing Mue Tab,",
"thankyoumessage2": "we hope you enjoy your time with our extension.",
"support": "Support",
"close": "Close"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Welcome to Mue Tab",
"description": "Thank you for installing, we hope you enjoy your time with out extension."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Close"
}
},
"feedback": {
"title": "Give us feedback",

42
src/translations/en_US.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Contact us here"
},
"welcome": {
"title": "Welcome to",
"information": "Information",
"thankyoumessage1": "Thank you for installing Mue Tab,",
"thankyoumessage2": "we hope you enjoy your time with our extension.",
"support": "Support",
"close": "Close"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Welcome to Mue Tab",
"description": "Thank you for installing, we hope you enjoy your time with out extension."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Close"
}
},
"feedback": {
"title": "Give us feedback",

42
src/translations/es.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Contáctanos aquí"
},
"welcome": {
"title": "Bienvenido a",
"information": "Información",
"thankyoumessage1": "Gracias por instalar Mue Tab,",
"thankyoumessage2": "esperamos que disfrute de su tiempo con nuestra extensión.",
"support": "Soporte",
"close": "Cerrar"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Bienvenido a Mue Tab",
"description": "Gracias por instalar, esperamos que disfrute de su tiempo con nuestra extensión."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Cerrar"
}
},
"feedback": {
"title": "Danos tu opinión",

42
src/translations/fr.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Contactez-nous "
},
"welcome": {
"title": "Bienvenue en",
"information": "Informations",
"thankyoumessage1": "Merci d'avoir installé Mue Tab,",
"thankyoumessage2": "nous espérons que vous apprécierez votre temps avec notre extension.",
"support": "Soutien",
"close": "Fermer"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Bienvenue en Mue Tab",
"description": "Merci d'avoir installé, nous espérons que vous apprécierez votre temps avec notre extension."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Fermer"
}
},
"feedback": {
"title": "Give us feedback",

42
src/translations/nl.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Contact us here"
},
"welcome": {
"title": "Welcome to",
"information": "Information",
"thankyoumessage1": "Thank you for installing Mue Tab,",
"thankyoumessage2": "we hope you enjoy your time with our extension.",
"support": "Support",
"close": "Close"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Welcome to Mue Tab",
"description": "Thank you for installing, we hope you enjoy your time with out extension."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Close"
}
},
"feedback": {
"title": "Give us feedback",

42
src/translations/no.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Contact us here"
},
"welcome": {
"title": "Welcome to",
"information": "Information",
"thankyoumessage1": "Thank you for installing Mue Tab,",
"thankyoumessage2": "we hope you enjoy your time with our extension.",
"support": "Support",
"close": "Close"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Welcome to Mue Tab",
"description": "Thank you for installing, we hope you enjoy your time with out extension."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Close"
}
},
"feedback": {
"title": "Give us feedback",

42
src/translations/ru.json
View File

@@ -376,12 +376,42 @@
"contact_support": "Связаться с нами"
},
"welcome": {
"title": "Welcome to",
"information": "Information",
"thankyoumessage1": "Thank you for installing Mue Tab,",
"thankyoumessage2": "we hope you enjoy your time with our extension.",
"support": "Support",
"close": "Close"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "Welcome to Mue Tab",
"description": "Thank you for installing, we hope you enjoy your time with out extension."
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "Close"
}
},
"feedback": {
"title": "Give us feedback",

42
src/translations/zh_CN.json
View File

@@ -376,12 +376,42 @@
"contact_support": "点此联系我们"
},
"welcome": {
"title": "欢迎使用",
"information": "信息",
"thankyoumessage1": "感谢您安装 Mue Tab。",
"thankyoumessage2": "祝您使用愉快。",
"support": "支持",
"close": "关闭"
"tip": "Quick Tip",
"sections": {
"intro": {
"title": "欢迎使用 Mue Tab",
"description": "感谢您安装。祝您使用愉快。"
},
"language": {
"title": "Choose your language",
"description": "to be added"
},
"theme": {
"title": "Select a theme",
"description": "Mue is available in both light and dark theme, or this can be automatically set depending on your system theme.",
"tip": "Using the Auto settings will use the theme on your computer. This setting will impact the modals and some of the widgets displayed on the screen, such as weather and notes."
},
"settings": {
"title": "Import Settings",
"description": "Installing Mue on a new device? Feel free to import your old settings!",
"tip": "You can export your old settings by navigating to the Advanced tab in your old Mue setup. Then you need to click the export button which will download the JSON file. You can upload this file here to carry across your settings and preferences from your previous Mue installation."
},
"privacy": {
"title": "Privacy Options",
"description": "to be added"
},
"final": {
"title": "Final step",
"description": "Your Mue Tab experience is about to begin.",
"changes": "Changes",
"changes_description": "To change settings later click on the settings icon in the top right corner of your tab."
}
},
"buttons": {
"next": "Next",
"previous": "Previous",
"close": "关闭"
}
},
"feedback": {
"title": "给我们反馈",