Details

    • Type: Task
    • Status: Closed (View workflow)
    • Priority: unspecified
    • Resolution: Ready for Release
    • Affects Version/s: None
    • Fix Version/s: platform-4.3.0
    • Component/s: frontend
    • Labels:
      None
    • Tested Version/s:
      None
    • Sprint:
      17.15
    • Story Points:
      3

      Description

      Checkboxes are used in multiple places on the frontend using a react-bootstrap component.

      The react-bootstrap component does not support tri-state functionality, we should make a component that allows this and gives safer control of its react state.

      This component would be a useful addition to the TM Merge Modal feature ZNTA-1865 Closed with check-boxes having an indeterminate state to indicate partial selection of a checkbox group.

      Tri-State check-boxes are also present on the JSF editor page.

      Example usage:

      <TriCheckbox 
        onChange={({target: {checked}})=>{
          this.setState({checked, indeterminate:false})
        }}
        checked={this.state.checked}
        indeterminate={this.state.indeterminate}
      />
      
      Technical notes

        Attachments

        1. checkboxgroup.png
          14 kB
        2. dropdown.png
          17 kB
        3. styled.png
          15 kB
        4. truth-table.png
          17 kB

          Issue links

            Activity

              People

              • Assignee:
                efloden Earl Mark Floden
                Reporter:
                efloden Earl Mark Floden
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: