mirror of
https://github.com/opensupports/opensupports.git
synced 2025-09-25 10:58:59 +02:00
[Ivan Diaz] - Replace var with let [skip ci]
This commit is contained in:
parent
bd5e14d5a1
commit
9b297712e4
@ -1,6 +1,6 @@
|
|||||||
import Reflux from 'reflux';
|
import Reflux from 'reflux';
|
||||||
|
|
||||||
var CommonActions = Reflux.createActions([
|
let CommonActions = Reflux.createActions([
|
||||||
'changeLanguage'
|
'changeLanguage'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import Reflux from 'reflux';
|
import Reflux from 'reflux';
|
||||||
|
|
||||||
var UserActions = Reflux.createActions([
|
let UserActions = Reflux.createActions([
|
||||||
'checkLoginStatus',
|
'checkLoginStatus',
|
||||||
'login',
|
'login',
|
||||||
'logout'
|
'logout'
|
||||||
|
@ -6,7 +6,7 @@ import {RouteHandler} from 'react-router';
|
|||||||
import CommonActions from 'actions/common-actions';
|
import CommonActions from 'actions/common-actions';
|
||||||
import CommonStore from 'stores/common-store';
|
import CommonStore from 'stores/common-store';
|
||||||
|
|
||||||
var App = React.createClass({
|
let App = React.createClass({
|
||||||
|
|
||||||
mixins: [Reflux.listenTo(CommonStore, 'onCommonStoreChanged')],
|
mixins: [Reflux.listenTo(CommonStore, 'onCommonStoreChanged')],
|
||||||
|
|
||||||
|
@ -10,9 +10,9 @@ import Checkbox from 'core-components/checkbox';
|
|||||||
import Widget from 'core-components/widget';
|
import Widget from 'core-components/widget';
|
||||||
import DropDown from 'core-components/drop-down';
|
import DropDown from 'core-components/drop-down';
|
||||||
|
|
||||||
var dropDownItems = [{content: 'English'}, {content: 'Spanish'}, {content: 'German'}, {content: 'Portuguese'}, {content: 'Japanese'}];
|
let dropDownItems = [{content: 'English'}, {content: 'Spanish'}, {content: 'German'}, {content: 'Portuguese'}, {content: 'Japanese'}];
|
||||||
|
|
||||||
var DemoPage = React.createClass({
|
let DemoPage = React.createClass({
|
||||||
|
|
||||||
propTypes: {
|
propTypes: {
|
||||||
currentUser: React.PropTypes.object.isRequired
|
currentUser: React.PropTypes.object.isRequired
|
||||||
|
@ -10,7 +10,7 @@ import Checkbox from 'core-components/checkbox';
|
|||||||
import Widget from 'core-components/widget';
|
import Widget from 'core-components/widget';
|
||||||
import WidgetTransition from 'core-components/widget-transition';
|
import WidgetTransition from 'core-components/widget-transition';
|
||||||
|
|
||||||
var MainHomePageLoginWidget = React.createClass({
|
let MainHomePageLoginWidget = React.createClass({
|
||||||
|
|
||||||
getInitialState() {
|
getInitialState() {
|
||||||
return {
|
return {
|
||||||
|
@ -4,7 +4,7 @@ import {RouteHandler} from 'react-router';
|
|||||||
|
|
||||||
import MainHomePageLoginWidget from 'app/main/main-home/main-home-page-login-widget';
|
import MainHomePageLoginWidget from 'app/main/main-home/main-home-page-login-widget';
|
||||||
|
|
||||||
var MainHomePage = React.createClass({
|
let MainHomePage = React.createClass({
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import React from 'react/addons';
|
import React from 'react/addons';
|
||||||
|
|
||||||
var MainLayoutFooter = React.createClass({
|
let MainLayoutFooter = React.createClass({
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
|
@ -7,8 +7,8 @@ import Button from 'core-components/button';
|
|||||||
import DropDown from 'core-components/drop-down';
|
import DropDown from 'core-components/drop-down';
|
||||||
import Icon from 'core-components/icon';
|
import Icon from 'core-components/icon';
|
||||||
|
|
||||||
var languageList = ['English', 'Spanish', 'Portuguese', 'German', 'Turkish', 'Indian'];
|
let languageList = ['English', 'Spanish', 'Portuguese', 'German', 'Turkish', 'Indian'];
|
||||||
var codeLanguages = {
|
let codeLanguages = {
|
||||||
'English': 'us',
|
'English': 'us',
|
||||||
'Spanish': 'es',
|
'Spanish': 'es',
|
||||||
'Portuguese': 'pt',
|
'Portuguese': 'pt',
|
||||||
@ -17,7 +17,7 @@ var codeLanguages = {
|
|||||||
'Indian': 'in'
|
'Indian': 'in'
|
||||||
};
|
};
|
||||||
|
|
||||||
var MainLayoutHeader = React.createClass({
|
let MainLayoutHeader = React.createClass({
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
@ -44,7 +44,7 @@ var MainLayoutHeader = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
changeLanguage(event) {
|
changeLanguage(event) {
|
||||||
var language = languageList[event.index];
|
let language = languageList[event.index];
|
||||||
|
|
||||||
CommonActions.changeLanguage(codeLanguages[language]);
|
CommonActions.changeLanguage(codeLanguages[language]);
|
||||||
}
|
}
|
||||||
|
@ -4,7 +4,7 @@ import {RouteHandler} from 'react-router';
|
|||||||
import MainHeader from 'app/main/main-layout-header';
|
import MainHeader from 'app/main/main-layout-header';
|
||||||
import MainFooter from 'app/main/main-layout-footer';
|
import MainFooter from 'app/main/main-layout-footer';
|
||||||
|
|
||||||
var MainLayout = React.createClass({
|
let MainLayout = React.createClass({
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
|
@ -11,7 +11,7 @@ import Input from 'core-components/input';
|
|||||||
import Widget from 'core-components/widget';
|
import Widget from 'core-components/widget';
|
||||||
import WidgetTransition from 'core-components/widget-transition';
|
import WidgetTransition from 'core-components/widget-transition';
|
||||||
|
|
||||||
var MainSignUpPageWidget = React.createClass({
|
let MainSignUpPageWidget = React.createClass({
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
|
@ -4,7 +4,7 @@ import {Navigation} from 'react-router';
|
|||||||
|
|
||||||
import callback from 'lib/callback';
|
import callback from 'lib/callback';
|
||||||
|
|
||||||
var Button = React.createClass({
|
let Button = React.createClass({
|
||||||
|
|
||||||
mixins: [Navigation],
|
mixins: [Navigation],
|
||||||
|
|
||||||
@ -37,7 +37,7 @@ var Button = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getClass() {
|
getClass() {
|
||||||
var classes = {
|
let classes = {
|
||||||
'button': true
|
'button': true
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@ import _ from 'lodash';
|
|||||||
import callback from 'lib/callback';
|
import callback from 'lib/callback';
|
||||||
import getIcon from 'lib/get-icon';
|
import getIcon from 'lib/get-icon';
|
||||||
|
|
||||||
var CheckBox = React.createClass({
|
let CheckBox = React.createClass({
|
||||||
|
|
||||||
propTypes: {
|
propTypes: {
|
||||||
alignment: React.PropTypes.string,
|
alignment: React.PropTypes.string,
|
||||||
@ -38,7 +38,7 @@ var CheckBox = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getProps() {
|
getProps() {
|
||||||
var props = _.clone(this.props);
|
let props = _.clone(this.props);
|
||||||
|
|
||||||
props.type = 'checkbox';
|
props.type = 'checkbox';
|
||||||
|
|
||||||
@ -52,7 +52,7 @@ var CheckBox = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getClass() {
|
getClass() {
|
||||||
var classes = {
|
let classes = {
|
||||||
'checkbox': true,
|
'checkbox': true,
|
||||||
'checkbox_checked': this.state.checked,
|
'checkbox_checked': this.state.checked,
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@ import {Motion, spring} from 'react-motion';
|
|||||||
|
|
||||||
import callback from 'lib/callback';
|
import callback from 'lib/callback';
|
||||||
|
|
||||||
var DropDown = React.createClass({
|
let DropDown = React.createClass({
|
||||||
|
|
||||||
propTypes: {
|
propTypes: {
|
||||||
defaultSelectedIndex: React.PropTypes.number,
|
defaultSelectedIndex: React.PropTypes.number,
|
||||||
@ -31,11 +31,11 @@ var DropDown = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getAnimationStyles() {
|
getAnimationStyles() {
|
||||||
var closedStyle = {
|
let closedStyle = {
|
||||||
opacity: spring(0, [200, 20]),
|
opacity: spring(0, [200, 20]),
|
||||||
translateY: spring(20, [200, 20])
|
translateY: spring(20, [200, 20])
|
||||||
};
|
};
|
||||||
var openedStyle = {
|
let openedStyle = {
|
||||||
opacity: spring(1, [200, 20]),
|
opacity: spring(1, [200, 20]),
|
||||||
translateY: spring(0, [200, 20])
|
translateY: spring(0, [200, 20])
|
||||||
};
|
};
|
||||||
@ -47,7 +47,7 @@ var DropDown = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
var animation = this.getAnimationStyles();
|
let animation = this.getAnimationStyles();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={this.getClass()}>
|
<div className={this.getClass()}>
|
||||||
@ -62,7 +62,7 @@ var DropDown = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
renderList({opacity, translateY}) {
|
renderList({opacity, translateY}) {
|
||||||
var style = { opacity: opacity, transform: `translateY(${translateY}px)`};
|
let style = { opacity: opacity, transform: `translateY(${translateY}px)`};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="drop-down--list-container" style={style}>
|
<div className="drop-down--list-container" style={style}>
|
||||||
@ -82,7 +82,7 @@ var DropDown = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getClass() {
|
getClass() {
|
||||||
var classes = {
|
let classes = {
|
||||||
'drop-down': true,
|
'drop-down': true,
|
||||||
|
|
||||||
[this.props.className]: (this.props.className)
|
[this.props.className]: (this.props.className)
|
||||||
|
@ -6,7 +6,7 @@ import {reactDFS, renderChildrenWithProps} from 'lib/react-dfs';
|
|||||||
import Input from 'core-components/input';
|
import Input from 'core-components/input';
|
||||||
import Checkbox from 'core-components/checkbox';
|
import Checkbox from 'core-components/checkbox';
|
||||||
|
|
||||||
var Form = React.createClass({
|
let Form = React.createClass({
|
||||||
|
|
||||||
validations: {},
|
validations: {},
|
||||||
|
|
||||||
@ -17,7 +17,7 @@ var Form = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
var formState = {};
|
let formState = {};
|
||||||
|
|
||||||
reactDFS(this.props.children, (child) => {
|
reactDFS(this.props.children, (child) => {
|
||||||
if (child.type === Input) {
|
if (child.type === Input) {
|
||||||
@ -42,7 +42,7 @@ var Form = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getProps() {
|
getProps() {
|
||||||
var props = _.clone(this.props);
|
let props = _.clone(this.props);
|
||||||
|
|
||||||
props.onSubmit = this.handleSubmit;
|
props.onSubmit = this.handleSubmit;
|
||||||
|
|
||||||
@ -50,7 +50,7 @@ var Form = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getInputProps({props, type}) {
|
getInputProps({props, type}) {
|
||||||
var additionalProps = {};
|
let additionalProps = {};
|
||||||
|
|
||||||
if (type === Input || type === Checkbox) {
|
if (type === Input || type === Checkbox) {
|
||||||
let inputName = props.name;
|
let inputName = props.name;
|
||||||
@ -75,7 +75,7 @@ var Form = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
handleInputChange(inputName, type, event) {
|
handleInputChange(inputName, type, event) {
|
||||||
var form = _.clone(this.state.form);
|
let form = _.clone(this.state.form);
|
||||||
|
|
||||||
form[inputName] = event.target.value;
|
form[inputName] = event.target.value;
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
var Icon = React.createClass({
|
let Icon = React.createClass({
|
||||||
|
|
||||||
propTypes: {
|
propTypes: {
|
||||||
name: React.PropTypes.string.isRequired
|
name: React.PropTypes.string.isRequired
|
||||||
|
@ -2,7 +2,7 @@ import React from 'react';
|
|||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
import _ from 'lodash';
|
import _ from 'lodash';
|
||||||
|
|
||||||
var Input = React.createClass({
|
let Input = React.createClass({
|
||||||
|
|
||||||
propTypes: {
|
propTypes: {
|
||||||
value: React.PropTypes.string,
|
value: React.PropTypes.string,
|
||||||
@ -28,7 +28,7 @@ var Input = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getProps() {
|
getProps() {
|
||||||
var props = _.clone(this.props);
|
let props = _.clone(this.props);
|
||||||
|
|
||||||
props.type = (this.props.password) ? 'password' : 'text';
|
props.type = (this.props.password) ? 'password' : 'text';
|
||||||
|
|
||||||
@ -36,7 +36,7 @@ var Input = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getClass() {
|
getClass() {
|
||||||
var classes = {
|
let classes = {
|
||||||
'input': true,
|
'input': true,
|
||||||
['input_' + this.props.inputType]: true,
|
['input_' + this.props.inputType]: true,
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@ import {Motion, spring} from 'react-motion';
|
|||||||
|
|
||||||
import Widget from 'core-components/widget';
|
import Widget from 'core-components/widget';
|
||||||
|
|
||||||
var WidgetTransition = React.createClass({
|
let WidgetTransition = React.createClass({
|
||||||
|
|
||||||
propTypes: {
|
propTypes: {
|
||||||
sideToShow: React.PropTypes.string
|
sideToShow: React.PropTypes.string
|
||||||
@ -35,7 +35,7 @@ var WidgetTransition = React.createClass({
|
|||||||
return (
|
return (
|
||||||
<div className={this.getClass()}>
|
<div className={this.getClass()}>
|
||||||
{React.Children.map(this.props.children, function (child, index) {
|
{React.Children.map(this.props.children, function (child, index) {
|
||||||
var modifiedChild;
|
let modifiedChild;
|
||||||
|
|
||||||
if (index === 0) {
|
if (index === 0) {
|
||||||
modifiedChild = React.cloneElement(child, {
|
modifiedChild = React.cloneElement(child, {
|
||||||
@ -60,7 +60,7 @@ var WidgetTransition = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getClass() {
|
getClass() {
|
||||||
var classes = {
|
let classes = {
|
||||||
'widget-transition': true,
|
'widget-transition': true,
|
||||||
[this.props.className]: (this.props.className)
|
[this.props.className]: (this.props.className)
|
||||||
};
|
};
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import React from 'react/addons';
|
import React from 'react/addons';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
|
|
||||||
var Widget = React.createClass({
|
let Widget = React.createClass({
|
||||||
propTypes: {
|
propTypes: {
|
||||||
title: React.PropTypes.string,
|
title: React.PropTypes.string,
|
||||||
children: React.PropTypes.node.isRequired
|
children: React.PropTypes.node.isRequired
|
||||||
@ -23,7 +23,7 @@ var Widget = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
renderTitle() {
|
renderTitle() {
|
||||||
var titleNode = null;
|
let titleNode = null;
|
||||||
|
|
||||||
if (this.props.title) {
|
if (this.props.title) {
|
||||||
titleNode = <h2 className="widget--title">{this.props.title}</h2>;
|
titleNode = <h2 className="widget--title">{this.props.title}</h2>;
|
||||||
@ -33,7 +33,7 @@ var Widget = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
getClass() {
|
getClass() {
|
||||||
var classes = {
|
let classes = {
|
||||||
'widget': true
|
'widget': true
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -1,13 +1,13 @@
|
|||||||
import keys from 'data/i18n-keys'
|
import keys from 'data/i18n-keys'
|
||||||
|
|
||||||
var languages = [
|
let languages = [
|
||||||
'en',
|
'en',
|
||||||
'es'
|
'es'
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
var i18nData = function (key, lang) {
|
let i18nData = function (key, lang) {
|
||||||
var langIndex = languages.indexOf(lang);
|
let langIndex = languages.indexOf(lang);
|
||||||
|
|
||||||
return keys[key][langIndex];
|
return keys[key][langIndex];
|
||||||
};
|
};
|
||||||
|
@ -2,8 +2,8 @@ import _ from 'lodash';
|
|||||||
|
|
||||||
export default function (defaultFunction, callback, options = {}, extraPreventions = []) {
|
export default function (defaultFunction, callback, options = {}, extraPreventions = []) {
|
||||||
return function (nativeEvent) {
|
return function (nativeEvent) {
|
||||||
var preventions = {'default': false};
|
let preventions = {'default': false};
|
||||||
var event = _.extend({}, nativeEvent, options, {
|
let event = _.extend({}, nativeEvent, options, {
|
||||||
preventDefault() {
|
preventDefault() {
|
||||||
nativeEvent.preventDefault();
|
nativeEvent.preventDefault();
|
||||||
preventions['default'] = true;
|
preventions['default'] = true;
|
||||||
|
@ -2,7 +2,7 @@ import React from 'react';
|
|||||||
import _ from 'lodash';
|
import _ from 'lodash';
|
||||||
|
|
||||||
export default function () {
|
export default function () {
|
||||||
var className = 'fa';
|
let className = 'fa';
|
||||||
|
|
||||||
_.each(arguments, (arg) => {
|
_.each(arguments, (arg) => {
|
||||||
className += ' fa-' + arg;
|
className += ' fa-' + arg;
|
||||||
|
@ -3,11 +3,11 @@ import MessageFormat from 'messageformat';
|
|||||||
import CommonStore from 'stores/common-store';
|
import CommonStore from 'stores/common-store';
|
||||||
import i18nData from 'data/i18n-data';
|
import i18nData from 'data/i18n-data';
|
||||||
|
|
||||||
var mf = new MessageFormat('en');
|
let mf = new MessageFormat('en');
|
||||||
|
|
||||||
var i18n = function (key, params = null) {
|
let i18n = function (key, params = null) {
|
||||||
var i18nKey = i18nData(key, CommonStore.language);
|
let i18nKey = i18nData(key, CommonStore.language);
|
||||||
var message = mf.compile(i18nKey);
|
let message = mf.compile(i18nKey);
|
||||||
|
|
||||||
return message(params);
|
return message(params);
|
||||||
};
|
};
|
||||||
|
8
src/lib/react-dfs.js
vendored
8
src/lib/react-dfs.js
vendored
@ -1,8 +1,8 @@
|
|||||||
import React from 'react/addons';
|
import React from 'react/addons';
|
||||||
import _ from 'lodash';
|
import _ from 'lodash';
|
||||||
|
|
||||||
var reactDFS = function (children, visitFunction) {
|
let reactDFS = function (children, visitFunction) {
|
||||||
var stack = [];
|
let stack = [];
|
||||||
|
|
||||||
React.Children.forEach(children, child => stack.push(child));
|
React.Children.forEach(children, child => stack.push(child));
|
||||||
stack.reverse();
|
stack.reverse();
|
||||||
@ -20,13 +20,13 @@ var reactDFS = function (children, visitFunction) {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
var renderChildrenWithProps = function(children, mapFunction) {
|
let renderChildrenWithProps = function(children, mapFunction) {
|
||||||
if (typeof children !== 'object' || children === null) {
|
if (typeof children !== 'object' || children === null) {
|
||||||
return children;
|
return children;
|
||||||
}
|
}
|
||||||
|
|
||||||
return React.Children.map(children, function (child) {
|
return React.Children.map(children, function (child) {
|
||||||
var props = mapFunction(child);
|
let props = mapFunction(child);
|
||||||
|
|
||||||
if (typeof child !== 'object' || child === null) {
|
if (typeof child !== 'object' || child === null) {
|
||||||
return child;
|
return child;
|
||||||
|
@ -2,7 +2,7 @@ import Reflux from 'reflux';
|
|||||||
|
|
||||||
import CommonActions from 'actions/common-actions';
|
import CommonActions from 'actions/common-actions';
|
||||||
|
|
||||||
var CommonStore = Reflux.createStore({
|
let CommonStore = Reflux.createStore({
|
||||||
|
|
||||||
init() {
|
init() {
|
||||||
this.language = 'en';
|
this.language = 'en';
|
||||||
|
@ -3,7 +3,7 @@ import APIUtils from 'lib/APIUtils';
|
|||||||
|
|
||||||
import UserActions from 'actions/user-actions';
|
import UserActions from 'actions/user-actions';
|
||||||
|
|
||||||
var UserStore = Reflux.createStore({
|
let UserStore = Reflux.createStore({
|
||||||
|
|
||||||
init() {
|
init() {
|
||||||
this.user = null;
|
this.user = null;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user