threat-dragon icon indicating copy to clipboard operation
threat-dragon copied to clipboard

Allow user to select multiple threat types

Open jospurvis opened this issue 2 years ago • 7 comments

Describe what problem your feature request solves At the moment when selecting a threat type, I can only select one of the available options. For example, I can indicate a threat covers Confidentiality or Integrity or Availability, but cannot indicate it affects multiple of them. This creates a problem when discussing threats that legitimately affect multiple areas—for instance, a service crash that creates Availability issues and may disclose information while crashing that threatens Confidentiality.

Describe the solution you'd like Threat types should be multi-select, perhaps with check-boxes or the Option-key-to-select-multiple solution. This enables users to select one or multiple depending on the context of the threat.

jospurvis avatar Mar 09 '23 20:03 jospurvis

This would be nice to have, and may come out of the 'vue box', so targeting for version 2.1

jgadsden avatar Mar 10 '23 09:03 jgadsden

should be able to do this in bootstrap-vue: https://bootstrap-vue.org/docs/components/form-select/#multiple-select-support

jgadsden avatar Feb 07 '24 06:02 jgadsden

I was trying to work on this, and i tried using both with multiple. This works but to select multiple i need to press ctrl key or the shift key. I tried to remove that with some JS function but was unable to do so. Then i tried using the which requests to send the data in an array. So i tried to extract data from threathTypes() computed property to another variable. I am able to push this data to the checkbox but then the multiple select feature wont work. Just to test if i am wrong or not i used another library which on someone's github repo and it was working perfectly fine. I am new to vue can you please guide what i am doing wrong and what i should do.

asad0206 avatar Mar 05 '24 08:03 asad0206

@asad0206 are you following https://bootstrap-vue.org/docs/components/form-select/#multiple-select-support ?

jgadsden avatar Mar 05 '24 08:03 jgadsden

I did that but but as i mentioned i need to hold ctrl or shift key. To eliminate this issue i tried to use some js function but then it wont work. 😢 If you have some other example or resource that would be helpful

asad0206 avatar Mar 05 '24 09:03 asad0206

@asad0206 I misunderstood - selecting multiple items from a drop list should always requires a shift or control key being pressed?

jgadsden avatar Mar 05 '24 09:03 jgadsden

Yes , you are correct !

asad0206 avatar Mar 05 '24 10:03 asad0206