@csegames/camelot-unchained
Version:
Camelot Unchained Client Library
79 lines (78 loc) • 2.94 kB
JavaScript
;
/**
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var aphrodite_1 = require("aphrodite");
var _1 = require("../");
exports.defaultStyle = {
MOTD: {
pointerEvents: 'all',
userSelect: 'none',
webkitUserSelect: 'none',
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
width: '800px',
height: '450px',
backgroundColor: 'rgba(0,0,0,0.8)',
border: "1px solid " + _1.utils.lightenColor('#202020', 30),
position: 'relative'
},
header: {
width: '100%',
padding: '5px 0',
textAlign: 'center',
color: 'white',
backgroundColor: '#202020',
borderBottom: "1px solid " + _1.utils.lightenColor('#202020', 30)
},
content: {
flex: 1,
color: 'white',
padding: '5px',
overflow: 'auto',
'::-webkit-scrollbar-track': {
backgroundColor: 'transparent'
},
'::-webkit-scrollbar': {
width: '5px',
backgroundColor: '#111'
},
'::-webkit-scrollbar-thumb': {
backgroundColor: '#666',
borderRadius: '5px'
}
},
footer: {
padding: '5px 0',
backgroundColor: '#202020',
textAlign: 'center',
borderTop: "1px solid " + _1.utils.lightenColor('#202020', 30)
},
dismiss: {
cursor: 'pointer'
},
close: {
position: 'absolute',
top: 2,
right: 5,
color: '#cdcdcd',
fontSize: '20px',
marginRight: '5px',
cursor: 'pointer',
userSelect: 'none',
':hover': {
color: '#bbb'
}
}
};
exports.MOTD = function (props) {
var ss = aphrodite_1.StyleSheet.create(exports.defaultStyle);
var custom = aphrodite_1.StyleSheet.create(props.styles || {});
return React.createElement("div", { className: aphrodite_1.css(ss.MOTD, custom.MOTD) }, React.createElement("div", { className: aphrodite_1.css(ss.header, custom.header) }, React.createElement("div", { className: '' }, "Welcome to Camelot Unchained"), React.createElement("div", { className: aphrodite_1.css(ss.close, custom.close), onClick: props.onClose }, React.createElement("i", { className: 'fa fa-times click-effect' }))), React.createElement("div", { className: aphrodite_1.css(ss.content, custom.content) }, props.children), React.createElement("div", { className: aphrodite_1.css(ss.footer, custom.footer) }, React.createElement("a", { className: aphrodite_1.css(ss.dismiss, custom.dismiss), onClick: props.onDismiss24 }, "Dismiss For 24h")));
};
exports.default = exports.MOTD;