Chore: Add basic screen and toggle

Chore: form skeleton

Feat: wizard step 1 and 2

Feat: toggle button group for formik

Feat: select input type Form and styling

Feat: text entry page

Feat: Choice list and CSS

Fix: scroll to bottom on Add choice button click

Feat: format data at end of wizard

Feat: wizard toggle button and background blur

Feat: data table for custom info requests

Feat: editing and deleting custom info request

Feat: add icons

Fix: Wizard changes

Feat: custom requests migrations

Feat: fetch custom info requests

Feat: add mutations

Feat: add custom request option in trigger wizard

Feat: show customrequests on table

Feat: Triggers page code refactor

Feat: integrate custom info requests on Customer graphql type

Feat: Show custom info requests on user page

Fix: use normal table instead of datatable

Feat: modal for custom information request details

Feat: poller returns custom request information details

Feat: send customer custom info requests to machine

Chore: add field CustomInfoRequestsData on customer updates

Feat: customer custom info request data saving

Chore: variable name changes and lots of fixes

Feat: remove default value in query, sort request on customer profile

Signed-off-by: csrapr <26280794+csrapr@users.noreply.github.com>

Fix: return promise when array of ids is empty

Feat: TitleSection can receive more than one button
This commit is contained in:
csrapr 2021-04-16 18:03:53 +01:00 committed by Sérgio Salgado
parent 3de2bb3d86
commit ba8cac60f8
48 changed files with 2424 additions and 146 deletions

View file

@ -23,6 +23,10 @@ export default {
// for when notification center is open
overflow: 'hidden'
},
'.root-blur': {
filter: 'blur(1px)',
pointerEvents: 'none'
},
html: {
height: fill
},

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 36 KiB

View file

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>entry-icon/keyboard</title>
<g id="entry-icon/keyboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-2-Copy-2" transform="translate(0.000000, 6.000000)" fill="#1B2559">
<rect id="Rectangle" x="0" y="0" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-5" x="0" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-8" x="0" y="24" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-3" x="12" y="1.13686838e-13" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-6" x="12" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-9" x="12" y="24" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-11" x="64" y="24" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-32" x="52" y="24" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-4" x="24" y="1.13686838e-13" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-26" x="36" y="1.13686838e-13" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-27" x="48" y="1.13686838e-13" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-28" x="60" y="1.13686838e-13" width="12" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-7" x="24" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-29" x="36" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-30" x="48" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-31" x="60" y="12" width="12" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-10" x="24" y="24" width="24" height="8" rx="2"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2 KiB

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>entry-icon/keypad</title>
<g id="entry-icon/keypad" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(20.000000, 0.000000)" fill="#1B2559">
<rect id="Rectangle" x="0" y="0" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-5" x="0" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-8" x="0" y="24" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-3" x="12" y="0" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-6" x="12" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-9" x="12" y="24" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-11" x="12" y="36" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-4" x="24" y="0" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-7" x="24" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-10" x="24" y="24" width="8" height="8" rx="2"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>entry-icon/list</title>
<g id="entry-icon/list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-4" transform="translate(8.000000, 0.000000)" fill="#1B2559">
<rect id="Rectangle-Copy-33" x="0" y="0" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-35" x="0" y="12" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-37" x="0" y="24" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-39" x="0" y="36" width="8" height="8" rx="2"></rect>
<rect id="Rectangle-Copy-34" x="12" y="2" width="44" height="4" rx="1"></rect>
<rect id="Rectangle-Copy-36" x="12" y="14" width="44" height="4" rx="1"></rect>
<rect id="Rectangle-Copy-38" x="12" y="26" width="44" height="4" rx="1"></rect>
<rect id="Rectangle-Copy-40" x="12" y="38" width="44" height="4" rx="1"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -10,7 +10,10 @@ import {
offColor,
subheaderColor,
fontSize3,
fontSize5
fontSize5,
zircon,
zircon2,
primaryColor
} from './variables'
const { p } = typographyStyles
@ -115,6 +118,44 @@ export default createMuiTheme({
backgroundColor: backgroundColor
}
}
},
MuiToggleButton: {
root: {
'&$selected': {
backgroundColor: zircon,
borderColor: primaryColor,
borderTopColor: [primaryColor, '!important'],
'&:hover': {
backgroundColor: zircon2
}
},
'&:hover': {
backgroundColor: zircon2
}
}
},
MuiToggleButtonGroup: {
groupedVertical: {
borderRadius: 8,
border: '1px solid',
borderColor: zircon,
'&:not(:first-child)': {
borderTop: '1px solid',
borderTopColor: zircon,
borderTopRightRadius: 8,
borderTopLeftRadius: 8,
borderBottomRightRadius: 8,
borderBottomLeftRadius: 8
},
'&:not(:last-child)': {
borderTop: '1px solid',
borderTopColor: zircon,
borderTopRightRadius: 8,
borderTopLeftRadius: 8,
borderBottomRightRadius: 8,
borderBottomLeftRadius: 8
}
}
}
}
})