extras
/
mue
mirror of https://github.com/mue/mue.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

improvements

This commit is contained in:
David Ralph 2020-07-21 11:02:22 +01:00
parent 824dd22d62
commit 5d08d24fdf
10 changed files with 31 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.github/ISSUE_TEMPLATE/bug-report.md vendored
View File

@ -1,7 +1,7 @@
---
name: Bug Report
about: Report a bug to help improve this project
title: "[BUG]"
about: Report a bug to help improve Mue
title: "[Bug]"
labels: bug
assignees: ''
@ -14,7 +14,7 @@ A clear and concise description of what the bug is.
Steps to reproduce the behaviour:
1. Go to '...'
2. Click on '....'
4. See error in console (Ctrl + Shift + I)
3. See error in console (Ctrl + Shift + I)
**Expected behaviour**
A clear and concise description of what you expected to happen.

2
.github/ISSUE_TEMPLATE/feature-request.md vendored
View File

@ -1,6 +1,6 @@
---
name: Feature Request
about: Suggest an idea for this project
about: Suggest an idea for Mue
title: "[Feature Request]"
labels: enhancement
assignees: ''

3
README.md
View File

@ -29,7 +29,6 @@ Mue is a fast, open and free-to-use browser extension that gives a new, fresh an
* [Contributors]()
* [Other](#other)
## Screenshot
*May be updated in the future*
@ -106,7 +105,6 @@ Mue is a fast, open and free-to-use browser extension that gives a new, fresh an
<ol>
<li> <code>yarn run build</code> or <code>npm run build</code>
<li> Rename <code>manifest-firefox.json</code> in the "manfiest" folder to <code>manifest.json</code> in "build"
<li> Move <code>manifest/background-opera.js</code> to <code>build/background-opera.js</code>
<li> Visit <code>about:debugging#addons</code> in Firefox
<li> Click <b>Load Temporary Add-on</b>
<li> Go to the directory containing Mue and click on the <b>manifest.json</b>
@ -123,7 +121,6 @@ Mue is a fast, open and free-to-use browser extension that gives a new, fresh an
</ol>
</details>
## Credits
### Maintainers
[ohlookitsderpy](https://github.com/ohlookitsderpy) - Founder, Lead development, Photographer <br>

1
src/App.jsx
View File

@ -45,6 +45,7 @@ export default class App extends React.Component {
localStorage.setItem('customBackgroundColour', '');
localStorage.setItem('customBackground', '');
localStorage.setItem('greetingName', '');
localStorage.setItem('defaultGreetingMessage', true);
// Set theme depending on user preferred
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) localStorage.setItem('darkTheme', true);

2
src/components/Background.jsx
View File

@ -8,7 +8,7 @@ export default class Background extends React.Component {
document.getElementById('backgroundCredits').style.display = 'none'; // Hide the location icon
let photographer; // Photographer credit
let pixabayNumbers = [2, 3, 9, 11, 13, 14, 15]; // As there are a lot of Pixabay photos, we shorten the code a bit here
const pixabayNumbers = [2, 3, 9, 11, 13, 14, 15]; // As there are a lot of Pixabay photos, we shorten the code a bit here
if (pixabayNumbers.includes(photo)) photographer = 'Pixabay';
else switch (photo) {
case 1: photographer = 'Tirachard Kumtanom'; break;

14
src/components/Greeting.jsx
View File

@ -13,8 +13,8 @@ export default class Greeting extends React.Component {
if (enabled === 'false') return message;
// Get current month & day
const m = time.getMonth(); // Current month
const d = time.getDate(); // Current Date
const m = time.getMonth();
const d = time.getDate();
if (m === 11 && d === 25) message = 'Merry Christmas'; // If it's December 25th, set the greeting string to "Merry Christmas"
else if (m === 0 && d === 1) message = 'Happy new year'; // If the date is January 1st, set the greeting string to "Happy new year"
@ -33,17 +33,19 @@ export default class Greeting extends React.Component {
// Events
message = this.doEvents(now, message);
let custom = localStorage.getItem('defaultGreetingMessage');
if (custom === 'false') message = '';
// Name
let name = '';
let data = localStorage.getItem('greetingName');
const data = localStorage.getItem('greetingName');
if (typeof data === 'string') {
if (data.replace(/\s/g, '').length > 0) {
name = `, ${data.trim()}`;
}
if (data.replace(/\s/g, '').length > 0) name = `, ${data.trim()}`;
}
if (custom === 'false') name = name.replace(',', '');
// Set the state to the greeting string
this.setState({
greeting: `${message}${name}`

2
src/components/Quote.jsx
View File

@ -40,7 +40,7 @@ export default class Quote extends React.Component {
copyQuote() {
copy(`${this.state.quote} - ${this.state.author}`);
let toast = document.getElementById('toast');
const toast = document.getElementById('toast');
toast.className = 'show';
setTimeout(() => { toast.className = toast.className.replace('show', ''); }, 3000);
}

29
src/components/Settings.jsx
View File

@ -107,17 +107,17 @@ export default class Settings extends React.Component {
<h4>Time</h4>
<ExpandMore className='expandIcons' onClick={() => this.toggleExtra(document.getElementsByClassName('extraSettings')[0], document.getElementsByClassName('expandIcons')[0])} />
<label className="switch">
<input type="checkbox" onClick={()=> this.setItem('time')} id='timeStatus' />
<input type="checkbox" onClick={() => this.setItem('time')} id='timeStatus' />
<span className="slider round"></span>
</label>
<li className="extraSettings">
<ul>
<input name="1" type="checkbox" onClick={()=> this.setItem('seconds')} id='secondsStatus' />
<label htmlFor="1">Seconds</label>
<input name="1" type="checkbox" onClick={() => this.setItem('seconds')} id='secondsStatus' />
<label htmlFor="1">Seconds</label>
</ul>
<ul>
<input name="2" type="checkbox" onClick={()=> this.setItem('24hour')} id='24hourStatus' />
<label htmlFor="2">24 Hour</label>
<input name="2" type="checkbox" onClick={() => this.setItem('24hour')} id='24hourStatus' />
<label htmlFor="2">24 Hour</label>
</ul>
</li>
</div>
@ -131,8 +131,12 @@ export default class Settings extends React.Component {
</label>
<li className="extraSettings">
<ul>
<input name="3" type="checkbox" onClick={()=> this.setItem('events')} id='eventsStatus' />
<label htmlFor="3">Events</label>
<input name="3" type="checkbox" onClick={() => this.setItem('events')} id='eventsStatus' />
<label htmlFor="3">Events</label>
</ul>
<ul>
<input name="6" type="checkbox" onClick={() => this.setItem('defaultGreetingMessage')} id='defaultGreetingMessageStatus' />
<label htmlFor="6">Default Greeting Message</label>
</ul>
<ul>
<p>Name for greeting <span className="modalLink" onClick={() => this.resetItem('greetingName')}>Reset</span></p>
@ -149,7 +153,7 @@ export default class Settings extends React.Component {
</label>
<li className="extraSettings">
<ul>
<input name="5" type="checkbox" onClick={()=> this.setItem('copyButton')} id='copyButtonStatus' />
<input name="5" type="checkbox" onClick={() => this.setItem('copyButton')} id='copyButtonStatus' />
<label htmlFor="5">Copy Button</label>
</ul>
</li>
@ -183,7 +187,7 @@ export default class Settings extends React.Component {
<h4>Search Bar</h4>
{/* <ExpandMore className='expandIcons' onClick={() => this.toggleExtra(document.getElementsByClassName('extraSettings')[4], document.getElementsByClassName('expandIcons')[4])} /> */ }
<label className="switch">
<input type="checkbox" onClick={()=> this.setItem('searchBar')} id='searchBarStatus' />
<input type="checkbox" onClick={() => this.setItem('searchBar')} id='searchBarStatus' />
<span className="slider"></span>
</label>
{/* <li className="extraSettings">
@ -201,7 +205,7 @@ export default class Settings extends React.Component {
<div className='section'>
<h4>Offline Mode</h4>
<label className="switch">
<input type="checkbox" onClick={()=> this.setItem('offlineMode')} id='offlineModeStatus' />
<input type="checkbox" onClick={() => this.setItem('offlineMode')} id='offlineModeStatus' />
<span className="slider"></span>
</label>
</div>
@ -209,21 +213,20 @@ export default class Settings extends React.Component {
<div className='section'>
<h4>Enable WebP</h4>
<label className="switch">
<input type="checkbox" onClick={()=> this.setItem('webp')} id='webpStatus' />
<input type="checkbox" onClick={() => this.setItem('webp')} id='webpStatus' />
<span className="slider"></span>
</label>
</div>
<div className='section'>
<h4>Dark Theme</h4>
<label className="switch">
<input type="checkbox" onClick={()=> this.setItem('darkTheme')} id='darkThemeStatus' />
<input type="checkbox" onClick={() => this.setItem('darkTheme')} id='darkThemeStatus' />
<span className="slider"></span>
</label>
</div>
<button className="apply" onClick={() => this.saveStuff()}>Apply</button>
<button className="reset" onClick={() => this.props.setDefaultSettings()}>Reset</button>
</div>
</div>;
}
}

2
src/scss/index.scss
View File

@ -57,8 +57,6 @@ body {
transform: scale(1.1);
}
@font-face {
font-family: 'Lexend Deca';
src: url('/./fonts/LexendDeca-Regular.woff2') format('woff2');

1
src/scss/modules/_toast.scss
View File

@ -47,7 +47,6 @@ hr {
margin-right: 10px;
}
@-webkit-keyframes fadein {
from {
bottom: 0;