Skip to content
This repository was archived by the owner on Mar 23, 2019. It is now read-only.

#201 Added "Add task" button #231

Merged
merged 40 commits into from
Nov 2, 2018
Merged

#201 Added "Add task" button #231

Changes from all commits
Commits
Show all changes
40 commits
Select commit Hold shift + click to select a range
0c1b3ad
Added loading circle when searching for certain client
sammysamx20 Oct 25, 2018
f2095e2
Removed extra lines from Viewclients and Search
sammysamx20 Oct 25, 2018
3e8ac92
Removed empty line in 192
sammysamx20 Oct 25, 2018
c0212c1
Added hover functionality so the title name turns into the Logo Image.
sammysamx20 Oct 25, 2018
2a07619
Removed unecessary new lines
sammysamx20 Oct 25, 2018
8903c14
Fixed Helfi92 Requested Changes
sammysamx20 Oct 26, 2018
6aff5bf
Added button outside of menu
sammysamx20 Oct 26, 2018
cf977df
Ran linter program
sammysamx20 Oct 26, 2018
3fb4677
Removed px from Logostyle
sammysamx20 Oct 26, 2018
111918b
Fixed styling errors
sammysamx20 Oct 26, 2018
2da3056
Fixed line spacing and removed quotation marks from logostyle
sammysamx20 Oct 26, 2018
d2606b0
Changed margin to theme.spacing.unit
sammysamx20 Oct 26, 2018
3e436cb
Added add task button
sammysamx20 Oct 26, 2018
0289fcd
Styled Create Task button outside of menu
sammysamx20 Oct 27, 2018
8052825
Fixed for Travis CI
sammysamx20 Oct 27, 2018
e301dc8
Added create button next to hamburgur menu and removed the create but…
sammysamx20 Oct 31, 2018
eae43fd
Changed button to turn green with set background due to themes glith
sammysamx20 Nov 1, 2018
95faa2f
Fixed button color error by putting the styling in the buttonIcon css
sammysamx20 Nov 1, 2018
2a2e89f
Added loading circle when searching for certain client
sammysamx20 Oct 25, 2018
411f6e9
Removed extra lines from Viewclients and Search
sammysamx20 Oct 25, 2018
f6afbf8
Removed empty line in 192
sammysamx20 Oct 25, 2018
b944860
Added hover functionality so the title name turns into the Logo Image.
sammysamx20 Oct 25, 2018
c10cced
Removed unecessary new lines
sammysamx20 Oct 25, 2018
4db6fcf
Fixed Helfi92 Requested Changes
sammysamx20 Oct 26, 2018
9ccfda7
Added button outside of menu
sammysamx20 Oct 26, 2018
117210c
Ran linter program
sammysamx20 Oct 26, 2018
bcde1f7
Removed px from Logostyle
sammysamx20 Oct 26, 2018
9946c54
Fixed styling errors
sammysamx20 Oct 26, 2018
074d8dd
Fixed line spacing and removed quotation marks from logostyle
sammysamx20 Oct 26, 2018
b437055
Changed margin to theme.spacing.unit
sammysamx20 Oct 26, 2018
99bc3b9
Added add task button
sammysamx20 Oct 26, 2018
bd367a4
Styled Create Task button outside of menu
sammysamx20 Oct 27, 2018
e024238
Fixed for Travis CI
sammysamx20 Oct 27, 2018
70aab40
Added create button next to hamburgur menu and removed the create but…
sammysamx20 Oct 31, 2018
b139f08
Changed button to turn green with set background due to themes glith
sammysamx20 Nov 1, 2018
5609949
Fixed button color error by putting the styling in the buttonIcon css
sammysamx20 Nov 1, 2018
12153bc
Changed plus icon on create button to not turn black on light mode
sammysamx20 Nov 1, 2018
30f595a
Fixed merge Errors
sammysamx20 Nov 1, 2018
7c41317
Fixed merge Errors
sammysamx20 Nov 1, 2018
f433f5f
Added correct spelling of requiresAuth
sammysamx20 Nov 1, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 15 additions & 7 deletions src/views/Tasks/CreateTask/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ import FormControlLabel from '@material-ui/core/FormControlLabel';
import PlusIcon from 'mdi-react/PlusIcon';
import RotateLeftIcon from 'mdi-react/RotateLeftIcon';
import ClockOutlineIcon from 'mdi-react/ClockOutlineIcon';
import Tooltip from '@material-ui/core/Tooltip';
import SpeedDial from '../../../components/SpeedDial';
import SpeedDialAction from '../../../components/SpeedDialAction';
import HelpView from '../../../components/HelpView';
Expand All @@ -31,6 +32,7 @@ import {
} from '../../../utils/constants';
import urls from '../../../utils/urls';
import createTaskQuery from '../createTask.graphql';
import Button from '../../../components/Button';

const defaultTask = {
provisionerId: 'aws-provisioner-v1',
Expand Down Expand Up @@ -60,6 +62,10 @@ const defaultTask = {
@withStyles(theme => ({
createIcon: {
...theme.mixins.successIcon,
...theme.mixins.fab,
position: 'fixed',
bottom: theme.spacing.double,
right: theme.spacing.unit * 11,
},
}))
export default class CreateTask extends Component {
Expand Down Expand Up @@ -277,18 +283,20 @@ export default class CreateTask extends Component {
value={task || ''}
onChange={this.handleTaskChange}
/>
<SpeedDial>
<SpeedDialAction
<Tooltip title="Create Task">
<Button
requiresAuth
tooltipOpen
icon={<PlusIcon />}
variant="fab"
Copy link
Contributor

@helfi92 helfi92 Nov 1, 2018 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you also add requiresAuth, please. We don't want users to create tasks when signed out.

<Button
  requiresAuth
  variant="fab"
  // ...

className={classes.createIcon}
onClick={this.handleCreateTask}
tooltipTitle="Create Task"
classes={{ button: classes.createIcon }}
ButtonProps={{
disabled: !task || invalid || loading,
}}
/>
>
<PlusIcon />
</Button>
</Tooltip>
<SpeedDial>
<SpeedDialAction
tooltipOpen
icon={<RotateLeftIcon />}
Expand Down