I need to show 2 level alert for material stored in refrigerators. Orange and red alerts. The alert depends on how close item is to expiring date. Refrigerators are tree structured objects so I have a path for every item like : "-80c Pathology A/rack 1/box 1"
So, for every item I have a path (-80c Pathology A/rack 1/box 1), name of material (145-2C11, BMP6.M6.6G11), type of material (antibody, hybridoma) and it's amount. It is possible to show hundreds of different materials by name and approx 10 by type.
I can't find any nice and elegant way to show these alerts, so any advice will be good. I can do it with CSS3 or jQuery if it is suitable.
Certainly, I'm not the first one who has done such a task. Is there any good practice for this, any standards? Is there anything I should avoid?
I consulted this article but it isn't what I need.
This is a desktop web-application with logged users like in Facebook. Everyone sees his or her own account, shares the same data, but users have different rights.
Alerts should be visible on first screen. There will be space for relatively big features, width can be probably half of central column of this page
<div id="question"> but height may be almost indefinite.
Alerts should be notably listed but not annoying. Materials are numerous and usually scattered in boxes in refrigerators so we cannot expect from users to check them by themselves.
After alert is raised nothing happens. Users are informed that they have probably very expensive reagents about to expire so they are advised to spend them first. If they choose to lose their reagents in despite alert, we cannot do anything about that.