\n
\n {use == 'create' &&\n \n \n \n }\n {use == 'create' ?\n <>\n \n onClickSubmitPost(use == 'create' ? \"Insert\" : \"Update\")} onError={() => null} >\n \n \n option.projectName}\n renderOption={(props, option) => (\n \n {option.projectName} {moment(new Date()).format(\"YYYY-MM-DD\") > moment(option.endDate).format(\"YYYY-MM-DD\") && Expired: {moment(option.endDate).format(\"DD-MM-YYYY\")}}\n \n )}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={projectSelected}\n onChange={(_, newValue) => {\n onChangeProject(newValue);\n }}\n />\n\n \n \n option.characterName}\n renderOption={(props, option) => (\n \n {option.characterName}\n \n )}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={charSelected}\n onChange={(_, newValue) => {\n onChangeCharacter(newValue)\n }}\n />\n \n \n \n \n Audition Type :\n } label=\"On Site\" size='medium' />\n } label=\"Online\" size='medium' />\n \n \n \n \n \n setTitle(event.target.value)\n }\n fullWidth\n validators={[\"required\"]}\n errorMessages={[\"Title is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n \n \n {\n const test = NumberValidate(event.target.value)\n if (event.target.value.length <= 3) {\n if (test || event.target.value == \"\") {\n setAgeFrom(event.target.value)\n }\n }\n }}\n validators={[\"required\"]}\n autoComplete=\"off\"\n errorMessages={[\"From Age is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n To
\n {\n const test = NumberValidate(event.target.value)\n if (event.target.value.length <= 3) {\n if (test || event.target.value == \"\") {\n setToAge(event.target.value)\n }\n }\n }}\n validators={[\"required\"]}\n errorMessages={[\"To Age is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n \n \n option.label}\n isOptionEqualToValue={(option, value) => option.value == value.value}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n validators={[\"required\"]}\n errorMessages={[\"Gender is required\"]}\n />\n )}\n value={userGenderValue}\n onChange={(_, newValue) => {\n setUserGenderValue(newValue);\n }}\n />\n \n \n option.label}\n isOptionEqualToValue={(option, value) => option.value == value.value}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={userCountryValue}\n onChange={(_, newValue) => {\n if (newValue.length == 0) {\n setUserCountryValue(newValue);\n setStates([])\n setCities([])\n setUserStateValue([])\n setUserCityValue([])\n } else {\n onChangeCountry(newValue)\n }\n }}\n />\n \n \n option.label}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={userStateValue}\n onChange={(_, newValue) => {\n setUserStateValue(newValue);\n if (newValue.length == 0) {\n setCities([])\n setUserCityValue([])\n } else {\n let cityFilter = allStatesCity.filter((el) => el.stateId == newValue[newValue.length - 1].value);\n let temp = cityFilter.map(el => ({ label: el.city, value: el.cityId, stateId: el.stateId }))\n if (newValue.length == 1) {\n setCities(temp);\n } else {\n const temp2 = cities.concat(temp);\n setCities(temp2);\n }\n // }\n }\n }}\n />\n \n \n {\n return (\n \n {option.label}\n \n );\n }}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={UserCityValue}\n onChange={(_, newValue) => {\n setUserCityValue(newValue);\n }}\n />\n \n \n option.languageName}\n isOptionEqualToValue={(option, value) => option.languageId == value.languageId}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={UserLanguageValue}\n onChange={(_, newValue) => {\n setUserLanguageValue(newValue);\n }}\n />\n \n \n {\n if (newValue) {\n if (newValue.$d == \"Invalid Date\") {\n setvalidTill(null);\n }\n setPublishOn(newValue.$d);\n }\n }}\n open={openPublishOn}\n onOpen={() => setOpenPublishOn(true)}\n onClose={() => setOpenPublishOn(false)}\n disablePast\n inputFormat=\"DD-MM-YYYY\"\n renderInput={(params) =>\n handleTextFieldClick('publishOn')}\n validators={[\"required\"]}\n errorMessages={[\"Publish On is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />}\n />\n setOpenValidTill(true)}\n onClose={() => setOpenValidTill(false)}\n onChange={(newValue) => {\n if (newValue) {\n setvalidTill(newValue.$d);\n }\n }}\n renderInput={(params) =>\n handleTextFieldClick('validTill')}\n autoComplete=\"off\"\n validators={[\"required\"]}\n errorMessages={[\"Valid Till is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />}\n inputFormat=\"DD-MM-YYYY\"\n disabled={publishOn == \"Invalid Date\" ? true : false}\n />\n\n \n \n \n\n \n {radioValue === '2' ?\n {\n document.getElementById('getFile').click()\n }\n }\n placeholder=\"Upload Script File*\"\n disabled\n fullWidth={true}\n value={uploadSelectedFile.length > 0 ? uploadSelectedFile.length + ' Files selected' : null}\n validators={[\"required\"]}\n errorMessages={[\"Select a file\"]}\n InputProps={{\n startAdornment: {radioValue === 2 ? 'Choose file*' : 'Choose file'},\n }}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n :\n {\n document.getElementById('getFile').click()\n }\n }\n placeholder=\"Upload Script File\"\n disabled\n fullWidth={true}\n errorMessages={[\"\"]}\n value={uploadSelectedFile.length > 0 ? uploadSelectedFile.length + ' Files selected' : null}\n InputProps={{\n startAdornment: {radioValue === 2 ? 'Choose file*' : 'Choose file'},\n }}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n\n }\n\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n\n {\n document.getElementById('getFileVideo').click()\n }\n }\n placeholder=\"Upload Script Video File\"\n disabled\n fullWidth={true}\n value={uploadSelectedVideoFile.length > 0 ? uploadSelectedVideoFile.length + ' Videos selected' : null}\n InputProps={{\n startAdornment: Choose file,\n }}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n \n {\n if (event.target.value.length <= 3000) {\n setDescription(event.target.value)\n }\n }}\n autoComplete=\"off\"\n maxLength={5}\n multiline\n minRows={4.5}\n maxRows={8}\n validators={[\"required\"]}\n errorMessages={[\"Description is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n {description === '' ? 0 : description.length}/3000\n
\n \n \n \n \n \n\n \n \n\n \n :\n <>\n {\n APILoading ?\n \n :\n onClickSubmitPost(use == 'create' ? \"Insert\" : \"Update\")} onError={() => null} >\n \n \n option.projectName}\n disabled={true}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={projectSelected}\n onChange={(_, newValue) => {\n setProjectSelected(newValue);\n setCharacterData(newValue.characterData)\n }}\n />\n\n \n \n option.characterName}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={charSelected}\n onChange={(_, newValue) => {\n setCharSelected(newValue);\n }}\n />\n\n \n \n \n \n Audition Type :\n } label=\"On Site\" size='small' sx={{ fontSize: 10, marginRight: 1 }} />\n } label=\"Online\" size='small' sx={{ fontSize: 10 }} />\n \n \n \n\n \n \n setTitle(event.target.value)\n }\n inputProps={{ tabIndex: 3 }}\n fullWidth\n validators={[\"required\"]}\n errorMessages={[\"Title is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n \n \n {\n const test = NumberValidate(event.target.value)\n if (event.target.value.length <= 3) {\n if (test || event.target.value == \"\") {\n setAgeFrom(event.target.value)\n }\n }\n }}\n multiline\n validators={[\"required\"]}\n autoComplete=\"off\"\n errorMessages={[\"From Age is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n To
\n {\n const test = NumberValidate(event.target.value)\n if (event.target.value.length <= 3) {\n if (test || event.target.value == \"\") {\n setToAge(event.target.value)\n }\n }\n }}\n validators={[\"required\"]}\n errorMessages={[\"To Age is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n \n \n option.label}\n isOptionEqualToValue={(option, value) => option.value == value.value}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={userGenderValue}\n onChange={(_, newValue) => {\n setUserGenderValue(newValue);\n }}\n />\n \n \n option.label}\n isOptionEqualToValue={(option, value) => option.value == value.value}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={userCountryValue}\n onChange={(_, newValue) => {\n if (newValue.length == 0) {\n setUserCountryValue(newValue);\n setStates([])\n setCities([])\n setUserStateValue([])\n setUserCityValue([])\n } else {\n onChangeCountry(newValue)\n }\n }}\n />\n \n \n option.value == value.value}\n autoSelect={true}\n renderOption={(props, option) => {\n return (\n \n {option.label}\n \n );\n }}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={userStateValue}\n onChange={(_, newValue) => {\n setUserStateValue(newValue);\n if (newValue.length == 0) {\n setCities([])\n setUserCityValue([])\n } else {\n let cityFilter = allStatesCity.filter((el) => el.stateId == newValue[newValue.length - 1].value);\n let temp = cityFilter.map(el => ({ label: el.city, value: el.cityId, stateId: el.stateId }))\n if (newValue.length == 1) {\n setCities(temp);\n } else {\n setCities([...cities, ...temp]);\n }\n }\n }}\n />\n \n \n option.value == value.value}\n renderOption={(props, option) => (\n {option.label}\n )}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={UserCityValue}\n onChange={(_, newValue) => {\n setUserCityValue(newValue);\n }}\n />\n \n \n option.languageName}\n isOptionEqualToValue={(option, value) => option.languageId == value.languageId}\n renderInput={(params) => (\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n )}\n value={UserLanguageValue}\n onChange={(_, newValue) => {\n setUserLanguageValue(newValue);\n }}\n />\n \n \n {\n if (newValue) {\n if (newValue.$d == \"Invalid Date\") {\n setvalidTill(null);\n }\n if (moment(newValue.$d).format(\"YYYY-MM-DD\") > validTill) {\n setvalidTill(null);\n }\n setPublishOn(newValue.$d);\n }\n }}\n open={openPublishOn}\n onOpen={() => setOpenPublishOn(true)}\n onClose={() => setOpenPublishOn(false)}\n inputFormat=\"DD-MM-YYYY\"\n renderInput={(params) =>\n handleTextFieldClick('publishOn')}\n errorMessages={[\"Publish On is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />}\n />\n {\n if (newValue) {\n setvalidTill(newValue.$d);\n }\n }}\n open={openValidTill}\n onOpen={() => setOpenValidTill(true)}\n onClose={() => setOpenValidTill(false)}\n renderInput={(params) =>\n handleTextFieldClick('validTill')}\n validators={[\"required\"]}\n autoComplete=\"off\"\n errorMessages={[\"Valid Till is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />}\n minDate={publishOn}\n inputFormat=\"DD-MM-YYYY\"\n disabled={publishOn == \"Invalid Date\" ? true : false}\n />\n\n \n \n \n\n \n {radioValue === '2' ?\n {\n document.getElementById('getFile').click()\n }\n }\n placeholder=\"Upload Script File*\"\n disabled\n fullWidth={true}\n value={uploadSelectedFile.length > 0 ? uploadSelectedFile.length + ' Files selected' : null}\n validators={[\"required\"]}\n errorMessages={[\"Select a file\"]}\n InputProps={{\n startAdornment: {radioValue === 2 ? 'Choose file*' : 'Choose file'},\n }}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n :\n {\n document.getElementById('getFile').click()\n }\n }\n placeholder=\"Upload Script File\"\n disabled\n fullWidth={true}\n value={uploadSelectedFile.length > 0 ? uploadSelectedFile.length + ' Files selected' : null}\n InputProps={{\n startAdornment: {radioValue === 2 ? 'Choose file*' : 'Choose file'},\n }}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n\n }\n\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n\n {\n document.getElementById('getFileVideo').click()\n }\n }\n placeholder=\"Upload Script Video File\"\n disabled\n fullWidth={true}\n value={uploadSelectedVideoFile.length > 0 ? uploadSelectedVideoFile.length + ' Videos selected' : null}\n InputProps={{\n startAdornment: Choose file,\n }}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n\n { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n \n {\n if (event.target.value.length <= 3000) {\n setDescription(event.target.value)\n }\n }}\n inputProps={{ tabIndex: 10 }}\n autoComplete=\"off\"\n multiline\n minRows={4.5}\n maxRows={8}\n validators={[\"required\"]}\n errorMessages={[\"Description is required\"]}\n onKeyPress={(e) => { e.key === 'Enter' && e.preventDefault(); }}\n />\n \n {description === '' ? 0 : description.length}/3000\n
\n \n \n \n \n
\n \n }\n\n \n }\n \n\n {snackOpen &&\n
\n }\n {\n errorPopUp &&\n
\n }\n
![\"\"](\"/assets/images/Spinner.gif\")
\n {/*