| 1 | "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactFontawesome=require("@fortawesome/react-fontawesome"),_freeSolidSvgIcons=require("@fortawesome/free-solid-svg-icons"),_Toggle=_interopRequireDefault(require("./Toggle/")),_indexModule=_interopRequireDefault(require("./index.module.css")),_TimecodeOffset=_interopRequireDefault(require("./TimecodeOffset"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var descriptor,i=0;i<props.length;i++)descriptor=props[i],descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function _possibleConstructorReturn(self,call){return call&&("object"===_typeof(call)||"function"==typeof call)?call:_assertThisInitialized(self)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}var Settings=function(_React$Component){function Settings(){return _classCallCheck(this,Settings),_possibleConstructorReturn(this,_getPrototypeOf(Settings).apply(this,arguments))}return _inherits(Settings,_React$Component),_createClass(Settings,[{key:"render",value:function render(){return _react.default.createElement("div",{className:_indexModule.default.settings},_react.default.createElement("h2",{className:_indexModule.default.header},"Settings Panel"),_react.default.createElement("div",{className:_indexModule.default.closeButton,onClick:this.props.handleSettingsToggle},_react.default.createElement(_reactFontawesome.FontAwesomeIcon,{icon:_freeSolidSvgIcons.faWindowClose})),_react.default.createElement("div",{className:_indexModule.default.controlsContainer},_react.default.createElement("section",{className:_indexModule.default.settingElement},_react.default.createElement("div",{className:_indexModule.default.label},"Pause While Typing"),_react.default.createElement(_Toggle.default,{defaultValue:this.props.defaultValuePauseWhileTyping,label:"Pause while typing",handleToggle:this.props.handlePauseWhileTyping})),_react.default.createElement("section",{className:_indexModule.default.settingElement},_react.default.createElement("div",{className:_indexModule.default.label},"Scroll Sync"),_react.default.createElement(_Toggle.default,{defaultValue:this.props.defaultValueScrollSync,label:"ScrollSync",handleToggle:this.props.handleIsScrollIntoViewChange})),_react.default.createElement("section",{className:_indexModule.default.settingElement},_react.default.createElement("div",{className:_indexModule.default.label},"Rollback Interval (sec)"),_react.default.createElement("input",{className:_indexModule.default.rollbackValue,type:"text",value:this.props.defaultRollBackValueInSeconds,onChange:this.props.handleRollBackValueInSeconds,name:"lname"})),_react.default.createElement("section",{className:_indexModule.default.settingElement},_react.default.createElement("div",{className:_indexModule.default.label},"Show Timecodes"),_react.default.createElement(_Toggle.default,{defaultValue:this.props.showTimecodes,label:"Hide Timecodes",handleToggle:this.props.handleShowTimecodes})),_react.default.createElement("section",{className:_indexModule.default.settingElement},_react.default.createElement("div",{className:_indexModule.default.label},"Show Speaker Labels"),_react.default.createElement(_Toggle.default,{defaultValue:this.props.showSpeakers,label:"Hide Speaker Labels",handleToggle:this.props.handleShowSpeakers})),_react.default.createElement("section",{className:_indexModule.default.settingElement},_react.default.createElement("div",{className:_indexModule.default.timecodeLabel},"Timecode Offset \u2139"),_react.default.createElement(_TimecodeOffset.default,{timecodeOffset:this.props.timecodeOffset,handleSetTimecodeOffset:this.props.handleSetTimecodeOffset,handleAnalyticsEvents:this.props.handleAnalyticsEvents}))))}}]),Settings}(_react.default.Component);Settings.propTypes={showTimecodes:_propTypes.default.bool,showSpeakers:_propTypes.default.bool,timecodeOffset:_propTypes.default.number,handleShowTimecodes:_propTypes.default.func,handleShowSpeakers:_propTypes.default.func,handleSetTimecodeOffset:_propTypes.default.func,handleSettingsToggle:_propTypes.default.func,handlePauseWhileTyping:_propTypes.default.func,handleIsScrollIntoViewChange:_propTypes.default.func,handleRollBackValueInSeconds:_propTypes.default.func,defaultValueScrollSync:_propTypes.default.bool,defaultValuePauseWhileTyping:_propTypes.default.bool,defaultRollBackValueInSeconds:_propTypes.default.number};var _default=Settings;exports.default=_default; |