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

feat: quick links custom icon and text only options, message widget, fix error

Browse Source
This commit is contained in:
David Ralph
2021-09-15 22:38:24 +01:00
parent b97b925978
commit f931abf3fb
19 changed files with 174 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/modals/main/settings/sections/Message.jsx Normal file
View File

@@ -0,0 +1,19 @@
import variables from 'modules/variables';
import Switch from '../Switch';
import Text from '../Text';
import Slider from '../Slider';
export default function MessageSettings() {
const getMessage = (languagecode, text) => variables.language.getMessage(languagecode, text);
const languagecode = variables.languagecode;
return (
<>
<h2>{getMessage(languagecode, 'modals.main.settings.sections.message.title')}</h2>
<Switch name='message' text={getMessage(languagecode, 'modals.main.settings.enabled')} category='message' element='.message'/>
<Text title={getMessage(languagecode, 'modals.main.settings.sections.message.text')} name='messageText' category='text'/>
<Slider title={getMessage(languagecode, 'modals.main.settings.sections.appearance.accessibility.widget_zoom')} name='zoomMessage' min='10' max='400' default='100' display='%' category='message' />
</>
);
}

5
src/components/modals/main/settings/sections/Order.jsx
View File

@@ -13,7 +13,8 @@ const widget_name = {
time: getMessage(languagecode, 'modals.main.settings.sections.time.title'),
quicklinks: getMessage(languagecode, 'modals.main.settings.sections.quicklinks.title'),
quote: getMessage(languagecode, 'modals.main.settings.sections.quote.title'),
date: getMessage(languagecode, 'modals.main.settings.sections.greeting.title')
date: getMessage(languagecode, 'modals.main.settings.sections.greeting.title'),
message: 'Message'
};
const SortableItem = sortableElement(({ value }) => (
@@ -60,7 +61,7 @@ export default class OrderSettings extends PureComponent {
}
reset = () => {
localStorage.setItem('order', JSON.stringify(['greeting', 'time', 'quicklinks', 'quote', 'date']));
localStorage.setItem('order', JSON.stringify(['greeting', 'time', 'quicklinks', 'quote', 'date', 'message']));
this.setState({
items: JSON.parse(localStorage.getItem('order'))

1
src/components/modals/main/settings/sections/QuickLinks.jsx
View File

@@ -12,6 +12,7 @@ export default function QuickLinks() {
<>
<h2>{getMessage(languagecode, 'modals.main.settings.sections.quicklinks.title')}</h2>
<Switch name='quicklinksenabled' text={getMessage(languagecode, 'modals.main.settings.enabled')} category='quicklinks' element='.quicklinks-container'/>
<Checkbox name='quicklinksText' text={getMessage(languagecode, 'modals.main.settings.sections.quicklinks.text_only')} category='quicklinks'/>
<Checkbox name='quicklinksddgProxy' text={getMessage(languagecode, 'modals.main.settings.sections.background.ddg_image_proxy')} category='quicklinks'/>
<Checkbox name='quicklinksnewtab' text={getMessage(languagecode, 'modals.main.settings.sections.quicklinks.open_new')} category='quicklinks'/>
<Checkbox name='quicklinkstooltip' text={getMessage(languagecode, 'modals.main.settings.sections.quicklinks.tooltip')} category='quicklinks'/>

2
src/components/modals/main/tabs/Settings.jsx
View File

@@ -17,6 +17,7 @@ import QuickLinks from '../settings/sections/QuickLinks';
import Weather from '../settings/sections/Weather';
import Stats from '../settings/sections/Stats';
import Keybinds from '../settings/sections/Keybinds';
import Message from '../settings/sections/Message';
export default function Settings() {
const getMessage = (languagecode, text) => variables.language.getMessage(languagecode, text);
@@ -32,6 +33,7 @@ export default function Settings() {
<div label={getMessage(languagecode, 'modals.main.settings.sections.search.title')} name='search'><Search/></div>
<div label={getMessage(languagecode, 'modals.main.settings.sections.quicklinks.title')} name='quicklinks'><QuickLinks/></div>
<div label={getMessage(languagecode, 'modals.main.settings.sections.weather.title')} name='weather'><Weather/></div>
<div label='Message' name='message'><Message/></div>
<div label={getMessage(languagecode, 'modals.main.settings.sections.appearance.title')} name='appearance'><Appearance/></div>
<div label={getMessage(languagecode, 'modals.main.settings.sections.order.title')} name='order'><Order/></div>
<div label={getMessage(languagecode, 'modals.main.settings.sections.language.title')} name='language'><Language/></div>

2
src/components/modals/main/tabs/backend/Tab.jsx
View File

@@ -18,6 +18,7 @@ import {
CloudOutlined as Weather,
SettingsOutlined as Advanced,
Link as QuickLinks,
SmsOutlined as Message,
AssessmentOutlined as Stats,
Code as Sideload,
AddCircleOutline as Added,
@@ -56,6 +57,7 @@ function Tab({ label, currentTab, onClick, navbarTab }) {
case getMessage(languagecode, 'modals.main.settings.sections.quicklinks.title'): icon = <QuickLinks/>; break;
case getMessage(languagecode, 'modals.main.settings.sections.appearance.title'): icon = <Appearance/>; break;
case getMessage(languagecode, 'modals.main.settings.sections.order.title'): icon = <Order/>; break;
case getMessage(languagecode, 'modals.main.settings.sections.message.title'): icon = <Message/>; break;
case getMessage(languagecode, 'modals.main.settings.sections.language.title'): icon = <Language/>; divider = true; break;
case getMessage(languagecode, 'modals.main.settings.sections.advanced.title'): icon = <Advanced/>; break;
case getMessage(languagecode, 'modals.main.settings.sections.keybinds.title'): icon = <Keybinds/>; break;