Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jplomas/drug-labels
https://github.com/jplomas/drug-labels
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/jplomas/drug-labels
- Owner: jplomas
- License: other
- Created: 2022-03-01T00:13:46.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-24T11:29:46.000Z (9 months ago)
- Last Synced: 2024-04-14T12:52:26.597Z (7 months ago)
- Language: Vue
- Size: 743 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# drug-labels
Vue component to provide UI drug labels as `````` tags.
Usage demo on [Codepen](https://codepen.io/jplomas/pen/VwRYvrK/8f1c510e34642a5b615f3014f43879f1)
_docs a bit of a WIP_
## Parameters
### type
_Default: null (displayed as ```others``` / white label)_
Determines the type of drug and therefore the color of the label. Possible values are:
| Parameter | Type | Example | Colour |
|------|----|----|--------|
| ```induction-agent``` | Induction agents | thiopental | yellow |
| ```hypnotic``` | Sedative/hypnotics | midazolam | orange |
| ```hypnotic-antagonist``` | Sedative antagonist | flumazenil | orange and white stripes
| ```neuromuscular-blocker``` | Neuromuscular blockers | atracurium | fluorescent red |
| ```depolarizing-neuromuscular-blocker``` | Depolarising neuromuscular blockers | suxamethonium | fluorescent red with black top |
| ```neuromuscular-blocker-antagonist``` | Neuromuscular blocker reversal agents | neostigmine | fluorescent red and white stripes
| ```opioid``` | Opioids | fentanyl | blue |
| ```opioid-antagonist``` | Opioid antagonists | naloxone | blue and white stripes |
| ```vasopressor``` | Vasopressors | ephedrine | violet |
| ```adrenaline``` | Adrenaline | adrenaline | violet with black top |
| ```hypotensive``` | Hypotensive agents | labetalol | violet and white stripes |
| ```local-anaesthetic``` | Local anaesthetics | bupivacaine | grey |
| ```anticholinergic``` | Anticholinergics | atropine | green |
| ```antiemetic``` | Antiemetics | cyclizine | salmon |
| ```others``` | others drugs | paracetamol | white |
Example:
```html
```
-----
### name
_Default: null (displayed as "Drug")_
The name of the drug to be displayed on the top portion of the label. The initial letter is capitalized automatically.
Example:
```html
```
-----
### concentration
_Default: null (displayed as ".............")_
The concentration of the drug to be displayed on the lower portion of the label suffixed with the units.
-----
### units
_Default: null (displayed as "mg/ml")_
-----
### size
_Default: null (displayed normal sized)_
Determines the size of the label. Possible values are:
| Parameter | Size | font-size |
|------|----|------|
| ```normal``` | Normal | 1.1rem |
| ```small``` | Small | 0.8rem |
| ```xsmall``` | Extra small | 0.6rem |
-----
### bordered
_Default: null (displayed as false - no border)_
| value | border |
|------|----|
| ```true``` | yes |
| ```false``` | none |
-----
### scaled
_Default: null (displayed as false)_
| value | width |
|------|----|
| ```true``` | 16 rem (size="normal")
12 rem (size="small")
10 rem (size="xsmall")
| ```false``` | as parent element |
Example:
```html
```