[$50] Adding a badge again and again has no counter

[sdgun]

Target URL

https://frontend-dev.app.cloud.gov/dashboard/10

Steps to Reproduce

1. Open the URL https://frontend.app.cloud.gov/
2. Login as a valid User [Admin]
3. Click Search button
4. Enter 'Branch of service' as US NAVY
5. Click 'Update Results' button
6. Click on any record > https://frontend.app.cloud.gov/dashboard/10
7. Click on 'Badge' button and select the 2 badges and click 'Add Badge' button
8. Click on 'Badge' button and select the same 2 badges and click 'Add Badge' button
9. Click on 'Badges' section and Observe

Actual Result(s)

• Same badges can be added again and again

Expected Result(s)

• Must have counter with number of times badge as been added

Frequency

• 5/5

Environment Details

• Device(s): Laptop
• Operating System: Windows 7 64bit
• Browser(s): Chrome 67.0.3396.87 (Official Build) (64-bit)

Image(s)/Video(s)/Console Log/Crash Log

[ramillim]

This is a backend issue as well, but we should discuss the front end design here.
@dustinWeaver @sdgun

Since badges won't display until they are approved and there isn't a spot for displaying pending badges, if any badges, it's more difficult for the user selecting badges to assign to see if a badge has already been submitted.

So let's say there are any that already are approved or are in pending status, we probably want to hide them from the list of badges to select so the user doesn't try to submit another request. How should the UI look? Should the badges be grayed out/disabled or should they just not be on the list?

Should the ones that are be pending have a marker that indicates they are pending? To expose these pending badges, the API will need to be updated since it only returns Approved badges.

[dustinTopcoder]

Contest https://www.topcoder.com/challenges/30069622 has been created for this ticket.

[dustinTopcoder]

Contest https://www.topcoder.com/challenges/30069622 has been updated - the new changes has been updated for this ticket.

[dustinTopcoder]

Contest https://www.topcoder.com/challenges/30069622 has been updated - it has been assigned to jiangliwu.

[dustinTopcoder]

Contest https://www.topcoder.com/challenges/30069622 has been updated - the new changes has been updated for this ticket.

This is an automated message for dweaver via Topcoder X

[dustinTopcoder]

Contest https://www.topcoder.com/challenges/30069622 has been updated - the new changes has been updated for this ticket.

This is an automated message for dweaver via Topcoder X

[dustinTopcoder]

@sdgun, I've edited this issue a bit. The client wants to have multiple badges of the same time, but have a counter to indicate how many times the badge has been given.