/* eslint-disable max-len */
import React from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { withRouter } from 'react-router-dom';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { FadeDiv } from 'utils';
import { showDescribeActivity } from 'store/actions/resource';
// import AddResourceSidebar from './AddResourceSidebar';
import TinyEditor from './Editors/TinyEditor';
import H5PEditor from './Editors/H5PEditor';
const ResourceActivityBuild = (props) => {
const {
resource,
editResourcePopup,
selectType,
type,
setActiveView,
} = props;
return (
<div className="row">
{/* <div className="col-md-3">
<AddResourceSidebar {...props} />
</div> */}
<div className="col-md-12">
<div className="resource-activity">
<div
className="back-button"
style={{ marginLeft: '15px' }}
onClick={() => {
setActiveView('describe');
type.splice(type.indexOf('build', 1));
selectType(type);
}}
>
<FontAwesomeIcon icon="chevron-left" className="mr-2" />
Back
</div>
<FadeDiv>
{resource.newResource.activity.type === 'h5p' && (
<H5PEditor {...props} />
)}
{(resource.newResource.activity.type === 'tinymce' || resource.newResource.activity.type === 'immersive_reader') && (
<TinyEditor {...props} />
)}
{editResourcePopup && (
<H5PEditor
{...props}
h5pParams={JSON.stringify(resource.newResource.params)}
// h5pParams = "{"params":{"interactiveVideo":{"video":{"startScreenOptions":{"title":"Interactive Video","hideStartTitle":false},"textTracks":{"videoTrack":[{"label":"Subtitles","kind":"subtitles","srcLang":"en"}]},"files":[{"path":"https:\/\/www.youtube.com\/watch?v=XI641BhgOnI","mime":"video\/YouTube","copyright":{"license":"U"}}]},"assets":{},"summary":{"task":{"library":"H5P.Summary 1.10","params":{"intro":"Choose the correct statement.","summaries":[{"subContentId":"ff6e0e78-49a5-47b5-b50e-2c36efde0568","tip":""}],"overallFeedback":[{"from":0,"to":100}],"solvedLabel":"Progress:","scoreLabel":"Wrong answers:","resultLabel":"Your result","labelCorrect":"Correct.","labelIncorrect":"Incorrect! Please try again.","alternativeIncorrectLabel":"Incorrect","labelCorrectAnswers":"Correct answers.","tipButtonLabel":"Show tip","scoreBarLabel":"You got :num out of :total points","progressText":"Progress :num of :total"},"subContentId":"f8b52010-0902-4f3d-9396-8387036a36b6","metadata":{"contentType":"Summary","license":"U","title":"Untitled Summary"}},"displayAt":3}},"override":{"autoplay":false,"loop":false,"showBookmarksmenuOnLoad":false,"showRewind10":false,"preventSkipping":false,"deactivateSound":false},"l10n":{"interaction":"Interaction","play":"Play","pause":"Pause","mute":"Mute","unmute":"Unmute","quality":"Video Quality","captions":"Captions","close":"Close","fullscreen":"Fullscreen","exitFullscreen":"Exit Fullscreen","summary":"Open summary dialog","bookmarks":"Bookmarks","endscreen":"Submit screen","defaultAdaptivitySeekLabel":"Continue","continueWithVideo":"Continue with video","playbackRate":"Playback Rate","rewind10":"Rewind 10 Seconds","navDisabled":"Navigation is disabled","sndDisabled":"Sound is disabled","requiresCompletionWarning":"You need to answer all the questions correctly before continuing.","back":"Back","hours":"Hours","minutes":"Minutes","seconds":"Seconds","currentTime":"Current time:","totalTime":"Total time:","singleInteractionAnnouncement":"Interaction appeared:","multipleInteractionsAnnouncement":"Multiple interactions appeared.","videoPausedAnnouncement":"Video is paused","content":"Content","answered":"@answered answered","endcardTitle":"@answered Question(s) answered","endcardInformation":"You have answered @answered questions, click below to submit your answers.","endcardInformationNoAnswers":"You have not answered any questions.","endcardInformationMustHaveAnswer":"You have to answer at least one question before you can submit your answers.","endcardSubmitButton":"Submit Answers","endcardSubmitMessage":"Your answers have been submitted!","endcardTableRowAnswered":"Answered questions","endcardTableRowScore":"Score","endcardAnsweredScore":"answered","endCardTableRowSummaryWithScore":"You got @score out of @total points for the @question that appeared after @minutes minutes and @seconds seconds.","endCardTableRowSummaryWithoutScore":"You have answered the @question that appeared after @minutes minutes and @seconds seconds."}},"metadata":{"title":"ABC https:\/\/www.youtube.com\/watch?v=XI641BhgOnI","license":"U"}}"
h5pLib="H5P.InteractiveVideo 1.21"
/>
)}
</FadeDiv>
</div>
</div>
</div>
);
};
ResourceActivityBuild.propTypes = {
resource: PropTypes.object.isRequired,
editResourcePopup: PropTypes.bool.isRequired,
goBackToActivity: PropTypes.func.isRequired,
handleCreateResourceSubmit: PropTypes.func.isRequired,
handleEditResourceSubmit: PropTypes.func.isRequired,
selectType: PropTypes.func.isRequired,
type: PropTypes.array.isRequired,
setActiveView: PropTypes.func.isRequired,
};
const mapDispatchToProps = (dispatch) => ({
goBackToActivity: () => dispatch(showDescribeActivity()),
});
export default withRouter(
connect(null, mapDispatchToProps)(ResourceActivityBuild),
);
