Done with delay

This commit is contained in:
monilprajapati
2024-06-06 17:44:15 +05:30
parent 4f1bfc2313
commit 355466a9a2
2 changed files with 54 additions and 41 deletions
+23 -8
View File
@@ -177,7 +177,8 @@ const ParsedAction = (props) => {
const classes = useStyles();
const [hideBody, setHideBody] = React.useState(true);
const [activateHidingBodyButton, setActivateHidingBodyButton] = React.useState(false);
const [appActionName, setAppActionName] = React.useState(selectedAction.label);
const [delay, setDelay] = React.useState(selectedAction?.execution_delay);
const [fieldCount, setFieldCount] = React.useState(0);
const [hiddenDescription, setHiddenDescription] = React.useState(true);
const [autoCompleting, setAutocompleting] = React.useState(false);
@@ -197,6 +198,7 @@ const ParsedAction = (props) => {
}
}, [expansionModalOpen])
useEffect(() => {
if (selectedAction.parameters === null || selectedAction.parameters === undefined) {
return
@@ -383,6 +385,9 @@ const ParsedAction = (props) => {
() => {
console.log("UseEffect Rendered!")
console.log("Workflow", workflow)
setAppActionName(selectedAction.label)
setDelay(selectedAction.execution_delay)
// if (selectedActionParameters !== undefined && selectedActionParameters !== null
// ) {
if (selectedAction.parameters !== undefined && selectedAction.parameters !== null && selectedAction.parameters.length > 0) {
@@ -618,6 +623,12 @@ const ParsedAction = (props) => {
},
[selectedAction,selectedApp,setNewSelectedAction]
);
useEffect(() => {
selectedNameChange(appActionName)
actionDelayChange(delay)
},[appActionName,delay])
console.log("selectedActionParameters: ", selectedActionParameters)
console.log("selectedApp:", selectedApp)
console.log("selectedAction: ", selectedAction)
@@ -1628,11 +1639,17 @@ const ParsedAction = (props) => {
fullWidth
color="primary"
placeholder={selectedAction.label}
defaultValue={selectedAction.label}
onChange={selectedNameChange}
value={appActionName}
onChange={
(event) => {
let newValue = event.target.value
newValue = newValue.replaceAll(" ", "_")
setAppActionName(newValue)
}
}
onBlur={(e) => {
// Copy the name value
const name = e.target.value
const name = appActionName
const parsedBaseLabel = "$"+baselabel.toLowerCase().replaceAll(" ", "_")
const newname = "$"+name.toLowerCase().replaceAll(" ", "_")
@@ -1848,11 +1865,9 @@ const ParsedAction = (props) => {
disableUnderline: true,
}}
placeholder={selectedAction.execution_delay}
defaultValue={selectedAction.execution_delay}
value={delay}
onChange={(event) => {
if (actionDelayChange !== undefined) {
actionDelayChange(event)
}
setDelay(event.target.value)
}}
/>
</span>
+31 -33
View File
@@ -22,7 +22,6 @@ import { CodeHandler, Img, OuterLink, } from "../views/Docs.jsx";
import { InstantSearch, Configure, connectSearchBox, connectHits, Index } from 'react-instantsearch-dom';
import algoliasearch from 'algoliasearch/lite';
import {
Zoom,
Fade,
@@ -10067,44 +10066,43 @@ const AngularWorkflow = (defaultprops) => {
// appname & version
// description
// ACTION select
const selectedNameChange = (event) => {
event.target.value = event.target.value.replaceAll("(", "");
event.target.value = event.target.value.replaceAll(")", "");
event.target.value = event.target.value.replaceAll("]", "");
event.target.value = event.target.value.replaceAll("[", "");
event.target.value = event.target.value.replaceAll("{", "");
event.target.value = event.target.value.replaceAll("}", "");
event.target.value = event.target.value.replaceAll("*", "");
event.target.value = event.target.value.replaceAll("!", "");
event.target.value = event.target.value.replaceAll("@", "");
event.target.value = event.target.value.replaceAll("#", "");
event.target.value = event.target.value.replaceAll("$", "");
event.target.value = event.target.value.replaceAll("%", "");
event.target.value = event.target.value.replaceAll("&", "");
event.target.value = event.target.value.replaceAll("#", "");
event.target.value = event.target.value.replaceAll(".", "");
event.target.value = event.target.value.replaceAll(",", "");
event.target.value = event.target.value.replaceAll(" ", "_");
event.target.value = event.target.value.replaceAll("^", "_");
event.target.value = event.target.value.replaceAll("'", "_");
event.target.value = event.target.value.replaceAll("\"", "_");
event.target.value = event.target.value.replaceAll("\"", "_");
event.target.value = event.target.value.replaceAll(":", "_");
event.target.value = event.target.value.replaceAll(";", "_");
event.target.value = event.target.value.replaceAll("=", "_");
event.target.value = event.target.value.replaceAll("+", "_");
selectedAction.label = event.target.value;
const selectedNameChange = (appActionName) => {
appActionName = appActionName.replaceAll("(", "");
appActionName = appActionName.replaceAll(")", "");
appActionName = appActionName.replaceAll("]", "");
appActionName = appActionName.replaceAll("[", "");
appActionName = appActionName.replaceAll("{", "");
appActionName = appActionName.replaceAll("}", "");
appActionName = appActionName.replaceAll("*", "");
appActionName = appActionName.replaceAll("!", "");
appActionName = appActionName.replaceAll("@", "");
appActionName = appActionName.replaceAll("#", "");
appActionName = appActionName.replaceAll("$", "");
appActionName = appActionName.replaceAll("%", "");
appActionName = appActionName.replaceAll("&", "");
appActionName = appActionName.replaceAll("#", "");
appActionName = appActionName.replaceAll(".", "");
appActionName = appActionName.replaceAll(",", "");
appActionName = appActionName.replaceAll(" ", "_");
appActionName = appActionName.replaceAll("^", "_");
appActionName = appActionName.replaceAll("'", "_");
appActionName = appActionName.replaceAll("\"", "_");
appActionName = appActionName.replaceAll("\"", "_");
appActionName = appActionName.replaceAll(":", "_");
appActionName = appActionName.replaceAll(";", "_");
appActionName = appActionName.replaceAll("=", "_");
appActionName = appActionName.replaceAll("+", "_");
selectedAction.label = appActionName;
setSelectedAction(selectedAction);
};
const actionDelayChange = (event) => {
if (isNaN(event.target.value)) {
console.log("NAN: ", event.target.value)
const actionDelayChange = (delay) => {
if (isNaN(delay)) {
console.log("NAN: ", delay)
return
}
const parsedNumber = parseInt(event.target.value)
const parsedNumber = parseInt(delay)
if (parsedNumber > 86400) {
console.log("Max number is 1 day (86400)")
return