98 lines
3.6 KiB
JavaScript
Executable File
98 lines
3.6 KiB
JavaScript
Executable File
import React from 'react';
|
|
import Modal from 'react-modal';
|
|
import Icon from '/imports/ui/components/icon/component';
|
|
import Button from '/imports/ui/components/button/component';
|
|
import BaseMenu from '../base/component';
|
|
import ReactDOM from 'react-dom';
|
|
import FontControl from '/imports/api/FontControl';
|
|
import styles from '../styles.scss';
|
|
|
|
import { getFontSizeName, increaseFontSize, decreaseFontSize } from '/imports/api/FontControl';
|
|
|
|
export default class ApplicationMenu extends BaseMenu {
|
|
constructor(props) {
|
|
super(props);
|
|
//this.state = {
|
|
// currentFontSize: FontControl.fontSizeEnum.MEDIUM,
|
|
//};
|
|
}
|
|
|
|
|
|
componentWillMount () {
|
|
console.log('####### Application Component Will Mount ########');
|
|
if ( localStorage.bbbSavedFontSize ) {
|
|
this.setState({currentFontSize: localStorage.bbbSavedFontSize});
|
|
}else if ( localStorage.bbbFontSize ){
|
|
this.setState({currentFontSize: localStorage.bbbFontSize});
|
|
}else{
|
|
this.setState({currentFontSize: 3});
|
|
};
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
console.log('####### Application Component Unmounting ########');
|
|
}
|
|
|
|
|
|
render() {
|
|
console.log('######### local Storage values ##########');
|
|
console.log(localStorage);
|
|
let size = (localStorage.bbbFontSize) ? localStorage.bbbFontSize : 3;
|
|
console.log('SSSSSSSSIIIIIIIIIIZZZZZZZZEEEEEEEEE ==== ' + size);
|
|
return (
|
|
<div className={styles.full} role='presentation'>
|
|
<div className={styles.row} role='presentation'>
|
|
<label><input type='checkbox' tabIndex='7' aria-labelledby='audioNotifLabel'
|
|
aria-describedby='audioNotifDesc' />Audio notifications for chat</label>
|
|
<div id='audioNotifLabel' hidden>Audio notifications</div>
|
|
<div id='audioNotifDesc' hidden>
|
|
Toggles the audio notifications for chat.</div>
|
|
</div>
|
|
<div className={styles.row} role='presentation'>
|
|
<label><input type='checkbox' tabIndex='8' aria-labelledby='pushNotifLabel'
|
|
aria-describedby='pushNotifDesc' />Push notifications for chat</label>
|
|
<div id='pushNotifLabel' hidden>Push notifications</div>
|
|
<div id='pushNotifDesc' hidden>
|
|
Toggles the push notifications for chat.</div>
|
|
</div>
|
|
<div className={styles.applicationFontContainer} role='presentation'>
|
|
<div className={styles.fontBarLeft}>
|
|
<p>Font size</p>
|
|
</div>
|
|
<div className={styles.fontBarMid}>
|
|
<p>{getFontSizeName.call(this)}</p>
|
|
</div>
|
|
<div className={styles.fontBarRight} role='presentation'>
|
|
<Button
|
|
onClick={increaseFontSize.bind(this)}
|
|
icon={'circle-add'}
|
|
circle={true}
|
|
tabIndex={9}
|
|
hideLabel={true}
|
|
label={'Increase Font'}
|
|
aria-labelledby={'sizeUpLabel'}
|
|
aria-describedby={'sizeUpDesc'}
|
|
/>
|
|
<div id='sizeUpLabel' hidden>Font size up</div>
|
|
<div id='sizeUpDesc' hidden>
|
|
Increases the font size of the application.</div>
|
|
<Button
|
|
onClick={decreaseFontSize.bind(this)}
|
|
icon={'circle-minus'}
|
|
circle={true}
|
|
tabIndex={10}
|
|
hideLabel={true}
|
|
label={'Decrease Font'}
|
|
aria-labelledby={'sizeDownLabel'}
|
|
aria-describedby={'sizeDownDesc'}
|
|
/>
|
|
<div id='sizeDownLabel' hidden>Font size down</div>
|
|
<div id='sizeDownDesc' hidden>
|
|
Decreases the font size of the application.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|