yew_flight_indicators 0.2.1

Flight indicators for Yew websites
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

# yew_flight_indicators

[![Documentation](https://docs.rs/yew_confetti/badge.svg)](https://docs.rs/yew_flight_indicators)
[![crates.io](https://img.shields.io/crates/v/yew_flight_indicators.svg)](https://crates.io/crates/yew_flight_indicators)
[![Build](https://github.com/finnbear/yew_flight_indicators/actions/workflows/build.yml/badge.svg)](https://github.com/finnbear/yew_flight_indicators/actions/workflows/build.yml) 
[![Test Page](https://img.shields.io/badge/Test-page-green)](https://finnbear.github.io/yew_flight_indicators/)

Like [jQuery Flight Indicators](https://github.com/sebmatton/jQuery-Flight-Indicators) and [react-flight-indicators](https://github.com/skyhop/react-flight-indicators) but for Yew.

![example](/example.png)

## Usage

```rust
use yew_flight_indicators::component::*;

yew::html!{
    <div
        style="display: grid; grid-template-columns: repeat(3,1fr); gap: 0.5rem; width: min-content;"
    >
        <AirspeedIndicator
            airspeed={80.0} // Knots.
            stall_airspeed={70.0} // Knots; optional.
            caution_airspeed={130.0} // Knots; optional.
            never_exceed_airspeed={150.0} // Knots; optional.
            max_airspeed={160.0} // Knots; optional.
        />
        <Altimeter
            altitude={50.0} // Feet.
            pressure={29.92} // inHg; optional.
        />
        <AttitudeIndicator
            pitch={50.0} // Degrees.
            roll={30.0} // Degrees.
        />
        <TurnCoordinator
            turn={30.0} // Degrees.
            slip={20.0} // Degrees; optional.
        />
        <HeadingIndicator
            heading={200.0} // Degrees.
            autopilot_heading={160.0} // Degrees; optional.
        />
        <Variometer
            vertical_speed={500.0} // Feet per minute.
        />
    </div>
}
```

## Acknowledgement

Danny Edwards created the original [attitude-indicator](https://gitlab.com/DannyEdwards/attitude-indicator) in HTML.

Sébastien Matton added SVG's and adapted it into a [jQuery plugin](https://github.com/sebmatton/jQuery-Flight-Indicators), as part of his master's for showing realtime flight information from a quadcopter.

Corstian Boerman adapted the project by Sébastien into a [React library](https://github.com/skyhop/react-flight-indicators).

Finn Bear has adapted the project by Corstian into a Yew library. As of version 0.2, the
SVG's and code were re-drawn, re-written, and distributed under a new license.

## License

Code and SVG's licensed under either of:

 * Apache License, Version 2.0
   ([LICENSE-APACHE](LICENSE-APACHE) or http://www.apache.org/licenses/LICENSE-2.0)
 * MIT license
   ([LICENSE-MIT](LICENSE-MIT) or http://opensource.org/licenses/MIT)

at your option.

Additionally, SVG's can be licensed under the CC BY 4.0 License ([CC BY 4.0](src/svg_src/LICENSE-CC-BY) or https://creativecommons.org/licenses/by/4.0/legalcode.en) at your option.

## Contribution

Unless you explicitly state otherwise, any contribution intentionally submitted
for inclusion in the work by you, as defined in the Apache-2.0 license, shall be
dual or triple licensed as above, without any additional terms or conditions.