diff --git a/frontend/src/components/OrgHeader.js b/frontend/src/components/OrgHeader.js index 7e242f50..7f21cdce 100644 --- a/frontend/src/components/OrgHeader.js +++ b/frontend/src/components/OrgHeader.js @@ -3,9 +3,14 @@ import { makeStyles } from '@material-ui/styles'; import { useTheme } from '@material-ui/core/styles'; import Tooltip from '@material-ui/core/Tooltip'; +import Grid from '@material-ui/core/Grid'; import Button from '@material-ui/core/Button'; import TextField from '@material-ui/core/TextField'; +import Typography from '@material-ui/core/Typography'; import { useAlert } from "react-alert"; +import IconButton from '@material-ui/core/IconButton'; +import ExpandLessIcon from '@material-ui/icons/ExpandLess'; +import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; const useStyles = makeStyles({ notchedOutline: { @@ -23,11 +28,17 @@ const OrgHeader = (props) => { const classes = useStyles() var upload = "" + const defaultBranch = "master" const [orgName, setOrgName] = React.useState(selectedOrganization.name) const [orgDescription, setOrgDescription] = React.useState(selectedOrganization.description) + const [appDownloadUrl, setAppDownloadUrl] = React.useState(selectedOrganization.defaults === undefined ? "https://github.com/frikky/shuffle-apps" : selectedOrganization.defaults.app_download_repo === undefined || selectedOrganization.defaults.app_download_repo.length === 0 ? "https://github.com/frikky/shuffle-apps" : selectedOrganization.defaults.app_download_repo) + const [appDownloadBranch, setAppDownloadBranch] = React.useState(selectedOrganization.defaults === undefined ? defaultBranch : selectedOrganization.defaults.app_download_branch === undefined || selectedOrganization.defaults.app_download_branch.length === 0 ? defaultBranch : selectedOrganization.defaults.app_download_branch) + const [workflowDownloadUrl, setWorkflowDownloadUrl] = React.useState(selectedOrganization.defaults === undefined ? "https://github.com/frikky/shuffle-apps" : selectedOrganization.defaults.workflow_download_repo === undefined || selectedOrganization.defaults.workflow_download_repo.length === 0 ? "https://github.com/frikky/shuffle-workflows" : selectedOrganization.defaults.workflow_download_repo) + const [workflowDownloadBranch, setWorkflowDownloadBranch] = React.useState(selectedOrganization.defaults === undefined ? defaultBranch : selectedOrganization.defaults.workflow_download_branch === undefined || selectedOrganization.defaults.workflow_download_branch.length === 0 ? defaultBranch : selectedOrganization.defaults.workflow_download_branch) const [file, setFile] = React.useState("") const [fileBase64, setFileBase64] = React.useState(selectedOrganization.image) + const [expanded, setExpanded] = React.useState(false) if (file !== "") { const img = document.getElementById('logo') @@ -55,12 +66,13 @@ const OrgHeader = (props) => { } } - const handleEditOrg = (name, description, orgId, image) => { + const handleEditOrg = (name, description, orgId, image, defaults) => { const data = { "name": name, "description": description, "org_id": orgId, "image": image, + "defaults": defaults, } const url = globalUrl + `/api/v1/orgs/${selectedOrganization.id}`; @@ -102,7 +114,12 @@ const OrgHeader = (props) => { style={{ width: 150, height: 55, flex: 1 }} variant="contained" color="primary" - onClick={() => handleEditOrg(orgName, orgDescription, selectedOrganization.id, selectedOrganization.image)} + onClick={() => handleEditOrg(orgName, orgDescription, selectedOrganization.id, selectedOrganization.image, { + "app_download_repo": appDownloadUrl, + "app_download_branch": appDownloadBranch, + "workflow_download_repo": workflowDownloadUrl, + "workflow_download_branch": workflowDownloadBranch, + })} > Save Changes @@ -188,9 +205,151 @@ const OrgHeader = (props) => {