+
diff --git a/client/src/app/components/molecules/PrincipalContent/ImageViewer/ImageViewer.js b/client/src/app/components/molecules/PrincipalContent/ImageViewer/ImageViewer.js
index 7bc51be..09d2218 100644
--- a/client/src/app/components/molecules/PrincipalContent/ImageViewer/ImageViewer.js
+++ b/client/src/app/components/molecules/PrincipalContent/ImageViewer/ImageViewer.js
@@ -1,14 +1,13 @@
-import React, {useState} from 'react';
+import React from 'react';
import PropTypes from 'prop-types';
import {connect} from 'react-redux';
import { createPropsSelector } from 'reselect-immutable-helpers';
import { makeStyles } from '@material-ui/core/styles';
import Modal from '@material-ui/core/Modal';
import Backdrop from '@material-ui/core/Backdrop';
-import {Fade, Zoom, Paper} from '@material-ui/core';
+import {Zoom, Paper} from '@material-ui/core';
import { updateModalState } from '../../../../pages/Home/actions';
import { getModalState, getBackgroundImage } from '../../../../pages/Home/selectors';
-import ImageViewerInner from './ImageViewerInner/ImageViewerInner';
const useStyles = makeStyles(theme => ({
modal: {
@@ -59,7 +58,7 @@ const ImageViewer = props => {
};
ImageViewer.propTypes = {
- handleClose: PropTypes.func,
+ handleCloseDispatcher: PropTypes.func,
modalState: PropTypes.bool,
selectedImage: PropTypes.string
};
diff --git a/client/src/app/components/molecules/PrincipalContent/PrincipalContent.js b/client/src/app/components/molecules/PrincipalContent/PrincipalContent.js
index 0d7c8c0..e6554b4 100644
--- a/client/src/app/components/molecules/PrincipalContent/PrincipalContent.js
+++ b/client/src/app/components/molecules/PrincipalContent/PrincipalContent.js
@@ -1,5 +1,4 @@
import React from 'react';
-import PropTypes from 'prop-types';
import ImageContainer from './ImageContainer';
import ImageViewer from './ImageViewer';
@@ -12,8 +11,4 @@ const PrincipalContent = props => {
);
};
-PrincipalContent.propTypes = {
-
-};
-
export default PrincipalContent;
\ No newline at end of file
diff --git a/client/src/app/components/molecules/SideBar/SideBar.jsx b/client/src/app/components/molecules/SideBar/SideBar.jsx
index 157547e..b5329ba 100644
--- a/client/src/app/components/molecules/SideBar/SideBar.jsx
+++ b/client/src/app/components/molecules/SideBar/SideBar.jsx
@@ -13,7 +13,7 @@ const SideBar = props => {
});
$('*').on('click', (e) => {
// e.stopPropagation();
- console.log($(e.target).closest('#sidebar'))
+ // console.log($(e.target).closest('#sidebar'))
if($(e.target).closest('#sidebar').length === 0) {
$('#sidebar').css('transform', 'translateX(0px)');
$('#sidebar').css('box-shadow', '');
@@ -23,18 +23,19 @@ const SideBar = props => {
})
const toggleSidebar = () => {
- $('#sidebar').toggleClass('active');
- $('.hideable').toggleClass('hide');
const position = $('#sidebar').css('transform').split(/[()]/)[1]
const currentX = +position.split(',')[4]
- console.log(currentX)
- console.log($('#sidebar').css('transform'))
- console.log($('#sidebar').css('transform').split(/[()]/))
if (currentX && currentX === 255) {
$('#sidebar').css('transform', 'translateX(85px)');
} else if (currentX && currentX === 85) {
$('#sidebar').css('transform', 'translateX(255px)');
}
+ $('#sidebar').toggleClass('active');
+ $('.hideable').toggleClass('hide');
+ // console.log(currentX)
+ // console.log($('#sidebar').css('transform'))
+ // console.log($('#sidebar').css('transform').split(/[()]/))
+ $('.triangle').addClass('animation');
}
const tabsData = [
diff --git a/client/src/app/components/molecules/SocialLogin/SocialLogin.jsx b/client/src/app/components/molecules/SocialLogin/SocialLogin.jsx
index eadb594..b80397f 100644
--- a/client/src/app/components/molecules/SocialLogin/SocialLogin.jsx
+++ b/client/src/app/components/molecules/SocialLogin/SocialLogin.jsx
@@ -26,7 +26,7 @@ class SocialLogin extends React.Component{
onSuccess(googleUser) {
console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
- // this.props.history.push('/home')
+ this.props.history.push('/home')
}
onFailure(error) {
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.component.scss b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.component.scss
new file mode 100644
index 0000000..b93dbf6
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.component.scss
@@ -0,0 +1,10 @@
+.c-CommandAndUserTools {
+ .c-commandTools {
+ border-right: 1px solid $theme-supplementer
+ }
+
+ .c-accountTools {
+ right: 2%;
+ position: absolute;
+ }
+}
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.js
new file mode 100644
index 0000000..ece03d5
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.js
@@ -0,0 +1,165 @@
+import React from 'react';
+import $ from 'jquery'
+import PropTypes from 'prop-types';
+import ToolItem from './ToolItem/ToolItem';
+import UserTools from './UserTools/UserTools';
+
+class CommandAndUserTools extends React.Component {
+ constructor(props) {
+ super(props)
+ this.registerSpeechHandlers = this.registerSpeechHandlers.bind(this)
+ this.startSpeechRecognition = this.startSpeechRecognition.bind(this)
+ this.state = {
+ commandToolItemsData: [
+ {
+ id: 'btnFavorites',
+ icon: 'star_border',
+ iconHovered: 'star',
+ clickHandler: this.props.save
+ },
+ {
+ id: 'btnClearCommand',
+ icon: 'delete_outline',
+ iconHovered: 'delete',
+ clickHandler: this.props.reset
+ },
+ {
+ id: 'btnFireCommand',
+ icon: 'send',
+ iconHovered: 'send',
+ clickHandler: this.props.execute
+ },
+ {
+ id: 'btnSTTCommand',
+ icon: 'mic_none',
+ iconHovered: 'mic',
+ clickHandler: this.startSpeechRecognition
+ }
+ ]
+ }
+ }
+
+ componentDidMount() {
+ this.registerSpeechHandlers();
+ }
+
+ startSpeechRecognition() {
+ var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+ if(isChrome) {
+ this.recognition.start();
+ } else {
+ // this.domOpsService.sho
+ }
+ }
+
+ registerSpeechHandlers() {
+ let SpeechRecognition
+ let instructions = $('#command')
+ try {
+ SpeechRecognition = window.SpeechRecognition || window.mozSpeechRecognition || window.msSpeechRecognition || window.webkitSpeechRecognition
+ // SpeechRecognition = ''
+ this.recognition = new SpeechRecognition()
+ }
+ catch(e) {
+ console.error(e);
+ $('.no-browser-support').show();
+ $('.app').hide();
+ }
+ this.recognition.onstart = function() {
+ instructions.val('Voice recognition activated. Try speaking into the microphone.');
+ }
+
+ this.recognition.onspeechend = function() {
+ instructions.val('You were quiet for a while so voice recognition turned itself off.');
+ }
+
+ this.recognition.onerror = function(event) {
+ if(event.error === 'no-speech') {
+ instructions.val('No speech was detected. Try again.');
+ };
+ }
+
+ this.recognition.onresult = function(event) {
+ let noteContent = "";
+ let current = event.resultIndex;
+ let transcript = event.results[current][0].transcript;
+ let mobileRepeatBug = (current === 1 && transcript === event.results[0][0].transcript);
+ if(!mobileRepeatBug) {
+ noteContent += transcript;
+ $('#command').val(noteContent);
+ }
+ }
+ }
+
+ // processRecastResponse(recastResponse: any) {
+ // let bodyRelevant: any;
+ // let intent: any = "";
+ // let assuredIntentFactor = 0.6;
+ // recastResponse.then((body) => {
+ // bodyRelevant = body.results;
+ // let intents = bodyRelevant ? bodyRelevant.intents : "";
+ // if(intents) {
+ // if(intents.length == 1) {
+ // intent = intents[0];
+ // } else if(intents.length > 1) {
+ // let reducer = (probableIntent, currIntent) => probableIntent.confidence >= currIntent.confidence ? probableIntent : currIntent;
+ // intent = intents.reduce(reducer, intents[0]);
+ // } else {
+ // this.domOpsService.showEmptyCommandMessage("Intent is either not Identified or is not supported, please try again with a different text.");
+ // return;
+ // }
+ // if (intent && intent.confidence > assuredIntentFactor) {
+ // let intentSlug = intent.slug;
+ // if (!Object.keys($config.intentSlugToOperations).includes(intentSlug)) {
+ // this.domOpsService.showEmptyCommandMessage("Intent is either not Identified or is not supported, please try again with a different text.");
+ // return;
+ // }
+ // // $(`#${$config.constants.hiddenIntentFieldId}`).val(intent);
+ // window.localStorage.setItem($config.constants.hiddenIntentFieldId, intentSlug);
+ // this.domOpsService.displayIntentBox(intentSlug);
+ // if (intentSlug == "resethistory") {
+ // let card = this.cardsService.getResponseCard($config.intentSlugToOperations.resethistory.cardTitle,
+ // $config.intentSlugToOperations.resethistory.cardMsg, {}, "response");
+ // card.insertionCounter = 0;
+ // let resetHistoryResponseAction = new ClearHistory(card);
+ // this.store.dispatch(resetHistoryResponseAction);
+ // return;
+ // }
+ // this.domOpsService.widgetIdentified.emit({widget: intentSlug, bodyRelevant: bodyRelevant});
+ // this.domOpsService.populateRecastData(intentSlug, bodyRelevant);
+ // // store.dispatch($config.intentSlugToOperations.addquery.action);
+ // } else {
+ // this.domOpsService.showEmptyCommandMessage("Couldn't conform with the required confidence level of the intent match, please try again.");
+ // }
+ // } else {
+ // this.domOpsService.showEmptyCommandMessage("There seems to be an error in the Recast Response, as intents are not returned.");
+ // return;
+ // }
+ // });
+
+ // }
+
+ render() {
+ const {commandToolItemsData} = this.state
+
+ const commandToolItems = commandToolItemsData && commandToolItemsData.map((toolData, index) => {
+ return
+ })
+ return (
+
+ );
+ }
+}
+
+CommandAndUserTools.propTypes = {
+ execute: PropTypes.func,
+ reset: PropTypes.func,
+ save: PropTypes.func
+};
+
+export default CommandAndUserTools;
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.test.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.test.js
new file mode 100644
index 0000000..7c021e1
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/CommandAndUserTools.test.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import CommandAndUserTools from './CommandAndUserTools';
+
+describe('CommandAndUserTools', () => {
+ it('renders without error', () => {
+
+ });
+});
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.component.scss b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.component.scss
new file mode 100644
index 0000000..0721627
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.component.scss
@@ -0,0 +1,3 @@
+.c-ToolItem {
+
+}
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.js
new file mode 100644
index 0000000..0605187
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.js
@@ -0,0 +1,38 @@
+import React, {useState} from 'react';
+import PropTypes from 'prop-types';
+import $ from 'jquery'
+import {Link} from 'react-router-dom';
+
+const ToolItem = ({toolData}) => {
+
+ const [icon, setIcon] = useState(toolData.icon)
+
+ const toggleIcon = (event, toolData) => {
+ const iconTag = $(event.target).find('i').addBack('i')
+ const currentIcon = iconTag && iconTag[0] && iconTag[0].innerHTML
+ if (currentIcon === toolData.icon) {
+ setIcon(toolData.iconHovered)
+ } else {
+ setIcon(toolData.icon)
+ }
+ }
+
+ return (
+
+ toggleIcon(event, toolData)}
+ onMouseLeave={(event) => toggleIcon(event, toolData)}>
+ {icon}
+
+
+
+ );
+};
+
+ToolItem.propTypes = {
+ toolData: PropTypes.object
+};
+
+export default ToolItem;
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.test.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.test.js
new file mode 100644
index 0000000..5cf50fb
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/ToolItem.test.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import ToolItem from './ToolItem';
+
+describe('ToolItem', () => {
+ it('renders without error', () => {
+
+ });
+});
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/index.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/index.js
new file mode 100644
index 0000000..c65c756
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/ToolItem/index.js
@@ -0,0 +1,3 @@
+import ToolItem from './ToolItem';
+
+export default ToolItem;
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.component.scss b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.component.scss
new file mode 100644
index 0000000..e79d81b
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.component.scss
@@ -0,0 +1,3 @@
+.c-UserTools {
+
+}
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.js
new file mode 100644
index 0000000..55b9b49
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.js
@@ -0,0 +1,168 @@
+import React from 'react';
+import {connect} from 'react-redux'
+import {makeStyles} from '@material-ui/core/styles';
+import {IconButton, Badge, MenuItem, Menu} from '@material-ui/core';
+import AccountCircle from '@material-ui/icons/AccountCircle';
+import MailIcon from '@material-ui/icons/Mail';
+import NotificationsIcon from '@material-ui/icons/Notifications';
+import MoreIcon from '@material-ui/icons/MoreVert';
+import {updateUploadModalState} from './../../../../../../pages/Home/actions'
+
+const useStyles = makeStyles(theme => ({
+ grow: {
+ flexGrow: 1,
+ },
+ menuButton: {
+ marginRight: theme.spacing(2),
+ },
+ sectionDesktop: {
+ display: 'none',
+ float: 'right',
+ [theme.breakpoints.up('md')]: {
+ display: 'flex',
+ },
+ },
+ sectionMobile: {
+ display: 'flex',
+ [theme.breakpoints.up('md')]: {
+ display: 'none',
+ },
+ },
+}));
+
+const UserTools = props => {
+
+ const classes = useStyles();
+ const [anchorEl, setAnchorEl] = React.useState(null);
+ const [mobileMoreAnchorEl, setMobileMoreAnchorEl] = React.useState(null);
+
+ const isMenuOpen = Boolean(anchorEl);
+ const isMobileMenuOpen = Boolean(mobileMoreAnchorEl);
+
+ const handleProfileMenuOpen = (event) => {
+ setAnchorEl(event.currentTarget);
+ };
+
+ const handleMobileMenuClose = () => {
+ setMobileMoreAnchorEl(null);
+ };
+
+ const handleMenuClose = (event, uploaderModalStateDispatcher) => {
+ setAnchorEl(null);
+ handleMobileMenuClose();
+ if (event.currentTarget.innerText === 'Upload Image/s') {
+ uploaderModalStateDispatcher(true)
+ }
+ };
+
+ const handleMobileMenuOpen = event => {
+ setMobileMoreAnchorEl(event.currentTarget);
+ };
+
+ const mobileMenuId = 'primary-search-account-menu-mobile';
+ const menuId = 'primary-search-account-menu';
+ const renderMenu = (
+
+ );
+
+ const renderMobileMenu = (
+
+ );
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {renderMobileMenu}
+ {renderMenu}
+
+ );
+};
+
+const mapDispatchToProps = {
+ uploaderModalStateDispatcher: (uploadModalOpened) => updateUploadModalState(uploadModalOpened)
+}
+
+export default connect(
+ null,
+ mapDispatchToProps
+)(UserTools)
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.test.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.test.js
new file mode 100644
index 0000000..42048cd
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/UserTools.test.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import UserTools from './UserTools';
+
+describe('UserTools', () => {
+ it('renders without error', () => {
+
+ });
+});
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/index.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/index.js
new file mode 100644
index 0000000..728ae2a
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/UserTools/index.js
@@ -0,0 +1,3 @@
+import UserTools from './UserTools';
+
+export default UserTools;
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/index.js b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/index.js
new file mode 100644
index 0000000..d4b8e1a
--- /dev/null
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandAndUserTools/index.js
@@ -0,0 +1,3 @@
+import CommandAndUserTools from './CommandAndUserTools';
+
+export default CommandAndUserTools;
\ No newline at end of file
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.component.scss b/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.component.scss
index 5c9d4a3..20ba47f 100644
--- a/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.component.scss
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.component.scss
@@ -10,9 +10,14 @@
transition: all 0.3s;
cursor: pointer;
}
+
+ .material-icons {
+ &.md-light{color:rgb(33, 37, 41)}
+ &.md-36{font-size:36px}
+ }
.navbar {
- padding: 15px 10px;
+ padding: 5px;
// background: #222;
background: rgba(120, 120, 120, 0.3);
border: none;
@@ -282,7 +287,7 @@
}
#command.form-control {
- width: 87%;
+ width: 45%;
}
#faux {
diff --git a/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.js b/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.js
index a26da37..d46f112 100644
--- a/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.js
+++ b/client/src/app/components/molecules/common/CommandPrompt/CommandPrompt.js
@@ -1,33 +1,35 @@
import React from 'react';
-import PropTypes from 'prop-types';
-import * as $ from 'jquery'
+import $ from 'jquery'
+import CommandAndUserTools from './CommandAndUserTools/CommandAndUserTools';
+import {Link} from 'react-router-dom';
class CommandPrompt extends React.Component {
constructor(props) {
super(props)
- this.registerSpeechHandlers = this.registerSpeechHandlers.bind(this)
this.registerMouseAndKeyboardHandlers = this.registerMouseAndKeyboardHandlers.bind(this)
this.showContextMenu = this.showContextMenu.bind(this)
this.initiateDomOpsOnEnter = this.initiateDomOpsOnEnter.bind(this)
- this.startSpeechRecognition = this.startSpeechRecognition.bind(this)
+ this.timerId = 0
}
componentDidMount() {
- this.registerSpeechHandlers();
this.registerMouseAndKeyboardHandlers();
}
- toggleClass(event) {
- $(event.target).toggleClass('fas');
- }
-
- initiateDomOpsOnEnter(event) {
+ initiateDomOpsOnEnter(event, func, delay) {
const code = (event.keyCode ? event.keyCode : event.which);
if (code === 13) {
- // this.domOpsService.hideNonCards();
- this.executeCommand();
+ func();
+ clearTimeout(this.timerId)
+ return
}
+ clearTimeout(this.timerId)
+ this.timerId = setTimeout(func, delay)
+ }
+
+ saveToFavorites() {
+
}
resetCommand() {
@@ -35,139 +37,17 @@ class CommandPrompt extends React.Component {
$('#command').focus();
}
- startSpeechRecognition() {
- var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
- if(isChrome) {
- this.recognition.start();
- } else {
- // this.domOpsService.sho
- }
- }
-
- registerSpeechHandlers() {
- let SpeechRecognition
- let instructions = $('#command')
- try {
- SpeechRecognition = window.SpeechRecognition || window.mozSpeechRecognition || window.msSpeechRecognition || window.webkitSpeechRecognition
- // SpeechRecognition = ''
- this.recognition = new SpeechRecognition()
- }
- catch(e) {
- console.error(e);
- $('.no-browser-support').show();
- $('.app').hide();
- }
- this.recognition.onstart = function() {
- instructions.val('Voice recognition activated. Try speaking into the microphone.');
- }
-
- this.recognition.onspeechend = function() {
- instructions.val('You were quiet for a while so voice recognition turned itself off.');
- }
-
- this.recognition.onerror = function(event) {
- if(event.error === 'no-speech') {
- instructions.val('No speech was detected. Try again.');
- };
- }
-
- this.recognition.onresult = function(event) {
- let noteContent = "";
- let current = event.resultIndex;
- let transcript = event.results[current][0].transcript;
- let mobileRepeatBug = (current === 1 && transcript === event.results[0][0].transcript);
- if(!mobileRepeatBug) {
- noteContent += transcript;
- $('#command').val(noteContent);
- }
- }
- }
-
registerMouseAndKeyboardHandlers() {
- $('#content nav div.collapse li a.nav-link i.far.fa-star').hover(() => {
- $('#content nav div.collapse li a.nav-link i.far.fa-star').toggleClass('fas');
- });
- $('#content nav div.collapse li a.nav-link i.far.fa-trash-alt').hover(() => {
- $('#content nav div.collapse li a.nav-link i.far.fa-trash-alt').toggleClass('fas');
- });
- $('#content nav div.collapse li a.nav-link i.far.fa-paper-plane').hover(() => {
- $('#content nav div.collapse li a.nav-link i.far.fa-paper-plane').toggleClass('fas');
- });
$('*').on('click', (event) => {
if(!this.contextMenuFirstDisplay) {
$("#inputSelectionContextMenu").removeClass("show").hide();
this.contextMenuDisplayed = false;
-// event.stopPropagation();
} else {
this.contextMenuFirstDisplay = false;
-// event.stopPropagation();
}
});
}
- executeCommand() {
- // this.domOpsService.hideNonCards();
- // let commandVal = this.command.nativeElement.value;
- // if(!commandVal) {
- // this.domOpsService.showEmptyCommandMessage(this.emptyCommandMessage);
- // } else {
- // let card = this.cardsService.getCommandCard($config.intentSlugToOperations.command.cardTitle, commandVal, {}, "command");
- // let commandAction = new Command(card);
- // this.store.dispatch(commandAction);
- // const text = { text: commandVal };
- // let recastResponse = this.recastOpsService.getRecastResponse(commandVal, text);
- // this.processRecastResponse(recastResponse);
- // }
- }
-
- // processRecastResponse(recastResponse: any) {
- // let bodyRelevant: any;
- // let intent: any = "";
- // let assuredIntentFactor = 0.6;
- // recastResponse.then((body) => {
- // bodyRelevant = body.results;
- // let intents = bodyRelevant ? bodyRelevant.intents : "";
- // if(intents) {
- // if(intents.length == 1) {
- // intent = intents[0];
- // } else if(intents.length > 1) {
- // let reducer = (probableIntent, currIntent) => probableIntent.confidence >= currIntent.confidence ? probableIntent : currIntent;
- // intent = intents.reduce(reducer, intents[0]);
- // } else {
- // this.domOpsService.showEmptyCommandMessage("Intent is either not Identified or is not supported, please try again with a different text.");
- // return;
- // }
- // if (intent && intent.confidence > assuredIntentFactor) {
- // let intentSlug = intent.slug;
- // if (!Object.keys($config.intentSlugToOperations).includes(intentSlug)) {
- // this.domOpsService.showEmptyCommandMessage("Intent is either not Identified or is not supported, please try again with a different text.");
- // return;
- // }
- // // $(`#${$config.constants.hiddenIntentFieldId}`).val(intent);
- // window.localStorage.setItem($config.constants.hiddenIntentFieldId, intentSlug);
- // this.domOpsService.displayIntentBox(intentSlug);
- // if (intentSlug == "resethistory") {
- // let card = this.cardsService.getResponseCard($config.intentSlugToOperations.resethistory.cardTitle,
- // $config.intentSlugToOperations.resethistory.cardMsg, {}, "response");
- // card.insertionCounter = 0;
- // let resetHistoryResponseAction = new ClearHistory(card);
- // this.store.dispatch(resetHistoryResponseAction);
- // return;
- // }
- // this.domOpsService.widgetIdentified.emit({widget: intentSlug, bodyRelevant: bodyRelevant});
- // this.domOpsService.populateRecastData(intentSlug, bodyRelevant);
- // // store.dispatch($config.intentSlugToOperations.addquery.action);
- // } else {
- // this.domOpsService.showEmptyCommandMessage("Couldn't conform with the required confidence level of the intent match, please try again.");
- // }
- // } else {
- // this.domOpsService.showEmptyCommandMessage("There seems to be an error in the Recast Response, as intents are not returned.");
- // return;
- // }
- // });
-
- // }
-
showContextMenu(event) {
if(this.contextMenuDisplayed === true) {
return;
@@ -186,6 +66,23 @@ class CommandPrompt extends React.Component {
}
}
+ executeCommand() {
+ alert('called')
+ // this.domOpsService.hideNonCards();
+ let commandVal = $('#command').val();
+ console.log(commandVal)
+ if(!commandVal) {
+ // this.domOpsService.showEmptyCommandMessage(this.emptyCommandMessage);
+ } else {
+ // let card = this.cardsService.getCommandCard($config.intentSlugToOperations.command.cardTitle, commandVal, {}, "command");
+ // let commandAction = new Command(card);
+ // this.store.dispatch(commandAction);
+ // const text = { text: commandVal };
+ // let recastResponse = this.recastOpsService.getRecastResponse(commandVal, text);
+ // this.processRecastResponse(recastResponse);
+ }
+ }
+
render() {
return (
+ 
+
+ 
+ 
