@accelint/ntds
An NTDS-compliant offering of a set of SVG Icon Components with fill color inputs for general usage, and a spritesheet for icons to be used in the COP.
Installation
npm install @accelint/ntds
Background
This package contains two sets of output: a spritesheet for icons for the CBC2 COP, and a core set of colorable React SVG Components.
Spritesheet
The first group is the set of masked icons that are used solely in the COP. These reside in ./icons/masked. Since they will only be used as part of the deckGL rendering, these are combined into a spritesheet under ./dist/masked.
React SVG Core Components
The second group is a set of icons to be used anywhere needed in a React app as an SVG component, colored as needed. The source icons come from ./icons/core. The first section of this set adhere to a minimal set of icons for Hostile
, Friendly
and Unknown
.
Category | Hostile | Friendly | Unknown |
---|---|---|---|
Air | |||
Air Base | |||
Air Group | |||
Helicopter | |||
Missile | |||
Base | |||
Carrier | |||
Land | |||
Surface | |||
Surface Group | |||
Sub-Surface | |||
Sub-Surface Group | |||
Torpedo |
The next section is a simple generic icon for any color variety.
Category | Generic |
---|---|
Communications | |
Mine Field | |
Petroleum, Oil and Lubricants (POL) | |
Port | |
Runway | |
Surface to Air Missile (SAM) | |
Structure | |
Target |
The color variants are defined in ./src/constants.ts.
Functions
- SvgAirBaseFriend
- SvgAirBaseHostile
- SvgAirBaseUnknown
- SvgAirFriend
- SvgAirGroupFriend
- SvgAirGroupHostile
- SvgAirGroupUnknown
- SvgAirHostile
- SvgAirUnknown
- SvgBaseFriend
- SvgBaseHostile
- SvgBaseUnknown
- SvgCarrierFriend
- SvgCarrierHostile
- SvgCarrierUnknown
- SvgCommunications
- SvgHelicopterFriend
- SvgHelicopterHostile
- SvgHelicopterUnknown
- SvgLandFriend
- SvgLandHostile
- SvgLandUnknown
- SvgMineField
- SvgMissileFriend
- SvgMissileHostile
- SvgMissileUnknown
- SvgPol
- SvgPort
- SvgRunway
- SvgSam
- SvgStructure
- SvgSubGroupFriend
- SvgSubGroupHostile
- SvgSubGroupUnknown
- SvgSubSurfaceFriend
- SvgSubSurfaceHostile
- SvgSubSurfaceUnknown
- SvgSurfaceFriend
- SvgSurfaceGroupFriend
- SvgSurfaceGroupHostile
- SvgSurfaceGroupUnknown
- SvgSurfaceHostile
- SvgSurfaceUnknown
- SvgTarget
- SvgTorpedoFriend
- SvgTorpedoHostile
- SvgTorpedoUnknown
Variables
- AIR_ASSUMED_FRIEND
- AIR_BASE_FRIEND
- AIR_BASE_HOSTILE
- AIR_BASE_UNKNOWN
- AIR_FRIEND
- AIR_GROUP_FRIEND
- AIR_GROUP_HOSTILE
- AIR_GROUP_UNKNOWN
- AIR_HOSTILE
- AIR_NEUTRAL
- AIR_PENDING
- AIR_SUSPECT
- AIR_UNKNOWN
- BASE_FRIEND
- BASE_HOSTILE
- BASE_UNKNOWN
- CARRIER_FRIEND
- CARRIER_HOSTILE
- CARRIER_UNKNOWN
- COMMUNICATIONS
- HELICOPTER_FRIEND
- HELICOPTER_HOSTILE
- HELICOPTER_UNKNOWN
- LAND_ASSUMED_FRIEND
- LAND_FRIEND
- LAND_HOSTILE
- LAND_NEUTRAL
- LAND_PENDING
- LAND_SUSPECT
- LAND_UNKNOWN
- MINE_FIELD
- MISSILE_FRIEND
- MISSILE_HOSTILE
- MISSILE_UNKNOWN
- NTDS_COLOR_ASSUMED_FRIEND
- NTDS_COLOR_FRIEND
- NTDS_COLOR_HOSTILE
- NTDS_COLOR_NEUTRAL
- NTDS_COLOR_PENDING
- NTDS_COLOR_SUSPECT
- NTDS_COLOR_UNKNOWN
- POL
- PORT
- RUNWAY
- SAM
- STRUCTURE
- SUB_GROUP_FRIEND
- SUB_GROUP_HOSTILE
- SUB_GROUP_UNKNOWN
- SUB_SURFACE_ASSUMED_FRIEND
- SUB_SURFACE_FRIEND
- SUB_SURFACE_HOSTILE
- SUB_SURFACE_NEUTRAL
- SUB_SURFACE_PENDING
- SUB_SURFACE_SUSPECT
- SUB_SURFACE_UNKNOWN
- SURFACE_ASSUMED_FRIEND
- SURFACE_FRIEND
- SURFACE_GROUP_FRIEND
- SURFACE_GROUP_HOSTILE
- SURFACE_GROUP_UNKNOWN
- SURFACE_HOSTILE
- SURFACE_NEUTRAL
- SURFACE_PENDING
- SURFACE_SUSPECT
- SURFACE_UNKNOWN
- TARGET
- TORPEDO_FRIEND
- TORPEDO_HOSTILE
- TORPEDO_UNKNOWN